![](\"https://img.shields.io/npm/v/@react-ssr/express.svg\")
\n \n \n ![](\"https://img.shields.io/npm/dt/@react-ssr/express.svg\")
\n \n ![\"Package](\"https://img.shields.io/npm/l/@react-ssr/express.svg\")
\n😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.0","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-l9ehMFdbjCq/DqpWTMP+m0vy/hYidbfbJpXIOQWwoRIBqL3Kf8xRzghpQntR6knVOTP/nHMU8RjUrcgomChrrQ==","shasum":"3263f23e71bd25c73323b6206239dbd54649898b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.0.tgz","fileCount":16,"unpackedSize":14323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo/vrCRA9TVsSAnZWagAA1b4P/05JPthJxP6bfclBtupQ\nrp1XD0GALqb6wqTFH6Wgy8Q31Sj0NTw41R0yGJNogFxXaMT1M8qOw5piGum4\nzTVhWxZuhHJ7KELDvWhc7QGVjqgCQQ15fAPrDKV2Jf+Ml6IO7rsY1fLM2Fsm\nh2MNIUl9OiNAuFgmwFdXRO5jq+lH2KORiycxcafFXzcIOyPDSWOXRbgD1RW6\nBCLo5L4G4WNqwwqLckXLdHVb17ARt/STFWxN7Jrg7Ezkmhys6Vh63oXpH2rc\na5SIWcXChjjFuMcZ34O/+Ru8clzbtUBaCYj2TF+ZLZSeX/ElLgb5N4MzBnPe\nWpzgnIrrZnUKcSN1CKn9GXRWhQZYEgUlvuwlo3dfMgAF9IaKNtbkS5J63vOw\nYxqHOzHIqkqyOcVz0P8YxlkUIMeFsyPJhVTA7+xnNCVoGkfwIajHJkf9B3EC\nJAzHT/eXlIeqFEzribHS88KO/quSho8cOCQO0G5JdmD4Drde21hRxBZwcp5z\nde6bk0nIa2snVxy22VzzVDMKxIr7p/IDkm75sA83j3ULREr/fDhAj7nqQMSC\nX66dGjYaRti6U8XaIYfp8flTQipupbQYSbkWW3513YJ/AIHGb+9bxtbhGzVA\nxtlXM2ALexEgYNw8em92lxuVfaLgxSjSmRWNQOspPljX5MUQRPXhzwnrOx+s\nHezS\r\n=S9Ef\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGHwc/cFlmM4Wx/gdouT8gORoeeVLIKogcOAa6yP+wxGAiEA4kG5gVmUhFu3eregTlubF2n2WzMkOV5DS5H/a9odJBc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.0_1571027946664_0.7870355568692826"},"_hasShrinkwrap":false},"0.1.203-alpha.1":{"name":"@react-ssr/express","version":"0.1.203-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"1f4ef1426bb23de60e5c9ab3a0f104ec2c5bfb82","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.1","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-Dp4cSP2fLpPOpoDWWVucZ6aNOEJLeAipqzEWdmVnKdgSXGfWiMhJ22ak+vS4579L6+vaav/m75tNDg29Da8oXw==","shasum":"e29d1952fe3e9684a14a7079f2e5f160d372c32b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.1.tgz","fileCount":16,"unpackedSize":14198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo/4dCRA9TVsSAnZWagAAiGQP/A9Oaeye/cMfk5t4yRSf\nCS10RJOmTtcYs76E4+4ArN7hZ4G8uI8BlBoJePIQs5dt8upQ3KH/IiVU2JOB\nBTnYC4lecn9Zn60IuM4RqQSZEnlEsefFWvVsw4Hri1KUyCxMvGXku+d1nK9P\nm2YduoxLDSpKP+s4jouBMfK57JtZKrVsuWdLkW6yDPgfY16nDB4cta0Ow37A\nFqGusdBttLl1ZedwRmzZmEEjUFZsdvoroVU22TNxNBiy+TnO39UXOh9SbPs/\nCCd7qaJ+WX1s6X7wpVU+CCRJqvNe6gHwbeamMntFa1urnxl2SRK3OcF9QGrx\nus0a8rtrBmQuhpAnUFsoAgWIkOmfMEmD3fjWzeIkE1NcrK5DOVv+UYeb42CR\nLPBBZQhuhUn8r9qjM6+Y4Vzn7TQiZg3ax+aAmmlFRHFppJbcb/XkkEGJ3r68\ndFc6saCZh7gDgydMv+BW5FdFN0ZI23VQaSZLkhF9qaI8ttfC/Gfpd0E5yKDA\n+yUV8y7agaUkwS7kSDoXMkn4Fh8Ookg/rUT97X1c+gentW6RvagWjtPoMyk0\n3/84lauln4N4InS21LMssQlSs4ra8sQs1fR/AkRitJweE1qSN2DEyH0R/HEC\n7S6D+AoIMyr/dNel4W65rT/DeCRhYznLF4gyh1twDba+e9oSvTqL1kqj6gUf\nk3Qj\r\n=L6EM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEzyXendkOZxKH4UuFR2ID8fe9ayI931N5K78ZW1S1NrAiEAtYj63dNsIxk9K+5ffmFuAgXOZ0u9qzqY67xoIwSDaRI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.1_1571028509229_0.19324991002279912"},"_hasShrinkwrap":false},"0.1.203-alpha.2":{"name":"@react-ssr/express","version":"0.1.203-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"87a7cdfddeccb797398a4f466067a2d7f06ab395","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.2","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-08qOwKc+WuUzrKPsNrF4LaSrs2ymw89vpenRvWvVjKA8Qw8LDyUBCyDqT7NocjeLWYC8y7uMtwCYWr/dQ2vz5A==","shasum":"4f0a194472b4e7d7c108b2c361cd007ad4afe6a5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.2.tgz","fileCount":16,"unpackedSize":14196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdo/++CRA9TVsSAnZWagAADDEQAIIwV6ndZKEFi4YpribJ\nX8onUQii9MzhYvlsm54OWxEdMa4GL82XVdzEvNmgOoUriOs5vifOdaxrrlLt\nvkoZssk71roST3+yA6FbkSO2gzbh+0fMQU3WjNCJFj1nrxtTHO97d0aVuNkD\nIhvmr2z5tYOgNTMAN0AERNGrgdTo69Lw5BWhP0zp9RJnv55g4J44mUs4bFE7\nzfjeNJ67jHXFWPtOoQs0hSeNUP7PiEqzqZWGoB/fsHWB2Fti/Rvy3wi2AG65\nDUQGx11x421RB4v8XvC1bew6CVkMWrQjAZsHj7hs9rmzXvXo7j58RLip7yh9\nABwuVIOz2lRwxp9ehKQsLUyRDrbT+w6Ew+7LEzBBKbrcxzVpyVUyDO+RL3Mk\nvgzMX3S9KQyTT9iOOjuIlwpSUCfRdNk710sHItpTBPXx73ZEaDbCnf8OzIFh\nmb89WPyW4OGaWaCNjQYkZ0LVTMZyj7RBwUS2ez69XEj7TLI3WJckegD5Ztw1\n2M7PkiPJ0YsAX9c1REil1WHLxF+gKXsl2fJyanf0UMUVo2QdDhxG9PU/IdsO\nQutMiRV0tBQcrzO3OqBqgYn1mD2X2Ll5WuZ9MME1CNgZ/zFArD68rIfSis1+\nTLIO0qQrCrAnozFW3VHty4p557sb/MRLB5Ttcg7PchHV4nPPNG8uCPbcW2f+\n9PXU\r\n=/F5w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8/uD9woqmV3IRaK+COzQRXgQ8EXQJcHReZjr8BLHXmQIgWxdGkN7yniC8ldgH/TkLonlTf5SNA63epKEqeb+MbfU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.2_1571028925447_0.19193351937774716"},"_hasShrinkwrap":false},"0.1.203-alpha.3":{"name":"@react-ssr/express","version":"0.1.203-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"3a46f9c8434af1227578e27ddb6fb05b56ec013b","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.3","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-nwbDethW6JlRyo8h4BiyX0e+GKNQqiHxIgdJTD6CdXqJn3PYHoYqkWkItHEq7DDvkAN26jo7mW+eVZG3V+JoIQ==","shasum":"39ba5806bdcd66a148e050b1e548aed7de01d418","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.3.tgz","fileCount":16,"unpackedSize":14220,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpADNCRA9TVsSAnZWagAAwk8P/im2yID7GAAMxI6/zaHO\nDYCxCOB+jPIZ9Z4hYuik6n3GLMUTOpFqBI1IQctuvvkS486U5EbKN+dG7rNp\nusBkLyiMeBVLdNc/1/G+PDJM5W0ZjU37SUn1lWMtRAXNzYBhTdRxXSGqHbWO\nMqZvkcElm7Uowuiy7LhC5CEys9BY20+qohMJlVZn94WcjtGtNk5oGmN+vOg+\n09or6x6YeiGDHSOYyPEp/DNzrRaCwmtncn9za/DzmyGSyMdwgTLRV2CIrfpd\nRDOcOxI6QrKGoyWpWCXBka5IBW4ZU90fmaXAHVD8l2FoZGHSf0/wCM1S3DqD\n1bFDd4Lz4CAPosyo4eo7aqIuZfe8jL/56WBtKHx0lIRxklDUD2vyZ/bmo5pB\nY9X3YAY8t/RFbnuEbkNSE/G+cITIY+/HQNjjjoUALR0qbbTO1tdR2pPRN1XC\nv1uV8VGUOwmnc3T9ze8F+nvVOAk0BfsW1WBiLi3qC68r+B8g84Es0G0KPhqe\nwe6JyfDPDngD+GkytT0nGDfWv4HMgErS//Ktq/dzCYAT6jBl/FMPurdJygau\nNB3Qd3x7arC2EJyPIrSJ0H4Aaox2diRlh2lIJtjGZH2KGZK+zy7ah7m0vTSr\nlLaUHvePXSQ17N0j+TqdmdYvrZZTd5FHJ86m/kguGSVZ+KobgnoBeQaLM8dt\nitdC\r\n=uXZR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC7QUCwznCBC2KL+ORLg8NSXS7k0JdKgImjyjAYXdlZ0AiAN3y7HUnqZ9zet1moEyuG1E4NtPz/zf5PpHm+cY8LMlQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.3_1571029196773_0.8706278396209775"},"_hasShrinkwrap":false},"0.1.203-alpha.4":{"name":"@react-ssr/express","version":"0.1.203-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"bf527d661e8219a1b9ea3fa4a57e7f8b8f857823","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.4","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-hzJ/MJSotcZNb0VH7q5ZUCe8ZlHJjodymzfQ60upl8uayi1/ZW+CSdpPCgUfYMJOcNoHnpwvqPl66rhPig5h7Q==","shasum":"c2ca085e54763180dbdaaca54e82b70ab25b5b99","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.4.tgz","fileCount":16,"unpackedSize":14212,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpAIhCRA9TVsSAnZWagAAS7UP/0zh42CJCDNCNrD/GgFT\naOx6pMkVrVQhYqkzLff6Z2h2QJkNbTEyaxWal79BwhBofVsvcCXREXqgb8le\nY5l397DAUlKj4QbkWJ7zSl/qF6KowYmtqAkUkjWDnAb/VDHxOGG0183hIv+i\nnTshmbyOazT8TwCqcwBsXc+k6HmCanWt2EZhZxCeMN+/jJNVK7f+fkdN8clT\nNdC5wdShJ4eGrQ3NaZPYth+0sgSDPwb4cnzs6Eq2lQhAmvOJLEZxsYfgOx+g\nZpagrnxTaQnzMYazL73CoilLdqvAfG8YBHprauVQPuMJd0hvX0Dza3nix8u8\nCixxtQyJ6i+rErIxy6hn/Bv4CN3NW0ZuvbHyBpSesW7djSOXwRGlZ6FGlZ/v\nSnm4+vobsZetVWiqaJYc+TXNR6nkkba8bPba/LSszJwF/Ax1/oAWjHF4FBPv\nQsgK6h9/fg8qAoFbwHUXD019OUzZdASkPWuJRqpqd/se12n/T9dFUwPH7CSg\nmcbPxfuzB3PJ/EPyCk0g0rraWj5R888Cb4Q+BdnYm3QayxbWYD24Ddf8pQkL\ncuLHkHeBEEO70N8t0w1MccaehyWSyizeJA05TicI4HT9J0yrz+gI7kHErQhI\nKSse+atTPSF2Uhs6YCzGCtRVus6k7eX35FdWlQArIZnIpNHZjHy15mFWfYNL\nytLC\r\n=32YR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBFYjbZf2FGvxpVIwjciPMAZmPDYRM39NiS7DN+QApkFAiA+FCf38knNaC1d4/nZVMIbLEo8G2IObp8uLpJ9fw+oRQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.4_1571029537176_0.8977268570797226"},"_hasShrinkwrap":false},"0.1.203-alpha.5":{"name":"@react-ssr/express","version":"0.1.203-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"65f7ed07d5a9ff8bd77f8a77bc1c4d610b24b956","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.5","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-gQfmSCrEqKT5agz/D8CzKEWTKYmsuEPYSqMiWxG/xVnTPzFQWH/Qcn/tQG2nVfFJDsTNaXPQC8R74W2GXY4tYQ==","shasum":"b3205f789cdc03857a2ebb78f70b82721c2c8af0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.5.tgz","fileCount":16,"unpackedSize":14410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpARECRA9TVsSAnZWagAAtloP/iOJY5l2h0Y2gTpfpxHr\njidT2ynS3NupT5O7nwuRVbyfPeksOzd46bnFIl5jiSMW5/gJAL3UF5tCS+sM\n1tmjfJS1ifrgJfnH9aOj2CGbvibEkGQzrUiBeHQdZLVXMabA1QM1tr5EY3Jp\ncmX5YPi532q423ydELGVr8cgpwHPeNClm9V0QHzWF1H7iX08JJeDUCETF7Vf\nWmtFxxWzgZOoG9psrWFky6L4XRd3RH4pNEGEp8mrz//R19Wb6NmTgKsk4RwV\nVUm2f9AUClLncI7w6OQOpVNXD6p0AGBzy9a9T0P1WEhprCB0NYlk8E6DQTGj\n30bIV/+Q9MBknxFL41Xwtdbd2Yk/Ut1oJAFAcx++6LIf4OzAZXax4M5z4vm/\nnxgeeC1fGryPsQP3tEH2SGI3CV9E8BqpjONkDJL4nfH4AZPWFkIAgKx0bPA0\nX2wCmVTAn6FDStbOV+CNMsQDj38kNH0j+GKl3CYWOurtd+0txizF+QgwpJRb\n97YEvXjILMBAtuUP1O70AV0L400Yhf3nm6wKpPLEdW4er0n18ftUtfqiYSu7\n8Ds9c0TjYfMQqOMXrXoQZCitG7duqfyxVC9zVCkKoRl12bDylghKSRWQV9/A\ntGGulw/Mvl/cpckVb07r3skDws44hq+Y8O1cOYVd0aBWNFef1hE1PoSxA3P2\nIgHv\r\n=pzMC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBxHvsuvQ8JhMTQ+vWVskMKvtHxS5M7kW7juf430/MemAiEAnqddxfYoNGeTH10E42SMDIpi/1F60Y8y1bRfH0QgusE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.5_1571030083632_0.4031233626619475"},"_hasShrinkwrap":false},"0.1.203-alpha.6":{"name":"@react-ssr/express","version":"0.1.203-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"3634291de50475aaa395fee0d202d60636491248","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.6","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-4xIpgGGsHAk2+lK69ZW6Tr77JMRog7fY+VXdSSyVjgrUdvDH1jezjVvdaDL/VlcJ8nNxlzkvbtOEUE0uUq+Uhw==","shasum":"640dbb3e189e235c78db2f09d3b3a931e3b8e116","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.6.tgz","fileCount":16,"unpackedSize":14409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpAWkCRA9TVsSAnZWagAAPQ4P/RM1EN5mGfO3G5SuDaC4\n6kH0AXN4JvwFOMYP1IEyxWtcIXfJK4ZMaCZVdhAAX3ZRg82Q0SXxVwoKWwhY\nsnmiqdM9TZhlH9KHhi/fj8DjmDTRh0nFCfQKJD7WIHJg7nGWJiOachz2unmc\nnl43LxEbGBEhqWPd9GbKsI8qGBvk/yir2DEgbn+BHv5z+LS99p8ckKBGZUda\n1XuIpq2VbOyw210ZCt6BMbisKMPNMCdQyOf1K2QeiqruBbrR+nU/nr04EPSi\nxdQakTmBeep7vJDWNUTtNqw8EbucpB7ZyzKcMBMJ3YQWVPkIv81fAPKGXPZq\nVqqt42sSgch0S24rlTXM1Q9qfH4t+8fVX7qNQTULLM/I6t7IQmoYlqryEgEa\nyTeQgVy75mqX+8wOeyJLJaL/vgFrvdF5OqL41b59C8GN+aZFsn2xtiPmlSeA\n9H3gjBrhZlMI23KIIALcNL694bIhjAXR1CsG2CLXv53YlXbZ/VbJMYkUFMX7\nNkPp4GY2/dejcTOu2e+QX9mkDKOcGzcDbAqHlO/nhB9RML3vcZIjlDRu+Edr\ntr6RxqY1Hn9l8CvAgbspPHLwL4qjnSUFat7eB/FwIInEqRBVjcy+MI8JZe/J\naiY3Sc5MKYkKIndIkFn9+WwhBMJN0hT1MeCyuPpd6HlwwEj+7mZ3biQo1q+0\nJB1L\r\n=msqN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYarJxNkKMI36zUrl2BNH27dIA8N5NPZWkrfCzYnymZAIgaFKwH5QOAPKYRY3i49jzIkmTc03Bg43WJS4RdXZphVY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.6_1571030435366_0.7845015673539983"},"_hasShrinkwrap":false},"0.1.203-alpha.7":{"name":"@react-ssr/express","version":"0.1.203-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"fc99e074cd82458217da25adb1cc22810e448ff3","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.7","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-f5cY/v5X83qxu1GDGlkbdosHDKru8hIgcvEqRqTYmpj+BAt/u1sRrxxNSzMqusU/lpcJ9yYzWVSK59aV/a6NWQ==","shasum":"1cb483637ecaa5f4042b6d2d03987e8f915e05c9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.7.tgz","fileCount":16,"unpackedSize":14248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpAdJCRA9TVsSAnZWagAAbKkQAI5zxXldAMQfAs1qG3u+\nQGuce4BUlPJBb4m7IU2zhGT0/39q3DGlKRYA9kSMfiKXQtdh1EzGBSwDRPLp\nF/hGrH7G9CKvy/368SYiTpUOT2ezqtEpoFa335rAQDnvUfhc3IE/AiVdA0lv\nVKWtDDSGX0WUtWiSmqy8ethsrqRR1DCN140HV1rHuwB4cHFZcE0N5G1if/qP\nxIrWwAhCVzlVwe1+tedGvwk9XUolAAPKkr+OXAK4Ff5F3i0rE/0GDJ9tsOBF\ncJd8C0l9kl0OLK4nU+6ff01TlSHUxApXlV1UHYCg9Th5yB3r7Kyk3dEo2PqN\n+9alOQxP3poarIv+FYeu7qtDiNcx7qx+oSr9ouLjZjtSirO4Qc/GfzL0ZsyP\nJLsonzvEkZXw6/ww47ZvxEQp9WBFkW5WBTHVArdmXk4pl+GLFuehFhu3JhK3\nNovqLFY39RMzGC/Lo1q7ZJsAlrNtIAV4aNNYU38VN8HE+JyFkIzdxKIIgz7q\n5EFoT0oYI+WgYqm0LzxCL08yYkO/Tu6j6WXo/4n+cEmQLN7gh1lWQcljoE/B\nwgFQOkm5yp3IZwlCdu3j8sjKRFOwH8m3Hkc4MOZ61XbGixYDEp2r8tmNMjrq\nRMyFrWOofe8O3qKCN12oVYpxiom4bySEBqX5+U9dUOuhBrKVZYXV/fau5y45\nFxD+\r\n=rSE7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3P5R1jT1DjVrpkmIXeymw7w2Gkc5GLsFGvGaIrR7raQIhAJvo1/zwFHUsqNnpnvZmQ9OOTa9bUWdhme6StMjvbf5o"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.7_1571030856460_0.5560654179874125"},"_hasShrinkwrap":false},"0.1.203-alpha.8":{"name":"@react-ssr/express","version":"0.1.203-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"bc58d590d3b06580bb681cf77beb9fbc6a36d6f2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.8","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-TdbGcivwNjRXwBXfZ16hLuA0Tl/U4E+9Pcw3GgcdMGWbUkPcWUHL0DvEDaiMphNPs5j8TzrjCMnh6WGfqW6/iw==","shasum":"a46996251b73c5ece2ddbf0ebfa08abf1c761218","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.8.tgz","fileCount":16,"unpackedSize":14260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpAiMCRA9TVsSAnZWagAATLMP/188RbPvLcrSPYNcjRqF\nTM2ZBIVfRHQh7YGjrWRQQg4DAbErg3kW/P0/s/RL/34act/mcMPoolF4aZQ8\nrRsWrT1p/9ibnLWx3AsLDfxmtdEh1+7A1aa4srAU3UJMwyWosRJIsSf3N9R2\niTb11CTvM+XdttNIFTNFfEQ2prJP21YQqGbKBt9YUGoGOPBWQn4OM2E/L6Yz\n2fJyLxz/z0rQ+e+HTUvyhKfmBQVDK9NTNkRGKaQRxFbB6VhYB62ewXKgmBZy\nlvFQ/nkn5V+0x5g2eCd6pvmzkbBhM9HdB5W6ayP0rhzyoi/AxRJ92IoB5+S+\nnJ1FIKNA3tOsEO82l34lT/41DDG007+tAHxi7ET4K2E2ki9qptIXZaIcbzaG\n29MOb8lsDBQSRcRUvcMT8bWJlOW1IOrz2vMiS4tEXMZb9sB+v66zWyl4V/m2\nBcDZ/XtuPM7Jkdmnoy+c5Apgl9LsNZTqELYjjuBVvY+vpmQQTqZRuh4/u7Wr\n5pp13RkGMWGbNQMTIGZBRRoBBqKBDXZNozMxnajOR5NG9G46IEREkv3ASTbh\nZbOFUTcbV7EWB2+IIM4DAO00ORpEBuHY48a8GrGO/B9VdM1blHdHA3v9MfWE\njHt/aTIc66VuGIYtvJRWjuN11pCLwxn1wlXlc8yPRvi81t9FGX6Nr9jj5ugu\nWYif\r\n=mZ9w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaRgvbIgNjkPP5w+/xzjlJNZuzGXmzug7Va0X5F21nsQIgVt5TaHomCU+PDsIXo0QlMdlv8dwI99Uti3zFD4uZ9j0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.8_1571031178346_0.8059055526242038"},"_hasShrinkwrap":false},"0.1.203-alpha.9":{"name":"@react-ssr/express","version":"0.1.203-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"527654bd579026e4f302183e2d31b562ea074fb0","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.9","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-vSpjDFq8BTowWDSSGMkAMVuJsPlEceLhRZPcP9G4/fsVmhcXgDiv86f1plEn2BzFL32sVLHPT5jkEXtg1J3hng==","shasum":"f387244d8415c8b2c94ce3d0865090c8f58c4eb8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.9.tgz","fileCount":16,"unpackedSize":14262,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpAl1CRA9TVsSAnZWagAA2AQQAJaetetxMkKAuJ0ySZQR\nfkKRcvr7SWOzNxJc76EHLFtIKMJzG58jPouc51s6PnMxWyOn6pIhlMco7YQi\nFscl5xhBDyQc77GyMKprAqArvwgNIlb/eonPcKyjwKpa7UTgTtosoDFCYzQo\nu3JjR12jpKMihaUM6b7af8d/f25vDe9/uf2i32O3yd0oVrWqXQpqokr+URdf\n/70nNoPJrHfCeKOC/zk4iqG1GvwvuLLgHxop94F9+EA9KvXlm3FbZFIr4b2c\nfDtu1IM046GWYERHoeZxTtSBPbgPN6dL+H9nof+dWSP05dI94Rh8Vug6Z5cL\nijwkfwkS8PspWRbjzzyiZIB4Hkh+BWmKT4uM8h9Txkw8ucjyYDxnpZOE/NWL\n25sBiIbXY4zA0o25L8QaSxualuowz27Ymr7QMTfna8QhM8mZIoq4lERTA4+h\nAv8RKd12dF+svChvdOxQdvuVjKbYHUp65MyX9ZRwoEkSdeZK9ztlZf6l9/Wj\nCZjjLJXLp045Ix4V3rtc96pXjMly8ZWixlc9fFlTwkizWiy7FK+IcfQT+P54\nCEbLXKZxokd+Qs+jjz54k4bKLm2kMhytOWG9ElZ76QP9+2kfaddfYIfPMqMh\n7htplpSULxe2TaWFSKQHv9V3tzQ3DZF/yfc1KqQ8v3eZOYr0H8Edy69VzByd\nrh5c\r\n=Vdjm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjFC/InfgPXLMTJekIUOtftPHrcScdrIWz0kvGWAnw1QIgBZbBs/bfD2XLUsSKbMLW15r+f8ubbqvZnKw+mc8+GkM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.9_1571031412412_0.7420591437583393"},"_hasShrinkwrap":false},"0.1.203-alpha.10":{"name":"@react-ssr/express","version":"0.1.203-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"6af22aed3624c2048d8fa5b5ffdbeb695e0f8a57","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.10","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-b7x0hgVGZ6Vq0i+JZXkuVarHnUzUZnwAnVxYli5mIDVVpgEEusjT6T3BgbFIPJMRf6GslDwdNB+HWX2R5sowkQ==","shasum":"cad7b0d6d5a81094448da29f84feb94f0910a26e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.10.tgz","fileCount":16,"unpackedSize":14283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpAtrCRA9TVsSAnZWagAAbu8P+QA4rY7x5FwjpKKa0Md2\n79T3sgOdDCF20+8ht7drt3RUU50izBcFq4sHDu/2S3zhih3UWFvxjZdt8s3C\nt5pa0VWAmQwIWxTbnoH7oxFOqhP8zle0ANvECEouzZtnshlzYESI/KzcXGSy\ndjIRa6ivCo7vIsCtECXWNKJtMYBaGdB+En2K3OU9p8kRUcxGqtLL5e254o1q\nxYh1UrDLSH1LFiMSQkYhVh+m6W8qqrJbEvjbOfnyr9332JReDGaU3RmU4TFX\nsJDSsB74ehDDeJ7/ozevgw7SH3Xg7srPLh+9Tb3AA+GUc6uSFEvl0AGgJyCp\np1CHk3H2F2/TIBeYMJ0M2zyMAUw2Guh8HMhJOUj2toVo+gtxWSIgZwifThkq\nO7Vcmv9eEUSLRvUAuj5gE+QRVU29jRlF/UjSn4mXjsx/Nhcp8QYXxcNOCKST\n21xk6IxZjmAnQx6inVAcTkJWQx09FHHqZqRAcRoUvlITqmvDqE41g56jtmhW\n3zUGYIrJgxIAwlK4+dpPHkiEpaANRrP3eRagkOIcqGxwze6ls+cvL8T6/AKj\njj2AgOjiYkSLUsyRuT9+xyxsShGuW4GrOEI0c+XPRrXD3wzTQGKAYozwk0+M\n42FqumeGn9zrGTjOOpHpah9clTxyv9dX3m4/Le2HVwZQ0XnZ8sDrDzDhlS40\ncVyu\r\n=BQCt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/lOedffOdqOeECZi/BpFyCUIDRMRWSJPR27H1uFgAtAiAiK0yuoPxOS3FkuBjIpByh2zd6mLky11ixlSznfiOZhA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.10_1571031914546_0.6662731071852692"},"_hasShrinkwrap":false},"0.1.203-alpha.11":{"name":"@react-ssr/express","version":"0.1.203-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"8b881f703d16f686ff431163531839f066e02203","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.11","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-yUtD3EG9Ikd4miqx+ANC+wUHSzfGBmfNgDcreAXU0oRckhY4F2aPc4wHBCe/1bqyBe3gDaBAFLsE7ftuk4txiw==","shasum":"1937c094d1767667fa0bc4f2eb497da2634ad452","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.11.tgz","fileCount":16,"unpackedSize":14140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpA2WCRA9TVsSAnZWagAAChoP/Rm6Zw8N5corcUiV2qM/\nReNqAiUdzK+nGOmkN6IFGJC1xDMN4BlUJNiu1mrCkfI7jfN2X+Nc1prp2LwP\nwqmzfpBsiJExRwHIerYrjVy6RKSdNgw2vQJwTmnzI3xhhByFzRAN4z+csxiM\nv/oLhGENmvIHXzNirhyFNC8YJINEBkWBtQV+faWqfQ1EZwNIf5CJzzPRoRm1\nNK4T3AeUKdBL0ycFrnDJG4vcsrnMkXtfgg3lCL2dNh+euWO/U999QOdjQgaN\nnKwyYjeU5zoAhJGmGfVwvQbQZXdXXVlTVBXtG3GSfgU9oAQ1X8KgSJSwDfOm\n2pY9RkYPSULj1x8tptkXkd9H+Bts6yq17lXyJgc3rwDUKEZ3COcAO/YGAc+S\nwbalZph1lrWyb11sSVB84Q1/hp9MM45Gna3jPBpAizKfsLO/F1kEkAsY0u7h\nDphu0MmMbAlJZRPcbTU9M30khX6zg7Y9nakPot1EqUs/KYy9Na11OPDJAbir\nLfThzDEtBD1Jq8aLoXkteSdYUw4MoQHK9gBxBzP0ltPWvl47txJsxJ78vxd/\ng/Jbo6WL5hktHo7sx0wcrlEzhrzWAi04AeiIniYB+WINPJo7HMn0BoYDW6jg\n+X/wFWKrWyyqn5w5/I2+6AubFKYf9AXpUIJKCEdhTzHy6aqEJSfd9Sn6FYTC\nUOP0\r\n=I9E1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJo3whDB7pewtb/K1szJOrbaGX2IQCf4smMrJLnxNVMgIgLODPUzSeUoGXVgoYLQBttqaElI6ccB9JBQ9Mrb6w/4k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.11_1571032469870_0.5827229895949042"},"_hasShrinkwrap":false},"0.1.203-alpha.12":{"name":"@react-ssr/express","version":"0.1.203-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"55f562327addcbae8b0746bba662650c5a17c33a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.12","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-iNumEqlmwiFz/fLasgd6TWbgWNVj0ocO5uKwwtc23yKs1Pbzz8YeD5NU2s/lqH97YqS3j7iTjBLb01yJ/xr4EQ==","shasum":"5a683a7b77cc1925851543ee8cc965c8f52e6961","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.12.tgz","fileCount":16,"unpackedSize":14158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpA7JCRA9TVsSAnZWagAAoNEQAKTZQuO0uU9vNaQalL+2\n+uB3dPobDEUCsKePsw1n/h6V0kGoiVGOLV07nia6EBvNDjv6w5IebaxBXoUN\nnXwUHLOr1S8E0JFhynYSTXcGcpJegaoYEwJXSYWe6eo3oNKmnLSjKTKjezfw\ncXP8kg/tPwkFu8+ErcXoWUkVYwRqT+WLEMphYA2oEGUsbmX1ouDc9CC81jQj\nHtu731/j9Z2iQ/2Y2JLE2dRAbNp0/z2njNnJIsM7fVwRX6TSLoQPXlXMob75\ndCLubGf2B33wWm78CBXLFt6gnqWbUvKpfhy98WWTN2h3WRTXfxnlOdDjRQ1H\npKXL4+gjU6eD+jSwcWlDa6U98z7HECIgEPjsj45m5ia5/++RVRHYedt/9jLx\n2V/iGR34PnSDYbbVlKSZw8HEc+iO9VykM0HhFoWuMN4Qpn+f9tTkUQjQsowo\nihtImDNeIddqjU983BIjg2RpwXZBwCU6uCTmQAnsMaQcdabyhaAHxXn8yea+\n23iR0Kwyp2xfDcIspW2SBTJC3u1toXYLArX6KQXh5I3obWFK9BuZchOU0GQS\nIumaGGp32chj55PMGYRrVL8V7S+/0/9Siw8ci0vueV32xc7JOMTPvCyrRM5W\nOzxVwHbADMYcyp4hzlpAQ7t01Cabur8xoyP2+8ylRJgu6bH98CWZp2yeWglz\nuMuZ\r\n=Q1Sp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnPXXTy+kvKIFfsJmAcmAax5tHu1/5vR01owUuf9RQ2AiEAgkCHWL6icUrPFl34K+iDSuNxwq5vwBbrxL5iQJQqNHk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.12_1571032776547_0.21947603960755657"},"_hasShrinkwrap":false},"0.1.203-alpha.13":{"name":"@react-ssr/express","version":"0.1.203-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"e16c185805d3279a766295e76b31c57a555c1a32","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.13","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-nfUnCLUF9fUQNVBsrl+PWLeTvjgSEYGxhHsIiWUgqpCr4g3PyBFxFnZT+HgIfc+lt1UKwfZFjcm7aAIVXyjScw==","shasum":"4cf852d658b20a983153359f15a4b11b4560594a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.13.tgz","fileCount":16,"unpackedSize":14175,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpA9rCRA9TVsSAnZWagAAMu0P/iHFyzXergrkU6GYVyNl\nJ9s/k12XBsvJnCg5UKAIgTfI3UtbDI3O6MOU/f/R8jwf+n9LuR/JtMELf+P8\nocmNYZXFeFrbiDYEZJcLA4HK7vOtla+l5+W89d25mqdOUh4fpnxPVWnRLR5z\nsTS+N0xk3Eu4msk5kQBmh5AenLBytBzNm2RqouWePPeNj2nM3Y/Tx8OjcUw5\n+XA2Ba7PJC+F6cY7Dxr/DwyM1OQ1ndEXmL4D2w8fzURAkrPe6y6U58jQI5Ig\ni3Hd09rYCD3qbR1yLudrUfO5/AtWgDrQ9EgTRsOBG5oqbPM3gV2ejhli6992\npLNwmGZak9ELurnoDKazyspfFyDGKk4hPskSGq8tOSrWVLo/lKqaTewX3vp3\nXrsgFE+/aKBK9TgzXyk8XXyZzttUnQFw71T84LL6vn8sAJ+zGjyYkd4lR0Pr\nx8M9VHuNDcP5vH5Gy86X/RfzJVBj8CuIjLlwJtH7/+ze23pp72LBt/B11uGE\nY35flJetUrTlLIkv3q72Fr5t3wmWIX5ATmhtLOvsv+BMiupjTg5SGbHeY2Wh\nk/urvlBQIgQB0FMvf4gZZ1VZ0YMBX4mYWh2lQkrY8jkm/NUB+Ak/0XRpU2cr\nt5gqK08gk8qTNSpkEgLT1X1QtNy7ii0ODTTb2GvtJ+R1wqW8oehIx28Fo5bu\nAnkn\r\n=odYD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRMn2e3ZIHGTrCayvldUl/2zGI0wi6flSgwCtQY8o3iwIgQk8AJ0Xqp7DKFLHMdzmpYT3k9f6ui4UW3CJ9QugJ9+k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.13_1571032939279_0.6875841569376431"},"_hasShrinkwrap":false},"0.1.203-alpha.14":{"name":"@react-ssr/express","version":"0.1.203-alpha.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","express":"^4.17.1","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"express":"^4","react":"^16","react-dom":"^16"},"gitHead":"15770a068128c456c7d151e03ab5d3da1df36556","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate below files inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ user }) {\n return `Hello ${user.name}!`;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n distDir: 'dist',\n viewsDir: 'views',\n});\n```\n\n## TypeScript Support\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport { Request, Response } from 'express';\n\nconst app = express();\n\napp.get('/', (_req: Request, res: Response) => {\n const user = { name: 'World' };\n res.render('index', { user });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n user: any;\n}\n\nexport default function Index({ user }: IndexProps) {\n return `Hello ${user.name}!`;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.1.203-alpha.14","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-zL7lZ6SSXqTWuJxckMn3J+SzTpjwM82ew3sf4o41+6cR9FeEhRXxQAGlkj8wWjRmsH888oxdN6QIaEBCXveBDQ==","shasum":"b01eb6a3d093b2ac869b26cbf899466e2c32dea7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.1.203-alpha.14.tgz","fileCount":16,"unpackedSize":14171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpBCjCRA9TVsSAnZWagAALOgP/RIaghEByatzZEtO7Ke4\nDGGkMPM/uU931KMaIdjw4l/rfD32B6+atSAuFt0SOXWxbcO30MOgrZWoJblD\nFmargEoy5Y1NmOUPb9JPeQ5oxNSWdgRKIEOCO238JzPSYuFpP6RDK88WBoLd\nHB/PqLm9FNwOly3Kz8IFxxgiMzAXLSqADLYbVDdGBy9SuFJAx+DdIDmUpxHO\nVk4xexb1pcNNGH3yBoE26jzRscOcMUN98z4enGUc1pUIqN1Aj4g4JkJ/G3wJ\nudNTQUlrG5Y6rH0xcbTzchQfy38NhQMc1zNGnRtiigH1DEfPMr/mLFF7N4Qx\nHZZMCPqaQ43w5PM/eOK7GtW/nFTVLuD7JQvBQkokj2xCi3iZz2lIOlhv/dUs\n0ominUR4SN7yYjoipsLsJRLUfcLFYghbcG4PkdN4Z97aIlL1WXlx9toG0Nqp\nGbrwb13Yi2nVCZ5bA7e1dMMNZGPTxySvB0lUpfuGJKp+bcNB3hIelNXMSxWk\naN7mTachePm+lDpB26W5kRKeWHYRBGY0344MNAfc8EUtrISLAQuFZcm+fsvp\n4tt+SaLHfMx6PI65MJPmb/wzwXQIMxsOZuDtTaIML9vVqhEx9OpI4SNMlQhd\ngck7YTEKhV4ijk77npDty8vDNouWwxGTKyCr84Z3tR6+PGzzVkghOQm6FqNz\nXBI3\r\n=FkLl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDqU0CWIGeIVvrjA71eQUQmZ6tsQ2II+DLtgATwt7xpNAiEAn03jky9iR5P9h8+fF77Xb7CrQL/LVFe7j9raBQ8WY7Y="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.1.203-alpha.14_1571033250705_0.4772697414107474"},"_hasShrinkwrap":false},"0.2.0":{"name":"@react-ssr/express","version":"0.2.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"db0bdf9c7b736058d54f151137cd6a74885aeceb","_id":"@react-ssr/express@0.2.0","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-pzcmjx9o43eKRSbn74pbAjDnezr4lJCS78j8jAmi/JBbJxeK3Gphby6EKeUuYybfL1dloSwTjSd5MPh7KV/KmA==","shasum":"d47be1b7481dfbb5cc110784ddd7248eebc1f297","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.0.tgz","fileCount":16,"unpackedSize":14123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpBMSCRA9TVsSAnZWagAAHcYP/3w4nOxG1gjHlrCcyfIk\nDnjBshvUwlqQdaGlFjEE9hkPBf7Z6Y/r7l/A1s52nYDJ1AsR2EdFOVolxjaw\neQm/qsAhypQ+Q3satsB+b9++8OuDXOszmKpqHTI2f8kPNVIGpDyakQOJswUN\nnhpMqYSjlrIu29o2vSLw5bFsIBua9tuiGkvAUpnWbIunSa8c6FNy103aJ2X4\nfuTUkEyL2nvyDH6vNwmV9IBhrp5aUGeWJizkd4x6Lmoq1ewcMA/zefimx2RI\nIKC4MhNBjjrwiQ4dGiThFKx+M8TiEGfNV7QAkHbbiRo1kC4TleMf8jMAXRe7\nRtTYQnVgFtRy33aEbQZpB/15+XP2aLQ7yJxZbo1+9GVJK7bN0UHVGb1cIR8Z\nt8Jz3+A4nOYKl2k94s4RCmzju7uKuM5xL1g/U21o+rsYnc0j13FjZjqw54Eb\nLN7TMjhNT+mPK79y59V15jo35w4chaaQf8CRYAoUpbnHJXNS9wGV0Y+brl8U\n6EDWC7+LM6JEDYokuoeY0awNj1ArpF8UAPs7VGcpiGZRMoY8ZREguprteFvN\nQMoJ7bo7puSZXWCeFZm25hyYSLW3pbpoxTv5LhJl7pgEeIwYrjIOlQEGDC9D\nmj6sh6kkJXm9b6h4T+xNNo9M6uGgeQrvnpag9t/cdh9eTmUqaWwB8l6yO3XS\nAH0o\r\n=OLWf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQ66u9MTs2SRbGkhcp/ncrk5UcdXCDTuLmikLviccMLAiEAsOoVGmnCxbBL7hpjL/JQpNO/wBw5UvKuTVGWSBj/Z9M="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.0_1571033874036_0.9705112953425707"},"_hasShrinkwrap":false},"0.2.1":{"name":"@react-ssr/express","version":"0.2.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.0","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d77397de5a9079209efcc1b7262ff49d07666ca9","_id":"@react-ssr/express@0.2.1","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-NUZFcqkchDCZOaC/MBLEeaOm6xJ+M7cGpUdZhbbbiRJ3ipwTIN8UqWxpnTXk2cEvy7HiF73dMIXOjbXEljdNjg==","shasum":"2552dc3ab5e4a6b18d0fe5e602cf0bfedb1d1936","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.1.tgz","fileCount":16,"unpackedSize":14140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpBWnCRA9TVsSAnZWagAAS5oP/2EzOCSZWIP8mydS2uV8\nL2jK9/qup5vrecUfHqaPhD5vKHUCOA/mz2dmlXF4zf1DSzic2j2GBiaQpQB8\nK9A9Rrxb6jzqMdk06sUeXauqdxuL3nMYl2MF83R1V2d/nvnUMGF8/C3XeErW\nP23WexKRGsYGa4Ygfo7gYWANUiobX8VYgWnDNLDkmLzStxEQvY/HxARiJ1Qa\nDMiA9gYTPJ2BY0vy7GjwUgHFHWZlQ4T7MIa0Bcq0g0lpK32nzJi2OMVZloOy\nOeSwhpEaXoPljvBS+b+ZaoqfN0NLcto892Gp551xcAhami+frJICxQ1dR28z\nDL6xtdCVfxh8ksK9J26hS5+CYR3t0gd6hmgfus9oRqTOtpHHsm/3lVk3bsS9\n5VGq9Dd4K1SsdR70wTp1uULytFb1Omnj5sayI+JMDh/9TjQHobu38OddMVIl\n8EPxy/yg9kMPdSdj/yL54ziMwB4r/YiTBLwFteVC6tJRiIstrXLCgdvlxYUn\nhQWeGzNdzJYQ6fOymiV53OhxsldL+jrlkiI4o8XExkCltggBvEk43RMIAkvQ\nVjJumqn+7SDMyrjknBpVhAfMFXBl6C2EY6DpG8NsJuVV2Q57ebIPRvhCBEIu\nC7c2YhjhrrqdDLR4NTEJDLtudsnmPyeUh+YbVlHbd+OSWxDzUVnCIWw8iONy\noXdg\r\n=OAIF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqRGBCitshKTwOnHxJAW43PV1FWhOO6XcyLiPfUweRnQIgCLIexf96vsS3fAPpgiiAbqpviYFM/GwuzkTwkJBFwGA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.1_1571034534716_0.03886735277552611"},"_hasShrinkwrap":false},"0.2.2-alpha.2":{"name":"@react-ssr/express","version":"0.2.2-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/express":"^4.17.1","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c82a3ecefc19f6371ddcc35b21baf0153870e6b9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport {\n Request,\n Response,\n} from 'express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.2-alpha.2","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-XKmGg0i436dhPHNeZc88CjwwsTAKmtolSYst1e4ul2konMAN1PdWJD4dmRQXIgMq+Ay7fJTD4FhOr7gYL+a4bg==","shasum":"733554d4856175daa4e2b15a4da0b9929b904fa6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2-alpha.2.tgz","fileCount":16,"unpackedSize":14306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpC2ZCRA9TVsSAnZWagAAaHYP/A4SH1uT6QJtripRqulR\nl/aLzudbbaV8G0Fk5rDolvGS4W6iVjm6OETiZqBJcu7rJwZnac7T8yBQOqcw\nRSw76grXKGTCVbS6s7Jt+jOYw2CynZGoAc+EilPM0J39qiFPzi9nb8LqnQOs\n2MU7BJZZj/+24Vzy4LmfdfAlmuUEGen7ZHFELsjVioTiuo8EH/cLQa1VGgKD\n5y0opGcB1CJjHusRF+t6gGLsCRZPJihru2t6elE31yZJFbR/ngzTXmI8KT5W\nop4/kx+oA6ZyVbtS653EYqZiHN3E7BGwesSSzUKYT1E4+AaMKqU8PzSYim5G\nzIojg8eyaD5YFWM4CYpCgy+HHsfpP1ZIMFR0fsDN4ReQU/YXW+B/EZSO0pil\nu+TzvotzMaaYftOkHLfS+bKg/zhHA0dqolldjXlNDfm1D01Aq8ImK1cLku+9\niHaTq1eZz04q88fvmBR1NDt5IpsgYGYClovYa8uOCJp2nXiPoaV8af64TwJ6\nter7ViQyNb5voiP2BGpF2vqRZpAR3djPIfvia4E0LLqmpxvqlKiTO5v59IV4\njUQJXTB385nJPmwpIeAmnCt3tKSwctghHyIHEfSdHiPHVLSN3DyB2LKqiP7i\nPKXevOz93KBf2Uw9W0JrSrmWdaSyPxAnghyn/Q0L7QPvtLFwsUHbZaiKOuns\n5JYf\r\n=I3g0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTINP5I6p4Nmbv6PpaFN7FZ+JwVlBR5PnWKEjbT58syQIgGGaH4nooZcMCojffo0J2D51wdtaqcC0OLXIbrKCZVb0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2-alpha.2_1571040664734_0.6163373057840829"},"_hasShrinkwrap":false},"0.2.2-alpha.3":{"name":"@react-ssr/express","version":"0.2.2-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"dist/index.js","scripts":{"build":"rimraf dist && run-p build:src build:types","build:src":"rollup -c","build:types":"tsc --emitDeclarationOnly --outDir dist","build:release":"cross-env NODE_ENV=production npm run build","prepublishOnly":"npm run build:release"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","npm-run-all":"^4.1.5","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"29e67e36937d62308819eb4bb4265cf878b25e47","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport {\n Request,\n Response,\n} from 'express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.2-alpha.3","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-wa5UHY1N4tXlaWcPY5vyGADXu4HA7VgYmIsgDynpRxPrtPlhkP7iNFlIiUPqwnMoNIMqdKO/ZzIho5bPCYNkbw==","shasum":"a9ceac9771c79b755c66539499e6430475e6c135","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2-alpha.3.tgz","fileCount":16,"unpackedSize":14306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpC7RCRA9TVsSAnZWagAAETcP/jHJxEWj01lISRZddU9b\nwNo9lh8Y1z2H4OLUFiV5hlZyo+XVBk/cGMBbRzMn7/QuTEDQXTbZcHnOwNoA\nbp4Mm2t11jS2BwLPMNhx07TKubLsyc+IyWwT0xLI/JpmuURpeZQt1itP5RxF\nxQ1WT30Nrujxw8mRRzn+OyqLYhE3zgbM7tkm5Hmxtk0NuGAXNFO+lBeFPuV6\n1qOE7qnXggr1aFDdZG7kvsJ4w6w2roiuQh4s8UVN52Ni9Mz5C+IRzXxBEMn2\nbMVQNF6AbtGo517GScu7anKX+OLXvGULpr9MeIe0ufTAH34bpAoVchpfuu9K\nn8Qd3jGivHh99byOiytJ45/soMqWAT0GuerqGqgcoZrtItvbMzQQgSwGh12d\n3r9MlYiDMmaneY/pD6e7FgnFBhEeMXr/bkzpAOiec3ZxTPsHA7nlPhppxbmc\nZ7Ar4WFNp7CsoacCWDZ1NcZj7oe+BuUJNqyeBu7103dRu62anqYD7vAy3Hyt\nEvjluO0zZ8kS2kLpFcVTZIqWtaCy0MahPICWbBZ9UHL92CT+fdip8B1ghQNq\n4OZe+4m7yh9Tjr20ybJWyEh03gu3pwcVaO1r6WeuqnXdIMyc6fZI0gGVURbp\nRu57IJl/zIEDlTpd29TpbSwtXsBvz1/+G7xwVwNyVq0Fskb6ybaggpXRpHed\nJWtP\r\n=iOoG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEzP/90o/ZB2B2dHQjs+Wx4M5OnTbtxy5OfYQYGbAXjAAiEAwowWArGGx1C1e+G/deES0e08csU3W/aLFVpPwdNdyhE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2-alpha.3_1571040977153_0.3965410178670943"},"_hasShrinkwrap":false},"0.2.2-alpha.4":{"name":"@react-ssr/express","version":"0.2.2-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"573019035410e3bbb304301074b5babf3fe9dab0","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport {\n Request,\n Response,\n} from 'express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.2-alpha.4","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-ZeCEAkJe/j5VlByIuNlhGe9T32HcOmdyZn7+zryezfNVLlOJW60mA1fqaqCkneJrXcGcMjonp4chTkwgyu/G8g==","shasum":"b5c18e566e2cee58cf638b85c4cc71c0bff35ee2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2-alpha.4.tgz","fileCount":8,"unpackedSize":8965,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpDpXCRA9TVsSAnZWagAA9RMP/2NgTAws12ANHh/XC1TJ\ngUKKNu6GrsuHlVDfUx5HkUgfk9FzceRmYTbAVlSZvaDz5Ds7NgYjJMQEjoVR\njgZh41EBDpQrwCPvcbucLqxMMkACPAvMAdvWz2RZUQhS18/Uv652Lm0chHqI\n3RXfinrhT80k11HBNPZ9UaA1NAU22tFL+fRoLy/StImrTRpk9WqoGEqWaR9o\nfih93vT4kmI+w2MVyyQoS97KCW8eKdK0wd8xw443Pud24Q613sNrqKaSnoYC\nBylQdMf2/47jcoj6lsFtJoyqkWtc2tQPKohzcL9p3skvpeTnQXwl4vJ3IleD\nzQDon35CfOhlVqptNr3Ta19+DM9nyr0NbDL4dNBSmTjog4RuD9yPosyL3XdT\n89qFhrC5SrAvFQsIiDvzMtp98HuM3BjLOBr2NtkylS8EBK0ZmAfyFxVTkY0M\nDz4qED6NgAmL2V0VX/95b4l40btKIcM9c+sNyry7YGUpCvN+hVoFcTaVsOtb\niyGixr7wN7rbNQi5dvfKFZZrZ5GWsYGBkRGASY+2sjusIsaZUA4fbvc/E+HA\n7WwuBI0ICCJfmaxf9IOzJZMh63zLP0XqRla4yeVA9DCtxlRwswGumFYqsjsq\nYjK7tWFRr46shNkBzYLWwtIUBcHFHkVpbZiq7VxMG7TuwuFs/uuAw6fiNrvu\nS16/\r\n=AbnL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvrUH3XphA3i5VsHP7zLfczuHEZiS2IPDCA/bTMFejygIgEZEhRFLXf/+u8Zl1GQJVpqArbwA5RgTH0v7Q0pMO+hI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2-alpha.4_1571043927180_0.9287964700759455"},"_hasShrinkwrap":false},"0.2.2-alpha.5":{"name":"@react-ssr/express","version":"0.2.2-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d6e10cb68dd06e1b58727b4a3b92f90024bf78b4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport {\n Request,\n Response,\n} from 'express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.2-alpha.5","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-qqzVNL/CqdOGNhkCOK81tOTcLkRg+ZVxTUw5IZWQHlwn1AZudMT9vn1+dVljPxmNr5mFRQFxMLKXLnJRbrIv6Q==","shasum":"5f8f8a2444177f13d32a80314c185319d73d5ac0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2-alpha.5.tgz","fileCount":8,"unpackedSize":8966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpDq8CRA9TVsSAnZWagAAQMwQAJPvDSOJPBtA0mPt/u77\n4yAbQF0UJPw12X7CJCTfHjRZK2wz91OjhD2c6rtvfaiCRvZQJVWpkcx7yIxP\nfayyp2NzrCPQ4AIroHoDsKNAFXJjYZb0MzxSP1R3XqfHJEIJ2ky4pU+AjtOR\n1PYIYlVH6WxWU7XRamSr1Om+16pCy4SQnas4wQVn+rHSZn0p4o5CapeAReez\nJS88khEB0ZtsWivx/b6IGhts2VDhPMMdxBRVFZszIkHJ/Oh29DfzjfMau4N8\nR4pzWc2NQ597lNl11m7adsqehkSXeDr7YCBew9JUke04yIdKSUiy4JCRO7Z+\nxlfCwOnvyCHG8t0NLFakH7bChHp4noabBpFuBroivQfskLekMuWdQjsDJIdc\nMAWBZWGE4gH9YY0GzVg0QdGiRW1OHmbMAF85IS1fV9l5i2GHuroVFooHsKj9\nUVdvJaO+yhFqBAya+ezd02RDOCJZQgqDyG0mjHypF39C88DkFU81RfMe9opx\nN4mnF/bloWG2+EyZnpTThyfVT465d0S4cSqZppBfvOiWG268TJPYKixRWq0p\nsPEuOWUYSQ2bMm8HFRvC/Teowh6a9RvQDzTqvdLzNKfKHfE76ZBzSbsuKIME\nSGEiA84Khupx8FXEQoLAglElsd6KyVDgtTq1qe4j3hDlzYAxeXbR7ZWQbA3C\nP6lr\r\n=EWVE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZ8uato/9GN8tpk8PvxuIPy8byqqdy9S0aRzJjJ4In/QIgIeVmMSkKOgR4QEnDJoSkoatOcoqcKAiq6mef4Xts4NY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2-alpha.5_1571044028026_0.14853330912393492"},"_hasShrinkwrap":false},"0.2.2-alpha.6":{"name":"@react-ssr/express","version":"0.2.2-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e968a5e70518916a0fa5b498ab6253ed1a4e7c32","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport {\n Request,\n Response,\n} from 'express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.2-alpha.6","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-ZoDBwPHt2bBmUbSjbbrx7BlP0oBummyOQIQCze0QOeB1l8xhWQYwAqzi50RT9ZAowNm4LuIrJvr1xRP8lpwXFA==","shasum":"b9f141f9307f5c6e3a1cbd916369e5e0466f0599","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2-alpha.6.tgz","fileCount":9,"unpackedSize":14451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpDsxCRA9TVsSAnZWagAASRUP/icPQsBLwVsaN90x6/wG\n9ZpUSnje0odseB0QFiEbY+UgGipkwTqQrNeZKRxHNalnNuBKN/G0eCYGPP/Q\nnDY+Lgmn1ay927bcVeLr0bdUyim083UiKOZQ3MnRZKKFjE/A6I2R+hbEnsz4\nDJpmDO9X8vmTi85gW48PTaIm71rtufjLaSuRqJE2zel0uEtUbfeXLJ8Ry25I\nv1UGxKnZme/2WjLCWGVkPE5MuxUXsfrcaMs8uyFeVmnMzgnX9OaQ5CM7861E\nIAUtvFqCq6OIMhtci3MAYVcCyDharS70wSlfSpss2EHQA5ryfUx6HYZwSdij\nKwCTurZjaex5RUqY+LHBIVspubDupYCXvhQhmerwxtg9DBTwYLqoSHcqWJAi\nKFPCMb3l2THExzoOAqQQXXq/H1+UBIR9+RjtKg439qc8jOlOIE8W927cc/Xl\nQMQ7KccRhvTCaV3WQB9neCrrCFT5od1s90ozej0RkX97T5+uin/GDJG5BKMG\nao7ZHs9+0cZSrsclxQbqSttyisPEOkY0BPKqLSsLLgXcPVjAnCpWXvs+Wm1u\nN1alhmT1UAiHzWtZfErhbVNp8TI9dRakMlIamnuPCDkYQTOVX5CuuYcuw47r\nTxiUKu+wYIsRm1o+Z1YPxZo1xcuHG4k8cgqC2tjcghLZtnMPoTeha0OgRyGf\nCD0S\r\n=y6W7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAh4AT1NY0RV0GppEmpzET2DGe6kuuUzX2lVVWhsW0jpAiEAwjPgmhdIzCOxgn67hIhJJSNrHES0Puqg+iCBMlnuq7Y="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2-alpha.6_1571044144641_0.1068620291345066"},"_hasShrinkwrap":false},"0.2.2-alpha.7":{"name":"@react-ssr/express","version":"0.2.2-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0124a1239742b3dd7da901be3d2402ee347626a4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express from '@react-ssr/express';\nimport {\n Request,\n Response,\n} from 'express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.2-alpha.7","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-LbXRNfFJTrJn9HqgIwBvl8eEEgGQuDbj0m0TdcV7vRvSbLCHmo9nBorlHK0PmhLYbZz/Q+WZwfcb4aEiV0K0Bw==","shasum":"ee1570f38217e306db858570d030b21b0f8d2a68","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2-alpha.7.tgz","fileCount":9,"unpackedSize":14453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpDvcCRA9TVsSAnZWagAAL7cP/iKH26vumHpTjai1USVR\n4ADuF0A+d8CBKy7na6z6RotqFS248QTXskznnsJ2fn83JjIbg1fsklTJH2ed\ngHSvwr/LHuFxyOK9fvUyOcns0RyaGT6C+iJ+6x8yiYFm0UrSQClGot9MuDTh\no/5asaDcbIIjop24yvIzxK9qcbRjkzLmJzKigyVOh1NcWCthYAy3od3mHisq\nd/GyMAtauJmRuoist+SJEO7ktIwii2u4fF8Fu/tOmif7ybSrhQbVR7oVHlqX\nsT5cScChO7OD34QIq0h6ZZJVfnOJ6kPcyYkDQy6c/ti04zmYt/baEI6Xbfzt\nPRrtIqmG3swRMCiHwfzY0zv4C0Y2TQPAyDCSgRbHScHMlvKVZL2ZIVX9eBLk\n/AxnyiVonG7Wibvzc8F29Z8J8j9HA+Vfn0D7XBb+R7L5jQO0jW6f3/b+HK5d\n3AHBpu3/C26hFuQNuGWSoDkk4b180CuTyvadLGm80kaSajc5B37UfKuGSkH0\n6E0wesvwgnu4shfIIMIiodp00pOHzij24M61bEAsIHjMv21GhoQusx30iZ1D\nTo1mehVn8Ox4d57IZl8zj12z4yr6Z7HHpQ2VBpisjXPcPRg5ji2cm3ShtZ+w\nlgjhgKF3xFK7dX+JLsYTEtTVC3INrKiggofzfHxvnBOpoAI74KLD7NbF9oAW\nelao\r\n=7mDE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt1HO8ptE2/uL/No7640c/+lwM/jrJ1eTejyYk9/n3KQIhAO7DsGsOTLCwqpg1pMAViqzy73uHeTvbVV/eW9vHZZY6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2-alpha.7_1571044315887_0.6774953738396974"},"_hasShrinkwrap":false},"0.2.2":{"name":"@react-ssr/express","version":"0.2.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"916d9cd5e84c85e2ff6b3582baeb6a669189c1e0","_id":"@react-ssr/express@0.2.2","_nodeVersion":"12.11.1","_npmVersion":"lerna/3.17.0/node@v12.11.1+x64 (darwin)","dist":{"integrity":"sha512-TpQGH4Nxgtgrh5z1rY/aNn9xnu6NJosx61XFVA2Kj9QQtes/ZAuOdCNFhhECPbVNdh540fTEoXZPgEb/T37R9w==","shasum":"f924e0a573a83452fc2bcb2993fc09b0420d2186","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.2.tgz","fileCount":9,"unpackedSize":14410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpDz7CRA9TVsSAnZWagAAGkYP/j3cLc5qUhqDZVnflen2\nJ41BxZJWalA4TqcKmAeQ7wXDXrtoA6H0h34Sn+jPH1chFmwSMqDxcAODOmgN\nn7Zx6flPaB81K6V1fep8JNVHwqpN2yT6v9nuW12h0CfL5ZmoypJfocHwW4kb\n6DGF00f1pIh8XZl4qZEy2TvDFGt7yMlZly1MuaBn4jFhPb+2CwSSN+7IVKiW\nGfQAzDbfLUAiNPaXCV41JWvFYf+kPJ8o3lqZpVOfcZIr4mmVHVkVDMxY4XD9\nK2xTEZ3fhC8zfTl5KJ4x/cyTUbZZvxg8DRGAJUaCw7uBJK+jBeIyc3BHJrNo\nWTmMbptc2xkud8ImWVy+FFFfWbpnHs2+XwJh0S43ZJoLrYaLZzMJCJ2QVzl4\nktfKWXF52IvrSW27R4qdaYWQDFQ25Q2LQcsuBZIHe+eLLoAZh9ku6CmmU19Z\n5q3Jj9J0BHZYlwjPaLI5E2jewKGRh9Yq/OahEeFCSefC9yI+PLinPOoAXqvv\na8l+3ULMAAp0ZytQpxlV8hB2+b+EBgLNNzAFEgZT1Xa0tv+dxOnJ2xMd/Mdp\n6yhw1r2BSJRLLXqQThl0T+g+1oVOPfF2cXyx3a1MQHQ7tX9DaHiiPi29cEyx\noFkdeimilFbkFhUYGkPsSWEQiZucIZ6vzi303GVkVeUMZgC0bj9af4PHVnHH\nt9oh\r\n=ZOwr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNKDAgF1r0h7bf5uODXgOaVDp+7K1ZOtyyuhHQgqhzoAIgPSkVkqFSSlJwCoDZn0brosAsxOg8XqW0uR/j22AJTqA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.2_1571044603055_0.7589679072803583"},"_hasShrinkwrap":false},"0.2.3":{"name":"@react-ssr/express","version":"0.2.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"19b8629a30db5723db9bb54bb1012d387bc10fe4","_id":"@react-ssr/express@0.2.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mleGIcBR2cx38bo1a58GZmFYC7QGUvbXvUbe7jgfa0lQhExGOjWiVWRAetGglAq+mMmbgyS3H1UsKCtJyR3x2g==","shasum":"ede8dd6a7df61abd9c5a1f9224a48908e90316f6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.3.tgz","fileCount":9,"unpackedSize":14482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpEYkCRA9TVsSAnZWagAASkwP/RDqqPBmuXiYGhQ9Xivr\ngehHXao3apxAR1VtzMCxtN+Z5d2YpStfSRxzxLFXTuZY8Sqezpu5p+hAWmk2\nUmAJRAz1PZd3opT/mqob1L1/cImQl+tiPbPHx0uUCF1SFWJD2+YPfhaY8oS+\nLW/6y+NXeg7t92Un8n1Ib43Vg6KTT5bIlA9vATi8T1L22aTdLVrnVuHC+pHG\nAmOPdeUc9UaOK/lf0eEaoOUeu1kHOiUG7nya554j62q8sx6actLG6KvqsLmW\nM0ale/Y3oTKBYEXmGecwSEf+uXUNQfJ5KkTVnBHY+25s6XQFBtdjHRhTTV2a\ny9pNHPa/1Zajj3e4VOS28GJu7Zjt9gkSIJrgdURKVNyWlhLC72StGkMahP/U\n1j+Y+EMMJeW2F6BRseit1X7XX/8WGiuN+LlOeX7yYWVEmPJp+5/73SlsJtLt\nXP7eCT+lRu2lJm2KDfdF5CvsaMbHmsP91yeaw4KCEn/Lik5/fq0LuX9PMV7/\nc1SFwQCiUKFcnVvM0Zg9PXRhxBcB1BuNJW7cMro3zve02AHzhKeZ1tIJdIru\nWbMFapnx0yp8fG/EMGbzuOEuNdJpkKGaxFTYwnr7aJlSVTAAUDkpyseaN/0D\noh8ZDIeL2U7j+azjx3Dtcxu9CXrlZU7ui4HMyZs0UgURxDSTwnQ+EABptEil\ntEe7\r\n=3E7m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKh+Zs189Gp4n159uN3YOPb7W4QRqcnCBuv8AN1vFMQgIgVeAbcwzfmHrgizQPfseG9tg0wBKuIIyHvk7TGxc4GxQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.3_1571046948251_0.9635720528391476"},"_hasShrinkwrap":false},"0.2.4":{"name":"@react-ssr/express","version":"0.2.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b1f566fa2db7b3430a3f1e2c84c9ed449fc5ef18","_id":"@react-ssr/express@0.2.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-kv4nFLeWNSiB3sO2QuRZ8Xzakljq7cuRJYKcRtTswJsaOTteZp8agFV59qCO42iGciQsk9Gp0zZIdvhdYHSLYg==","shasum":"809db672a3981474b24c52f0f105272654ab2f0f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.4.tgz","fileCount":9,"unpackedSize":14494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpEdDCRA9TVsSAnZWagAAchYQAKTN1aNWMNdx6TcXhvLi\necSLuRkw7TVP5D2m2c1+fMoW+vNbGyCJS3t/29lyDhHolOlMaLKdtQeXfAm3\nZ9SLfzCwKMBA+O7ESPzq6Vp39VUDjH3NmxkJmL1aGjzQAJmmI/UbWFwVd0Vz\nEjcZinybGygB6VI9w3o8I6exTBQPjFDkN/bMYxiHTJNsmJ4l3HIysrVbdrHP\nYpYK5JjX5G1OP67GMw46OUFZ8ZfY18zbY4q5C32YtDPMCF7zRCTK+syD7ts4\nWp4DtcrA0J54hPUKr2B2kLZXr+TadL52HRwHrhA73b9olhjk6HA0amQFJIyg\n6AHWqrGOCk3JnWHNbsYanh3Iob2anLOTZ5AZkR+F1H48RsqZmZ2dlFxFB6hQ\nr+e5/NfHXrxjSnLoqgzvpT6bdla57EevKBgT5ejIOu+m+Dk4qNOjKx9qdevO\nVgl+EFl3DmJJgODo8yG2+AIXIfKfQf9qYDQrHl58vJ9DiZXFl5T0LxOrkOA5\npDBEAnDRC3kQvHo1FKYLM7e8JVL8wpMwqzdn9f19poZIPGxzsefJAdnMfjDN\nZy7gdp0n76kc1kv2gYgFmw68K+R8O//rWPl6NHezAnaov7maWx7d8XLp4VPV\n7KgQp53RBF44c0m2HvMyYxfJKIrLk6GsN01GroA04d+4UlhY90/oqdmCplcC\nti3b\r\n=kub2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0rTXi6jtWpy8qWPshn4xWp5fewUMvbkGKfPiU2F8HsAiEAsQ/YfRgXHnNrvRO29nQEV6uV/cHcm0V8GT2MC6axmUo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.4_1571047235010_0.5003340972449417"},"_hasShrinkwrap":false},"0.2.5-alpha.0":{"name":"@react-ssr/express","version":"0.2.5-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"90f958feb3ac16cf010f54dac71ac9f5b92c4317","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hwVBLxfhWqukDPjBC3xyZCAR8qsfXLRDMh/RD9/iCjC/nY1ExV8DOshp9t2tMUiTv/kCoKcXrk1BBdq/1423jA==","shasum":"39cbe8741ae1425fb90a18351bac7648e887b2ba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.0.tgz","fileCount":8,"unpackedSize":13819,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpF9lCRA9TVsSAnZWagAAGX8P/3e6FSW/CHlCP7zKzQwt\nk32StgPwIGgQ42agjmpdHUac8OKHdDQX3TIcW3zTs/Svtmp3vN1Fw7IqTDU+\n244LUsIDLUI0UeuDLxEAhBhDeb/CELeKndsfkibvICI0fWxUoCKbkHUZQVoT\nXmPp1ZJR5huuyKF8tFA+rXlfyVZ+tBkXI+Y6ssOzZpvblIte6c5wOhXhJvgk\n6+lVUQUkq0/G4CwHxfVgge8iy/7hZl89l6q9PMY/ZNd16Lkff0s8p2AUZlFw\n72t8JPp5IVH9vVI5tAmvVuTW1adui4Qhb4hpMYAsasLZc3Wt6wK3RWPwRs8Q\nHiy4iLcWT5kD53kgvi791BoZuuJj9Rx+EpHtq6KdFv5LJqh3UaDsxCUZqbUV\nsgfllECtocyhsfUr2p3UbIH0RNNv+5Xthu4ws0hpwcsoMspBuNN25ZwemB06\nIlFoaCHd17vNk/rQA9DaaU1qYz7/rFymXrOz4ekti1t+YVsTP/MLMiF5hKmM\nbxJfRSpFmIzDnwSsqj7qsCaSBSQszQ2182bb4rKzotJId+EZT+u8XzamPIVL\nbfaMJMbSRWEMOBIX/+8k9p5pZ30PBjIkvExqp5KtHuxC5FeWC7vI7E9ZM+46\nS4CSujTDJpcJ0y/FY6KADfGRy0EjF+NS1YdDYKllNCVgwgr50gE/8pidupzK\no6ub\r\n=wWEL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIETqOasgtOcWYwLfOn49ozSPLAbaUNW/WVGko+FCs7nEAiA5F1lG2qbRf8E/yUYwROPdN2tHRKN0Onkcv8qOQIaa4A=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.0_1571053412884_0.3356367306654746"},"_hasShrinkwrap":false},"0.2.5-alpha.2":{"name":"@react-ssr/express","version":"0.2.5-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"64cb050ead3dcfa79743dcf1e457c82e481f418e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cvxZMqbvveCJPRv/iTVXXx+9B43s+EXvVh8yNbZnOzsL1GpsRQbvUGPM1XPAuY4xMso0cSk66RD3EK3iiN1eHw==","shasum":"f1b371ffc478346af2fe2b8fa0d7adbfec4f21c2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.2.tgz","fileCount":9,"unpackedSize":14514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpGB9CRA9TVsSAnZWagAAp2MP/Atbxvb9d8rnYbjEvG07\njD8mzfOpDqwgq8aMyekGzjNtMsf357fsLqqpPj1k4+hrlQRbwi4g0hESgBO7\nkUFIb9yINi/bVA/U9V6bCvIdifQZEX6xQgt1JLobZEIVVJVVa38iPlociT9w\n+ZmWg0UJrhIjt3RFzFWHfLH8wPotCAZ0SXxipNfVZ0oPmBdhJclIuB5k/SMs\n9251k35vb0e/lMEl7UvkplhDEFkjvQVeUhOp1AxoYfvNZ5CWdymegfeo2O3Y\n6rEu/Cu2fHFQUQv0BCfWw13kS6KJvlfbPxQ9mHEwSMsvrU7vvTH1JpD1fwst\npe9r9in9cuEUnDnHzviN81h0NGPbgxcKMW7LCNiMmeHIHkHWkyz8HM9lMC7L\nh3hxFIH0bVyDEgllcWuZa5bA/52fuQ7BlEPkZkmOApmIuoHYe2uUYThwQGUU\nFyvLXDzetIKPnoe86qlo11XhEMdbDp0XA9GJvz8W+rDQspl7javDvLhkwv8C\nyaPMlLnMwzMt5AWEo1oRIwCYbGXIYNFp90YW0RyYPuGLIwUSuNKrekcGEt4J\nu2c7SswLCgm+6EupAipQqSUSIOCoyVGAHdcKN7UbVMOPIZpR6GGKgtPxN3Yf\nxXUaIoMjd48jShnlAkTN71jr6c5CQO3ZQBNzWX4FFX+nuU9v8HWqRT3l2jZu\nNQHY\r\n=6FPP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKVkMzuy2ciN+Um/CfUSgiGVCK0/zfnHu00vGg//QZwwIgQmXFoLLf0MfYAy6g5RhN02Q+LFFwHmTYS1xS9lTl7nU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.2_1571053693145_0.7152012394767315"},"_hasShrinkwrap":false},"0.2.5-alpha.4":{"name":"@react-ssr/express","version":"0.2.5-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","is-object":"^1.0.1","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"17a9eeacf8082309c8bb81acd9eedc538bb658e3","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Zozqcfsu1+9KRs7Q/cFlciNFBe3vrjV9WsQhNdX9phimaecfWkwqFnBIK9Kn2uibF+HgtSclMvI9HpC5Ub+rCw==","shasum":"b690e325b983eb48b62fd0bf497f30c66421aaf9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.4.tgz","fileCount":9,"unpackedSize":15447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpHPJCRA9TVsSAnZWagAA7kcP/j/l1CjpGU/f+1r14iJp\nTjFRmblrPts5JJsLnjSbgo3idSV8pZwmEQTL71NMFFzKV09CnOFI56zhvqSj\nhNLrFPwyeFGM8Cairc1QaIky447olFus/cCj0qRC9GeEEXF0ZIsMqLRxHIB+\nGAig/pXhXWA8WClP+D6XEckG+kegwmtBD/8ADpgxfumH5xd1QFlVj+FUQCWx\nKiv+olrBdm+0/Uxe3O+zMrtNINLibanwThH795PKsxWbjIjDBpTBbtUSvTOx\nm1iLnAJqYjDJtJjo8e+6tPOCW1jU3QbIQHPHAGx4ikouX4lO0x2bRfAmnlw/\noDlIG14iwIQvE7TRvRqHyZSsRznoKPAFBHlJRazeCezIBXmvHHYauPVgHjR6\n4H05iFfEv2vtqXhJj7djuF3FslkfNx2on0GTQaPAU6sLVDX8Sf34VzCv2lR/\nkcP065IRHKngk9MbuXSkT5dj9eQQP4kl8Uj5H6fJHQoMlQcxRZF+h979zhqL\nC8nmYhAp57iFREXg9UjcD9gEqhcTmM9jucvn54x/t92+op5MwwSqqzY2jrET\ngo17xWasdU6Y1jSTCccYNciLrwviRrp5wzmQp5k0OX4picPHbVAV01tDAdxI\n1myC1b4kdWw0S7e0cu6CzVetEa6TUymMcAIpmhA2SQ6YnUlzcTlgnv9znV7S\nMGok\r\n=K+P6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGd6tRzX+zbnRcMAKRvunvW4p4+NrK/RxamQ1WM1xOG2AiEAgcAJQi6ewGzfY3WNT9xYdMPqOdWJbj6sjWjUglQ0uO8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.4_1571058633286_0.6819486149056102"},"_hasShrinkwrap":false},"0.2.5-alpha.5":{"name":"@react-ssr/express","version":"0.2.5-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","is-object":"^1.0.1","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a4f11db62f9d1b1672e67030a45da4dbd8cbeb7a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rhLRMpLkjkKv20XSGf4tKLC6MEvh4y9C9ARp976aVJFxhIHek9cHAcAXjvox/PIOAUQzTJef+xATX2r1jYLWQA==","shasum":"74ea89eb529e09c676dd98131fd06b0882e54bcf","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.5.tgz","fileCount":9,"unpackedSize":15457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpHTGCRA9TVsSAnZWagAA9g0P/0ZuyfcJnyM4fxSnDq9C\nybhVJPI5D/k7L0qFRxpLuoCe1uj6lVnEEzae0tEedePdYRXGSirEkmv3+Bx6\n649hhRShnd4zc6DS077M/+pilafAdA+KSJPgOQUxvIL3TiCNcQpR6g6UAVWa\n+lFUBgVUYRY/jLARxIgY/IHkCuwJDBAQpMOSfvYrFQsYdNtsp18cFU+kxbHj\nmGeDzNK15iWSGolmgK+4ILjDnPKCiBNo+k05yNdtAtnWAEJvN9eAySjoWTyy\n4JqGa+162WUKBMstreWhcj1piECBJ8D9NZR9/GDnG/ftbOVYEFu66F0OhPnn\n2gRjIerQ1Mfg0ff9qO+YpeNgvWX1H82enH4N8jAzLkh6reOORjfRufKgUnJg\nYTgOI62vy03Uue9vZ9oT4V1lhwppbA4HiTiggVACNAEQWpU9X3igjpZ4Zlb2\nDL6GjYYXMRmoRvf87GKGxniv7j+UNJXwv/YzGHZaH06yxjTvY+m4+XQ2xSrh\nmyDD7EdR02S9rtRzlG6N4w0oZpNjvbAkPMILfTKehNLkfGxdLoGWW1u9TcF8\nhG/Abo5JEiLb7c3w3KuZbCRtlyHGKJLgoJyKW/5hPYaQgR77n/SXcFb4r13O\nGcmYQwOAiEby58dizxVhWcOSxr7YPBuMg4S98EUFZseYKGCAkVIh5IXFqMTC\nSEVA\r\n=fuWe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsbEMoKz4VWmmNUjzjOy+Jb/DY7u1B26vP2ZfdaKx7zQIgLCfLExX+FvE/MxRFahf9TIZLwizCcZNyw7iKLvS1pVU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.5_1571058885708_0.9239668294659191"},"_hasShrinkwrap":false},"0.2.5-alpha.6":{"name":"@react-ssr/express","version":"0.2.5-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","is-object":"^1.0.1","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bacf1b6d52d817a5610038f78866e2b8a4a55aa4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-0mLlcx6EGRRsJu47OKwK7ikZ4RbEMhkHORn0XCXAfF9WQc01Xlfx5tII5oMajh2PH5IULxu7tN+WpEh7rnPRww==","shasum":"b51414fcf56daf6c3bb19f3b3734cbb8a8020818","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.6.tgz","fileCount":9,"unpackedSize":15594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpHiYCRA9TVsSAnZWagAARV8P/0rFegx5lQNPtT3sWNxj\nsABCL9d2OE85hsdxTMqo64k9NMnFFvkeVNhuet8ivLvx2H1CUG/2I6xrIO68\nNTXGYrBMVFXNeU/gsJe7IP+FZFwqPbv/b2eq2DT2meOwCc0/xu0lO9NI/Gnl\n1YhR3H5kD6qUPZQ1akBN++JU1CIynKdIRU/pqaGFzgdtj58yTIRp9UdVFloA\nSiwkCwc2OKhHvGfYe7cH+DuAM7ZeBCn/oBPMkJR7mLKZ5TC5/IRJd1+Z5clK\nK+WwqPlvT1/TvEuquVgkB6dbA5gVqN9Bu1Zrq9RlZh0dhsHmCIlrhPxvOKSZ\ndRPmiK2saFlyaHmVOl2xZcp/qax3snJHlsZXi+ol0UQbQnaLM2dTl8unClwJ\nR9cRtvwWk+Nsix7FkHEkvdLK96GPhrQWEkTE38jX0tfQhD5ecJrBsXoipdge\nf9nCTbUPxfKsCpk8V6Hw8k2523A/yV+jqbg2ItosUSoAu4M5hG+xHxfs6MpC\ngGAoDLYYwZQ24afgP0dcBEshJ7FfLjMFWG+/FzdXLelFlevgN1lZDYFjaCh3\ntfXXwS+aL4I4Ncc3tfO0zopmYozXFIl7tS7ST6uMFv5AgG4T6QVZtNsHKwnL\nB/y9/O3wCvWw+IcG3ax48EBLFL1fthVECikoSLAoNVIer2K5OGu0GiiePOI2\nMfAe\r\n=IDMT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIENVzLjoEu3YeqDUT/5cUWQP4pca1Cx/xPa3tNee0MggAiEA5PqfBIVSJjTRLaUgKe6GaAUWeDUJfSduf814B+tl7Lk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.6_1571059864095_0.66433019748609"},"_hasShrinkwrap":false},"0.2.5-alpha.7":{"name":"@react-ssr/express","version":"0.2.5-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","is-object":"^1.0.1","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b32228365793e2435f495a0344ea218fe0363787","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xr/NefvWzSZvc5wXXheOCVNbe8oKJIgj/n67xGqkQ1lWtRH2t8m7jXeFWy5BdGlkXfLKhOBiq7YYuzUkG6L60w==","shasum":"1f62aea651140a5e469bae2f12d10cb8ab2620dc","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.7.tgz","fileCount":9,"unpackedSize":15640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpHp0CRA9TVsSAnZWagAALR4P/2+3Zmf4rVnPqM4PccOc\nOJGXBmjKkby/GlFs8hR4mXCzCCvEGTWlltLBb0YjGwacNdaD7LpSQtHi2sMk\n6hZmp//xwW9aKdmEAyEk9Kzh68zsEQADnNADwSFwqTakdcEbOsX0g3ht83Gn\n3BP58ojRJ/5DmLFb6ZsPFAscUXWx8lxtDqJ63nU1t2ovNnga649RjFr3ioMI\n7Hjg0o2XqYa4K4ZrIViyb5jnkWcV47FZfmtEevqddJ/ud2Japr4eukdlceFR\nRzl/wt29M9PCXAl3nxOubs8ViBmJ4e6m1BDC2g8BNhBRKaLikspd1MxQgzdU\nNoo9uunjEiFEpDi1aBiRXtq79IFJ/Jk0vQ23EH5+FOvrK7Hn2d7PNGIZhk7s\n/IGxCJ2QFDOxJOKuurp1aci3+ugBZw0mYSqmKYzZW22PxrxGfRO/BdknrcKm\nkoHA+tYE/B8WXCRNXiemMM+R5dIXGGbJkRdhJIAGfh5jKzHT+Vf5aAMEMSLA\nLVmR0NCQ9WN+LfNFrzVeBoqueYlvotLbndNH66nUbOuAzZkAHvMU+s75VyEf\n79NoxJWMbyuJV4WSLpQnWxwp4g/Q+uvHEP7csSQUazPXnCJjLlBy+UeeF7B6\nGKFb5hxwnzpTU4Vrh8fkO0/3qNlyho/Dnwk/W40YbD+/O03TbiP4bRqd+/9j\nZsoP\r\n=8gtH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIChBWoQYUGVw/aWazLaU9pGdhTiQHpW/cTzWZTKDQzDpAiEA4e0sHV3Mh2GyfICqY7dzbYo3yb/I7+bwes37G8kGSss="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.7_1571060339670_0.08431358322137017"},"_hasShrinkwrap":false},"0.2.5-alpha.8":{"name":"@react-ssr/express","version":"0.2.5-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ca2a06de0e18f932523d189cb4d0eea3b1019260","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-l/6Qs4oYgZs85MrH/ci0Ditpco/KyXhryuVojWyf2UfAmXinElLHlTJ1BpCcYivY5MtSFqNuSa8j18W/hgFWRw==","shasum":"e226da5bdc357f2990433e63250e3749d6bb09a4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.8.tgz","fileCount":9,"unpackedSize":15733,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpH/xCRA9TVsSAnZWagAABMAP/2+EZqc+jz0JixI94EoC\nTRVvU93TU878am3eOg99t3p7SEsSw6z61BM0OXpzchSgffZDIN8R/8Dg0Q9b\nuZQZljcRhKA80lpNSMd1msYjUoE5jFInsz8mrPFHo5jLmPi/q4lyXWymNeHo\nJ94xNloLv/z1P2R4CmNd1kBISv3YiMUIseFU4vFz6LlNwHvjBeHCzxBfi9f3\nGdmilgUC3WwWYZ4Td24VYSNeJ/0XCb8mpTIS1090h629bJXkk6aFBEHMGz8d\nfoMAb99TlbjSILNv3sr2bYg6tRFlnELItxzgsutdtRly92whVYbD4CmNm7tf\nFrLxhe9bMABR4/+L6iYIWaMfj6DuF5C4LImzlyJYwI7kamjAuY3OWjguEVwY\nlMJ59k6/XMMG+TqC+KJZo0xLQD4NHllbcPOou6iRnPrQ6cZK+SDABkpXdcnt\nEvVPyN7lEeJuIeLUfgUDKXzwIA6jHHhTJRvXDHeHIKCFSK8fOZnaD6w05Vt7\n4tvmq7Jpj3ofJbuEYoOY5AJqFzetztPW3HGU3TraV5z0kwp0ZSINXM9SXmoM\nn7Zs4U9wJsasHIIKLQ1CIdZqh2wR6PApjArGvPDjuLj7yERlKe/pUibPgcPu\nyRmyuBHD+p9Gu9gEvZ/QMgK/YAZzJq9XxplDRFlJyWRKoltOnBASPCoHBW6K\nh4iv\r\n=Mlxx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOeVdSTOTvD1UaHcLAmQiN1ftNYSxYxcNVsTQJVzXmyAIgeoufk0zWSEU5N3+ADrhdfZVs3KAsa7RhrOOg+8p24Rk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.8_1571061744548_0.13358027694692964"},"_hasShrinkwrap":false},"0.2.5-alpha.9":{"name":"@react-ssr/express","version":"0.2.5-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bc11babf30e191be0886fcfb750561723c5681ac","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-IDqoeeHnrYA8PMydLSf3dejMQJ+PpuK8ofm2RA354EX1XYS8L5n0VMP8OtCsgcqDs0H8MA0m3/MEjVnCkt8TpQ==","shasum":"9928d64fe30524958fdcb1b9aab4736ee3586653","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.9.tgz","fileCount":9,"unpackedSize":15736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpIHiCRA9TVsSAnZWagAARcQP/0QXpV4VKlmPPrOPweEb\naYrw8vSwJz2bkuAW+NwbwY134AqmSTYMP+J6xs5hBcMV3jk6XhGoZuFdzPlS\n47H2nX/KyeRZO5osjygPk2wbrfbCNG6zAhQDNnzPEoEz6wTwKTy7ZGN73UXP\nKgao0oxzm3Ws/l8W1B8kLD9obwKT1IGZ9KWn5UEIUPXkDjCsEHGIKpeJ55xs\nxxXByAesVPQ+Y4CXu+0eqLI8rGYpIrs0H+3YE//N5R1ykqGT9DfjN6zYK6NC\nAketZPfgX7QkZc6wJ+agoCmykMTlp4tsX8z0BWyftKvKUi720rIOo5VZCO2C\nNRM0tHzehqDtyBeONgJIHNqb+YqA/1yZSRXqTG4z3syA+QWxqG7U9V7CGiUa\nydhLgI73RcNjKOUcE9xOx1o5+NOILT9TKeUyhc8k6PJcIwEMX3PF9QXWDXtE\nBHMNU6mlvfNSossLnL5OOsFZAxvG16o/ScDmKz1y5+KF/D2qluuQXQ+ISPry\n7ZGivTioaNlxxpbbtE8MxL93D9G4/mbpr68kIKBJkW1HKoHp9Td+lbjC5h7w\nHWhN1g0hVuKIZRjfoDXpVMDwovQZ4yQ6JKMK0E+84eVZYUqLawhLhxwPxYhN\nJ3+ZJp2rlydb2y+vHUX3jr4hhHkVYv4jVmwIQq/nJwkWPMEIJ6NJuFllgBqt\ncikR\r\n=JHNd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTTNum+KsR+0zRZmfOa7X96zGvkivBISFF8XsOLAkEfQIgNCSF+/osG34wc7pEL35P/6TryB3CyYtL+JtX5Y+1IP4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.9_1571062242223_0.21730903037444427"},"_hasShrinkwrap":false},"0.2.5-alpha.11":{"name":"@react-ssr/express","version":"0.2.5-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d86d8930529e54a62059c466179c89d80c621146","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-8L1RaXtYGRbCIoynK4zEHHV7XSA0vSmT3/gXC9ZH7jVimj0DnGTKeHqf0lQTmCXAG4RuTIz9MeOQd8Gst8QJNw==","shasum":"8c532a0def49069c6ae8c6d8c74c2a03787b386c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.11.tgz","fileCount":9,"unpackedSize":15676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpIMhCRA9TVsSAnZWagAAb1sP/iaoH0RDsSAS6cBwbK2a\nMPHPYwFVZx6Zznfy02xQGGrj2p057olFCbmU+nXrUj/QvKm+IwOTBvWC9ao6\nVekhef4fZ/t0F3ghAGxQTNBx0eDNog8I7yDLgt8uGcps95FkjQYRSyBeOoSv\nw4Rmb3fOvIIeiacoKebT4kE0kXSXpd7kVMVw8VNTWYrRoty0mds3YvXcrOCr\n57DxdRfeupAsDjVcAg3uAIMY9fEkTMBFR7cN5t5q1wefqz4KangFojlz6b25\n6tVoS7lg4WF5i/UdDdSGBm+cbsNqdjWyeYJZ4u+/TrfuCtFJCdGT2JDb3lt2\nVoGLC4p5Tdz+qEjKwNjGoLegF2+/SdfwtL6MMzI+f19MuuTCoc3wRK3ghu+N\nHK6KqHIT7iTNYguOHPvTW56/PeDczhg9ZGk/dirZzJAvKpoM1V6dtKVOCAic\nLtq9jm5fAW2inqFWBoAuUe8WOhdwAFZXdfXwAlAOi/spwNeXaDY4m1wDURAX\nY24KoAj08krGjBhziSgFzi1uCHBVSY7GxPZzYl6znCtXVsPXsCqdIFheKQ4G\nDFghFD5jH9Z20mgart8Fz0QEwSdW91qaiBeav+K2dpXZ6mnRrJ/38Nc/XD/G\nZm7wRUH3wNzK9iyAqTehEe0oMiY2WOml9VoK5vSLSBLXHs8ldBeqVifd1RHn\nkVr5\r\n=IWsU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwfuOHn/p4zuwGETUFn/PGOf1MjNVUv7Zkyu2F4tgHMAIgHVvUNAIpu7rDCWELmFpv+5AcxDAyQUgUK0OapisT74o="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.11_1571062560810_0.40924086985181174"},"_hasShrinkwrap":false},"0.2.5-alpha.12":{"name":"@react-ssr/express","version":"0.2.5-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0c66d07350d79948728fb1fb3dc391a53dfecb30","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-37F1zGcK59DBRyaFNU5Vpw2O1ndRnhRF/zyKefyCA5xASQcNfbeCbgGuwzCC9JMz8ZA8XSZz21ylOM0OBnVWMw==","shasum":"4bc12cb1ba5faef66d905947b2dc2eb4d7c3ee2d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.12.tgz","fileCount":9,"unpackedSize":15533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpIxXCRA9TVsSAnZWagAAgGAP/34w8ELIJnoHt3XfZHc8\nwmdJDtm18Upk3G2TtZ48Dg+EmWxERk8rqqyE70vlMV4mWeiJBvep3KNzzhUG\nHSMv6a08NpXbwwiLDdoC/onhgQL13qkBGKxd/iBQBAQOHiVtRGfdE4dYldOL\nLRC7Df/swsfKogcSodB44Jky/ieLsgegm++nhTY+jlWl/fvnvg0t8vINAT04\n/fxobFPOHK8ICo3YX50MYYKq2TVfrOkCa63Hz8vMxUnmOuAUGl8Z1av0AXsB\nZ9AxdNwweh4PYxjJBYNEoETZysCS9sjgY+RZn+SzAu9NFcrVwKw69yKCffNv\niHQrRC5oeJ72z2GBgm/f8/tl9wdWOOI3Mc/g9zdz+6a2LwNlKSIoQJ9BHise\nMRIzGx+uCEKbcoin/pBthLP4t1uw3gLH7SVWyIXPv8ReBBrylBSHiKTuIoxs\nujkLlcOwoGyC1g9o23cinl/atZ3Kcu+fHVngmPDGfjjzMqa7FHsdaS4T3M2X\nfKKywNhmm6wRalL0geG7wLQv2U7JWZF8s9DtMlQFVE0FfgSevzoWS/j/NW+5\n/fMb3Lm8KO5SX8Mv4hahUFLyPYBV9xy3jLglzgbOcLZ2MPN8X3EkQfPkUqEH\n+AnEogWaBfcLqZrTnW6Q00BJ/2J111njTv63vRuzzzjWCGwUgXrlL1CxzZDm\nHFct\r\n=QDzU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZkXBsxW98BdrtOXdZqJmwjgvR0Z+H5QmJCZDl7QNu8AIhALWBm6PGlYLjWy2BqDJQ+xOsc7DqI+JsJBPEWsPtOL1D"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.12_1571064918615_0.7960618069803451"},"_hasShrinkwrap":false},"0.2.5-alpha.13":{"name":"@react-ssr/express","version":"0.2.5-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"56351f0c1047f483db599cc9d708e3cf3e33c8b7","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xFGXQGCR2EHhRUtgFnmg4l9FZVgjwQXFR3mdJ7EZ3FgREWK4pYKGOsoBu0QXoHxXUg6HNSTxddnKa4JYyfLo7w==","shasum":"bfa986c4eae771fd921c7ccd0a87125d769ec2d6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.13.tgz","fileCount":9,"unpackedSize":15547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpI1ICRA9TVsSAnZWagAAzcYP/i9R/mucNySSVy6xVTdD\nkVpo8v27719daN2VS2zH3q8Wecl0WlLN4cm7PcMQiV1i6OHeBfoSwr5ZiQIx\nZ9x0IPDnTE+nAQxb2jWeXTNgsL0r+u/Xx3m6o8/CA5QbxUMDrKfBsCbcmfJI\nhFj4p3BvFQ8hB3BRtYvIPj1b9hj/2s33LsxcHFpFIAFVqj6XGJvlZk7mvsvZ\nl/q4jrjCQiZw1CCqIiXG8JrUWjkUOyb3CIeU7zFvkU30iQWFWtb86T2xQ1GA\n1Up4o+6TXSX3X59yIRtEiYIyBOmvtLNDDG2Y8pMboRnnFLVeT0mr6X30bniv\n+5IxDup9UQvQKDeV/qqqRjiQMVLKnzal9p1MNlpW2L9ISbmhz1sMlDH/qnkR\nu8ExcOYjIf64JECFdGqqbap2zYT1VJHEIAWBGYU5nbVrxPa1nlYnA9uvusPy\nrXWIBgHJ2xFtT8JfD+2vqHVOj5aQuKK9TEmJ157I2lFJfa7DAdYKcgEjqKK8\njP9Y75uEFsWir+lmCpE+d+ZH4yY5/TKcLWsIzEpEbUUTJ0IUWwFDqPEoYy7D\nJxtSSUgfYzHeQOtSVZSMhcSmaVQXarNhrWt4939SDfJli6P27fuqJbtqEhJ8\nJNLalNvf3NB0A3Nf2jK6JYY9Dm0fgtC0vwi+HoNiM/oFtG+n7t52FhXPpgys\ncHnM\r\n=aPV0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5ftMuVqGYn9P3RVUQbxxT3mLbXpSLWM//1XGW+fAm0QIhAO5vl6q67zHXMCM1j1XGkYymDXP6mPnpGSKKS5EruIz6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.13_1571065160401_0.9451383798840232"},"_hasShrinkwrap":false},"0.2.5-alpha.15":{"name":"@react-ssr/express","version":"0.2.5-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"04f569cf3019f4d2f9156d9af43a594ddb9ff986","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-49KJf/p1YYEmPQSfdupbXR9FnXLK6nATRtk32DuTnxTb1pkDOUpdhom7+/XqQOENbMKGMoiQiig8L40JQt6mzA==","shasum":"62dbc8ab0ea0c8af760948e12bf4c280522b5520","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.15.tgz","fileCount":9,"unpackedSize":15933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJCuCRA9TVsSAnZWagAA6PgP/ji7ZeHCYekShqMKFruM\nSghegzaImDIwjkBj1VVUwcMRF8WQrVMDrrfgGihzX4PO3rXhe5syXM1u81YX\nVIz+ON/VPK7+aHM88KTWY0EZgdZTMTRZkhZItqKAyW5NjoXTegY1GV5C+dDs\nqAlLsUSFHADxhvgh6zo7UwYLz90Iqa2IJoaa+CBtb0gF+Lfp6Tb+ROp/0r/k\nb0q8dD70/l9sn/T3egbgnTHjo9Oh16+4vQw7K0HSLoE+IEtatkc2x8XJ1nf7\noQ4HnrkxBxyEobJZDpY2T8FqztGjAif2yTzFXoaSbIDIBXcfSSEj05tnjgCx\nvlBHdClcz7djwLcsF4EJt71gywNIWCSBB8gawv8/Z+EyZp8VK+qUTobnOgws\nt6vPYv6pUxdEksswdJzTNZv8+jCwoBh13KY47VK80KOoqPfcJ7Kc4MpHjOJj\nsa+vsWaxFHsHcuU3CnS4ZoMEeeBmgeOcGaRzj6R7lIt0RRqaWkJHpBNIpY8q\nq2+HepnPCqER7EpAk8qBTRaUPudbnOQrDmQOt9AzbkgBARoB2e+ilc08i2Z/\nuYu1Zk2u3Tx1gHS/iMkX8UcsbNacwfUddureQ344WwtlV1tVcH5YrC3egrdQ\nP6NEtsx/Bdu3sZfe2gA2DNPgVSumF6W/bqHY7tzbMS/TtFnXb6LxfZvV3uNP\nhXI4\r\n=UJQB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD38+H/qF7D+IlUMaGhDCFJEtPEnJ6/1XqwTX2//sZa9wIhAJpUSej4Mja69kQVbG1xXVBBk/ijBG5ubb8q2EMSe5zG"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.15_1571066029757_0.35993908477360925"},"_hasShrinkwrap":false},"0.2.5-alpha.16":{"name":"@react-ssr/express","version":"0.2.5-alpha.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4581f89ece98ac31eab4eaabc8fa959a400a01bd","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-DDk6o4cOTlivSCF4d2mzVac9BkjXFfiC6tXk7J3mFgsdzCkoclFHteK47esevNmmPrfIsdbN1X9rVmnZGcGGBw==","shasum":"1b4077bbc4d10081cb71debaa42f937c9f745793","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.16.tgz","fileCount":9,"unpackedSize":16216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJIcCRA9TVsSAnZWagAA4LgP/2xJ2hvj9qRtxmNeqpon\n/GPwXCY8RaSuKtSWK/xaoXrrjugouFR4sSCyJYMgzqEhZx5FeJvKOztH2b6j\nZdNL6LzkQV3YfGv7gnFCri9GQfM1WDI5q3nlR/xWsNw8Yc0ho1ni8hcVZaM2\nSXoJWA+TXwpXCWSBojmSaM0rzyuzCeiJVJjhQj2/J27qzXuir6/bjkOkYvbq\nqigJb0/c8kd1lSD099gqRAihfEIYdW2scQVT1m5xpbj0eZYQnZ+m436vwnSi\nzM2CqeMqWBSbZ0RZS7lCKKZKg1dVqXYdpwcaW99CBEpVDvI5dIMpYGH5qOkx\nn5EvWU6XUmsN/YM10lb+eaJvHQP5on6uQoV+R6dsdt8mlIVALHlu4oe+M9jR\nzm1rysfeZ55on5sjZyY7fzj/sEmxAstLVe1pDeEQKd8+o0e3LeAhCHg+/yaY\npF89xKeZi8DQcK7aIbu/oYlfW5IQpJNTft6xFRtW4YVCkrYL7Gl6BdLJnne+\nWxnyCFOFRdHhmOOgPD+cnG2fUuHZWQt1wes+wSABXM+O7rTyRm6LcjTu9Ei3\n09Yyb6bn99rxLdvkvWm8cFvIHFYuQLdmzeD1a5H6Q74s34svVcasG0Jt610o\nEsLSG6f5m6O4Sejyud5iTLHbJP3XJVH/auQhLkdt1gejanRSZ0VqwtWo7ryn\necnx\r\n=1p4j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxL/pQBBOKHkfUwhPSfkZEyPOZjysDebcI442rc7pqUAiBVo+XXb57o3RtcHd9rJYLqK/7vaOPsLzVzROSHjzZ/zQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.16_1571066395875_0.10910528013502097"},"_hasShrinkwrap":false},"0.2.5-alpha.17":{"name":"@react-ssr/express","version":"0.2.5-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bc8772abe6c5eb12294602020d6c02754e708796","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-oCg0BQCH55M+y0FWhYe/PxjYLHbHg8hr4Odz6ymErxRCMkBkMmsoqu/x7BqS7tgwrJW/uEneK864Al0t2b8c8A==","shasum":"0bf65d025504c5f3d7e9fb54e6be04f4195ce0ec","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.17.tgz","fileCount":9,"unpackedSize":16208,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJQnCRA9TVsSAnZWagAAU4oP/0pioYuSzHjepgP+qkNp\nqDVIKdGWTispZDSXDOgw0vc1vBiKsmR0bQ+R1WOt5sfeSsvoISPCna0EYOHy\npPJ5J0WaCyiP9jGC+QCZbdy78CtX4+0O0C2vhrQHH0sDnU7Zopd1nmMD4/06\n3NwFsVPGPeCB5ZMWnRD3qGSd3yvD2CO5FVwCA2a7B2xR3KGFsVxE4fmGzwoE\nH3dhzyA1rhkS4MHMbUrWtl6Dd4UQaQ4hsuJzkZG7PCgUxNT1nazXdTTJeZBN\neyoVK3HO37Bx/OhcoOt3PXmzLfSAPkRPfaNrShGWS1Hkm3DOTjuq1ffIyEjx\nCLX/Sf9wl7gTpNY+qjYCVYqWDQF+5JBvnYIA9hAEaDPCWTe3XuV6PXQ174YO\n+fpZPRKJGct/KJrnVU3XJOi8Vv5geioFHAMt6EkVcQ8q9nsg7kcFFIOZPLOs\nJomybhoEz+xmTS1Q3VCdaQCPQ73OX5BFupfY8ITIQ10cvceopvI2dZoObU8Q\nvgq15Asq0ZGThamDNRag+W6Pzzs1iELNJXhrr+/gtD6rrHHrJO8mD1JMzywc\nqvxktx8kOzX14vc/YzMnJmZMOYUjwANZu+64whlwDgSB7M0HQCeZ712gQo5q\ne2GmHbjfoR1jBqu9SYxEqGbRf7Nlk2L2xGSZlre6rBl2xHy7Bhto+Myfc/Xb\n6AAk\r\n=bdEa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHrsfVdo58tOmwaf6u6iUx1lpq6A5IP7IG4HXKOe+QEyAiBGutSapgiNhJisqk2VIcBhjAI9SjY3Hdhk0vfa/XoFvg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.17_1571066918954_0.5346810616821931"},"_hasShrinkwrap":false},"0.2.5-alpha.18":{"name":"@react-ssr/express","version":"0.2.5-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4c052de87831dbd38fb24639b302193a8187c947","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QeIlI4mrsEgHs7SB0bKVhQt87VAvGak1NBpnu8TDSlGe/H4Wl27TJkgyZ5tmibOpWNQu7MxSDWB/LCTkNpwUQQ==","shasum":"de979c9e1a4fb2d241f8e8bc5a8854e9a3262b1f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.18.tgz","fileCount":9,"unpackedSize":16238,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJXsCRA9TVsSAnZWagAA9dQQAJDg4RBn+vWC9p+/DE8H\nv7M66HjLWOFf/c6IbUHRJouH0QdxJ4gCt0xhTPxAF+7D+USm04sRRCPr2Gvn\nxcA2Lp6UkPxoGFbicEdsWOE1kLjbG0uIL6WzpyrjK7x7EDNOeoje6xiVYxMU\nM7A51PEb3r1MSfjZ61L7fphWjlB22/sw8TIPjsNGtqSYetaQc2/Y2Dav64XY\nM0c20QLIt29AwLqxKdWe9turlOx4xj00U1ZmOKRnVDR4JglQIqWjZBEeahSs\n9y8H5RusNchy+HVUTDhrqEh9yd46X0M4O4CCxcIYnbKZnLP2tvg1k9XJ7f5y\n1IZXoWCFurJfSN3TM3WLpIkMPTm/fOyALb7Qb/sYLEC5fWoPPiYFW/QIYiie\nsjXq9Zy4vH8MO81XAdAEHGDNq+/JmzoSmXM84s1bYhhpBD3XZx/0wtcIEuvU\n7pLvM762awEKD4FcKcRd3cO0rzrF7oQZqdq2KeK5wstBAY/xNCpS3wNbY5Yy\ni6Lv9g75JN5jNstcoXdr5IfFTSVYY+irwWlOG8EI7QvLjsNvsI81H/u4UBac\nLOm8QJ6TBYtwh5+KbzvY1DYrlXuLsdHR0/LfDDv56O5KLYwxJaxfpdrLXPuK\nPD4YP1plF5AmR/gxzqNMXUbK89EGIJyWnMKLfOGfiOiHm0ncRqR3spRXmo9K\nsR9M\r\n=vK4x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDaA0tPQs5Nxx44Q8t2Y3GtqEzP057S1g/gjLDXfuteDAiAfwWJ3sVPJaq1jIDjDb4FdLEEurFxDJvPeqUO3OONkDg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.18_1571067371959_0.009803341378404218"},"_hasShrinkwrap":false},"0.2.5-alpha.19":{"name":"@react-ssr/express","version":"0.2.5-alpha.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@hot-loader/react-dom":"^16.10.2","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","react-hot-loader":"^4.12.15","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4d2dd9314ef14e13eb08e79b23200076cb95f8f5","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ueNYrjE7grGwvfSunVkVxflgMid4Jquo+l11qNbulMgL1ZopSDpqUB5UrHu1KN6uyaDvYRpKqgixrcvEgGkKiQ==","shasum":"a95d0319047f7a742ac271f8c835e24396584677","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.19.tgz","fileCount":9,"unpackedSize":16455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJdoCRA9TVsSAnZWagAA0ygP/2KJ4xAggUIY7/lxgexP\nQ1Jc/YWmYtxEgYcbKI/eHYl1l/fMiM4xuWxfhBYaBLGD1u17iZnMWZjjvMd7\nlYsvlRj6LqqcKkdaN9oP07zgtEbPJ9Wnq5bnh4lcCO8CVu++ojf13twRYWrt\nrVfjGTh8va5RzJb+BF723+tzakjuatcyzbllTLBeis1awaMTgI/akdrkjwJY\nC0hne0rXDHuw8mxwCdfxvYh725KfHcCzz51H6IiJntDF9XdjStvTQiZe/9oT\nV4KrJP3DjyQnIkvdHIbULl9EA2OBrPPZOLg2IDQTzYF+APhYf8iPgFj456dc\nqTjNzHzs0we2LaSu0GzuyTUkpi2GMUickEkqTrDqa5m85aWOhj1G1GV9v/bI\nbLJoe9Gc/jHmMQu9vcJkhtDQLDW3B2tdESU83TFQ8yVxi4yjjmfmwNji9ovP\n0/83T/1bQZFqsLkG7rXAOJpdf7UU1PZrhB2isORSxJl3bdbV7jXJdAzFEs3N\nY7IwD/ldGy7hlqGJhzUZzlTBqTGoHGGcESWwUMvY/xQ1p6ogV7Gs6wcvHi71\nWI7DZpkwEzJD4OhgyFEhOdN9MnRDnWRsnNUtWuT/7B4ZBoz5gLN83encuKws\nTkLAIRF/eSEtA2tE0MXlnRBi60+TzYGnJzc25eZyhtUCwGs/7D2kVifmIFQd\nU0Ed\r\n=k0Ei\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9krwlDSwpM1Qgt8yzCLQGsMoU7fTKbUd4nJBHBBW0UgIhAK0Rd6FZmcB0K6sVj3Lrf+7S83SjxI19QhpBcB/jdVdT"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.19_1571067751446_0.47111830949062283"},"_hasShrinkwrap":false},"0.2.5-alpha.20":{"name":"@react-ssr/express","version":"0.2.5-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6377095154a5dd3d5d722ab035776172166a691f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-D44s8/y/Xhc0N+3IurqxTqGSqnP0NZjP7HZ60ZobZbKJVeYP/upnSbP7lJf/pt+5KnwbKaC315IT6CQ2xBq/5g==","shasum":"8c9997c7f61831048b7043773e65db2e7cd77b28","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.20.tgz","fileCount":9,"unpackedSize":15782,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJkGCRA9TVsSAnZWagAAhooP/RwtSpqUQ6gNUSipikM0\nNBYeh82UWF1Y6gZI1f8Z2oJrTehIZU7Rf3m2l2TB1HNAHTe3Llx9qaq26+UB\nmps8lgXJn3HPudQzNfd5SA+7ujU6xCq9b408qldp3aIANCvrM98b4hN0z7F4\nkdYv8MuXt5hlwaTAKehBxqQMuWWPiOA42rhzufkjgvQgRIfN2coII7Cl0NAK\nPHaF/tOD6ufJHo1RU3Br/TOLK+Cc42XOfqhBn/o0lR1ub2kPj0OXtta/vN++\n7fjRZ6ks7U8XfUbLqkNDU6K66M2Ob9u8Vg0B8cIq1G8i/1NjsYZRKXs8L8HM\nc5DP3EfO+N+7l0HkAPm6DpxKiklHU6oyClowqIHfZGasr1VLV5fPwpP0syqc\nFGexp/97Ry0yPFPDkFY6eRa+ntS555sfnfvD+lmCJStOTuQ/WdbYFIJ2CjTx\n4qjwxoWnAgqPeVDYrqao8YqYgN8hpD2mULMGUs1pfz7cV/49qU0sB7nXKXYY\n3h9jwq1Jq2ycDlQrqYByng5E2x5KzHGYkkyGx2Tvu8C56VS3KOYVUKIYb+c0\nmN0Ia3G/GzxaI5gUiarXbvHHQTxsqB5h/KdStFWdPuKuzJeqgHrKU2x2ohV1\nNWP40cmwRAw3Zt9HS4JHnUXJ+ff6jU0Zf/zhwC8sJkVOKOrGodMkFQxBQ2/m\nigIy\r\n=cKQt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0flTjj6viioEhg7fj6v+6cQOYra1Z9A9/JCsL+w1SVAiEA4h8LrOQbgZSigSGCTtSl43K/wSjIhknP4lAFUdB4Vy8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.20_1571068165665_0.4667551874335565"},"_hasShrinkwrap":false},"0.2.5-alpha.21":{"name":"@react-ssr/express","version":"0.2.5-alpha.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"75535a4d5028618e356e17db5f6fa4e30acbb648","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NsJnhRhV8sDl6PYEGpAnuBbDbw4DlHu2M0bOMGp0RxFRkH/TNpskRgZStg/eoCfw95Gl+8OVBP2XxMvqVUGq3g==","shasum":"cd3db2449663f7e43414726d3bdcd81a13c1708d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.21.tgz","fileCount":9,"unpackedSize":15794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJu1CRA9TVsSAnZWagAAvxoP/1WHthX1Q7FiSH9DmnU2\nNpe6R+oufOJeY6guQ5n/lfM1nmBnFv+NQESYuemE8Wxe5i7O9sE9JSSGPQFW\nJG16A4kNbIvREY29AInXOSpXyvwoF4j1fH+UAQ/EKVEX4mwO9AjiQnANThLv\nl47Kmi7iE6ADRCauKexOwsno00yt/7IPTwB+xvEjjbbXADw3TTo1mF+Hq2bN\nwmIEXQDuR/meeDoJO5rvFfRSBLFhmkDU33iT5++Oh+Js6RasOVvXiB/XjMrE\n7f69MjzUoISf1gGZmqCd4sWQN2QstjIgQY/qRx9+VH8MBwcZFnvOd0F000BQ\n3TgY6Gxub7s6+oNaY+ITcDm8EdGMW9M+qVRpkSwBypPcf+An7sZqLunIqely\nsaTULpiG9A+8LiBYHPWWbBlFGjEBiEmlsHhuwL2Clj3318tauF9W2MBgZk9v\nxwEhIdL8UiRnoHOkUGtcSQIx0DcttvTQEIwxVR/+f+hQjAYOWo8FBdHUHYae\nL5Lauin1Q3hSoQWTKBHTSyq47ObQfQ4/90rUCavfgiCJvAd5i03a306AIZac\nrvbBwp9ILd1zbwEZV7Yx5vGAuAvG8HlRJO9MDzP59Uc+FGAHCurIXnKLkPDx\n09hit6UbaDkht9+f2WpSJn8gwZv2bQsf2Egmrn8PZe4evORYp79hnOvBdMeS\n79AI\r\n=RGiQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGWWOtNrU9rkRLtp3jVA5o5QXWblKYU5qvHitQDwCH5VAiEApUTz2pYoqahi+SoM6Tk7326gA0F3ZZRW7qVxZEZq6KI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.21_1571068852509_0.6544240750066757"},"_hasShrinkwrap":false},"0.2.5-alpha.22":{"name":"@react-ssr/express","version":"0.2.5-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1672aaddd98701e8f9741fbf61f274b422b61f8a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7DAsj4y6+euTiZAAB4bMKMA6M9tWl9XvY2YDl5wjxstp44nhMM+GtFH8fYUOHyzXOirQbSNyNP5Vr5TRdFVUFA==","shasum":"672a83c1cbfc7cf78b57cf7f9fddb33211bc6901","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.22.tgz","fileCount":9,"unpackedSize":15802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpJ0NCRA9TVsSAnZWagAArVYP/0ndF8ZMPkI3fjBa+6fh\nZuNBvGtyAh6k94BUUgXXt5korNtrXdsSgWejsgY/L1cO2F68wvbS+JgPkOo1\nIwvy3g+do/0eR9Ix58yE50OIrocH98OpMYN30NDJMPMaF1UbOWUHPTkwOJDl\noxMKdKPwZLubK9T0dQA+A9Gjm9L0eJfFKLXF6pq+5+YgrILj+YYHN+Wu+RJW\nOl8azTJXviO88VtlXDiey6UNTrIUzF85FfkjcIcKQMb69HzrVinh/2Fya4KR\nvdx6bnKBpPKA/xjYC/k8R6xt+Gci5736SSduYZuZ3rSL2YPRtJuhvHyzBLGJ\nz5l8DjUsJzk5Q5GS0s0CAWPeqdOIXOdBpUIZKp4BRZM30r5ehi0SRalYuFcB\nghbgdbDHPxAyQfWo84WKfEYoGBTga642fw+2uZ5o+attNtFAGZ20PdazxiFr\nQGln1lGQzwS1QL8CxiLD1hG1JBSS7Dk18sY+6LmzJ5s3KlatiAohLXgsmjOU\nV2xW8ogSRhcibJVaxV6XqA2zXQMJVARuGNOG1e8pS68jaf7i8XRxL3xmeFUr\neVlGlBHSu11h5Moe3zYfzrD/WsvlSsQpxOMcZZumeZJQJvx3xzuHpFefdIk3\nCRetmavtu7lgVnIChmFPkM5MDXd1AJdz8EGhNjW3ry5vUtYnkoZh7kuH47Zx\nRTXc\r\n=sOA/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUQcJv9o2jj1wg/ixEMQmqGc6F1b8HbHN05XOi8ttuAwIgewXWT+3jpglB5seAllcJLTnQ8yQLRlw6KKeBhbDSyYg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.22_1571069197160_0.9221143312900262"},"_hasShrinkwrap":false},"0.2.5-alpha.23":{"name":"@react-ssr/express","version":"0.2.5-alpha.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e0899545958176400a09851c9604a9b16f3701e8","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-j4OQiX+njYHM12hEPu3CQPl05P+IE+71AuQqU/giHEwGjOBK2MYNbohK0RPZIUl9mJAoujxwgqm9eKcTiPZhzg==","shasum":"c5c13bfb1df8f28ef7fe244e7a608dcaeaf187a6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.23.tgz","fileCount":9,"unpackedSize":16621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpONPCRA9TVsSAnZWagAAG8cQAJXSzisitgj56uziEP9i\nVdTbx1eevw8eCyTIjDEZSOI9lV1IJgGOZlTHNTu4pKB6uoSPl4eKSrT7mUcg\n6E1TdB8WT/QBKXOBKrZdc560U3Y4sTCtgo5wAGraOT+TnZjM3aE43T5S8ofQ\n3eV+YOLGzsNk+S2dHdWuwXnwRkg2FBN7kmyEM62lKXWIUdXBIkoGjnDqHQzW\nR9S4q+jGppiKpxiyYSzPMGyGEZKvURmao+ieio2r+6gd72utoe1lUC4H77qh\njeJJi5cxn+qcT/FwuyPLEkZc7eJEjd5zCzXi5/zVEItUxUUGu/0negc9IDX3\nXIC1k6Mrrx2ZoDB9ZNk9finle03yqsEXKXB7DmrUUGBh6/ntmouoY5IPp81N\nClNQ30Ix206kIVWzDh9y8DBmiajaNIdU42IojIcCia2i5yTt3PpbeLRvhSOK\nWtBT3PyizApAVip+g+A35NOH4SekuFmw+jpQozcgSu6/OGVIkZYsbG9vXgGy\nrI/78RSw3zF1b4/VW5fJDO+FxXqpVyEASZuannjmnDCCyn32JN+qT1SBJm/e\nVjcbZqbKLvLQDFouWtpMSH0Sf5AQxMj7Ns67nXl/QpEodTtrcyLRsZNhWPrY\ngUBC8zFosVl26NVgyp9K2u/AsZf3nhcjcsp0ZTxqRI38iGhfgqWv5S7qWZDI\n184E\r\n=12Bs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEjty+KqnGDjLlmtPotRMTIpksF5ZbKJoUtCFlOgKBsnAiBf0tj9CpR9sdeDCPjNeudLyWqqvAgk7A1zU0sZZD09/A=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.23_1571087182956_0.21358254100111718"},"_hasShrinkwrap":false},"0.2.5-alpha.24":{"name":"@react-ssr/express","version":"0.2.5-alpha.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fkill":"^6.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1206d1a5d20f57cc9dc8f1f2ba8c56d45eff83e3","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hhMc09I4flP3x+AsOCXi7u0rkHYodvZiqBcV6S62TmXn1rrvHoK0SiEoZHVpBfiMucpngKYjeBWLMfj+Mkj3TA==","shasum":"e115d09c73f1e2700abf70c55b9962679db116e2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.24.tgz","fileCount":9,"unpackedSize":16690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpOXsCRA9TVsSAnZWagAAtZkP/in6Euo28VNIHk2LNOYP\n4MYaDU6M10dnCmBqrqRUroTMPlyPbrCAohV6DVzBYLv08WWwQFRtznp0sKuP\n0pnnfK30daZeZdv2x54B9irIx0VNK8V4oM49rMYKbhifzq9BGhzr8N7/enHD\n+ts5VRHyUQyNWuSprG0MVoP7/k4j9tPxYIvzQ0nYY9E37zKJ3u3xKOJ3kjtl\nnNlimPAmuleEaHuLGdByc3M95BCeEHxT+H7oU+Af+QAoD3dAyVEapBkD+TS7\n12NbjmiOtsWIG279Djye89noEJMPJ+8T+zPOcpF65FwNoLhb9eTZFp3G0UKs\nxjjIwpcIN9cwndXhHSpiIF/8lDhIJ043TkzPHgqJEkaHq7FYqR9c9WgDTxCM\n+CnFlRlHLU44xKsjMxBG9jsPuL6OyOFpraRaB+GgJWX/4p1Rz+mCVX3G+q9x\nEraY3LUWKpGC3t3SSCYnLjteBPAfgx/mrs3YR+2/JxnjT63m2u1DtpzmXc2r\nBAHwh8MF0/lvHzbz8V8GADo6hALVSXVJVfOCDkCT2MncBT9i+e+jpRhlISrq\ngmLJar10d0SunmHWjfNTt0X6uXohcCfw8boS0ZteDVsi4LHgMDL44bkItCgL\n+RXFKtChuJoRcGFNfUp9zB326YuQiq3SF1Z8FMtDpXlYaROwQ9919tDqhmFi\n9n1V\r\n=Nmsq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID2XhJqn7nnafvwu5gfjYWev2hVRBEkqy8RY2ejBMlXmAiEAszdrF8G0KEhpOKXT8GIKrSj8qhnyzgFrHch5efeOGPk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.24_1571087851412_0.6549240464390924"},"_hasShrinkwrap":false},"0.2.5-alpha.25":{"name":"@react-ssr/express","version":"0.2.5-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fkill":"^6.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"eef78981726fbef0f93dd546258d0580e041eb95","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HEbYGiV35FVg6KRGERuoJeto7Ybpr0461bJSJnJfJMhOVr/jQI8N22Qn5uVEG/qGT7AO+romWW0FvRL9AdgcZQ==","shasum":"294d99640ab67871d09d8e781af18bcd4869b6a9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.25.tgz","fileCount":9,"unpackedSize":16679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpOc8CRA9TVsSAnZWagAAa/kP/icuf7cWlg1aKJETwHk6\nSZrioLkOlS1xxqIvki0iju2FvZM4CH4qkWICtFPZs+NkK6+b6FiDIlVYShrC\nZBiEDhtcVM/gxrSYo/RGcyT/j+uwjh0p1czLCdvxa5aPJCy6hLEeptqpf4dk\nPv1cHHlKgf8S9emfhssG44zVSQtlfItfHnWgagdW67OEactQO+Xi3RiDnxK9\nwoLS6N7r2GokPQpeZXTHvOMsl6uQQkIKSZh9j8sW5fmEH9s15+o8JRKH1Put\nGF7uVmZEk+ug2FTTsYp5sYWJ8wzng39wu1jUkRI1whuOc5DlBDITCJkd00hT\nJPwJFgD5kI6kZkfbiocPfqyUiVrGBRRxz5IF2uTFUChXUzno2t7UwIk5k3rj\nyzteZt9uSNw4Vrc3ZuGQT+V6lw55PJPkyNA83cgGaqNtslu8rv2CoPYSY6Lw\n1dENz723ZEFy4NYZkLf+W5e1opvD7JJU253jIrknPHT3fBFsPVf+u25mchEX\nFgykWX5EGv+0C7XDXeaAxzatqdhS7leyeIWLFStT2gCVLhHpif07FjvKt+B6\ni7LX+FydBLvjlrnQKmYPZXZy8jFLZ3EDZgSM5NjzIXRjyHSWfmzkS8rW2SMo\npbLkPOVxwKWlI65RLdk9W3c4/QjgEupc5xqlO5kSOAeN2KTxarBdd4rxV5iT\nN4j3\r\n=Kl/C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfegrqCGS8FI3QL9OGSjbNL32c/Yn/9p/KI6PahJWHIgIhAOxudcUtOp3BscLHZpZrVHMQcFoP05xwm/QRX+SAUm3g"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.25_1571088188236_0.2324239143307727"},"_hasShrinkwrap":false},"0.2.5-alpha.26":{"name":"@react-ssr/express","version":"0.2.5-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fkill":"^6.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"76ba553411e73b06ac099c87459dce6f70ef6745","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4zJw74BGfmUp4nKb5neM3DKYLXkW7IYOnzNtufYOLJ0KTPo1NkzAKrEQNOILGXBBHmKprhWEo5Cm4FX68LmY4Q==","shasum":"8921e98fc0b233bcb0ff4a8506ed849177c5b40b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.26.tgz","fileCount":9,"unpackedSize":16591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpOu9CRA9TVsSAnZWagAAD2kQAIuj4oLyzsZqdLvPhk43\nik4PxRJNzAmoO+r1kZMMZWmh/kyAX75PCetOWPn5wBp0GCOnnefMH28qO8kC\nK2mm0iU4AsQc6hrISYg+ESsdz7JVfmHwjyUKD/kAhXILE+GqUP1pKLcf+57e\nQePg35iYDYaOTFU32vbRS+0Wpqpx2tmU/Rs+vlVpqgSY8cS7qY62jwZfN7Ob\nvZWToFUQ9j3IPY/v01AFxCxLGDd+HLz0vXy7QbzxMXXOO3cJi/+XaE0WYG+I\nRmTmCDIzdHurXKYj4kXAJkzWxZbB+2/IjbAcb/zNf/98sT5QtjpwYnWKeueL\nuHww3x5Cb6dBboAkoee5LSRqWBCA4K4EosCbgBXI6vKmuOPYDuTCCuELJ85V\nlpAdmHbTya2itsrmRwlyLwFyRUlMzee1Q8ABtZtzwTixgImD27sjZIBVBheO\n0Lyo0w/EjJT3AmWzkO4uw5TsyKmSrLInFYTqmOGdAxpAkOsCRFdS5i3LjejV\nP+S2ADh82DCRTjEHa50fy2QhTqOKkDBmx01vEkp2ik48/tzdn8Gcph6/32Si\ndtahCMGriUkQ+7APuItSFR+xSMkq1inn5KQmwQlF+GqVkaPgANtJEI/1l4yO\nuiZuCmIegE8iak+CiqZtioWr9/dqXSX+1cjPwD3A8ewEv+T1xpJUuqC9k7vf\nnkGt\r\n=P/7K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3pVy8mZjvCUY1AqKIppd1fscLZPEe7hrWuJzdmMXbbAiEAqNahAjxxMqCelN9IcBC6tobbLHaiJO9g3lhg6CCo8/Y="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.26_1571089340529_0.9008678592811679"},"_hasShrinkwrap":false},"0.2.5-alpha.27":{"name":"@react-ssr/express","version":"0.2.5-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","express":"^4.17.1","fkill":"^6.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7d01536561ff84c8fa7bdc5ab114e26a53933b4d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-VVcc+WGNnpfp4i+H4B6sh+/SsT8Q5I4NypJjy3xjWC4VBwNMW/KVC/x8np4ZSkpM8eorB09sT+JNFkyLWCE5BQ==","shasum":"d13a4b41e912c77c8fcfb05e40fc95a7ca9e11e5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.27.tgz","fileCount":9,"unpackedSize":16596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpOyRCRA9TVsSAnZWagAAHJUP/RUD8pJ6bgU4fVSD+Jix\nrXDq8jN8Q2QABqQF4lV5U+Zo9T6aC+3w3DjFIQmZgcq3jQMGnOxlQuu/HQl+\nPWzV3uWaBTHkDTOpjGVyU6k3lwzfAP6U1LxAgAN5qvNMcAoNWkfLMTSycgju\nGJWfoEeiQLJuT0wPezYkqXedBBOtyNYwUVZ/Dqw5li9cuUrNywfpUkxtjCZz\nXaJyh0HeEzYYZCl6lvJkMbWCjVEZKjQ+WDzsUdnQwRRTlWyNmiRHc5hEbmD7\n/qFIQsgcVn2se25kRWs5vZFGAU4/NDuf7QroDKwPvKI1VA59IFtW+7IH7gGR\nkiRkwqDmJnfeQZGuvK+KoxhJnpxn9J6mDwL15J8lx5GLgZ9+nCkJtTry9SC6\ndkIKSZr0mxDasZ9hul0OtcqkIK86Y6pJkRyPLXDBOQzWe0+Ol0Ul8bofpJyT\nLY9gd+Pod6g0JpzvwclOG7FKIz4nRl7k4M5U2TrAiOTnWI5wbZfZ8MH3IB5x\ndenLwj0V/4xxmd6Hzl8SkuHQ5UjMjtxGA+lx8FXrGWVAayUmb8bfrAZerq4o\nUUqfw8VmBzOeSm7KjHDtUVb2EbQJzw/s3vkJ1fAFmECGEQzRGYfxljhL7BHT\nnWctQIY7bjUI7unRwbcGBjc2ynmk7CHZYlzU704XQ0AOaqFgOztArDqJYY7O\nU+ur\r\n=OVVb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHF9Dpdcyvl7Toz5Aw5Rc7N40bgqSHwKb+JDY0z/4Xz1AiA0nV03lqDJg3Xs+EIWnZAPjTGhdc3Zlbj1/JE4HmNiaQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.27_1571089552758_0.06022381141864841"},"_hasShrinkwrap":false},"0.2.5-alpha.28":{"name":"@react-ssr/express","version":"0.2.5-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a38c2186d175481176fe425c36f5795c9aad45c9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zDP3o2PVE3wNIARORlMNpkEfe8xNpQiWsPj8YkqD88NmRNeKmLTpWdCTrC7PEOrDB+jpz+Z4st/hbOVOejuRMg==","shasum":"80b26e2f90940b019011a91a0478400c3ca68c89","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.28.tgz","fileCount":9,"unpackedSize":16770,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpO5ZCRA9TVsSAnZWagAAu4EQAIPRUu0CoN6FD5RNzeT+\nrqIzGCpPiLEa0OytG3m9qdb9mYALcHlCREev7IkHPOuLY7tkwd5L9XY7YPfD\nmcNtTT46sd1PVFDhqmQsKp5kEqqRchipie8grBik6dVaK+rzhZ7loWC0ReLU\nqVz+mmBZiCV4kaf9qF6K3k6QRGK2oouaW6zGKqdWgMOwzHeMNInmOtO2ufjQ\nj+tF5bjoZ5oxX9GunzbqNmoOi+oI794M8tpsui+wcxWIrEGqzIxGkVmiuLC0\nO27omChRzURu4j8sHpMGfQdeziAKdlxy0S+O112cSzvs3ftdTMhcQSbN7W5D\ne9KGUWmzETo3SpVRZS6b/zOaMlniLcpSQWXWRHojfP+T7OhSCxgrL/e6n9t/\nccCwio24VvvDjXFFYqVkrTzjlfn3ICXDQZEsRspO0FsV5LIGoIcN1puaIP+M\n1+aYO7Uo4evZ17nrlKPyKSw0MzQEy3+vPcxzc7G/DyCGpDAoM3HZVQpOet73\nvDA+u9FcSV1QN8GTAsbvMPPa4gpTNuEPJmI28EEMI31odcTqTEAEkrEzR/Ut\njT9yLEOLQ3R6wUMVRleI8yoWT82UTbMh/SYhRucPJRgMB7BseLk4empYSWYE\nk0Olxw9yhLR0HheQ/1WfrNEgTfnWNRz4anQS7ieCHteFC8VjJQfAGE9MCB4b\n9rJ6\r\n=FQWA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDs3fWZoVRG/NZNBbXmHuzMRrjfIn9dihYJ5Ji93TaHmQIga0ceLiLtNPv3oDQfLV2al9LV/n6/fONJ1j15ZWi/+mo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.28_1571090008994_0.3887512066037304"},"_hasShrinkwrap":false},"0.2.5-alpha.29":{"name":"@react-ssr/express","version":"0.2.5-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b5cd6ca789c30fbcc11ad2716f4a4d98902f8aa0","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NU5Ku0BbJxMfVnkIftIOYhzKKG2W0rcPZGyogUhrK0YlM9w6AFLfaP6hxTypJ8ZLt4XvKy064rhFt+BrpZykgA==","shasum":"ddacbb5180e449852bd24617591722c3cb0726f3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.29.tgz","fileCount":9,"unpackedSize":16608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpO/dCRA9TVsSAnZWagAANfwP/jfybEEudxPQlpNDWT7c\nfXkzYPWfF/1YB65YBEUkIqMoJTh7lyfwio0VWVNcxI5KWCLhoQLVtYbsAM0q\nWFxukaVQBi7QZAK6Umaop/jejVCBNZ5wny/e8g9dB8NASR48lbxlZdESscQ7\n3T8uwJBZt3WvrPSxJ9yC4TCwBMsaVTJBM6uVLrN3F5lRpgEF0T6UYWuf/saK\np19F98DMTSsLTiXwdT3Yus0xtRvt1i5Mv6H/yHyy9f0nWMuuXMMrsYF0waYQ\nZsGBALwZdvBdMSyu4IsOP71HCj2mr84aH4Tg7o2gJvaPuBcWOnr8uXQ00GbF\nyEsYpKHsdOfD+Pn2D3qpfgRtuff8v8hNXFX1w1AnzNhs0eLHQZ/N66fwnQcJ\njFWi9YHA4TBG0NRThtf1Tgwfv9d516OXLNwcw5pqCp8WWJRmdTXgekv/Gf+m\nJcR3O1/yUa/Ww36zffNOKVg/7tUvh3rbiyNIh/eRAkDF6E4DTElrN3DanEqg\nC3Fkvw787OTWg1+CYrWM/RrMDgiPwgU0TuTVtY5YbPMqPY3eP/TJXGIdl5AB\nentBLYHkSd1XCHgAsd8K6450jujoquy+T8SsTaWqpJ0Lth6+sMGr6Oq0WiQV\nHcyFtsi9iihakw9r/8pxF5eGL3KpQeG3UDuZLw4sndxNURHfdYkT7HBUfx4k\nNCJk\r\n=WzH4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICXlMeQY4OTz4dDlupGBfQpn2x6Ib4ICGSN3SXuvbPDtAiAoxp0rBEvwIGruZl4fh01fMEvwnYDIPTk09D+y7deCgQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.29_1571090396663_0.7707635347061328"},"_hasShrinkwrap":false},"0.2.5-alpha.30":{"name":"@react-ssr/express","version":"0.2.5-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"29d41670cdae2370d0d6da3af3b84be3f9038c5a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-raiiaP/9pBpXl1OoDcKJvynOxQbLH27PmVvwiuj8J29xTq7nEuZqNgshnf2FiBGgIgOsiCDR35F4vGj1oOi+qg==","shasum":"90bdb364484b9907218d9752ad3b22d517b2cf77","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.30.tgz","fileCount":9,"unpackedSize":16662,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPJECRA9TVsSAnZWagAA/KcP/ijEVD2j8OkXes1rKoG7\nOybNlXrw6XyRvbSJGw4OluTi6kcTXKhcZzyLw9/MkQjw1b94VHoqva+0r4Qd\nsBqI9U+E/iL4W3U9HxCH9wyORzqIWXi+s9HtK2tZEfv2KPHHy0pVE3l9uJ5P\nEOc81SZ+3EmWcFI5l7Sb7wFe/PX+FaYQ7T7UtvCjGsLN6WtvUNsCIPXtRL8y\n1odQw6SL8wx1Pb1xCfAqhJMOMpjW5RoFl8MDuVTPc22PqwBj4XYoB8d9DLxg\nzaKBXXni8E82CkbwQXEWH9+EmXBKzBlhZHbMIaIBJLAMh1jI/+sTzvhXK1Nd\nREhrRWoxc/6ULCdqgYal2TiDmAB1JaEAJFsYZ5Kz5HntOcV6IsYTvVjrOmIs\ndETtq2w+Y8m1BRXiddWZh7SfFHffMU9A4xYoTKbjZYvLMmpGc+WhDCmhAa4F\nL28RdPrkZjLQOz86WZ39+iSiWsxcy0cX0MEOtpKYNnHsaEGY3pyV8KsiSgl1\n5xAOPSzUaWeXgvHBlgidJLETlqN6i+66vR++yks7VfS8qRfp/qsW6/MBfUma\nnNk9lJ9xVTsN+Isw/wytfN+C1QmCxELLJH0V+cnOLiUyBDGi6FiU79rVAbo+\nLeftGiSsO0kobdzq4t3Mz5IMaAp3zB/e6j5UcUB/KAJjUkqUuSCgNbWeH1w7\nQGPW\r\n=IMnq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBkFvO8/if+6pRNe4uQYnv2mz+DZz9jblFCxl9hfuPniAiEA5harZCO3YgBAImzZv3n4Uowo8g1BYW0tewlCTv4/p4I="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.30_1571091012117_0.1950878941489329"},"_hasShrinkwrap":false},"0.2.5-alpha.31":{"name":"@react-ssr/express","version":"0.2.5-alpha.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0cab017d73e80e3d0137fb073ee4c81ce15b128e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sJzShVHqMDLsZWyKM+5rYtsjIOXO1n9oX74dO+bBNqBfUPs2SHhTDv+G0jFWS8ReuM740csrE/Qt3o+lAx/RNg==","shasum":"602c72fe48e623f6fb35eadf0e8ed4b5093f7d3e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.31.tgz","fileCount":9,"unpackedSize":16690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPL+CRA9TVsSAnZWagAAek8P/3UWBk0silV0UxxKQrFr\n8bk9/H3Ohl/sAwxK8idSB6qM4uNKg+nGllbgci+NDk0NGKTYWAGwCcSI+Rf3\nDVuWdGMDAmIUjapYjrPEjCwj0DFiX+dz1LCi9PE/s+oU73dqbCDrA5/aq2EG\n7O+0e64jVDlt1rSiKX6F4RwwMUdGyEJ4QidDVayZvB0qBXQdu4EplhCry9e3\n6LrKiulpgS6gmrIxWvXI/YPTkPiCT129DGJldEkw2zTLF2QTkeE/Ef2kDROb\nLhW6xiTE0d2vW6EMduVA8gPTIuD9+Yvpop7jRaE/p0GHahInLrswAJAwwXh5\n6NLi03TN6B5eCF0sb6MaTGTNQdRzmb01YNkCYkIIFYZOfPUNmgsM1+PfqZKt\nkHwC5I911oXolUdiS/3xT06gJcnm7wvDIVT1FHX+5+W8gxaoyFTo/OoqIryn\nMp4eJpgTIZVvtZfgsy4QHiK/8CqPJnIqPiDRSF/18V3FdYMBMVGl0jeTw3DR\nCqNkmfqK1B4fNTj+T0asrQCwyBZBubFXwvxdTPMs5IDQk3xsO160DSsgeAF8\n4Ovf3jCP70ED8Ule2jpj9ZgyXJarHgyc9fzOw/o27E8SylR3rsnt5x0u/h2+\n5u+hLDMatA4J44+ctS/dWWlXfH0chBhGOfznY/GbfHjaeNDi9eFLnxhRIbSb\nwPpI\r\n=FX5m\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCT27fLZMSRpRodeddUWKLcnRds89FfMxNC9+Z9RZj4EQIgOQDMVWzHXq1u1xF18wBFFbko+8RRUZCHTq+Dx6kVHfw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.31_1571091197760_0.017556951833185952"},"_hasShrinkwrap":false},"0.2.5-alpha.32":{"name":"@react-ssr/express","version":"0.2.5-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"75a2b3aa50f2aa564f245cd43546833b03e8a015","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1yqaAef1mj+KNI40F7jXT0wyIKHrETWms0oXWIjyxmmQw4LfoxqQ+a2UtQ5qjnvJayzLvSJBmrk5gheSdYIIjg==","shasum":"791fa7b1178a9d54e8eb599feba79e93bc670966","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.32.tgz","fileCount":9,"unpackedSize":16703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPNvCRA9TVsSAnZWagAA+esP+gKmCtEtN35DdgKcyu21\nekEZSV/5ESQ7q9x7aWy4xSBR+ajLM3iwwgi3AePKPK2OPxHKrEYL/iQ6wrmv\nf9LGJaGlNUA+Xbjpl7xkX4uhPZ7ytspG8TJfVkt5sMNK+NxrhymU5wLv0ood\nxLpkiymfY28jNDYYHDsJRZ+rLsc7KotI1Xi2Vbp4tYiQ8o2EdR+AcRodWc/s\nByT9JQ/COiGiE6aB60aS1amRlQ3RekIw7IHE49R+A8sViVbrOrNwpTUTado2\nXxIfpHszh0rONNycTKL1AXyl7vq5/tMwTUP9BQOg5xSsx/jJ28VOx44/mBmL\nd+ET5vEdk2o/ZR0/95qBBjyJ0CSlek4FoJwdot6fFJXsRxQFbLKXmvCker7v\nc1EvqonZ6YL1KcVDwGouYmLGMucJ6L0gltKqnjWvzhOwxNoZZhawj7Gbc5Cr\nB259FIDyv7V1RUzMQ+ElW17dTIF54zQZYluzMnY/M+Lr6TV3VPPvjLeBR+tS\n1FKkXrFJ57EEWHsdUb18MYvUYsC4QuNK1/doWHZdCdlwK0IwCnrqsBAy2xHG\nHHL6EifR2JFbmLfErb/INza0x8IXNi6ykcytUlAC4BdxC3mHkiaS7rZFjIUW\n/NqH1bo6LjO6xe70Jl7irwi5n91E9LkTl3NaSAHTTleauhKi89k2r4be7dtt\nJHpr\r\n=jiCo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLbszGOReDSmZ4PBqgLbQkWPCaZEKNC35pa4vHtruhhwIgBcMypYKheklS4WaKXJeCBdJ/AAcLbmzoN7iFJF8AoJk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.32_1571091310874_0.18048371543024544"},"_hasShrinkwrap":false},"0.2.5-alpha.33":{"name":"@react-ssr/express","version":"0.2.5-alpha.33","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4ec27ad3d4dface67cc7217d0675aaec3e182d4a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.33","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2vWdc4GtgjAt8xj+nCHSWKTqRJiOjHrlJYFhTlhX5CatPdTZoz0SJyQVSyYgOvDTMQI+iOlS7f9MINnnamNxJw==","shasum":"a48086222a9c52863bad11147531ff0ccc655259","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.33.tgz","fileCount":9,"unpackedSize":16754,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPV6CRA9TVsSAnZWagAABDMP/15pnQjoEe/VEnHTy9OO\nVR8ezGdyd1xLPKG83DEwEvX/lmH8sTAVRuJYDK5U4YrIayb0549AxqKtGUHf\nakZuwbyvJChZbeUUuA76gzrj+RmqIXtd47ys1N23NPC9zl7vKcVEY+T/CC5G\nvKEIeF0iz19vJlDMBzUpNt0DwwIFePcMRv/qIUPjxZcyFISlzJfNLTfYhqO8\nuHOudHP1QUqsAim0tbpIyOPgUJeWy1mth40rDXGzD041TferAUVW++b4AKGW\nT3u1lwCxOjTSf/KQk1N3nbLTmnqrKRxOmpbs305peFCZdOkQOcao3X3+7iVp\n1evOAcZMgWXGQDf6EhEwybEvt5dSZMSh6y1RijhLdJSSgUW0LlNuf1qkX+Vn\nqCYIcuw0gP1z0A/AOA1ZckOtLlGUegT9eAfuRZ7fpeAFEZ212nFdhwfVs1YT\nez9bh1uYYLHrmWk0S5dMMd7rnPut7lddVIgvwk4U4gKsG0FUVGTvihjcHuP5\nD3nis3UPC8iSuldXAU4U4TllUiQQD7B2hfdS/0esiVD+XVA6m1OqbEEQCmWZ\nS+KxUixqYBMYfcaaeqSH3xziE63EZK8KXqxcYFfQHLN/AzfHB/4FsutlQojo\nUxdlB2hFYH6LAcWoD1UPNy1d7FFsk+ENvwjvUtcWU4ENZ3OoCskd+knU8GaR\nc/06\r\n=ahbJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9f51LpaAUjOo0qA+OLSotIctN5q1tamfK/64/MnN1/AIgDCk3MYsK0r/Tu92dovTtTU58a/9TSGiyzotoO+2so4E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.33_1571091833687_0.16570236157125962"},"_hasShrinkwrap":false},"0.2.5-alpha.34":{"name":"@react-ssr/express","version":"0.2.5-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1e733f8bf058717eba62f6e370b2b6408052312d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-InyE9zkZcrngrdgtg+eRbxGvvea4bTRg+0FYwg4tNJfHuMitgcCrZmAT7g7uSFDFVYZ66UFhtT3KuAGSWjkdBw==","shasum":"8d651fbe0b0317e4ddde153459feb5d7d6971ee1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.34.tgz","fileCount":9,"unpackedSize":16632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPY2CRA9TVsSAnZWagAAUksP/j6NwH78kyIMQxnmCGPb\nj9hu7yCtS5XbYXl5T7ZhKhvPl0WL5d5Xbv6zBeAvE6NacYzT24aGh5gcKvr9\nB7dqTWTaopoogxzpJsHGdgzeK3aWHlBXwQ9GCx8hh368mLRLZqpOwcKUYb4s\ngeDr3HHZ5d59+CZUI+ZuYDzu7o5gB5MJxkMdiNLbqs132k3GdSR/5tMhGBSy\n4limQ3bKfPIi9jbWlF4sgXGR/CaPKqk+fQKcTh1P+srq6kj2FsQi1a5eBZ0k\nD3az6ETcM4kPlqaQOlLnTeEttiQEbztabPrbtrypxItO3tCLa/TXzuei5LL5\ngspsSOimqMftBZoIbKVa8eYiSYYE3iHLjWuYAAdr6Bc7fOh99MSQ9lgBBcZh\now9ob6B5afqfv8QTnyR/855ZR2KVNqKiJQzNyidBTwZBrW2b2W/+1zh5Dc7O\nOUmsdbk+W9S4nWjmN9YPtj8w/kieh0MqjgosFjsDuOW32Ru1C5qgGsfT185a\n+5twyIV0GzwmU8KJmvDZoTzI4MDt98vMxqdpG0TzfQZFt3HP143vp/ec+FOi\nTlYrYr3de3orarkBjJW1RHvy/3zcEUMB90pygJMTsij4tH1J8WZ+RqlnlHMw\n2hnpzd9It5HdnoE/M/os55CJJycV3bNMBIYWynD1FaEiEhwpGoSX3Wa3Y2r0\nuk1x\r\n=UI0V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDxZm7NqEUqwq1VhOmqlYK0AmzdpW+0pQ8rbJgXSyrDiAiAXC4DWFqvTgUjsfaxY5kXb9hHKt9BVtPPWqPn71T82zw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.34_1571092022367_0.8362385872403253"},"_hasShrinkwrap":false},"0.2.5-alpha.36":{"name":"@react-ssr/express","version":"0.2.5-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d582dda9d2f797d6670eb53f3ca943e746b17882","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1dJliJ/c3GadyC0oEeUiI7T1dYAzzwpxmvoluOUmnATsrgifPF3vdnNfp2heY57emLiexDn6ik4gMnE3PpCH1Q==","shasum":"5ff2c7d05855cc0f174e6232de4bb51cd11a8abe","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.36.tgz","fileCount":9,"unpackedSize":16609,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPgXCRA9TVsSAnZWagAAEZQP/3nliuIOZtmz+Y/hTMY3\n/Udt+1jmAVVVXw4K6B+8k4mAk9Y3MNfXTtVEi9ujncKlfA6MbB7qpVHa6/aV\nFVXKlRsZl4xzWQ3r2rxxfi6paEu5w6IKthnFvjaI1+k5xYYrzKpd8WOSo6wt\nt4iaSPNNu1dyhr7LifLF0fcKGvt4eXZJQAiiyFJr871OM6goz9o+577iNMVX\n2+pXoeIHwvAo0kk+1X2HxhnnX0g9+ws411SDlhSbe0tLaRDrDb72nsh8+xMX\nlSNqznBDxal4RD/9wsUVkA3VHblNa+i0gdB2ygzmCi+T6/cwcXpgpiLvZlyD\nQdvfn4mvyOeL3lG20Cl7Lk3XKyW0nKk1OeIeYfcv5tl/SBq2HATBjM/SOGmu\nkqcg9IYY5/ouNLnH3dSK1unpi0//+cRzykg2u9KPUGRW+zRyFV1tojruO3L/\nGMOcCR+XguDi+eZbNF5kJiYRTbCUkvU46dbFozDTpvHPbWiEuSh4MPjQVk06\n79p3pjbDdWEcdW5+paB1YcLoGPfys9hTVaEk1zTFNo0cTqKvpilwoFZ1SdA7\nmFQAPN19kF0W2zvkTez+XCs7JLjvzyaimbO5Cn9ogmMimPGXnTCCJGb0G0wj\nOtdccLPdn0YbXNcLB007sDHBf6i14dcGRLCP8i3mU8g4Pl7P4H+skkRdBx2Z\nSswQ\r\n=QUSn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZxCMXzLMtGN2iFlccIXNeErmWGTH+oTHzAUkTm1yYKAiEAzqhYmuW9RpsNMHkcHwYbkQBLH6K5vAc6f5a48ej44ak="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.36_1571092502810_0.524341672124363"},"_hasShrinkwrap":false},"0.2.5-alpha.37":{"name":"@react-ssr/express","version":"0.2.5-alpha.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ad12276d42a7fe68bed67bdb2a1c1cea5153c96f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-O3bebXhtba+Hpq+DfYxvQDKnniYKhcDDDgFPQAba/S4joq732+SluStuzw3EQ3b04Yb4oC200kElOZAUQJ8ZHA==","shasum":"1f8fc26d425814618655b9720609bb95cf1ceb36","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.37.tgz","fileCount":9,"unpackedSize":16593,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPjSCRA9TVsSAnZWagAAhPQP/1nXq/3Ttr5HvZrEe7F4\nz9yN3C67gtaX07jFYmAkYTu10ta8Y5JxVfO5e5/ySpp434LpT9sGayUwmqto\n92cZkVDyE8NgUGamQNWB8rD3d+89QhgaKwZ6teS2+0VDfcXSh27iwcJBdx/U\n4QsBXqqLC0jV/mhF+jJougjBIHsdjNPnqeSXTt/06BqgYEawR8M5KR5jJMV1\nxatiYFuiGyFDbsSrGQINn8sCjXtOwdCDe18md6S9jTfgKwKKYWXP0c/A/h32\nODpZ8P4PFik/cub8COQ2bXLDq+YQQ0gX87SUAleaKjKna1ULjcwy0Pe09OUO\nF2eU3U6hda6otb0r2J63jlZLMs9AeOta6zBl3JBwJKFxzR19QtWNaOZeY4Mi\nPHGx7LHjluQ4pA6hD8WhM0+Y+S6TruDwmPENjlWMTxzd6CT536dPZb+gl7qt\nL/a94E9OSEpxOHApROZAFaVNdrFa4xsm9c9gycc9BDmTZwVQI8KiXvYUcRPI\ns2tSfRbPE5janrJnSSLz8ShHgRi2/cy+Z5u/5aCJfZyHXjARBBrcTknrAMZ5\nveMXAiHZ7B362HhCZhyl37C/4VHs7CRzBAS9mUoSOAg3uHjmJVnsJCSygq8g\n4QMSfR/Dde5NR0xQrv20hO7BFz0CgDJbsQdTa2J35qjIJ1NdWBkhEHA44PeE\nhDO9\r\n=Q2qY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBej1DE3ZKbRkweqfbXzCOQtE70kkC1c2oPgM4F9qsYfAiAbbEHLaEA/vJyUExkiJapIWdq+vDv6OgyMAQEu2+uL0Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.37_1571092690278_0.17738153162206305"},"_hasShrinkwrap":false},"0.2.5-alpha.38":{"name":"@react-ssr/express","version":"0.2.5-alpha.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2f809f0754d86579817ea33544227da409bfb265","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-snP62BgGJTKHTHLAn/THCfAzPLIgvx8JxEFDNB2lPsy/zxI8UsRDkfpLfbXgSuJXM7zNeHrcihoYd4R8M/iLDQ==","shasum":"04f0ac46c0fee2ccb25d412cf8d334f38f34714d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.38.tgz","fileCount":9,"unpackedSize":16602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPmbCRA9TVsSAnZWagAARXoQAJca7Il0k3qHf/3JIQ2U\nkvO6cXYgZS/ybJXlSwykrFlYC50iBz2ADcn9eIZS0tXFoJ6quooEsqVrzWA3\nNXER5/UxSPAlXcqKp5P7T53tjp543IQrH4bHMoOde9bJZfri9Jt7D4LNRQx1\nvg519DKgPliXiUFQH8yhFeZZfJvCjYEpiwJ99VpywJ8deQgl4kgyX9QOAtst\n5eH81J+iFR/FIW0HZhUAFI3r7vzABFDViSnew0WYHevm1KK1uryDOTQOTkTK\nAFUUppbdUAntVvwJEov+fblY8BH3m9ZsFZJ2RgsLKXuFbqNvFZPDQNwXSE7l\n50JkeTs9AimfDyxfQYIklj2jA6seIdbLBaGnv8eJ2OD2WJ+3cwsCfcltE1Wg\nwmp7ba9tyDI8swlm61bwjlbe2k8ZJfImRKwPtDKXWeBB4R3Kxt8SOJZ0xu3u\nItf2sfmWkowdeEodZUM3Bbc87/2axAm8yWOfEs+uKtas31TkDg1sPysyQFIG\nwpaQos75uEEH4ogUrA48e0jB4xmsEjayfiprcSxPAr/f1hB60mye4/XHXeK1\nCyDLn96/cjrOc+PxOwMJ4qn1IMz05Du8jGTQEkT3TqLhWxyoKr5zoYrI1fFJ\nGSLmpe2jibKVcCIwxBn5J7zRfLnzpxVPOvfKETQb/CXgbVActFCt6vq2JtvB\nRIIO\r\n=yOX2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHUflkAQi0wtlz5t5i+76ApYgNcyf4hC2a9A43nhQBCwIgOQXxl+7UfTvZxpmi/4SMh8GXPiiIvRJF4XdQZkcLhhI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.38_1571092891002_0.3180742035303823"},"_hasShrinkwrap":false},"0.2.5-alpha.39":{"name":"@react-ssr/express","version":"0.2.5-alpha.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a13a0d45e1f98f049bcec25a761393a6d5280470","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QfvgniiJsjiV4ihtdobm7Iz5ufHk9ax+0rp4VLcal7FIHM50UbPLtx5zGywQYkT3+mCI+Bqu8DuCxsGIPLkS9A==","shasum":"1c5ea81735130532346a2f8af3a6eb7bd714a048","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.39.tgz","fileCount":9,"unpackedSize":16756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPuRCRA9TVsSAnZWagAAVUgP/3h1DWLtr3B+pltv1bMr\nnwTfgSN0hLM+yG2DeLWSpyVE//dpAtwDuRo6SkdQBgxlUVKSig23Jyy/vHZK\nclX7DisPTyvv/XNF1zO8/QuBLV7W9m4KDJFaS8gwJQ5Q+sh8YYjhJsa+F3bg\nAXFVLHtFgl/55aCuzcR6Tt+dKCLa8RnZV3tMOrEtY7m2k2R9+pLzZhkvbMcj\neDf8uWMeA9EjznwlrdJpNODC9KWzuf3scT0jWg5rT9o9XdLE616SCEGWhJmr\ntkJ1A1pV8k4Lk6M9c6Puj9ju6oRGBCRoS2rvhKey9SsMzqvrlvWtP5oEAqaw\nZUZPrErTPZiXIssfGmN1IdqWGYwu2Qvfh6NUoC1Gar0MFEsegThag6TcH6DR\ntp80gsZ7vuJUVZsg4I+GKqj7F4OPH8ZYtYrBU/iIJvqud8ViUu5qyJ2llq/k\nyoGeVuD1wPEdGLwA22hP3eueXXX+rTT2DiK3FaOLBWa2Dl5bdxQmOgXdTqkd\nLfq7dhROlFuzEmaBVXsMyQ0aZvbRKSy6/cnWkjRitwe/bWJBI0OcGvGuE2JT\nEw09pW3U1M6XbTpyj0TwGLZtX2w1qxMiywOFhIDKggvxESXxhblouRnlpVXu\n3ZfvQZ7b0Pf/bZ+74oiMIoDrGQ56/+LBsu1cr/lS2/PLjWAL2u/hHfu7qDsw\nu8vM\r\n=CKXP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEkNAQeUf2Sc8HvHFYDnDhStNiioqtLkkwEGXtTPCrLMAiEAsx8Lv3akWCrUnzvDbCFUghvdI3HNF7S2l8iw8S/nT8Q="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.39_1571093392938_0.06533535497070875"},"_hasShrinkwrap":false},"0.2.5-alpha.40":{"name":"@react-ssr/express","version":"0.2.5-alpha.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"59f9ca5ac487293e41ce6fbc02d0dfa56b755538","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UtVPbP9WGEbwIxNM1eHCrCaVX8OHXY3zwvDTsXtMQ1U0TFevYC0v+NhFTRXYaVYTBaQl97VLHrrGjUymKSypvw==","shasum":"d73874df29082997949d6da7fa5f74030fa796ba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.40.tgz","fileCount":9,"unpackedSize":16918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpPyMCRA9TVsSAnZWagAApDwQAJboec7DZBGVz62r/sLJ\nw50GyBdrrOvbKULo65G+MQtow60FUffwPdN4xiRDqcA8eZNtLdyULE69Quko\nNBRFKPxVfa5CnmbSSSAMRYDmJc9IG10Y8/W5jflIt7hUdggvErXTPmC1qO7W\n8jOIvGMGYa4d3DJ3oHAKsh4vrlX+ckW/7mxKBmVJ5zr+igCe7S4Q/qtn8nz7\ndDcnR34qTit8u3D1sdT14oRt6Dezodbi8TQg8+VrpzI8VN5N3QSz52YfL9gj\npSn6v1Kwr8X7uKYtqk4aSxJTWQQoYo+yJ6GArZcG/X+gPxl5FBKKAKMb09PC\nPc8rQxUXJwnLbBSIHB9oG354kJeZnSqVApcQYJANuSJh5Vxnj9VSOmXPy8q4\nzCyQJ5EzN49AhVPAMDucMFhFW+7RiE9WMtpkEkwtZk2vGub2FoqmAGLriYaA\nexihy1JrA3DRncIVM0rgjn4fVAGeUJb82F501us9E4wlFf9uGhCfSxQFr/zQ\nRMzWSiRNpMoLafnjY3LObCzfV9GSBWH6u2vTLGjAncI0qDRhI+cnJ/zM4mDf\nbLXxiZ2cVafs+f9PudJSj02oi/+EKCh+PRTbt+VG+9fkyBXmzd7Xx0xbzcbE\nnbxz0T+Ku+Aed/fFFQRKCqlvAUutHsi00+DCwIryRzyNgUrHUZwf+e6FtYWZ\nzL9K\r\n=8pJu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkfg6OfcreVNX5Hx1ZkyCtf62AOjz/HXjFXChBjHQD8AIgM+KK1Xr/lVjIapYkJejashhHX+7wjA5O1y2cUbm93H4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.40_1571093643232_0.14442670541090585"},"_hasShrinkwrap":false},"0.2.5-alpha.41":{"name":"@react-ssr/express","version":"0.2.5-alpha.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d15ace676f545cd6fbc5def223ce73d9e07b3938","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-OlGmdb2R/f9WXL/Hh1i0A4YtkmQ1bY9tCvtisr8aojJYe90i1FXBGvkdGSYIMVUgc4IhlvC413YhVlVB9kWXPg==","shasum":"fb5baa08fd96096302b66ae798d246a1d2617a2e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.41.tgz","fileCount":9,"unpackedSize":17038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpP2ICRA9TVsSAnZWagAAp0YP+wR7q9jo7c/BXa06Hz5g\nTlMFH2RQ4yVZQnwzdQ6C48WONixJcGrprN9gz+wipmemL+NlKw4yztVHJUFO\nWaKdBZ/BQeaR9NTijfyZ6xOZxv1Fd7a/2+aExxX3pjK7m2Ymm7dnmugPyw7G\nuyLsv/4PhiIzJXmWT5x6nqinx24DhA8yS+PeOppstYfwI8nENP8FVpWMm+MK\nB75LoWOG3zF24z4bTNgGUOUNl/pPvEokVhb+yf23z+Z37KYr7GPfeqGB8p3Y\n0Bs6J4UQ1xkkoTNExn75DJ/IM3IV6Yd82xh5Fli3rAqom1iha+uAzSEH5QUG\nSUG+3gBtIeEXM+Gcmiczt7Bu6At/zCuGIaFy7bqkziIilWU16msyLCp3n3ro\ntHFfQ4cg5bOoJ2ZDpB1dmaG/yCVeLESLbzCnbFO5HiwrEzuH5CihueoHrceH\n8nsm3i4FO2M84TQqxzkQgZnRWA/RRoQXU7JTJpqEZCYZOagtGa4RfmQhYslA\n/FoFgCqfmtM4y9Hj5lWhf0Wzg7uT41aUiKdxmGZhjRGad5yPiZYl/7TE9fXR\nbjsClqzbOa83nSXTVqgeiZkri0EjzmMWMtdbFnh3nL66NoUq4DwpSrGp+O9D\nI6+dNHzhpa1YnWPkxKLmFlpN6IlG1OySNwlhQ5wzyNi9B+WtvNhL7GgMuBaJ\naEOH\r\n=OxKk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLg/yOJuNC8NdE+krpijuBxtXSBqdJhpWhMXlZKUfghQIgTzlJOG+9dV5bvtPMIi1zYNjy65N2SftZE4v1+Ms64ek="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.41_1571093895658_0.4247810430947876"},"_hasShrinkwrap":false},"0.2.5-alpha.42":{"name":"@react-ssr/express","version":"0.2.5-alpha.42","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ec1c3a7ad3b138a6f0ed3b10f3819f93fbfc5add","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.42","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2uhtKgeHGRiOp6AsX3l7PB6iZBJgmTZcwfg2r8OPucoMJoxXYCcTFc/Bbqvv7pJZs97QRnxz51q3eSwyUos+YA==","shasum":"8a7b2ef882fb75f56bce6e7ab132f43a5c99af43","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.42.tgz","fileCount":9,"unpackedSize":16618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpP71CRA9TVsSAnZWagAAeUUP/jz9ParWIXlM4qHKXXC0\nNgende7wapZIFVytYfRzC5vtRxapjsdCzCc3sqdVbAp/NOkkEG1z5Fpu+u4n\nqJnQ7S3tprq/LlkU030jcH1g6uQsRPYXZmgp/cuNhyocgE9b3N88f1p/GebB\ntLwwkWPO4dkPW/QgWxKKm8YnvVoaYPcCMWYd3/MczZiRCWIPQseIgySBJLIb\n8FuYLVYvHMgNS6VZ6UQkSQxkD0fh+6ulT/q2AfDN8+JGi57WHyXazLNrLdeF\nqWDLmH97RI0v4tVbMMKp1eTW9h6Zf0tZoWVc/a5KkjviWD66itPy5WLsFhZ4\nYxYVtJ86RAUwu3lwfc/3oKpnuhvVn/qjF41vMhRJyCehjGvSmFVDsUDUA4uR\nDisMjuZK/7wuv/dzKVhePda+H1e9nrQiScBPX/PfQtbpUGiUk9YLU41TmH26\nwlmzLMJZPFGB22KKejshTY63Emy4RTNO2qNsX9ms52dL/nJN3C/hWJ4vbGHl\nDFovF2f2IEraF+0u2wTCMlpp4FYIlgW119g55bj26UQ8X+FeTL2T9rAYfOEg\nryrM23uGmuj5vv6AO5rgs8YNUXMwBOyhdNvQJgik3Cq124Jn+YNAe+EhzWZI\ne76YMfZ6gxu74OQJW9SwWJVfpI4X33fdC+lBD3uUsw0wRx++1b1osDaYI3/B\nh6hA\r\n=THkn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDibf+YFYOiDIRjn7RT21BgNd+p3PwL6T6JRgpU1+KwqAiEA+GfZ808PySsmv7VfdcQ+wU9LgFRR/xecFVcdWTChe7s="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.42_1571094261261_0.730095260233246"},"_hasShrinkwrap":false},"0.2.5-alpha.44":{"name":"@react-ssr/express","version":"0.2.5-alpha.44","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"116711dcb0eb0b2670e843f4d93eda5e02e107cb","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.5-alpha.44","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+f3wy7YymPxzLbwjwcs+yvLYO0mB1uA9uP35aKf4AiO8iwN/aEKzW+q6Jw+IzfjM/HcuDyvCE3BYasVNE/Uo6Q==","shasum":"ea9117c52c91467854889478024f0fdedf39d802","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5-alpha.44.tgz","fileCount":9,"unpackedSize":16618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpP+gCRA9TVsSAnZWagAAiPIP+gNYUyFoOaHxIXuzAjG9\nOsT5KAdYPoIdwTrZlLRtDzXd/VzW/v1aUrhO5yVN45A7sqZyQ4FM1fSvjHCv\n3r/Cai8qURNY0+n7Y3JPIlrYwqQwrK3cLZDXwNKldkFtN3F8+22fLoMwlHMf\nkiCWaIzHtlKj6nKlizxNFsrbPYVhyNIo1x/qIoYLQs3u1R3Wcc/vLFQVScMh\nt/swtSkaji5G0BSXblUWPrYjScSJxv/rMzyhqmpuiu12Xeovr/LvSPV3xMCq\nIX9naPLXzykS1boVbZPV38EC8dQN1hKdY2gud0fS3QkjRZd19yJJciaeloZi\nVc1uh86oibJFCQqPwP2B7wqv2FZ8q4StzzyJyLjh1TW4sxMdheF+Op2kDXSg\notSdDMZvYPufH2z0o+NHgBcIHfyDCrvG/caUzmGWEzM5W0tFrs3q15J8MIty\n5IbSWVbaBI8HDkMj1bpJGT1FxlQ6vHZfsAVcaMT2NDlpZa05/lWPu8bYxw9X\nLmTuVcZ1bjwxG2XiUotWVuU0IVxOQ9yYvqZt97jasnRgiJj3s7HkdAGvt3mG\nZqnkQirxJNuW+VUSr95/xJfVmfJRjkbcAkHBtSfTgFJCFINScidLUbfi3NqU\n+lc8nXlZkaMsxQ95dcjceQB3l5+3zjWqp0J5PkmQFA9GXtFQ1qXEz9oYbAIr\nkT8B\r\n=6x0g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAqRdo/Gki0yCNri+M3rqOwHde1svF4EuMHJ66nNFh6AAiANWjCfVrFGQ8Se0yu9fqKbzIlbgekA+f709y2OLXQVAg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5-alpha.44_1571094431746_0.49845122614417203"},"_hasShrinkwrap":false},"0.2.5":{"name":"@react-ssr/express","version":"0.2.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill":"^6.2.0","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"91b2700932a968e932a1c780ef497443340ebc85","_id":"@react-ssr/express@0.2.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UckujqSEo955nfkAxAcFo0w8UH2Yr7VEGn8+JYP5GA3k9N3WeBwWCX2m3Ry6XJMVF8FVKRDlHIF6y+7p6RIAQg==","shasum":"8bce577a08512e29426aa0eeb77e000b3bc5d3e3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.5.tgz","fileCount":9,"unpackedSize":16601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQAdCRA9TVsSAnZWagAAAAcP/A3iGJS2xl1ngOLTxMuz\nFdDGa62FmHqrwHiBy0P4lEZI2JisGqxqKtwNn+zxJ9bfGyppfK4LsjC61VL3\nyDwF4ej565ILnLviabmJgv45mWMJoL01Hl5kgleSz7p51+LvHd+FTqIOgeK9\ndSvOpMXeIKa+HaPtHR3OXpyiy6j100KvbgHOTJTxcUQr+X8O02AtH4qy13bY\nz6pDrNu0pmJiy9cQvVGsv6YY77rd6rpb5aAWO+c8egb/uTN8qRpmOs7yPALi\nYjJd4edWiYRq9uxCmPxdmJ3ehmyY4W3mPULPhb4Ru5E0QdNpbrdwLo4zmNHh\nKabcfGeeeIqXtxy8xjLH8E030pK7cWFbyMMhGGFeFOzkAKTOHd9BhWftv6BR\nMVwghQkDHLsVPpwsFuQ5t3VyGzmh5Ul4mMAtQDzeY4VUplA+v+cl9JhFJcVf\nl3/4cjfJzyGm+3xx015M+qcXfQmpfYsF8EmxEqUzgxOoit7uihSmCf5ngOn9\nswxMp2Xi9342k317bhXBlKkkM+r/s+vJZoNQmyp+CmJoBVdgBmqSXo1Frtia\n17XBgaxbMv9Rjl8ZLB/aOI66CKYD6/Z/7Ue9oa9pkLkZcLfrTxXXwmCEjyxF\nlC3Mks86QawxnXTMinSfHDNsC00Yh5ojLt79CLCNDakvYkngMLZrDoqkBCT1\ns4BT\r\n=oe1u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEU7RvQToN3k2vaeciBEVLjQ5rjGfARbuG//XWlYXiqwAiBfFltRJD2p+8RRL5uCz71A6hxyi3MIPCytfrxTn3KARg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.5_1571094557217_0.5786063455392003"},"_hasShrinkwrap":false},"0.2.6-alpha.2":{"name":"@react-ssr/express","version":"0.2.6-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e84ae01b1607e6e7d80f56484bacc601cba4fdff","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.6-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-fwCXJ2M5rGklRS/Evk0IXLYBadcyaTNvZokfIDQPFmsns6/TFYNm+VyJzz4Beoum1I/ibn+BRNHJq18BkFwQBA==","shasum":"4acc0430417c393ea8e87025a6bf4e60e777e5d5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.6-alpha.2.tgz","fileCount":9,"unpackedSize":16536,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQFPCRA9TVsSAnZWagAAHXwP/js2Txp/4LXA/Ku+a0mW\n5grCw/7IkbNvpv2jxgar8aE/AzgzBDgAnFi1PechkDE68mbXf3YaQK+Magt2\nPerzqMrCynaU2Ued0T+NEL5/R20Tpbp3u541RMJQUjAK7ZBHsj4/7HOVpROo\nTaJ4o/XKqc23rBRI9wdHHh0csbeFqGGbxqW7L756jk8f3ACkBF3cEHmFrcek\nE0tyzGcglPgnk7nFu95vD7KWd8GObt6GJv6vEUIr8fyqgnJzm8yiACVUO1A2\npBv44LkKzwPgenu+UQJy8QZlfmHdiA08nlY6BA8IZyJMt+T359ruCGG2QuvU\nu3gNFIOWo5/8JB+VIpWHtDZbmNrqP7WJaoAuwFxnQ7Tjbm6k9NVVtxzmNP73\nWhwOpe3VF44wjQoEif16TIgaj2MbPLQE2+QJKZshkyX52dWLhR0QAAJ4P/ON\nc93/o2ZjCAyOpL7unj5n2a6Yz3i02BHVDAhGdLMcyZ73CJ7DhcstJz75GxKY\nT3TPO4dStMLeTNZ8kEfkOi8/F2yJh4KbcYraRu4fCz4XOqnDva7KkuvFfWZu\n2x/n3bqa8GofGUZA8IToyACX9HnhTAvXNF5ce+RAfo3MDBim89qz4sqeYXpJ\nNz0KkeuIb57aZwCgleOi2e+COKl2LaR3lFQWxyXJqoCPBWpaqGZ8AIMwiDFk\nhThk\r\n=NXQX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICaY0H9rLqqdqY5A29i75sCYZxj2xferPZhO1ZkGCjT5AiEA7zRvpIQ64zla2WUV8UQOh0YEkG6LRn+D8zXpfabGyGM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.6-alpha.2_1571094862645_0.6906450757080465"},"_hasShrinkwrap":false},"0.2.6":{"name":"@react-ssr/express","version":"0.2.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6125f2d29ecba545576e0c59fe4fdf24137e6d57","_id":"@react-ssr/express@0.2.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Ff6k9clfaEbDs5g+dpQzJG7RnHQwVNXNA5HrZZZX7dzL1NwVuATCxuVsEX0E9C4SLFTuwcc8lGjFpyJN4RLrfQ==","shasum":"91bad7af895736b40bbdef85a2bd9e580d80485a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.6.tgz","fileCount":9,"unpackedSize":16520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQIgCRA9TVsSAnZWagAA9XgQAKJT4lz/m1U4Uvxou2G5\nZYbX7UmjE8hQANKJ0kVF8X6PkFtTGNptsnL5eNBjJywrltsDBjpsQKQOo5Fp\n2ZewYs0DO18EFxQhxT52sbCpZdIgmto2g9PvG10t/NkY0sZ2uuhXccp5sKoy\nxvXac66Tzjk2k7BXZPTHedGbeDDHUN6SNx/PJkFqnyyLEsQGfLq6wT+0wSGW\ndr8guQjAnctSD1lUqRzr7MKOVEMjFZCJshpB4kER0I9nt6aR6OAcQv825dy+\nXZb2uVJxa6DXp1GHfZMF9f+g41qcyZd1786oea2YtNvyWNSecIzyMPdS2kSb\nRfWpZu0eOXsT9HudPwKZ1eki0hvJvU+fMr1c7Jp3Zz0S6y87/Xw6cK0Gsnwp\nEv4G7tHZHWhY4/Pwh1twO4Rm2CEdgwBDdBBBL8Tp6KaggL8oP6k6MyRULepc\nTL+dXmQYN96kZkUPceuU0cXTw2rVIn6FtEXrNt/mjL3DD1j7kM6Xc0YL/SWU\ndpVYkjlFQS+MtZqUpBeDk9lIGee8+4S+GpBjgSYeC5iBsiY/v/34tpzVKoBG\n6wslHjuFEq9cYItRHhUj3B5fsC1o60AFqi4V+uQGP/5pIix7+LGiucpBtP9y\nSyYcYm1fhIUTrlYdcNGngeFV8QqpHXJL9x8dlGNt7Q7/W2v1EkOuVxk825oH\nhumg\r\n=O6dw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWb3+I5dTky06PyvCGAOH7YGeabPdC8r6hYbIxM4IP+AiEAmJcZ81/5CXKZUlfaCyMX1i3wGpVhY/WSGdroPiNHucU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.6_1571095072002_0.40378511870819667"},"_hasShrinkwrap":false},"0.2.7-alpha.0":{"name":"@react-ssr/express","version":"0.2.7-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0a355d16ffb572a3cfa62c838c0323bd8afc64ff","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Qm25nEzOWad5uQsqVFw2YBIjgyXXd/EniXa2aebgfTkjoO4dFQqfwTTV7RUlk/7EupJdpI+9k+gygFshX4FbqQ==","shasum":"d133721d3b53c8be60ffdd202e8a1368135b8700","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.0.tgz","fileCount":9,"unpackedSize":16606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQhUCRA9TVsSAnZWagAAp9sP/jlZnpKFSk1IT63tEzPF\n7E2qtNpMDo367SZoSISG9hVwoGKzM1fgIhl/yJNZJn52wnAyDyMIcAL5+9VX\nHh4BA4VpNGOMS5198njFB+FJ/gJE0kjJBX2kRcTb3Vy8qIRPD951bElWYC6B\nqFzLnZrnR4aSe5YLIE9OgsGIeRfSIAEjRcULhS9H0M62UcKCCLLTR1nYvFKI\nfLqMCcj3dfy7ijN0cBFqY3BiQJ4/e9CCkk339Jyh0DS6dkLC59y4oHgHyn5K\nJWHj8z2HcN9ZNt3byBl6vJ5k/3NSib7itXO4FR/0g/2eq2eqzRmB5nmaUa1b\n71tgtnVTCFfznnfLkiQCWWBzPSQQu1lNtiDvU/ry7UL+eGRZTP1GBxTYpdLk\nYjfQKWeikCmW43Z49jSdFpVKEO9p/BervrGWY+Xhg5MnVI2ELTEilhVlsp/X\nqROD6ohK9MhaZIDCQiVUrToJBuSoVpofrZ4e4WjcZd/HLB3CMks+hpbWNmh7\nQHiOeoQpaUZbcBRgPCdbcZg+FMwj2CM+nlprEsebuR7e1lzx0foFi1ohS3Wu\nvbuRQ7irCApU5wGJt/fWs4YAbD09QESGGlasbt6CKCdkDyjYlMyKgvdEXOzH\nghVKlPhfXRrHuRfvOfWgWYIYvtSZs5B0ZFPQYo+R1N2Z/RAy8W6TtuwiKn0E\nCrar\r\n=EO2+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAtrsszUrqfVvaejhJHu/uydc2whVeQUNZhzppJ7634eAiEAoIlycBfu3KO8Km1RQfrirzeDkdG2JYoZ+7fHC+N5d8U="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.0_1571096659726_0.2579673783279486"},"_hasShrinkwrap":false},"0.2.7-alpha.2":{"name":"@react-ssr/express","version":"0.2.7-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e72bbc26f68eda6e977f0bdba0c558046ae6577e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-iGhnSNJmr3OdD/SqY7t8x0O39KdxoT9w5LkVaY0vdO6kF2All4GW739j90KuvyC7+2LzR2+q1krzSd4lROLHGg==","shasum":"c1678a36eb6ee32dc44a0bc890492387d670c07a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.2.tgz","fileCount":9,"unpackedSize":16362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQyUCRA9TVsSAnZWagAAd5kP/jgWYwsDHb5EFY/YLKbL\nf6JruhTg43uWSYGx2pXkhlSzbPWMawNsAiPJUsJ+7xGjkFwSR9y7SN5QWZ7K\n6Y1sec9N3tG0Phlss4kGSk3tbqOso8jnqKVPsRHs4TLgpPXPz/D7CpdrZ7gk\nZJEj6IaU1X0iJ75USQSx0UbD+WLb3LeR+BVv2EGgSm/hAwoMDg9d6nI4a9IC\nRUvqNAukSO0/LHdNwnKF88VRs1zZ1wBys9eYsd9v4Gp5e/QQZIIWXq31R7vK\nDbMNgbZoFMHtBURuGN78+2cn2x8m+TDOC+8i6ZIdNeNX/PNLDj+ZbTyed6Of\nHrbENpFQ+AdZpid4eC5NySqsTHbkGyHppNUFpSAw3Nn+iY7kabzBQXLsrgeF\nNBjlbwKOOZ6aM1j4o1J/zDNovw41g3sRLeMReqe8VywWu4DA3I0gAhiB7M7b\nUipxfqZNWV8XQ0JjbVqCttfLE/cMXoTl4ggmRtnSaYE4eHDpG2FZlS6YVQyB\nKE9zlYAL+BA07Zx+yYim5jZaoUk/sHa7ZOdJYfR/LkEE7rBJrBNLTLw53AJY\nOYQk3i1vuSPf2BgSqTzBqzPjEeikOttnzh6hB/dRo8ZnWOlFa/3bpdZhxYKX\nfrTgzv6/r9O41xs6skNGPdbPxMfM8Mw7h0ig2rAwk6nQAAuP4/6OrfE78kE4\n8/bm\r\n=0Iko\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOi1Vb34xqUN/GcZG1O4D4By1wvbFj7KqslhqtrMgbFQIgaf/eB/eHTcSZMKNeP0MJx339E5F23bNCwG3e68lTScg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.2_1571097747846_0.7702587205213953"},"_hasShrinkwrap":false},"0.2.7-alpha.3":{"name":"@react-ssr/express","version":"0.2.7-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d25aaee5f8d407e99b88d5237c3bde7f15824bc2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JuYz6QVVFiRn43ztImcNZwQtfyHGPR5MLfPyOc3D/jufpyZt89qQ8DJVzWfCqnIgRq8Ozt1SMMqLHfAahcukOQ==","shasum":"a5c5d6ecbf1854f76f5505aaae7d9479addd115b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.3.tgz","fileCount":9,"unpackedSize":16663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQ3FCRA9TVsSAnZWagAALBkP/RYV8RwkFOLCA5Ki5l1Y\nG9s62CoIWlJcl+vtzaRlbQpDSBXj6RmC5OwOHI7Nx8S8+SLPDex8U7HIhE+K\ni7LJE/h70L0WtSH5xpjc3gKInVjDLR8VM7lLM8hrhGp3zrPajR3KBcreMINI\n7silg0tfRZDDFol06ue5x8gNQqq88HAtsBmYmo3f+C7Afy/xAhodIPBL0WJ4\noVd5A7hKK2YQJ+uLDLyPW9CVDSS6K3ff8es/fQzaf2m1pLhHOiBPZwdWGRI3\nmUoZ1ZiTAN/aIU0Rb7wKJ+LrQSqTvC7ZfufWAkY5ZVYf/lMAs/xNcnbG7PcF\ncy4hcP1w48aBPKEfi0wa73dApV/noBMTo7NEGKqvMfbOf6+EREBWgzfy2H+/\nIG9BZ/caswWwlyEDpY0fm9yok4sOghI6HA7hHqB+nQE5nRyoRyopSPSBcd01\n9xfoGuWuYyc91Df5yoY3yix7NlgoyXMfY3oParXtPjcY49YhEDVX6uXAXypd\nK9j9RfTny+2m3BEM/VEMXyDvyXHFz6an/fM7RJx2MdK8c0WAk5qg1+fc1Khf\nvumW1E4wmUUjcls6I2uLJuw7Eb8iHihQxzH/J+GWrApoLvpx6kuSpHZBOmEy\n40/umJmt6oYPUnxSyxQHfC88cNzkMM5CQGJA1CX7zeBuqZ1SV9nUknrs0via\nPCFE\r\n=bo2J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSQFkAkgBEN8ew1IYyuzLvT6eXlSUrh4NfIa0elUoWrQIhAMpXIzZmLcwMa1YV65YD+105ihe6KmNoxKaDDwnKFNVO"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.3_1571098052996_0.6322519048756474"},"_hasShrinkwrap":false},"0.2.7-alpha.4":{"name":"@react-ssr/express","version":"0.2.7-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ff09378774dbc24ee1a179eb56ba24d3fbc1f6c8","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ZRDe1HhLaG3bur5gMCPyHeJOFMmucudIH1wPDZbcSwhaQTOlAHO/bJZFwIrZDeV7MkEppgUzjvJBwIjZvgoLVA==","shasum":"602ed304a4045d889bc79413aee4b4a08a2437d6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.4.tgz","fileCount":9,"unpackedSize":16675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpQ5SCRA9TVsSAnZWagAACLYP/j0GZ4oOOqJhhvQw+psK\nzQA5asKxiYBkXL7k+ZX0IUhXzc3O7w1mwEe3HZ3riK4nt2aaJEwGHw/lEMX0\nvT90RUxTNoxWO/iLPIYYd6qG9YMxllo9/JVcnk8lSflWlNVmXnqvGYBT8Eug\nOoNscvRObDf8DP5AvGEeMQ+jvcRNpVsZuYnxXgmYJtJRofuY5yqx8cHWG8jB\nmX8Bpt0cwz05/yhbH8tQjwX9F6gLjM9eFiHAiVSzNgJVjyZVp61PcSfOX2bp\nm5AnRCCBJ7WTgrfFhHf9WJfvU/jwzrS7RUz9raM5ASnFB8MIEiygRbbSBgCW\nSfSpxh6Dss7KqbClTZkiYnkUJf97QqpA19PbAZ3yzhKOFbgEeragGwz/rrGm\nDf/ZA8UoYccphMSG0ZB3jqVptSbv05Gk03Eh7I3s5PIiTGYqmQZxqB/4nN5D\nDoPI0+tn93R1IRq3TDa8ewtFAyKqpZ/J5T+rLHf0qMAqjQ+r7WZhBMHHuy8F\nVlkIga/pxeky6U7OLXUGr/N26Pe3D2VLq+4iKV3EjtnLqnkZhTjOpLZqPhn/\n2jeuvbkVcUyeJYq43qUixLPZs5d9yT1MGrofG0eVyjycB0MiNfedgl0lBBv4\nCWw/OdX4OaxMEx6vv38lgpP7kag9tfpyymwV+q61u2G4WZAuHgzDQ5gcqVzR\n2KjQ\r\n=GQUR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDab8b7f+3d79vSABSxi9m6/F+/DIzF7W4Grzc8Q55kdAiEAmFRoztze3JpCb3fjrX0wA5+QMQcvKLtS7z9+VL6Clls="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.4_1571098194241_0.1427801514724305"},"_hasShrinkwrap":false},"0.2.7-alpha.6":{"name":"@react-ssr/express","version":"0.2.7-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f9909124244d743b147777b287678d80f7550533","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-bW2C0E4BU504LnwEIkMucDtKcKj+r3lLa+5mdXqTDvHhW9MKa3B0ZIKw3TQlK9USSpH4uzTXz835XYPEnkx6iA==","shasum":"e07014b505689368ac44afe721cef11ec5a78c96","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.6.tgz","fileCount":9,"unpackedSize":16759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRCBCRA9TVsSAnZWagAAsCkP/0gmiBMkn3szlyhWZtX8\nOOE3hOuNZvN5ErhMiZFh5GqF6UeIjMfpGtU/hqU7icobua+s0imEHXeAc8OP\ndGXa3tKSnm4tRov+5pboyqVae9IDux3Bqyo0Qm7c0GszP7pzs1hQ8YN+dGom\nqcyxZNU+mTkdHCZNlIWurWUdZ/LuTSaA+/ebxUkXyQMXD5evrLy2R0ztpRvl\nxiu86ZBeOO9O3i7mKhrYyJfVCvX2BWXJ0rp/jIlcdssWX+nlqd/3BULCsUNk\nG+I5oaL3m7l18Sy6k/lJzUpAEQ1+BaIWrny/5NxvY6MT1ugbEjVb6Rk0RvHh\nDxK3U52NLelRMZdgWNVXPFPiXGgoyPaBeXsdpOyU0acfO6ShL0GXboao/Cbg\nm1/Incs8AnissfP6W+tvqb6czO+81YRO9E5QeeEPL25sb+9dx//LhnKzIPzo\ntXXf/M4aWkiyvbQMUdVtER0nS+JqOb9y97qJAePCFkfiKiEe7Jc80oJj2jdx\nMlDM+keVK7OzFWQqVOh0rfQe8gqdcrL5pAKHa7qUyTyy3TOabz+fyZqy6NMf\nEH+Xs2f4cuOszUbL7s35c2uP/MNqWr0Mu29iD534W7EJl4vw74id8ZejzQ+V\nEXdapX/OkusTNOF3tElp8mgdGGYwrsJLNgMP+JpTGpYq5pvVwv+l/jgtHY0y\njoSL\r\n=6QYz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAZwea6UhUjytBJ/k/gZP2JwrnY4g9vG2qZIWi7ul4rXAiB7dsQ/bsGOfuOZW1N381wVtJr7xV8OuiYr48S7fsLl4g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.6_1571098753304_0.12078269299423505"},"_hasShrinkwrap":false},"0.2.7-alpha.7":{"name":"@react-ssr/express","version":"0.2.7-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a4f07219f17fb775618a2a15308b3a8c65b6f014","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-e6TAZYljfyTCzf5/HXSLRyxNTVbUE4j1qtwoNb/KedAsBSrm3xcIOF7vW1nBN8glPNWWK5+Lp1HS7dhqEmeFVQ==","shasum":"a09604a26414c6751accfc94d6a57bcd0d8da756","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.7.tgz","fileCount":9,"unpackedSize":16805,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpREbCRA9TVsSAnZWagAATd0P/Rcnq2PBkbT4/K8ILhLC\n0whTFlXAxV2mj+GDVw67wQmQbd1n9Qcv9km56eUK8h4iRio/FKtCrWDeo1Ef\nv+s3ZQC/8Vrt6UJf+fNBvGMYC1MtkFoB+tmzKjy9Lrn4OdbiIY3KA1jyV9L9\n3qjn30P6CefTbq6PFCOnAdB49Ts2q7b47Ik70GQyMQHSNr+8NxP+R+Hz+3OE\nXAeNF6gvIrobL7cWNG0tJcypd2F/KrX7juU3syN4KZZZKAxVVOzHzxqf2xrQ\nwTG5NjRGfToUxxGt13eeNm0AmCvHUFbCsIzFl2U8rUahyVsMFVV/JSba+lrY\ncKGWcloa8+hWeEIE8LVOEJFmTA374pX7R1O6BQZFvUnI7mmr8WMabAJWrRka\nvbIY14UCPuvt+y8zrcWShXDF3zymeFUvAV06jYMtiNlkmYJuR5SUDdVrwT5Q\nr6Fy+20vutP1x0Xy8bbdd5c0YuIclOlQQEjhbHUC+pSHKRuUgYM6yB/M/mAB\n8E6oYK/6rPjaMAzdcWCIAE0fUFYRHvlBFq15izaw7pDgzebN4e/jtWgObg7z\n/s5rKs06k+abnSGKPkPCtdgHtKNXyve51duV9CnqYjp4TXySZCL96atWcdbA\noOP72h/SeDWX1Z7bqKIZWVdz66jYJFxo4kP62hp4QSSMVp+IVr0W2tl3PxpF\nXEhY\r\n=UsjR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQs6cNzzS0CEv5JhKJThCkhknyp547m+zAvHTeQgW44AIhAIouTe38j56o8MsvsMtuh9k68nYRMJtlB6WzapLACooY"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.7_1571098907025_0.6024014070000314"},"_hasShrinkwrap":false},"0.2.7-alpha.8":{"name":"@react-ssr/express","version":"0.2.7-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2e298e7e2b89622899bd8d9790d142917854349e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WsIvlvsLP1JVpZk9umkNyUcp/X2GfIzyM/cWmY47F3kPo4pvCAyPwhec4YC+yQ9YRvpBWy4Aobz0lk8Sa0Eblg==","shasum":"b394843677686f825a3bf73202a8f23776095803","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.8.tgz","fileCount":9,"unpackedSize":16994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRIiCRA9TVsSAnZWagAAnu8QAIgm/YdgVUWc0iX4AVjV\nrucW01P6bPTjuU7Sc1KkRKuUKmq5NkwEJb2cnXk4k2oInTdhjMldLFfw+0Ir\naUOE8r9uqQoAAu7v6sUysaSognsXlmihnIj4HRgi4W8+0sf8J5OPgNFlLksF\npO8ePSd+sTLxhW5mLDN8HGBvVQe+Ii6srpWahXDx17qhU6jXIHMW+AteZ/qx\nanMkl9YVAI66eQNght9cbyny9lKnvYy8SFMEZpQMF3UTc0mqxTH8T7yNtK6U\nDQIva+if2abWAkVVDjmzgxYlkM0zRGBxOMSsfJbkZoQMEQ+8rL5nzr+xowvH\nkSjgkfvLdIl9p+ooB4POrnGk69vUGzPQI6kWwqffCmKPVewVaAqJjxedYO00\nsmbfF5x0olq9l9kFhsIhAW3yXAZsU273bAkkXy/mEOqNnjqj+Vv62hWGG88H\nnx4Kp9t43bn6NoNbVaCEGHSrV2gDhJUgZGPtycf07FMhicqAcV4fVVGyk3j9\ng0t2r8zXgwUXO7af1O+d4rqcfCmr/ApnvO27khQgNR4XuvFiY77Km7sV4N9u\ndC1Rso7n8YI38XV8l+gn/sw28PXnwXCMxue5mq4cUoi3nJaGVO5PR4Chr6rf\nQLoieJdRDAlRHWM5SBnzhXCVFdPEG0FDg3I6xVlPFpnlD7OCZ7tj7yPG6dn9\nxMhf\r\n=755J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+8JR8TZP2wPAhi68QHU7Xyb0MFYJNIzY0VqwLYUE4PAIhAJkHI0LP+qXfNbKN1InA+Nt3wLmOT6eizuoPtPguCGrq"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.8_1571099169460_0.1407470735903078"},"_hasShrinkwrap":false},"0.2.7-alpha.9":{"name":"@react-ssr/express","version":"0.2.7-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9ba054d66da0d2efc9786efbb4cdfab09fb28a66","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sE9VQIN+4rQTd2NDvlI1CjYW58EB+O3Xf3bqJ/zvydNN4ShrzAepgAVDxDtGX3ExL+zDezRVHUnRm/SKgPUr3Q==","shasum":"40b71188a411883eccae5f1c8c4ecf675bb62248","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.9.tgz","fileCount":9,"unpackedSize":17006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRNzCRA9TVsSAnZWagAA8SkP/imN3JCFyRmUqnr/OqUw\nmGAeVICmXKGeiUssQBfLd1LQ6omaYzQtMmh4DIXOkPHPETBGk4CSZD+XoqRX\n7e7xxWIb1jTaIp5K3dy1wrrppoJS1ZzceBbFyG33nmw/do6Gx1ahITE3Gu3y\nwTBXt3ns9EGNusVHiIwMrAYKhGpJFKSrZmMB8672Qzu9zOvbh/94oMv7A2Ms\n60KcSrPmwDTaFWY1ZdNIV+cfE3pVsrS8Gm6ZABnKpiDaI/Rr39eS9+VIMHl1\ndJJHot4pv0c8Ol3gDI4/usDGwlkm/x0DAxvRsuDEqrSaUMLzAnvi/S+35HD8\n5IHgyYDFIye9sxF2SsbwBNcToPLOgVvsmcr+ojeaDUj2kRTcvEAtAt3t3pAX\nJvtSEpGP2ZVP4ribEwVPJkjWWGH/WYDhX/yVvEZKVIRmmp2s6A77ihQLyieI\nl7H0a3CVT1QUcj7ap8HQvjIK2Yj9kwhXqjsO/KisWasMUUvAguJxNpcF49ub\nueZRFT6ZKZGFP6mF47hzyQsGC1LEYEMyMiSavVSCQWQHBZQVU7v9rJTM9AwS\n9nu2xW8VhI3RH1OFpNnZZB5yzp+khKFz22azIfXiL9EYA3qXXCNlR7hJpGTd\nxOaM9TEXkbNoHNqksJSZXRt2U6FwKNPIe1TlJeHqA3jGX1XHOlgzSHuIekqz\nxMh8\r\n=3i5a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3pz0ta8Nmz0Gu7vZDB9DmCm3IzUk1qD4qylx6/tjCyAiEAvo4tHEEtPeVruM5QuQfuLV2iWUkACPK25fNJy8UYz5g="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.9_1571099506575_0.023710515296895718"},"_hasShrinkwrap":false},"0.2.7-alpha.10":{"name":"@react-ssr/express","version":"0.2.7-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c40e4762957d2b326090d119dab7b33f06891bbf","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JTeTQ3XFlerU7UHJArBc7Z35V41ewFB2rXID3iJGEmr7sDfqCzFlMvG/xA9B39PyOCAgcYyOy1KgszWVuPgVJQ==","shasum":"2b0f4ab5c544d0f132916c8835ce1d8b50264cc4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.10.tgz","fileCount":9,"unpackedSize":16853,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRSPCRA9TVsSAnZWagAAZswP+wUEkOGAfWzCTcvkHUkR\nojFduVepZMrnUJ0ImSCd/ZUiOBc8/BfctRW1NaVW1vsGu6DY/vc87x1rH27d\nER2pHtD7tCLguLZcDPBUleV3wex7/DWAHlh2vN9Wm+udTdYQycXeYGov4ZT8\nvINvngWab37z/wWSK2Wty2vR1jNHfUleKzVcDVwc7PPFBbmQIItMe0qMWqbm\nD/oWq03G0AFB7kYC/ng2RiognAGNkB2CORrqCsPaY+9XCpCh3xdQjps2OY/x\nME0evn9WAuqnBIWTUQOoIy3uPgDeA/xWDU7s2YeJv14Wwu0GKFeqS/+qxobF\nZ79kTmVHjXCvpg6f7GpPNQWB1dlNFWKk/j8D/i8cckRm77cgWOiqgoOiC4Ny\n4+kKx114e/AlHUbcSXnMQIIOUmeEO7Jkxbxv4UdE0nkwB3lxB0Opip0e231/\nQnQnaC5jmI+GYZ1urE8zkOg1bBgoJYgqUsvA03bB/LIiPFNNJ8hWUDMuVltu\nfrGLEUkecCqiEONFYbkujF5a1DM1G3fKeM66BzEYNVtpJ9BvXUQtN6W+rYxk\nFD2O0o38E3HhGjeQDTigBTNn0ntcxTcwcNU/cR75e5EHaE/zohzQhF8xVN4E\n767KzYSK9O+81EeZxxO912BHof6mu4naRDsm7a5OxzVr3wD6q+LAZK/aQV4x\nuHPM\r\n=thu/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFlVTylmBeDJdsXbMu0dmFFOn9e4N7DiMVuYpRVr8gqIAiAyn+KpeeczvJEdMXlypC00QXwnoWfu/2CftD/RcH4QjQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.10_1571099791157_0.6823801553591173"},"_hasShrinkwrap":false},"0.2.7-alpha.11":{"name":"@react-ssr/express","version":"0.2.7-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8ec8af5912717746301b3297afe64d179b760ae8","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-soJiDrx9lPzfrADe0laj2C+QQfAgPJhaI4KaozOe2qijFlXmOFAOiAab+wbSguu74tNdbfJU3kjdF3DxciY9Cg==","shasum":"8303ebc5c0f6de710b8cc817e0abd31ca43a3663","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.11.tgz","fileCount":9,"unpackedSize":16797,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRUNCRA9TVsSAnZWagAAahgQAIZ7lC41/TdTV7Kof11V\nHG8/Nvb6OtslScoF+LVsGe/lgwg5qC4CIR9josjx1IF0tb+ZSnLm7h0yXC47\nSNx61lkJNFkYbryMlUugtnI3gTiHcTCBPiqBS7z3KP16iyXa1eQex71s1nLc\nxbj/TCp13kXqfQ4nSHF3JcOIQ6FioC/GetKYret0djPLUPiniQaZ4oNTmmyS\nWeWgG62mmDw1baSxHv1swYlDAqvwB1VrXf3x+tXgI4xB/JeURrnRv7XRxYdt\nFNTVnPYt+GUq3P2QmkCwaREEkoECTrEJ6TDFEfzhBKUA092bFxisjOJ/rdH4\n9OolrVUvEBurF8mdiXoZ3IJMNniPjgJegUky0OlPZGGtdEclNEXspq/wBtdS\nc+BEVjbY5ZTweOwzqzXyE0IFGJimhQX5yKj0t23JLIYZX0srUnAJ+sgRYs9f\nNyiNPUXGUcfzX0xQczU1Qe60wxNfsSa8bIG37xCBbBknhOIaFlNhQK7fS14N\nNhstkbq5n9NXi2P2VXYJo0H/RkYo9gXC9s3q1Tc4XHIwxeujP3EkMPOUVQVC\nTf/xqQmzZmRBwwLRwPxoMULm8cIiCb/mPubIpLlqyhv/noNPtXr5iOcXzftd\neYfVouoK/66jZrd3vNV0DzUeqV3km51WtE3aX8G56OUCJdmbwd6YmOYWw9R7\n6Jy+\r\n=kiUd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2kRziOaUSqO8ImOizzK3aGqq6tLckSRWplrEuXyRGuwIhAMp0f0YhF8pmyzUYgzt/RuK64Kffuolor3yAogQlgrZf"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.11_1571099916714_0.987931587924777"},"_hasShrinkwrap":false},"0.2.7-alpha.12":{"name":"@react-ssr/express","version":"0.2.7-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ace336e32063e6a545ede2607831dfe1dfa75e79","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LY8IoxCAfmTdiC37Ij1Rse4Ehj/kUaw+d7cmM6JZdBRzWcA5W/y0EOdftu+a2eMOzUd//j5bFZ9fWU4evSu+Rg==","shasum":"bc6abdb5384a186d600dd48e5b64fe8a184b3bbb","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.12.tgz","fileCount":9,"unpackedSize":16541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRXzCRA9TVsSAnZWagAAsrYQAJbBfGImH/E6G6iBodUo\nh7nwybKCrz7Z3zL6dQY+jH+qYNHLiv2VI4UFpVmXw0eeAdm4rQMTGRE/dc3i\n4QaFqS5CJGNmZf4ZMgYtByJqrffFA80DOWJX1voL2jwb5tggtGFpaedbExgV\n88SKV7x4JokpNivyzsr5KCF6aZXJ1wnBwh66dhVpfdSSuhnenaaJeLVWx85X\n6K8WX5TtK5SrtqKA7suZwI6n3NeRKV81fZ3i1nJsIVko5oAEHsJSpm2jE2p7\noffLfp6+KmSTowFvUqaV6JDwTDJRz649ftmW19xhKgBbirx0xHjZ75ec98ZY\nCwIO3Z1V58DNWvMdIsEQyNSXwCBmRagA2RkEhe+ha2M1XCxMCEL75ZMNkqA+\nUUSsjnGywtsXQUm2+503DRsBc/Phrzrm6vGccdEaSrFIT5CvSYF9XJKPGqLl\nEdFmmvmWsajdVA7k+o9EuRYne80GFoe2veJnZaWJSdE8fzk4rCVwTD+GBBRG\nxtl8/4ilQZMOK3NISIrr6R3WtNnHb2mrpXZp/004YVc9kv+W1oyowUfJocrx\nm4xWb3bMThUmeB2+hS7pS14TN6gDiYf6ncY3icFhVpwyIXHJlc3ZIaPhcV/7\n08K6zMOe0s2Pu+gcGDPAZR8cYSTMU/rLAT5/i2rEv8sZkW0RVNz9OLDY3HVr\nmKmX\r\n=Tv4w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHIoRj9Xluy8QGqUffiwEv/fFhRKiLqfF5zMktuzTQH4AiBaeO1qnczxZ7Rx3Nkm32/RjYhxYkcHy9VbGV4EE0mGGg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.12_1571100146668_0.24099537978175345"},"_hasShrinkwrap":false},"0.2.7-alpha.13":{"name":"@react-ssr/express","version":"0.2.7-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"50543369545aa015892f1a85fef4c49ea1b031df","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-d5eHuSq1gcM3vzalWYv2Jq3kPaP9cAgUeuWkPEaDqTFDr9UW5MqepyehXkfpMmjiaL35T6ip1bP1XcaTCSV3SA==","shasum":"2e84dc94d8764982382b55a3d1217b86c406acea","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.13.tgz","fileCount":9,"unpackedSize":16823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRfzCRA9TVsSAnZWagAAuh0P/0x7a4CqE6gun4Of1PcE\nffLwGvEbLv3AvGPSEpIgnV16XzhI8ThALptgZPgv0TGZVsNc/KASE/cXrW4q\nTBUZbN6eiAD+Y56mPc1FAsydAGzuB6tXoGYJrmbi00M/1O3yFW2PF5LPucsm\nAf1Pv4OGFyJQOQhkli5GkSUJ7apZmIkfPffBA1rb6DoJxYt1UL0PttgOXROf\nTqsxpb+cRu04xVlJzDpdfsph6c913uVwxp+OUHEa4FsA90UfJ4QuxGi5wLoQ\nxpA3qsCoYIoAoRu9gugkgHCprQ8ARU/YKz4OpDRuvCdfEDoNJyzPeYJbrEbd\n6BynnK1AvnNt7Z900iu2a+w+nRWIV77/KimnnT6vrRM/VPcYn+yvsJDZzcpB\nYCHdl77auqsfkBHAM7aH+eWb0IOzBIQnIA08sBlOL/wi0WG0mE1FSgbWoCVL\n5zYnC0djbSZWZDkaBYYV4xBHu6ygJQEbHqzkc258jPiprymU2s8LrcGB6xmJ\nDMxCmEyLKvFIo1aaup42f8lzoSAsjwJxcr/j3LcRmPnHa4LXLsAqjo5SschM\nmsWEppgxp17BycD0ixlQN0fEieyk9xoyeZxV5F0ouuK+JfeGPI6bTc/guzbj\n5tjHrL0QmAZRTAO1RjVxTV4YFBozHSqr1olkcWg2o7Ij17M3HoPvZZBx/3Sy\nAx5B\r\n=y2hD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfH1cgde8gODo92/5xGMuuXm/nde45WYgLzF7l+yfNnwIhAICXBfyndArwV3FbdWPT7z9u8MQskrrmP6kU/MG1u2/V"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.13_1571100658883_0.08176302918499356"},"_hasShrinkwrap":false},"0.2.7-alpha.14":{"name":"@react-ssr/express","version":"0.2.7-alpha.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"56bce6071c0b6af85e2cc9cd174e2e159ca90648","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mvrodXVgl/6E1GmG1PGATUN/69tzWICHcoMnbs4VMk8vIit1bF+rfK77jEHm57TYjuALjlKVEyiOW/Fu7rLKhQ==","shasum":"88605e530ee4c9b929dfb57d0a055b7e29e13471","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.14.tgz","fileCount":9,"unpackedSize":16892,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRlMCRA9TVsSAnZWagAA7FcP/1Yv5+DrHXLytRynDvj2\nCvDTe+lx1Y/Ikpm5EUMXhZXROY1hLToQMxN7K2Nko2g09TZzEpxHa2E6rhuI\n/0girAWVfbDmJja/PQXfWcFqV/KmNyrEbwgQypoFLKUdOcHThnfWI6CsxMpA\n0exnXweLWl0OGaBoI7MRdrsDsUSu77OeM527evQC4FwoOz2RIc1qteytJc/7\n3nowiDaxdaqCxO+CYPAuoE2UnFLwd4Wp6HUgAXUqa+gre8M2e2pjSVzCmYhC\nFUsCjWQaw99LovGLt6cqJ2qIdH+GD6+PbCIDuua/uGzP/7tfrW0bRWKl4hkD\n4r6kcgz9UgwpfKsgQAvxSUAZaX8FH1y4FpMG9IV201fL9IobknCotPQMGVXC\n/fu6Edd5khIz5zTozD1K851YOo02nstgyJhpXJ5GLdTYAankNF+MzcFyyey+\nioiegvNY5rp6UUh16Scq5cAkrb7lmBc6ZZaWV6oBtOJv5tSHMEds5GQnpCgC\nMlI5Zz88aml4XzgPNeCV1hh1CSnsC5XG+VxManTDkMDmbt8pX1fPjipbz/0S\nSdC4Uno74EHx8HHta7XTKLbBfs8fNSj2nj7uNvBED2j2Bo1/aBmcMiIG1tin\nyq4hx+uLV1qq1mANsNz95h0R9BRAJJsO5uv0u+ZaAEWpMCn5+34y5gftn5se\nqZCN\r\n=mfvV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKU5Es4uPKi4ioFOLJDR9PXX8qZAPF/D0Io2FehRhHBQIhAMGquSHLhRgMdduJew5O4KhbIphJwX4mlz2aNSmS34eW"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.14_1571101003289_0.6140518861572406"},"_hasShrinkwrap":false},"0.2.7-alpha.15":{"name":"@react-ssr/express","version":"0.2.7-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6e42ea08de9fd5a7e710245331cbfb85499219ed","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PthTWVqgV4dtHM7yJfY59tuD8lmWQXMvNxRuxvGW9mdknYFu8Bd8IDpmsPD6mtt/fAK9wh7o5hcxmeI1GsVUHw==","shasum":"a2d806ab3bd03527719359549765a1dc4fbcbd17","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.15.tgz","fileCount":9,"unpackedSize":16903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRqFCRA9TVsSAnZWagAAm9IP/j95kedQubTClEB0dACo\nc5WoNfGDqBQds9pdcRuhnrHQidt3EqV5yWDrSehQLU5MYivfSordOFOahy7z\n5XMVF8zAA1Qc4wZ3V1IpIwU3igK8lNR5zDsVmiX7qzZ7RvBi/YVGwbzPRLns\nIHmTSV8SOc5JnUsJLfcbiQWmRE3WDIsFFBuWbxOCeeSfxCsoUwGghmcUEQkv\n7scl+PRj714EcwYUtqqoYkZU81qSOyg3eEM33rUDiaem5hFyr2oaaQXsbi9D\nSkh8z/7qaokxX7PM5PUzOYrPljPYr1i5ay+iJaMRJl/zxU0DmdiHUw7/JDZX\nYEk6JSwD0YtwM7stVv0QXnbPbATQxRUw6iExhX4FRz+B5Di1BmU/8YmblE6Q\nzGoOU1dxUBnDqJMdd3JsLpJBAenEmLK6ALNIRWm/tu51H8p6CCgckEeM2+ES\nFTDZgBMDV/0n6BFSFslZ72ret75J9LdteNzim8kZPoTKyBNNvxs0zPC/Fw7U\nb27KoI71laFZ6jl/qNEuHucgJTLwF7mlfWldugxthCK0ppgtmSo+yCjYAJ2X\n3WbkP92mSz/RXVG2Yy1I/+FPI1iP3vtDKLwx9ceZSd0Xj9rgAGqZPEFZyUKy\n1AMWcD1HHiTbxr7jxGp0B6jt4/Y+E8aLnzR4wRpjPKOgBmX7oOF8tX8y/wvy\na3lC\r\n=WBo0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGowJ5/e8ODNXTkA5I8V+FV0GN5+C1xp83nSH1Et1VM2AiEAx+yc1lPOQsqykU+edaNhheqkX8jnHKU7ATN/De7wPyI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.15_1571101316076_0.23774109641614993"},"_hasShrinkwrap":false},"0.2.7-alpha.16":{"name":"@react-ssr/express","version":"0.2.7-alpha.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"24dc4005811be8e068982a0ab62bb849d7510f13","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-bX5lLoCXsrXsQPi0t71goznxSIWXDOyXP+gHSrfm/083uCIpEPrsKMkVDskAxqjhVYjWTKeBqrcNekNtBFhJbA==","shasum":"53852ddfbf99f223604b77cb90f0256e1f4017ff","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.16.tgz","fileCount":9,"unpackedSize":16904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRsaCRA9TVsSAnZWagAAQNIP/11OQK4GwmBO0DzLX7xA\n/mm69aVwRbR/Hc2ukBSMQQISJq/L6eKp69dCttXhk0doeLCogWhQG04MuI/v\ncv+aOG+HEct4EyPoDMvElUFJTmokmamGmITNPY3+wtwCj3Cnm4Tinp5u2dcz\nEIdnyo05GtLchncTiAZf1LAV6MYg1P3V6599y0cypjPn21SgOH+48hcwft3t\n54UtRIy3mnxMnRARkcUGxgQBd1P/wVaumCkh4mGoZAr6Y0zoqODTFqHraI4J\nh/4Hz0nGcu/qCthcIyr81eNpVpaO+u6Z+7XYtEGr4dZzEoLwtiFXWPDzbWtV\nI4vdo+DteVOlT92uNvZIdGlWBivx/73rVGe8q7tfoSn9Jb/cenTZ9qIXr+me\nyzGSNhJYktFbVOWczcHBrw8X0eczVdO+KOzlrIjpYUbuoui0PX8S0CNB6f0D\nKV8d7jh4J5gr+A7ZRnnIXMN1IGc+/WbJtI1wtv5DDwJOF9qdVfut9Y0WEmTM\nEP311+7l4SZOvaTs7i4D8XgWC58XH44KUy5tM7qVhgKTavLmyXFUCjbRCiNZ\nOcI1J42ftW+v/33h4LmiQQf4cED5F7oTHhVSn4Y+syHB0NeRbPbVxmt1Mr3w\nx0lJdVUCrS/cLKRY1tmN9eVi3/vfehvXQQsf23E/66Cpxgtzz2MYawVd/Eat\nBST4\r\n=LmtO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwbEvmRz2KoF+rySJ8CfWUbZ5Aa2vxv6IjcJu+c+kBtgIgFrN7fUKI3gCJIm2qPPfcoUYRSLce1zgHmXCyPWYJL74="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.16_1571101465747_0.25886217513554466"},"_hasShrinkwrap":false},"0.2.7-alpha.17":{"name":"@react-ssr/express","version":"0.2.7-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d39d2c471b786bb3ff03afb11e0c2f9d53140600","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BTVsziRjOszsZhCAP5MxgEJPxcqhut6hlJzfP/l869Qa6mvzd/QlKh07USGQ/vya4bRoCsEzwe3iRwtnn3vJsw==","shasum":"48f67773fee80ea33c88abf1d5ec8e4919913f82","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.17.tgz","fileCount":9,"unpackedSize":16861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRxcCRA9TVsSAnZWagAApPgP/0ZsvWWVfQXYJrue5Am9\n/0gb7U/viMBnlvWBGGN/jzznsIu5qx0jgHdTSFyJBBYpOdbxHLRuLHZxRr1/\nkxDeLls3YmHA5W6D5fOul7dk2xPS/lzfT91g4Y9S0rgmceqXqidjm1Ro1hTF\n8yEfqKOXOcS5+OSJc0tCag+6IQmYF5gl+ehAy7DbUf1q+4wAKLcYhQchm88L\nP9VYAGtQbf6rK+WlSG2bCHRp0Tug3Fb/vDgBhvv356kERxzdplJ17W2GIVrh\nYTBNGaT1bCJ/nR7nUnqzaZUbhDWqnm+tpytxAgkY3uVw0ZeHrp37B0DV5deX\n1Q3vOyG6zmqJdWaYGQclDykY3Wue6w66U+kYUNvlao5HyiqZC0flL0SED/ka\nRFJvinPCdHTesuRXfGNVr445mCuvTIzlO2rpEKgg+MlUWbapXKFiCyZ/uTC5\nWB240Hqanod/ViFLCKemet3nwkynnU02wFkyn94zmS6moqOovYlGsZCLlr1L\nHxuOio3S4BjetAm2VveehinVJY6jJdm9TvJahXgxzuhqV2k2s+VsRS0QRdsq\nIyeXJ3DXzLELWY12qhY8QGxYrOXvYIfAHXcAbIUBh9pWW7WGWTWDINtPlfEE\nv/Ew4ng+M3c57GlwxbaZdMWQjNXj5P95h/bjvPfYpb9Y3bCHQ3Kf6S2WCGZd\nTv/G\r\n=+sLK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd4yuwdMbZIV0BVZMMk8NDtG9tO8v+plA74paQsV4LmgIhAJ6HxmSou9nGEGa2Q2ClGDHZt22N/ppxUP4Q/64Dv+KP"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.17_1571101787578_0.7489530139622849"},"_hasShrinkwrap":false},"0.2.7-alpha.18":{"name":"@react-ssr/express","version":"0.2.7-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6fc0d575ded8451812b2cfa05ea4f79a796dbc58","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tN1lvhzfCwrwXFK5En+YMEi5T/bAJlhs3c9yHZ8seJhnOAY2g1lYlkOWOVhDxhU36QX2Ten3JBVf/+5S8t0GhQ==","shasum":"2a6490d954331db7cb8a922ec4969ba286b1b483","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.18.tgz","fileCount":9,"unpackedSize":16902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpRzvCRA9TVsSAnZWagAA7NgQAIfSmjoZI5Z7svEBCk1y\nZqvEqjowCJmpjV9rpV6pjmaqjEMC6tg5UvlsyUNuG8cRLYMhjHlyXgVru2XZ\nURLW8kWCABFWj9xKfDQqLdw5kIiixlWULAYi15Xa2wBEbqkSVKHvetjeOJXM\n0g4JzkS1nqbUfKygRKr9MoEp3j7n6JMLLavEz3rnd+6x2xLLK4XRUrTmNcsf\nYPlHx89e7B/rD9+ZgjjldSpaqExyU36KoGxRVNhiI/f+S3ojbXrlKH08g/Hr\nZizbXL0SPwZsfkbFjl0vqO8MmUVtwpEsuCyld+suv9Jg2E1OkxgMehd7l35x\ngpXaLWwXE0HADvWEqVfPUiz77HXFz/L4w4SEESSINpGFh6Hm3JEUdhjTEame\nlIbPBoXq9bB3vWh5qqRFQ1mNPn9mK31ktxLaUkjYyqTXg8M4koH7tMxNgT8w\ndkhFv8rmOi/ggU+wlkZsoo91O1AZ5XqkR+o1gjIDBXWlPOWsfx916aMGmzJq\n8A5cXarjdw5Ezf7DtW1uo33V8GZkXRmYL4iYkhjWlJgP4GFqTvO0uZH6o1tf\n9PkbhX8msClTFvLBZ34QTMHd7G+aDxh2CCVSI9AwYqZyFOuuhAKX8pUIyrf7\nN9M/PD1m3+viDB2e6GSMvJz3uz2W+n7nVpuyv8QS6QjHBB0l23+2L+yVVewO\nKKBx\r\n=FSh/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFMpd3IDW+KCrMi9xwUIotOaQIfLGSb3AodIlDApo5nQAiEAop1Xv69F38On747mMV4LwMvkbapdDgBVGnACzSZu1Zw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.18_1571101934961_0.9609367963271935"},"_hasShrinkwrap":false},"0.2.7-alpha.19":{"name":"@react-ssr/express","version":"0.2.7-alpha.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"764883b6d124be75be45148afa896e72f938c7b9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-w141mhmS2k9745tUibZUvxZtEfZkjqy4NFyLHu4x0VZTqN8hn3mL26Sv6Gs2S95RLmnyfXeTBa7wDEHNMXZCdA==","shasum":"35f0c8a6177c7d64bb1cb191bef6dad26be12568","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.19.tgz","fileCount":9,"unpackedSize":16966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpR6QCRA9TVsSAnZWagAA/ZgQAJRKQquSGbAO7jfJsAVg\nhjy9g0IRX4k9OjGjMeV3d/VSe27UDX/h5TVharB0HfyIQrviygCtL3gYEkTm\nBuco+Kk+Tyj++dfZBojS3rq0RF9YjCDGbKCXjyh09ChxCNkfYnu9Idqp3fZr\n2Mb7ZUz2ljDxV4CbRy5rVpWXMcB+oC8OGvyTdH1n7E73UURM65Kf2anZXiVb\nSj4ABX37AfNmJL+obq6M/N5vxG/Ui/d3eK9s2aF9aUwDThxDT+CBk5BzDGUO\nAsWUf3ahE0OcYkkl3ez0J1hGHbwu49nrO6hDxx1XBUVm1n/tqQhSoST7SA0H\nGhCjgI0BhjNgG6XA6jTqz+JIWf8teJfmqS2xQk13LVG1jKsp+4IqaxG0V9C/\n7oxgBowGMTZuk1iqBPHdlP1IS2QnKLnfguG5sPJtlJ8vGQJsWcv5TrJUMH9d\nORce50pcW+c2/v+CnLRVfc9425i9y7CjjnGq1KddAUq/WKAB7TzNoDs6ROVt\ngLvX6dLw7mgLEmrCVexFTHgYMEj7nu2xL3f+cj/V9SXMSVoBHbUKXs9Wb2Ha\nmt9wtsFWBTXLBlt3v4Lozkdy/MZE2Td9rBCRwG3kCZqvRMJw9WgS52CSQkIe\nIGfUlqjFZIZchQScITl0AWJdlGvSo/1JePqfV9Tag1yMY3tHl56Czt6MxlEY\nBb1N\r\n=NzDM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCj6t9CP9SVCadCJIP9fSmyNLeGyKNHoidBJSXjtH0RTgIgLGRMjf+dtZCFSDTH61E0zeQEGBlKMV1Mmo6kg9hhdRA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.19_1571102351511_0.022465069345989575"},"_hasShrinkwrap":false},"0.2.7-alpha.20":{"name":"@react-ssr/express","version":"0.2.7-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4d0d3b7836d356531774519a0c1cc0a9d37a1dde","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-5P+r9ehZskDyphqKkAvInNSCZDL+85Uy66wGtGqCTpxlFbF8mK7XGYXO0tpe0JNIg5X4gOt4kAf3LXjtm+hF0g==","shasum":"99fea2aa504816c23342255ce63316b51dd3fa4c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.20.tgz","fileCount":9,"unpackedSize":17043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpSGrCRA9TVsSAnZWagAAHiQP/1vlr6N624i7cyQ7BDfp\nr7BUk24Fi0WfnasecEDEqcQmDTbqkfpWS+FDWpiWCqTEO2cT7mO0kNf5jOW7\nkkLUdgHR+2VD5NZTOhIR3iCMjmYcSN552O505rJL8yA3Rn36T2FWNikQzLzx\n0X2DCYAPolgXenY9qyjakjDZ0Onnyd0O5CNI8KBXT7ckSYf6mHv2EKYfgQ+z\n5rt3mdHmxKhfivbJYhK6qmjoDKBdmLhfgaQlbWrCm3dgeX8wzn1tiAgQ8pvB\nA/sP6yTblepv1fZMm4X1zDHhcs4ujE2+stOBsH2bkaSu37OZP3FpwGlEMxb8\nAuebTieu6QLO4SAGOH02wKFWMUxSh78xEJ2amATJaNwEcRoWUxUCCYQyh/h7\nvE+6wraJKbAybQh0JQtZHM9zh0w7MuykA7GAwpKOE7Pbz6j20wCDVLxW2qN2\n8n1zAR3DF1UPZop0AiSupPikTfCJLH5kR0Hp8JdqtvXNtu7pstXoXKaSpKPM\nGJwaXq9wFXyzzdshnmbPpTZAKY/tsWyQbLy1kHQe2tj06IdZ1doZtPpphhRp\nO4K1DgG7DXd9/CN198eL6DY8yKPAMMRCK26X9OkePjwrg3kjXC849765DWil\nX9oYoVqzukB6+afK16G9mGdJQTDTZzlZ4XbAx/Y8QXTCUjqx7oHe1eiDo/YN\nYJw8\r\n=fxCO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsS17zQHvCotWgbPwSZ1OReiBN++eSmqT+O8GVeAaaAgIhAM1ffi85gLQ4qaHnG5ZDd4fjg/PRnzQdRGgy5qP8nmmk"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.20_1571103146607_0.7773147945302148"},"_hasShrinkwrap":false},"0.2.7-alpha.21":{"name":"@react-ssr/express","version":"0.2.7-alpha.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9f704ca99f44ea993e52d40dbdf0c60e8357f52a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4sl99oLoIrGTCI4CKHPGO9mvF3lKpfkMj3Np9+6M2PWkI/yeE/yQAsv/8poBD2yBnKGb9O4AUP3TRKn/cz1aHA==","shasum":"c36d087053bb0e4dbbaebde3d2d261351ab1361a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.21.tgz","fileCount":9,"unpackedSize":16797,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpSUrCRA9TVsSAnZWagAANfUQAIcxXbsBF7uge34CwoZX\nvm+hdZWrYlwrtY2FaaWZs7mN1yU3ieuERmncBsz8mz7hOAVT2M4jAw3nt6yK\nrj1Ud8D+xEJym/N61FuD4xkUxpJlsfvmwlwUjbV+POSm6kji+045cxg3nOQH\n5igp0Xf5YwjRXr7UIwB1EnkoS+BWU3FCsGDXm7AoLDPiRfu/PScn2d/3qAAB\n0bmcSLmiKfAPGb9ooyCgLQKBSVqk21mKqNA/KtvqfiWwtzac3tCZ9jy1vDkF\n/DimEsXADMrpRtJPA0b1Tfd1DER7FEppJvTRgIDOrS9zibT6bZx0pXBy/FOd\nvDvANNuhNzD4GAkAB+WsIfvbdOvR59ZYWD7bM63LOL6QHCGgHg0pF4x0BNUY\nmVULW03EHaBIaak636Jfw+8VbfsxzjhdeSodCdCXxyGEmh3BibaRY4vAVu/h\npa0u9f49cRK2LNUM+5D8EGU76t+LN3W9/dHP1XNQ9WxatMzrSyn2d+nRBjtH\nrlBlkcxguEKBWWvCLutXTtOwCa0IFOEnpaJSKJvbczLwri/hcZ3Hyk8bOvag\nZ9jX4NkCjIQ6j+/WXWgAHMtFUPTvIf3ZkKu4ovNFhgjCSUoAO4YHhSnOEWUc\nnnj4upMPjeq3kFi61PvCPsARrrkvVeQWJpQeqIx59f7U+pzdZf6G/2PVRmme\nTqVJ\r\n=HZ/6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1DfEQGGrHK6hd2QY/dvkBTxYHReUyHfpiYHXwepvhtwIhAKjZds+qZ+xy1iNAoB/fV69cItlkYkNOmMuYOTq+wD6I"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.21_1571104042965_0.8418629928416563"},"_hasShrinkwrap":false},"0.2.7-alpha.22":{"name":"@react-ssr/express","version":"0.2.7-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7ced43a77c4067828056649ceb85bcb398153764","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yOaCYqNEIjWIFhDwsFg/ybBcRuaI6/Io34GOHyRVhQfpqSsOg6ZLZmbRNR85d/H1Xb/QCaoHU2Lrdi8wkwNWdw==","shasum":"64ac804cc80c3535db89de966b701c1048796dd7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.22.tgz","fileCount":9,"unpackedSize":16865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpSahCRA9TVsSAnZWagAA48AP/3EaaJ+vSylSvvqDaO77\nt41kc/ojTmCPMtQBlCfJPBXP7HPiQ4ta6ucXR1f8hdeaxUUIZDsY/pGz4WMZ\nZW+2egzqEYSibCEDqQc74JOtHvoKd3HlZFr8BYFflH9h1MdUScb1qpidVByQ\nxvzOLd0KON9egmmx7Oh7dVhGaDUwF9i2IJSIpKn40vyatRfwiHr1zPpziam6\nIjbl70Lff9+x/RURzVZ+L6sLq3AdIROGXoQhQkqnCKKph4RAHq+YNZ7E52LU\nqllUiJ/78u2H2lMV3AacPSPr41vLk41E/VXylt5v6jWI8mlOGYSSHBOxJKZz\nNhPWj4M2CYzgXJlgfYPYv+aoubmjEwILmK4X3r3V+3V0b5FP+MOK1aP/W0I6\n5zjEZVF9/jsLjjsNyLcHvUQFgBgcdzwbPFtbz+fABhm5jxjREFmhGNTuatU9\nFdin0s4juukxURyEYybtDSi4kUIQDMdF8owpZhX3qhrtI2L9TyF8V9KuD6t5\nTkJoKwFwccCn/N7PmqCnICGQ508PLWbQ+vFrXhsOLsy0sr+QBCAI0erWAb2/\n8d0/2yeKlQLAS9e78Hy/opQdNCSwzbMhlSbQrLZ2disBXlrYIezULKG2pIyS\nkIocGyYw2zBsRXP+jr7PpFNWpevGlF97PewHyYZhGUJNrvJ7c1WS9MGWdN6Z\n8UOr\r\n=TbO9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5mRniG2wS9wUamHFn1tLTpjrffQ/KCH/WzIatn1V7NAIhALKFDN6Rq40dic9P1SqLg6iTqf0/8VTUOxPNchiDMpqK"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.22_1571104416934_0.9418498581232826"},"_hasShrinkwrap":false},"0.2.7-alpha.23":{"name":"@react-ssr/express","version":"0.2.7-alpha.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cd136ce4766e1d372fcc97fa5304a35e4ed29dad","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-k87xWYIR/8oqpkFkjBUFtIKK/R+kKOrutF/SW05pP4K9++mGoLb78dBx7R6OnjdE28jPFlSbB5IO4t86YhPNTg==","shasum":"af4eba3d113b49e4a622572fc07c3f8e400adf82","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.23.tgz","fileCount":9,"unpackedSize":16880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpShFCRA9TVsSAnZWagAAtR4P/AlrHb589Lfmuw6oXBo7\nPBfjhL5hxsHfaSPOkEpnGyGPtEMwHN0toZiXJibzf8yLUWUUvGTI7sTDzHM3\nAR7qq2ZRLzC2bGspKvbaECOWXiDTFxrQAEEymCKwHY+JhCdNelLInZtlC99s\nBotO3rAnLSjWOyWjwF4W6p2Fq6QcIX7yDrtjkC07BcIwDKc6esj59ZPg2zBk\nfX79rLNWBHu/LDzTYnTEb5bGkb9sPbW6XfGk8RHu9yxVGAZwVIB9OVrGUSri\nKqCPnx2rfHwo/2yEU6Qun5sbzAjkw5MegLeBtOYXPXho9i9gh6Ro19bo0WJb\nurB9NdLT6MItyTpWMjtDETVpVfXyVi+XxQYDJRn3DSEIaTz13FDyzCzOYcdo\npSgWcneGI8q1L0fslCm4bMC8zuYhUTVS3KgeD8Wr41Kf/9FhCetInTBgyKBk\nSlI2BJ55suyq+uCLjOeOhvPjO2adBWYWpGjWSwsLebwMgjO1ICEZz0amYYbE\nkBjk/CdofJgnAGks/4aWUbYLsE9KvffhEctgiUBmS0k6hyc+NM82+cIY0i0b\nqv0iyk8CH5QOe0ZUWH8hVfFptiKZV+mMLal2qE49M+HrZQd6kvp9AgeV43pS\n+lfogtwIJtmc1fFQ5EohRJDip7aYdMER4V0l6pMpk5nY/5HJxQOu0z0dpgUH\nil7U\r\n=bynJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQqBiWz9kimcWVfWC4+FU6s5yF+4QHEh6YMQcSzWrjVAIhAMgZcxKIFeayvOjYq04n+1zmjg+ZwqQG+1+xORuu0a57"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.23_1571104836986_0.9466870254675515"},"_hasShrinkwrap":false},"0.2.7-alpha.24":{"name":"@react-ssr/express","version":"0.2.7-alpha.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"375a47d3d9918978b86f67f17ba96e862a65bab4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EtX7HZZ7h/knaSaekbTXerTH9InyWE/vk0xeJNXd6cfFKULxK6E6NHGw4RqJvOrNWYA8slSbXVUFZNJxQS0SJA==","shasum":"4e993380a58e4c6988b7c8b0f76b0a7b7da7c945","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.24.tgz","fileCount":9,"unpackedSize":17013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpSpFCRA9TVsSAnZWagAA4jsP/iHPsvcZqMExRab9IThY\nvRGM00hjydF+/6eTYL9e8xZM1Vub5AvE1zoi+GDcuQU4fE7Grf0XE2av0slM\nXb0GKcZnKGf42JFs1OkhRuUrWyl1GPRWHLwUK6ySVXLii8KuwHome4XoItCy\nQvRzegbDRYjwu6M8AJjCHR+Vj+fq5ugu1+F7Qbbae6u/4uesrSPtPfEvAe/o\nsFYKDdeX8zSICajfEYaGvwC9XqrGForyomnRgolPt5mkKNOUT5nT7pUPjXEc\nm9z96QnNAGsrVnYYKvg4VGcKoJi7vLFYGj6HMEz+v9cL3E/ximgZaymdXSEO\nILYHzJFMJ0HwrigFDAA0qeCxtqfEU5hcqdSXTqfvarhgpw31AAhmN8XVY6DJ\nKEk0CYOYMq/gSzJrinbXB6CpdyBq2ZhCrZYOiQuxPZQv6I46RNSEOFdjtfdK\nwQuwv3mY2/V04+s8MJTM5WIBgmXalWq3gvDIG7K/MwOQDCuNU1WxTeRBbYxg\nXU55b8Ibk63mp+IZGlzQMegbqDy735N+KJdamb/kA9UR/bB39+Ze2jrDqF9E\nrcR69RGvThs74KdEDnh8rBDsnrG1rgSpF+3QEC7T6+545wDfnwXu4m47JaFP\nju7NNC84MrnV3fCsUMFIh+o23T4l+2/Rr7sKvXs2ZNh3zLHWv0fwj+eL3AJl\n1tjb\r\n=JXzQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTtPvUgoXHPs0JkHLoT6M9hBQ36Wv+nXQ9mPejY1VdiAIhAICzLiD1XfZ2hnNJd7imuIiPB5L7Tb13//YqAxXly46q"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.24_1571105348897_0.8959944890409919"},"_hasShrinkwrap":false},"0.2.7-alpha.25":{"name":"@react-ssr/express","version":"0.2.7-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"458f18664d7e30c08a0c530d78367682bebea160","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-6pnbWKhzLe4xkN5+Y0gDHBLLbsSkxLs1UrKVSgIT3I21xIQbhj7RNNbpCskgQevcD8QcrP8iK/vhW0BXNCVpqQ==","shasum":"3f7ba8b123d4320cae3c5942d029db0cc647aa8d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.25.tgz","fileCount":9,"unpackedSize":17082,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpSvPCRA9TVsSAnZWagAA/twP/1QZQMOeaytsWnwgqzAb\nAfC0ajh4fCwnhRP9co+wSeksuxOCt10GMT8YaKRbuWws1GqRt3sWLIg13uz+\nYe5FE+GUGWaH7sOCErYcwKlfjsnafx1ql/Z90DRVPrI3NsO2iiMpQpQjojc2\nYKkAeOwKUEvem0tgx4/+CP0HRaMPPng6SPj3/a53piS11ghs3aj1CHC/h2m9\nwesbxIo/IDMr3zPqzemBcBBokF/Lj3Bry3DA0ZjTXom8cRfod2OdeQXPbV35\nRufh4P/ZutEVveNjD5jVsy7UJiE6ZNzA9EiCr009SkzJwbP14MrVk5ld6YCQ\n8lfRhKwjVar4GSoY7qDg155fw8BD7c5P5xg6agiKQqdvotV8MhKcNk9QK8sT\ntf6rA3FAZVtuEwPGkx6a0Yr6DkaZqFN3Lym/u4KP+zd6V6kc0htMza+fsbYO\ncOb1TrBwxQz8p4xex5L9ik+NEkkdx7oTe2o4HBM6hw5LlL5ZYzKvGBBh7k6h\nmuy9mjdC5jC5DX8b6XYlUaRXABSNVeWk2gbtstOQsZavHKKhxu7w3X/ht+b6\nU+t3l0p2uWk1aSQvrNOgm+EYvh9PwZnobdJLzKwpw93WgX97Nd7/uFpUnW0D\nbN55QJQVEMXQMStaOtg1+GoZmwEO3Aho4EspSsgVJQVBbkvcqsM6eJzxI8Nb\nlrI5\r\n=hKuH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+OqSwKGCQ9XiN4aHLcnyjzGumYSwB7xGBBtCZBdzzjgIhALzDijNrteXsWcB7ZkHTcYWQCzZPnHaqWgqo+2J5pCcr"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.25_1571105742350_0.49308861882927957"},"_hasShrinkwrap":false},"0.2.7-alpha.26":{"name":"@react-ssr/express","version":"0.2.7-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"469b3c57c88cd0590261df14b34e1346a2a9c207","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qlzCTLLauzz/I/CxpwGKNOSNhddvjqwopkMIdJJb4KCBHvuOWiBMDuRtIF6/fKK2SrZcIs3ur7taCJnHjMCpOQ==","shasum":"cd49e53cd47a2ba1e4e5d7be87365599e0a82bc8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.26.tgz","fileCount":9,"unpackedSize":17122,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpS1LCRA9TVsSAnZWagAAJ+YP/RTuQcgmTUcuM9HkONON\nVuVQJHP0Jnoae4Lk/0OwLOWiBEoM4+Tg4oEJotFVyM9TE5uLbt/LXOTaLlTh\nNqd5GLbh7nmu+qxOCFW/7zNk1qL/nL00MxEzO38zreMyb1yA/mXVt/dnJkns\nkBeY3dlJJ30WXUjCVO/zzQXpd7fIB5zaIAoOdBpbGE2TL7afTJtspUNUbgQ9\nzp3VwqKix7hDz4u5inPBi2vvLQRlr4wTF76eqpH6pxJyh4wrcIdD96xDcS/5\nfGPlnQvJ5ZXm7JdVo8xN5PSm8R9mskG5Z7yfsN4a/e2K1y4AvOV7YcYWdapY\nbn+AzcyelPLC6wPgcxfrali9K8u85uH3XMEBHQq3VMl18hcD8bDsEY2MJROB\nJEgG4Y2sAslkrnXxH94pfkXdIbDKH1GdtEQd6X5MbxXjFStF2anaD5J53vAF\nZU+LvC1Rq3wOWmF0bcsAHkNedub/l4dUsvPooW6rh8YAFl+sUZGEjxmwNF4e\nr5R9MMctGu+RGA/cNzsE5vQbNRYTb+JJS44/6axdCpAiK/5WZta17sH322d0\nqBokcjL4B26P4DXnd3W3lPWUrHGt/hQKDnCGIGdFTy7p7h6BqE7g2bOJc2nm\nYtD0L6o4JTyXCo3VJc6QuBcvohbjhhl251TTJZyIRtkS2p4uDv5x21YHdDV7\n1Npf\r\n=4frf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEdWZZ70ZfADKgjKOk3WWtl2XKDZtrYnLYmhuZkcv6LYAiEAhqh4PrGdklLeHCfWs7Ee+SIMTbDuzp8GUBV/E5nJILk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.26_1571106122745_0.26264135760338103"},"_hasShrinkwrap":false},"0.2.7-alpha.27":{"name":"@react-ssr/express","version":"0.2.7-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e83f3c08acc2b275b02c575ad6733fed6abb890f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NF1tk+Qso4L4txpWx3nRzNH2LBi0M23DlsnijoEwfjNsoYJ6AQotI0RDlu5k5aZP/w6gqaImWhXbl4GR0Oi7cQ==","shasum":"1fb5f0da37e065d1b310eee0df1a2464e27e772e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.27.tgz","fileCount":9,"unpackedSize":17129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpS5KCRA9TVsSAnZWagAAlbEP+wSn5QJbCkq69VD2AJWl\nY1mPvoKyCo+wCTXBNtyqxNfDq1HunkI9KdqKAoNQgM2Uizu65rh6IXFh46MO\n23kkMdL1crY86Nv/GrAa3+cgcvCM43C6fmR7cWF6gn9X1K2KkSk2980jG4Fc\nrBqNcFgIWfmgxZ10lHDcPIBwu1oq6DPX/85Z2fKnYYt8u1whgtOymNcV7uYU\n7/USYu6PDofuoVCGjtQYsEpvRJjAVV+ylfoXzgMyK+B3izpRHdpEMYar+888\nDCHdARbMyuU1Lb7Zxz75welKakhaulc/ywEFstJWaCaH/dJ5aJPNnVGr15EJ\nD9jvXxZNgeDHxPTtDuFy2HfgAquoRmZEyLNgwVkZpbcljx355ExIDCbZhtUY\nUFszKRQrCU8lfsDl7yAVP6IgJ8Ka4ipliOSOtEVh/LCgqfiLlS7l5ZSELPR1\neilsVTJPxf67r1ZQCxltVFI/kvJ7mZyoOB/a2nT9RoRol56n9ymmfcXzmpj+\n/p7ECzOWGGuss4fJN5biugwDzhXX/1uKjwa/jlk8KS1DkcsUbaZguCJRVsrj\n54EG5rE1ODJnzYM7ZeB1dPp6kEauTtn9jq/sOFT4k5L8/Ygv55lmtLFSGKSl\nmOFxV5yjDIDkmxicrdjmgAyKjT1D+BpKY8Qv/34kbliOyRC6aI5TEaokUWlN\nUn2p\r\n=9zyY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC14ClFHVMiYPCCUA8F6AcuL9swhZucgDX9872KARyZdAIgDNW1QbhEmq0BWlyP6US45f/h0n4Ad8nrd+gZI122AbE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.27_1571106377452_0.1043994611544059"},"_hasShrinkwrap":false},"0.2.7-alpha.29":{"name":"@react-ssr/express","version":"0.2.7-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4bf9f14885d38eb6c95844b283dcca5318a66218","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-nBE3GZ0C2zMZkejctwp5tJtEe9uHFuuoBjE1eSFRmrg+lbdAp8pvP/GMjSvCOBL6jb+zeX0gO5t/YoPUl2FQow==","shasum":"280ab58ebc520eeaa5410221932f8a010ed44345","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.29.tgz","fileCount":9,"unpackedSize":17324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTEKCRA9TVsSAnZWagAAKMEP/28gaNSq8jtWvVZgB4Vf\nTgnEWmpT7ShClO7jYKbwS50waRj/fB7Snr3KJkelbcqBQJ7WCnGBIxbDmN7m\nmt9+LpWnWa6Fl3akiaWFttk5Ihi6w+sL61uKUFGTebC3BgE80w8sUwSq7OR0\nBId4kMePdKBBBJAbhDZ8DFER5EVxanabX5Vb8jVqu78TbBM+3HJ9TFu2T9kw\nkpqURNorKNG+vnVFyQ9sgRRm3tk8XxFsUkvXlwPclXzJxH0kfMJihEJrge5S\nMkiFRuLn476PKkKDhVqEPZvbQLpoXWnKXenHy2+KE2HUhb7os4OjJux24/cz\nx1xfxMm5RHiTgf16NJmVob0hNQtHcqRSR6cBjGmUS7LK3k6A/FFsNJ5x093A\n5O4/TXt09BSLjQLuFYmgVJH0u/zrLMHpwYBhbRLAurtI9VzLUZWF925DiN23\n2FcwZhJSzODJYmZNYNhktkOmbu2ub3vKZFrxkoOhAPQBvuWVLvso73HYIO9a\nee7rC/Vt1Dt92lpk5H9A44o40wr8Ugv8ryqqd5v+r6+JXYEgPYQuZRLUudcm\nyyP9vZCMCeyAJzMUjMKjkBh/1xcEp2BJEVACoohk5x9Na+C89Fz/LYMa9ntD\n5wyhd3iynUW1kezV1SQyDsW5/HKjPdJ7K3Vw+QjjUv/ANV5I0uKfmKly7yqy\nMIY6\r\n=C40h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLNaaStyG76Fg7NDRSV4XSO2p5Xd7n8V7LN7zUy6UYwAIgf1CSt7HJA8nsgIrzzSNzuiO1BRwEuSPdvIe5XHhv0Cs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.29_1571107081615_0.3462100434065545"},"_hasShrinkwrap":false},"0.2.7-alpha.31":{"name":"@react-ssr/express","version":"0.2.7-alpha.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e766e9515efba5b066176da7d941da4fa0bc7044","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/WG26LxWCSTAogfnzyGqNQReeUepxB2EMJzd6fNoDgTIAw3qJxNRvVUd3mZEo7tGs6WCIXCrYmqFCNrUOkQYgQ==","shasum":"215af813e2194afd67ecd718ef64accd3ac54a7a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.31.tgz","fileCount":9,"unpackedSize":17306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTHPCRA9TVsSAnZWagAAwgkP/0CBB+VWMgB9WPemFnZS\n1NYJ6GF4w974YvYFwo4apJDdomyKO6qFaX+w2hl93wft2HOfmqbMhRZdc2MK\nWDDOMFtDbVj7fmv2P6Fy+wQGt9Vl62F6JtwckV8V78Gg+bifevHSE7eO6cFg\nuS71vyCDh7NRfp+I8BcUxrkP/Iq3gNscThnmrmm7N5X6Rj72dnKQskPm5BTO\nKz6HYGVd+qYNWNbs56DpOOp036OFXS67EmXrlkYW6mb6G3aq4g6R7HDjVjEW\nZykZvnrKw46kzAagAcN13Wa8Ueyto8OkUYn3x+hdvIUCcmDQVwa5qJKrZ/T/\nD6DwGJ75neXlXxSj6BYSXz+Ds0596PWMn3Cpi2crbcPtd0eUZx6/juqSQfzR\nnni57U9UXCIDv9WzenYnHSuVPxVrrnlc+pVMjBMiNFokPzoJDSVmZwPzkEp2\nnOFmmsonyv3HMIJur7a+b2dqlPvad3om16mm482qzkwe5sTpEzT9Tx2JER3K\nBu8F1uK5ateFWF2Qc54xe0Su0/g5iKQzRrbgGVkT3EGXFABydLS67KaulT/Z\nKtN6ODIOJzvbCJnMWoR1FzoDxpek2+Rr4Q4ErmbBh5aizJxg0St+LVZFikvM\nrMVG8N5VbTT7gz6b5O/Gmkvg2gWpXHl6NW0A6QNEb3aSuEXSJXK5pDlZXnNb\nw4oj\r\n=gfC0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjGbT0xoXFF8LP7J3mis7KndiE6yDcxTslIqsH+gzstAIgUY0NdUIM7hq7s7R/cwfl7rXngJzjuwMu32wSHsBdq+s="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.31_1571107279253_0.8501208385409857"},"_hasShrinkwrap":false},"0.2.7-alpha.32":{"name":"@react-ssr/express","version":"0.2.7-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0","write-file-webpack-plugin":"^4.5.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f7dd0b21c894e28964822ae1bc12743a0bd62414","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-8426Ts18dIIPa+Rzbi8wv9YUL+3aUktuKoEANaFLj+HPgJqVN5ALREGCGpKC8IEBY0zpamCzzc0g3JVpMTgtfA==","shasum":"ff3bcc3134e2ad1596ad88de0195cc8813dc998f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.32.tgz","fileCount":9,"unpackedSize":17313,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTM1CRA9TVsSAnZWagAAFXAP/034eYCZ0N50DWyouxAP\n9FC5Kz8eZmiFA4sDpLHnDLeSUsryKidB4M2nQvQqpMsVTZmt+6qXAZNb3M6C\nbjV6T46rpA06b29N83EN0AOEphmMfKi0KFY2d3hhsE0hTbw0W73etPwZGJC5\nfFeAEkH1tm7IH7MtOZTOi2hiEPmjBPBClWP68xT+bVoplMgtlNJX/CY48KQX\nUKc3efBJl73KNTIEk4r7ZL00tl9HSkXSrFD3+4eaCdOX/rQRvHU9Oi0JP3jr\nYJgSlAxRvQUVUxg3Oa1zUu+SZA1519zeqUgtcs2qDkL9Vp1mF1fcXlGgNFM+\nrIEo59nNx25RVXSaVlrA0u+7yHocJFdj4j/KqxSk4uWy9V1GJkJeEXx6YQaV\naD8ao7M/9JbV+LK+XlqK0J82dMgcAN8orruKhn2DRK2pH3jpfdwcxPOV19Tx\nXPrnL5tpWs4P2yONm4+yQ38Dm1OFxmaxqjtQ55xqEUwBnl8v2OAL/Xm01wLi\nBbVAYMc7TyuXYsiQrH0+JKPpMtLjNB0rggC0RYJ/q1p35nzyMcdRlxnrgF1F\nsAX3tKsEno/OxT6WjYJahT52SvPeoPDasmZkzLAqBjzqe5uVgOh0zl1pqNdU\numxiDluhbxiBk1AMsplXcNWwUS3hlOARFQfLv5yHQ2bvwzrILYXDladWQogF\nArHM\r\n=O1g+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCApQvykzeGPnX6fYhusPxrs8XsHcKphikKaG/xYPvUJwIhAInmWiUHtPmc8cHptCJSRZBGMNJfTbvlWJ5m8xPJDwUh"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.32_1571107637333_0.8590813567002267"},"_hasShrinkwrap":false},"0.2.7-alpha.33":{"name":"@react-ssr/express","version":"0.2.7-alpha.33","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cb84fce3f26212a4fa2f98997547c3736c59f0a0","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.33","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LuBNjsjuvNoY+VopP3+ipK9hhN4VK8hdXAuBSUBJYfx/Z+6kxKhfZFrmvJJOjJrhGjYb5HwW8JZMIKBieUGF4Q==","shasum":"468daa2f94a451e679025bc4d839f396a4b50d48","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.33.tgz","fileCount":9,"unpackedSize":16867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTgsCRA9TVsSAnZWagAA54cP/jqvKgm8/LbAYXjK2VDw\n7aN/mnbvfgvY3L8CbVvkgFJ/HdH9XGzJlz+D8bwndcLBzSE7M+7ej/ljgohG\nR0JsiwA9Agph1HHmG88kZOPByikUzBt5ARd5LakiWQc7q1rfmouCtTVjb1aE\nK0x1pq2QgSOuwrtLh/f7TxPmp30m41qEz7NejY4VGp4oJItFPJMEhm48SRl8\n8RUsobEHIAtcGQ7yGciw1zkyWPhuu03bqRAlE1V6vbLkSIryQ1NcBFSfaCE/\nOAUjfuzBzF/WfAPs5BLq35qiRgie8LdYwJMeHHQzAhp8Sg+HrcoQwAiMKwn0\nJY3qTzhuMJsS7ypZ0irRjXfKmQEijtg5VsGdANOdGQ4gnzemcy7QAqOFFYot\nW7EIFel19WLPzbSPpbDWxjan8Lu4kc9UJ7RZEqhcBetHLlnJUV8ElPp5DwTy\n0YaCDWfRmQXqOVcsl7iUZB4PRqwuCzjJUyDy/MxQUHjl2OkrXLP1tkL7M7Jp\nMv0IuBQSVQz1g+07P+b4QiVrjJrhD6pJV8RyuNetcO/6FC4T7wvg8jooOAAt\n/S0tYAt3BoVJ1cnOEXmxdpbi1X9qn9mZ7tfaVxueQPROR1Y7F5YFpgOx/5Of\neP0aGpSi3eLua5/dSmI7V84RW89Pr1o003nhFe7n9LpPq0DI8S8Vl3bgNikb\nGTID\r\n=NJwF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/0wSvDhWELNf1ogDtoXUsnFQaFgSTjpeWD5icsAcg1AiBiMwCML58moJEWeAPIVLMe0xVsLiVjT5ifPJC+5WKObw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.33_1571108907884_0.2720677089630148"},"_hasShrinkwrap":false},"0.2.7-alpha.34":{"name":"@react-ssr/express","version":"0.2.7-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ac34537d6eddc2e70c0b12beea2920677172cec1","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Wd7MH3EZhu1P/MK3jKbToq9NvtOCuRVyWogsIkfom+CqAkBg0iPnt5Vtps5ph37ruaiDasjTi5q6IfArwlBljA==","shasum":"699e0f22035e8bdf154a07bf63cbe89356d11746","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.34.tgz","fileCount":9,"unpackedSize":17045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTlJCRA9TVsSAnZWagAAyqQP/i9chiSGMBppvy8LqaSy\nDEOYCbiOtilxVjcVAOTHuBvkOSOwpLwW24qFyhTP5ClfsfIL7KsDzcwccN5C\nSmN6vBKRk7xbS/OPQz3wFfv22E9CgWJYHqMn6kNUrNhbwRltCp6ayXOpKpPz\ns8hIYDFJsBnoH2Nx0juyZ+nXP74MRXDPipE93Sd7LhjVJH1ZVyNH1XzpS25P\nMzCTVAe3/Xr4EHiPVsvLT55URveVBUrBiNvML57/oIUuGCsQ6hwW23Tx6tIJ\n5tdXaI9WfaXlnR8BppYwBqNwrkMkNdzxIROn30lq0VyNhU9QH6Yc0b8iP8so\n1loCBJ9UdfBEBt7+1okyRgfZESAxhBVlCS4L8JqTRDLUcjSe9rmLe1Tp91Q/\nwYz7wguTkJlDvFGYsDIJ8F9h8yanXljQQqYnlhvT3LspDDwdl0+YlSCIpGGh\nNwOM3/LfV1zA/zLZ1wYeN51p4hsSde2QjvNPSIuloLzFGWXz3LCFFnlKXtQN\n0sqXINEvZKGhOQKoIt2iWj3YFkCqY1lDY7jKpCnt7W6D54hLW0pvffKtmozD\nwCclj15pINiAszEigXd89GAaFIKTZz7cV94LlXM3YKHBLAZYSqHwcGgP+new\nAoRJzwLIu55m6hRh6Huwu62UsgVcHmSl/x3TDQqLQOYlrZBdgObUZA1l1URN\nH9OL\r\n=Y7Le\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDVeSv3lIK3MamReUxhXsTIn3IW5YSPEgkheqaCBTd4XAiEAnrdZgL5CGtVsf+LcwJwmr5Gqp7z2U/73dJ7Z4wt7OS0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.34_1571109192993_0.813452072413233"},"_hasShrinkwrap":false},"0.2.7-alpha.35":{"name":"@react-ssr/express","version":"0.2.7-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"47e75890a2f9edab0807d26c18df570027d8fe8f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7qF7MXfWhoOdb3Dd2ZeRU5T0nsPUZLHEMORuJdse6SPqgmnRtKLxxfsYnRxLBIjI5M7OZDI0OIVWC4HtK++iSg==","shasum":"d85feede9cfd23117bb2b42d9e4018a0187f0d5a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.35.tgz","fileCount":9,"unpackedSize":17225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpToJCRA9TVsSAnZWagAA5IgP/ic1UvX+Cx70Hq83NE18\nDm5sAqydiYY5JwOtqpy+X2A6tlKejjFNAo+9ytrgT3aV58RlFtu7MlSpPE+3\nuX4XB1bJGjZtcyEBRDEDw8kPgdGTmMHtpdlQ+2Wgang1PcpxtoG/80QVkxRr\nHQayU5ZJouR1nMH8H9M+h6wVMgupmlbvAi+iZ8x5XfThF2j5s+gokCSuFBFS\nybZ6592s+5HFUPvE9rPOB/oEyBsSPqPb9gtM84WH7kDOLDe6u0fe+h7NHk+C\nhM4IzdOTuoPOIT+HglTDCHpbyKzNRI4+yjDVJbtpI5kpCYwwqEHDXwnIayP0\n+iYs9JZulsO8SsoYig8+cChOhtDEBgTwZK5pwgJDlNpHGpa8J9V4xTNkCfUm\nkUHaAixotb+V2dgRp3XxR7Qd8PWJH+4MhVijAdwVKdOEKq5EVuif6z5fiBpD\n38UHHd7S0r93lIdkEWc227y6IQouXrACLAxL86yv66u9vRD7sNRc/An+lWLN\nwA/T52kcCbatDqAIPAbdATqmV7WmjvgRcXg5OeXvMmY2s5JHt3xaDudIsg6A\nMwBlYIVKNa4g/uOiGuX4n3yJ0dKZ9soCD6qhbEsK8t9RoPBbymDuLP0bWT+E\nZH0A3FUsNyzcoishlsnMi0ySDFg/I25kH3RDWcC48uw/QY+ulvoPuQ+Z2HL2\nOq41\r\n=K7DX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIvZKG5F8fWWM1RKh43xFvpT5v51dnmuQwHJhN2bdp/wIhAP3FG7ZQ5I+ylFJZ95nk4h2bhojsoSx44+PPHVeqW4qc"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.35_1571109384401_0.6195956484609921"},"_hasShrinkwrap":false},"0.2.7-alpha.36":{"name":"@react-ssr/express","version":"0.2.7-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bfca718768dca78cfce8459b6b040dfaf4f6bb07","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Rus1LdhwP6YnX02l0A5N5u6EzuBf3agDQlpaz1kxP8nG+ByovzjBkbmpAD1xqWZCbha5oJtWJCp29VWhvtQHCw==","shasum":"3bbcc6b1b9df43b59e36cb7cb0aab55678452d89","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.36.tgz","fileCount":9,"unpackedSize":17172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTrZCRA9TVsSAnZWagAAtAkP+wXzM6WVaE0zlDH5lEaw\npRqT2JYnXz26Jh30YfYwqVPnmr9OwQMpwD6b8Mrb5+pxIuAMznGNrks8k1/W\nGNw8Gp3WIJUiBgA3dKZ+dcPXowtntDtO6PdIdsnq1s6yVwY8QkApt9svlcS0\nla9H7DnIg1HT87Yvr1P3HkO2P5GUnxYRgiCDCZhiCyGlbBLQxICazjq4wUkh\nqIW49gU22e3egaTpHLJFDy5YCuUnjO1aS3dxs79QptGLCSdkLs0KywkSUvVY\neEYCajp45Ke55JkXJa4CA0Sn3GPWD1LfIb78vfv+KpQqXt8MddnTF7I79ydx\nfllW03/807mac6NXNkWPSDsN99bddpIIoT14v+oiXOWvTPdsx8vuvkUMlqR0\naMI+uv2GI5uwafr6Oc4RcJwIGGS858SdULApQq4oUIFQnx2FJXIYLCeBQTIw\nWEOuAGQCiYGVjeE5ddSfD/+f+VVleO3d9/KCJn0tE9lUYWC9BB41V2Tqa/Wk\nO6rOocRABEiwI7Qq7mb/LocKaK5caKZ78QA3V0Aa0JKrdgjeRpD/eejbPn+9\nmmPC7m+4NvZ0ztunnLV5O+36WMP5gDbbUKUwyhrh6CByCyjmrVPJJalV1JhC\nVhqqR6JM8NM0Ag7d2Z3zalFzvwAOUwuhqspnRPCYn/sRqZsEVHksZaXbsVS7\nJujc\r\n=BPbb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgiRyvlOgVVcrWQzUXLSEEj8BEaT/jvDwi1LaJ72Q/GgIhAL8O30hkYs/kGpmjp6SwcOtA7FPcEKGgWHF3VgO5kiy3"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.36_1571109592990_0.5104383054742887"},"_hasShrinkwrap":false},"0.2.7-alpha.37":{"name":"@react-ssr/express","version":"0.2.7-alpha.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fe6c05d485210cd34ff280da4972fcf3adbb3a76","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-jhC/NJAG9M20HaXWTg9qzHBS4Igjejlci+PVU0Ewh8H4vMcmrQ+CpDauOGFf8VHPU+tuThuD8afzaSjTYAJyPw==","shasum":"b1a069a040a1e08324d02ec30a07228bf52a0b44","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.37.tgz","fileCount":9,"unpackedSize":17198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpTu7CRA9TVsSAnZWagAAUT4P+wbNAh4noUt8VOtbv1YG\nDefW2PKDeHv2tIlBhUbeh6JUjeXvo50YlGVu4XgXyOFM9wUlmZiHjTnYc4Ya\nolCUy7t+IpjvRwC341a5bPCnZLvPyI4PyBLMIHhhrY5WTQ5fuyYhgPe9snHc\nL6lILwTDzFVwv5xCq+N60zugsCTchOyvlFB1nfyKLDnQ2p2HcOjXizZuwi9C\nzo/midBfXcMAoC1BbndbZ4Mc30GV8TZK2bOTk+/h8VPAebcLcAUdjQdppuFe\nlxbEZ6/FuKWQ0By+wc9szf5sgKo1NRMoIqzowy2R4gZ9lS/zP2qRh144uiDL\nrWr+RqB0nZWUXWV4RFFO0a43pWwoppXV+gQb9ApwPs6I1yQb7uxYXQqJsauA\nO1Nq8PYR6bblXd4oqaWGPv8T+sdxg+Ri9wwMukZSAmqa6pxAmEJwC76GS7H/\nMbYcwI6HYd5QdejcPcK+5YJuRegfpPJhn/WYAG0fGKYgh4w4cOUMVOVytdet\nTu1J418s+NSYz3STjgkzLfOWyasqCMjzHixtmw3dLbbhACYUcgCoWQOx16ed\nMiMf6o6qK+RSW1gOFF6pavE9Ne/Lzth0xlsVLlVnETJ6LpwCB8DvdpfEWava\n7XhmRQOLlP5pNzSOqdvNBDN4Hw9QfligCbJZkpeId2OGhG55PbvAU9T6zQe+\naADN\r\n=Sq9+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3jDTHyC5woFHZa5aprpdQxPazHuQw/ukhwzhXcCb9UgIhAJ2xs/oPV1taYz++pJZmLYKbF05Qv85jX20rDEZOuIZ5"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.37_1571109818529_0.33995499094347004"},"_hasShrinkwrap":false},"0.2.7-alpha.38":{"name":"@react-ssr/express","version":"0.2.7-alpha.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e52e167e55da5c2c2fb45179ac969109a50b04c5","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sAqZNfwoGbsVht8AvUH71rpBRZjj6kYGfmNPRt+nkQncXqEcA6ACcYF4lwbdtxXzTPS7kwiIvVfATU+Y4Ao59Q==","shasum":"bcfaec0b7322f312a1ebe3533189caf5dbe66ea8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.38.tgz","fileCount":9,"unpackedSize":17173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpT05CRA9TVsSAnZWagAA3TkP/0dAh2lnQJncER4sPEGQ\nz8ztdVPVRzav1Qyw9afdcHaTatNss6b7P+1c1OzWi8Cp/gyjOiss3Tzmo9XQ\nt/UpGpynXvMo3Qmn70p7htjgGiK6uUZ0soZyzKFdq10I7Mcwg62zea6OJ/J6\nKZxpL+F5OTm9wn8HGm6DsUpHNuxYtiNC6JcRV3J4SUyYAQ0sikYmXq0zKDMN\nIq95EjGNLOTcu234HSUkru4ADUoHP6RSJoHpygzhOZOAw6CsmvcTqof11fUE\nGWNqyEevTdH07OETdZyACcqe3A/955MMo7onOoRBuPN+lwRXq+DovG2V2Vay\nUlEj4RZdHsPdDQ8nAEHnzbihc4w7sVY6c1wnE8YHr8EFOT5YWHhAN3CgqdJT\nXlWLZcabmaZGCk6mAuWdJ3hbtoyaKywfvtrcXafIpTGhrdiqojUhf2oAPpxL\nWDj4ihRczvOWB46K1DdMq1o5Vof7bIHhcuTVmFJ4UXzk87Otm7hQKhcSJDyD\nSB7D5j18umVtI8ntVine4InKWEhKCWQHUku6aBb9EwooTY90Xhj0Xz78i2hR\n4ahYBR5Rn8HtIgWOSk6nwa73sDaodh6XVbyWE/taNqcuxgwY0D7bmVw2Qc3A\nm5kdbgKRZ+Y/PeZv7i6FnTh+NGxFl3lSwe4B1gDfbHzTYeivwXE6U0mVSwac\nUpTd\r\n=xdMN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG7ktXVegTZEVCm7H5rVd4aaFx67mREBVefS11mOQAa6AiEAtW+w8nFDKv97B8jzGYxD/7xVyWhNfLWhmleCWxL++OA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.38_1571110200923_0.85436158815628"},"_hasShrinkwrap":false},"0.2.7-alpha.39":{"name":"@react-ssr/express","version":"0.2.7-alpha.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c222f22f09fc4e16cea69b6c8d732332d1bb1f21","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3v/QXgXWpBxLHgn0V0wu1UEajB/xXBm5Zld5SFhmUnLA8hA5kKtqE93Tmd50ME3CL3ZfMeG4mbxNVPvNPZK1NA==","shasum":"b48ea36fde60cb1db89d734066d013c62ab275b7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.39.tgz","fileCount":9,"unpackedSize":17197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpT4pCRA9TVsSAnZWagAAwuQP/0sm87UIeZD+M6MFFUXk\n1ohuiQhSb6Uvaup8X2TfDMUqTRii2DOTDMhG6U+08u0lSA8V3aI1Ff/dAD2Q\n6eTIGk67Ar0PNye+duSTBPFPlhQQCFBu/WZDwrPVw6xptC2JRgMvIdD/ZzUK\n0fhQm9VDF0d3cdt51tT/Hjxqf//kx+q33LibpePfJzV9rDIUrvO5fCzprlpq\nrlhibB37lYUO/2yKwBmWIZrcPwnvKEeRgNGgsPhsUEp2iXNx7LPZErW19lwW\nKL3ygt6UZMCSUFmiNTDiZg3FU9Il6PI7ya8MqsJHS3sOFfyLakTuR9JxQoRk\naBtielU99MO2liELje0QrbroIRH9rh4AHM9SfY47T3NzOe9fzOX0cxEhTP1f\nJchTnq4yqZhLS53+rUB+dwsM1PiZH69UgJVva/bySTvCzGP+t1HdJ3D+z9Gh\n31GIib48+a+gdJSiywcRtw4ehmqG2Nzv5ZZzL5LKiAaMBkWDffEpdbRoRW7F\nHgAHp1AiouJw59vKpbiJCTlFJtMqaFOxDqSfJ5ORoaovZiGMJJtbIDyNzJ14\n7NcN2kXjmeWvAFUWSUHzuXvn3rfS6hxJkQidik72tmSsOs0RUGsYY8EkSqkB\nXF2gYmeKKBr3d6b+dQqyL3Wc/1xpDGUeuFay8+cawvUBKS1/aHxn8MzY+NCS\nSAfH\r\n=ldZB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5BTst+MHbshnNf959wH/UT0OQYkVYGfXfm0t6tMx5vAiAELjc7LKO4wgolPUgLWCRkVOJAcrjAnNqfCDEnx8cweA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.39_1571110440955_0.690138164280441"},"_hasShrinkwrap":false},"0.2.7-alpha.40":{"name":"@react-ssr/express","version":"0.2.7-alpha.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8ca6760a12503aba6a3466414c83d1cee81f81b4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-RpSnadpNnypz9DAANjhRBUX9tfMdn5wIH8pn/ZSJcAiPGKZJsru4CdpY7AK2xx2ofTan5B3AQO06xyBz9PBD2Q==","shasum":"b9098ebfa17b0dcc93c8627fb45b08d23bc74ab3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.40.tgz","fileCount":9,"unpackedSize":17243,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUMyCRA9TVsSAnZWagAA7usP/irf1x8qhX1PSxKjVMOP\nqJvKFff7YV3jmbrX1RVUqfOwlPen88Eflyan2SzQL5ECNmXu/1Teyd7nQtgd\nGFrbHRaXcWH1vZf3YX7bFxNTlDj5d3nz916w6ixtbVxScYdqpDW85FXb+w+7\nHtt1kynpZSQk4Hf2z99OP4ThLd73+dKVQLGIDNrdhK2mkAUjCgEpxta30Asu\nv33yKfRGrnos7bYy1LXz0dgnC8EZl/A5tlPNXhsuQ/mFWH2yumZWuEPq6qbh\nA2/GkLimH84NV/M6unbazoJAawoCWKTR6VEr+H2oWIsm60FyVoXxp2ZlPz5K\nn50jx5/8OOZSbZsMKBWcw4LqmqjnW+hJfKu1XQH/t8kt2gOGDmVzMxABOc9e\n7/+u1s2NDjMatw7o8rUOWyAImhSNPfMKcp/U6eTV48GrbqZZSIm4JE0HGTDn\nOaQzD3705rW3K/S2ZyseGxochi5geDxatCGuVkkduZG5VwkD83kVnVwcRX9c\nTLZvDjvn+x9uINEzhzrw7CEkVu3hXv+vXSUkx4R0X4c7pvOE8uoNiaKs8SZz\n49NivkBmd6UFe1EDkCrOzLOyzWRASh2tgD+S9WQ+G6YJlYnmDuMNVfpyq9M2\nGhTXulsHV5gpY20QaT0WqhlaVsjpqYgUeLPK2QOfaJqjsDpWIoYCzVXDbFBq\nG6lN\r\n=z/7/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW1iiwVe9/VbITAS/WPNyUVGO/C6B6gtR+TRPrz4cXeQIhAN/X+S6i/jlmx96bhayjueUkOrOU1E9W5Q67KerPQZVe"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.40_1571111730056_0.8996680257369751"},"_hasShrinkwrap":false},"0.2.7-alpha.41":{"name":"@react-ssr/express","version":"0.2.7-alpha.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1","webpack-dev-middleware":"^3.7.2","webpack-hot-middleware":"^2.25.0"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7db4766e36545cd80876a8ab9732b7a91ea8f834","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-m2wY5XmBc7wVOiTfI57yveE0Ez5kMVrqxZkgMswl87TDaFbBdRIzK7KUVUHi9G8pPzW0k4PaWRPq9n78FA73eg==","shasum":"248ce55e0f610b1eb7eac39eb91758a41221e8de","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.41.tgz","fileCount":9,"unpackedSize":17514,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUUkCRA9TVsSAnZWagAAcygQAJPgGhxHRI9o96LddNN8\nzCMaNg50lZg1s8FnVTxxGKTR/rmlpHvBoOTGOgrKbkQvU7wRccHjq/GJgLfY\ni59IsyR+f2HrESxYqgGgHb3ENmOS1mLWEvsXmBfXc8AcdQWMzu5Kpd8TxkdH\nGxrqLXfnCGIHJudIsfcQ/HfWLtyvIXTUhHzvDS1eE8dctmPEa3maGaq6oQtf\nSSxO+GwJ424vtvq+iMeaSSkCk8gAvDj37XumSzDm3DkHU81OBDKF6LsEcZjG\nff03YP4TMFMAMBsMIfTVWOSqSumi7vL1jqU1RAmJTOK/ds9JPnB2mD6XrO8e\nNH7Zh5lbA3835JrncWiRYH3d9C/yk7U+NNxyjPKH8pMFBq/hWcIbAEWI7+I1\nBpNvxJZQ3CxEmzuB7xzL9hxNb3dJVg0CMOR5qDTXkVXRBX4m+5qqpfxASzSy\n3HnKIeznV9gOMtAjxu/cJyLHe4fXqbTm+jdLkSvIb1UqaBwZ+EX5JpVIFFVh\nKaDJifCJAVgYSGUqkR3ZDsxRe4S8nghoPw+YmGCXfbVPfSAHcY1PdgJCOAGQ\n2rLrFs3ApZB+unbUwlP3nHRhfcnBSW9JMqzk7bAtSGMfge/HHIHbZfoDMeSy\nX79xDq0oEf7icWTjTRLW184OaDD6YrcFk8zqDYuWqo6CX/11B95sjx7nTp9F\namsn\r\n=Km/X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/awMeveCtRhM1lUsqMGVB34OP9wOtWg2CJGsNH1kCPwIhAJ1qljbEDVDNSHimFMOg1ooJjkQpvPcUvX3wW9bpc6OR"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.41_1571112228153_0.6297178744542047"},"_hasShrinkwrap":false},"0.2.7-alpha.42":{"name":"@react-ssr/express","version":"0.2.7-alpha.42","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b2b505b60ef5594f97e46bc876f5541a88477ab9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.42","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EF63GES5eHtRQd2ETmYjKcBTX7ixwZjIfFVUL0cr6LZIxs+VMmh8U4/aAdEomNYbUSWKJboUjcIZrhvS8nd9bQ==","shasum":"04a30c8b243c280e1b654b4003cb37a652efd17f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.42.tgz","fileCount":9,"unpackedSize":17360,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUY/CRA9TVsSAnZWagAAL4UP/2HuTUTTYJ4jFcE3dMSA\n9NX7ssGdsCBjxlg5e1Oe/f/wTWnvTQxT0RyRfB6Sp2v2gUgkbuJ1x2MN/n30\nWNyP+NQPm2imk/1hGpkKDSigNR1UL6eVAMVCYEctp+UXZ6IKuEpVGv9t/kw6\nhI429gVF/7/gcBStsk/IcZJVIKz69iDrHCKz8Si+J7q3qFNBWPnyC04tNq1w\n1OY9fMQ5oQKL4zOEZvjA7dybDJcpyW2nEOeqFy7X9U4a2MHYFRCk8MDyjTkZ\nQRE9KhGcGx6H6uPf8ZExKV6ZKFfxv14feWQPA6cS85Ojmo8Tn37TKqbSMWMy\nSpWyOfPq8ASFe/urSrjZ12G11uJBXrtmcbQCWh6RRDflSaxIky+0dXWGgoSI\nYlsTCShQl59YBRUpvZfni9B9pKKDGY0fxPZNaurECwYG5sGXHRDNhMyYt0Z8\nAK+hI9wBK5UQClhPEnEQlSxTpaLEjHAnKQA8B+o3Z9XmheGl86Kth/hyygQh\n8AAoPz+OGblqQI7kc36R8gJW4j9yGgoTmXiBssgAeoYoeSNdAX7t0lrrqMO0\n3UN81pvo11yVarYtr0KPIYea0h8OdTDrUJbEVpDrqN/aHY4th5WUGi7m4a/H\nmbVCuaMuT0IiljgkkbGKpoMS1SDy5F6jtfjcP7dlqJ/XO8NQxc+Itlq8Zjk0\nuGKS\r\n=0Q0O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWJF/ZcrX5BZ6ftK6TFqeUYjE/3owyfemChlORVSAcewIgK35V75hMoaKmmENM4FeOpB3SRh7skJdwH93qb6MRXyQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.42_1571112510689_0.7707728305453931"},"_hasShrinkwrap":false},"0.2.7-alpha.43":{"name":"@react-ssr/express","version":"0.2.7-alpha.43","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e654672ab10f81435d24786448cd073c18c5b8ea","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.43","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Z3koHmT7pny7M1KOqMIjhrE0ZuGrp0+lgvlcN6njNskVH3C0UMgnZZekpxdQmn1z1dpcBZv+w2RU6xdlunQV+w==","shasum":"effb7c19e64d474e0a21c0721b269b071718c2a6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.43.tgz","fileCount":9,"unpackedSize":17346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUcICRA9TVsSAnZWagAA3b0P/0t2zEXMgl/8sz0IpCb3\nb35YZb7S7XcKNHU1wXeRxgLvZ8kSrWd1+k3pHrQLzclWF3Iy3edY+v1pHOeX\njsR1Ry1MLn6QJLesGLO3zXVUUWkM1+QacoZ0GjnPsU0K+bZgSpsJh0GphC0W\nQMDlnFEhN+wZZFdiIMB3TaoVldw/FTerLspSubS0DRb8+vOECJa29eTIYBBI\nK75AS9DqeaTPPwAEgwX7QcTXifCM+zSDI0OsAVQtavY9PQNmh87VLEc82RAy\n/JiCxpwwGIKGBrp4QgBfnxK0ruKiPcmErFiZSkGxzg3aR58CL9BgPQXO4PdV\nSZ5ODQRQLV6KB+FExRnRIsEHz9awA4J8GIhGAnLUKtJw6kkPEbTptUfHwwLt\nMzPy0rfeC83FU/yQ6GjwOt9HFkyNK3zdEXeiKMngMhVnwUO6ssS49jsA8rtB\nw2ZjUjwd+Kd/By7gXJ3NhvlkiMfxaHxmhxv4yXxsUCF75tE/EwGTVSglln8J\nbRkwkD6zLNs529pDTeVIKzF13037pckfv79J36L0Yfgee42Fo60MZnnWQMDA\nunwytgLfHdPTWA0aNvf5b+WKGfdY6Uuz7hHIMSrdGqgWOgaZKVZ3QZS2LMYK\nPo9QQSeUKJe1kmUU3OTIXJjK42OVdWNrcXVbXmTcr4cx4pQFqSRk77+UlFUw\n2Mvn\r\n=Nc23\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFm9TWh59Tj4RkuUmils5V9coiVq0jXGGy4taMvqNUySAiEAhAAhhiaEy2oBBg862yUIt8NV5SIWuLwuZOTrvYf88Yk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.43_1571112711470_0.7931066666346622"},"_hasShrinkwrap":false},"0.2.7-alpha.44":{"name":"@react-ssr/express","version":"0.2.7-alpha.44","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"28d3070d9974e6ec4ef17e8cd42c6dce866ad5ce","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.44","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4x4MSDjt2ROe46PsDCg9BCEOR+5TiRzlkph1j3FllDglmYzOMppa+v9Uxy/xsZUn+KX5nB2S7DpimQmtTkxWow==","shasum":"aac2e4163021c37c49c3086d0effbb96c17eea12","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.44.tgz","fileCount":9,"unpackedSize":17321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUfDCRA9TVsSAnZWagAAia0QAIiuVxin2m6v001UBchw\nIYrfOvkl2qD2phA+BjOZ8INqxuBJv62HaonetTOdnjQuQfq5uS+BSuG1vcZb\nlhiRf6Yg0tpFswkLYwXUWxFdHRDRbTZkkt0hBTipNvTw6ifIZ1MTUW1MNjeW\nVnDC2IphzAF1eUEHTJrefWy8LyKtj590j3cItSNb6NXoOSzv8GgDzAoZnUGv\nbuSEBB1+8/z0gaabV/VQ9WFUWmkzrvDGMhJLNtv0fVd+sqotVT30ecPUCk9c\nxbJlKuhmMiowsxNYih5bFvqxAPPh5g8ZHjM7vdGLIgSnr7Tjj7aOnbajjc7V\nPOruRU+XDikX8lVflyCyirU2smB6njn2mtddiP+e8ps2TmNvT8778xqFzxot\nZhnSbUh6ZyJKYA+11WUcOSqt2Ydn2rypJnoQpRh0pPzMSN2w3AzJgvIF0g/A\ndItxxUuZJNhXVVok0raGr9PhQfShQuCVCi2OqTjG9x3zPRjuoUvzavPNyXFx\nIt3WV+f7edj9nOu0xsc9vzoF7loMZNU85d22Nf0Niee5wGYep8pSKG+oTNPG\nkTk/GYNUTxKFFC3sFZi1K2/s6dzMNCCeejKu2LVebARf1Sj+Z+WuxNLLorBm\nmDCnALOzxjCnt36o02RWqNh3cgVwsCUd7iENfPHDJUnHwsV8dntTje9L+piO\nnUE7\r\n=9vnh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOLeZKmOdTj1X3dqh/3cb86OGe+/tsaa0D75URT/x5ZAiEAkzuDLx5m8NsLPrLeMh7ovbMLV6lfcrLUsOS+fQVNXag="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.44_1571112898810_0.24985303144847992"},"_hasShrinkwrap":false},"0.2.7-alpha.45":{"name":"@react-ssr/express","version":"0.2.7-alpha.45","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"36f74d59506e40860204fa54aa9c59d28ad9b248","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.45","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-0mJeabWEh6PD1CBs72XyHeRyFoRp3s8UuJIn4oI3VPOYQyevxd3GUnglniWzOW2mRSed3ebqGTSIghuUML9ggw==","shasum":"431ff6ef264569b0a0505c2b88f263b23b5ed37f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.45.tgz","fileCount":9,"unpackedSize":17341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUj9CRA9TVsSAnZWagAAH9MP/jp/IzrX+0AcyTW5bkcQ\n+BQJVBprgXjSBN/dhrtYI17xPY9wM2hm/qOaDqvrjM6spWdobgqNg67/rIuM\nhWFCW/NC9FoolyXO2byv/c7lncmoAsXTxN4SjJVZOCtPKAKAyLpWtjmINx0k\nUp7s2hJhjITwoI9PCC5fSIwOjzcMjKmHCK4u90Td+t66HAOTiOR/CCT9Njms\nOlct+yjJjjJYmrOZwHn1RqPIdoIync7j3qgnyAUBmMA+YmPRdArPBTT381++\nbL/mN5BNpHX6ie7+A9wvmEXWv2GAqyzTvKVKinrOzIMiBI8cNyT+Y0Rgp7br\njogr3vyHG79S8QIF1tY7a+pVt1VqIQl/PHdPWpOOEtSkKYbXRPnTZzRtoo4J\nj5AeVkWsCZGuqD5/h058BWTC9k0JFGEg72DgglXlwN4mCK7gZtRfVNch2RFn\nExN9hJUmH0Ifchyk1PkzIpCnVR8WIVdmxI2nMA+LCjMR+LAN4MwgzdvHQ7eQ\n8Aq7NsVteBcb9VTVIDqNsuWgkjfuSWT2P+ZmMIpNCbs+8W3d7gjFiHTCfsL6\n/QHQ24qGJarwADEtOPKBdzBz6h97+f1+Kf9Nz+zCAE4mXXkpAy/BiS3nMB1V\ndyCwAqwnPAmeuldtDPvIbWQsBlvlR/OUEVU1J4m/irWemnJkdrCOWbN2Np/n\nnK4K\r\n=L1dN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG5pWMPB6LxOOYhdL+NY4ApNl8zlQ9s/cUCA9Ah7cb9lAiEAnITwaL/v9HaY4Ga8BYtSWkwSS0WNqqjzcLmf1yxsITo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.45_1571113213196_0.9630952814990248"},"_hasShrinkwrap":false},"0.2.7-alpha.46":{"name":"@react-ssr/express","version":"0.2.7-alpha.46","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2bec08fc8ba2ba3f07fe4f6622fe913a6192362d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.46","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xnyhWqES5Vwd6vAQZp7mc42m5v6bKbsv+0D2nIjR7Id9OLKkI/aM+b3cKRaF7ITO6krw3WRl3I+cS4m1UtBxuQ==","shasum":"236f1ec2ec0c4e71819dcad5f023363f0f5c4e7a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.46.tgz","fileCount":9,"unpackedSize":17345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUmpCRA9TVsSAnZWagAAGKkQAJBLgYpz/HRrjUsyHF2L\netZgLk48A9Fw4Lu2pP83XW+V38HlPp29TQUtvawD4J8Ki8namKcy/lVrU7ow\nK9s4FdkmLzpmtmzw2kL0wBby8D7GpDu2nL0Rmc7Eu+3Fl7R6SIB0YvpCuJHp\nLsUnxRpiQsCVNdBFOKcFx7i9TkR3BHLVTY0dzaO0Z9G3AnpNw2Z1olY0FTE+\nOBw+M8EAibf4JyjHd9HAMpoA06QooEk52jF7LhGQRivAL+0M+CD0EPCCU+Mw\nOZyMpE+pW1xb80jCQwK+BodoAO0AM9ocSys0LpLcB9eTAlM4KiMGynKom8Ey\nYxYek6aFVcRpdQoceUmrcjyXJVMfxOFs/fdNeDtR77NtiYjeqLdEP5j4B++Z\n5o70ugqLc8ltJuaXRF3rZzN2TY1rfP51gDoEvwFogWxObXX06dQs1qBBwG9y\n4dT6NcmxQjEuPm4fiuGPq74Pbdf7Fzp/tFkacpx85RR9vOPBzcY2hgzbyiti\n/GPfwZE5oVFIrEw30RiT4H+K7Kl7AfGdt4iv7etGscOSp4u2s3oLZrHZTLqY\nAWhOOvvZSrI+/Lb4HIuI0AW1U3nVzKkDvJD2+JuOXAsvXaf7Qg4yOP4uMKDp\nMxXowQEcpOUHBO7dEQnLFEA1rexe//TM0gHHm2uCj2/8Kq+HXmMpXIxEVTKr\nUVaW\r\n=ITwr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFoIzgdbg4CNlbdoUrWfjusHquf/ItmsZ/hqqueK4jglAiAeiQ88PF5X8tzqi938F5GNn7Hy7ntx4CogwUZnPFesjg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.46_1571113384684_0.4825967902523547"},"_hasShrinkwrap":false},"0.2.7-alpha.48":{"name":"@react-ssr/express","version":"0.2.7-alpha.48","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ffc5c697da1ee5d4b9babf736aae276f5d1f0ec6","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.48","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/eiGXnTjCKNCCRpNgqO4T5RDYYFULIlCjHAFQ4PbHFtSB2ZzGpqMO4Cuei+nivW+el0Tdh7H1gES8bE5WTZi4Q==","shasum":"ea940335835e0f8e2491ab74a152c7ce3ed549d9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.48.tgz","fileCount":9,"unpackedSize":17352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUugCRA9TVsSAnZWagAAHKsQAINkcEMg7pw075HB+CYV\nWc1Ku936zdd5ZrGmo7OVuYJoUxniiQzJiJEQ1O4CCmg4EyVIMrXGUHGvpVe7\nZhqsKkeLcjDOR2XCU1KnNv+KdoUirhn5RtUrgDi3gq66ejOiWhgImtJq2AdT\nDR194Gi/MC1LrcJtoMwqljGOdToGg1OI/iYsiLeb3XX8nZEMztfEi71HnCOC\nhiiXB3DqXDYLYV1KJ9ihVBIx4v1ggQ+XusojuUbQD5O39BfzvK9p2jw6yvKm\n2+0KrE7MnFWH6YTcFX7Vdb83NbTe9rH5CMNRZzOzTB1QgHr7r+/Hq0JPNlMJ\nhONXlHji9ljJSXFC6iBXGhEKm7olN4DODPPWGOcNSorHl2JKyk/d1smlvLwi\nxRGbAdv/E4v6C9GAHlFRytQs2RdhMpNpVNrx78dH7fEloPT3/U5xYtfWPgut\nVHf27vvlL3qjfOzudN5FnQw6zbeAIlGCHPrGO5TUocEtP7K44sLYY5bZsJ3W\nsJVZ/qXLaTE55ELEHVIzQrz0ID+CwBd3GCPj5shvS8Qmq0Kk0M/GWrlEeIHY\nGVrfgAFyj7XdMreBw9nppu/v/UHjUNe0ckI9Duk1MTbbztGVrs1VvMvM9wid\nJK1r6+9AAmIY1+Wdjqwf8N4t2bg4yesiOSXGwMkhYkqyzkfjUPYdLS/DLlrr\nXBkK\r\n=95bt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGsAiDCOx5RCkdEXDMqY9MjJ4r6ZEpffdzdNJJ3V0Q2gIhANPq4T4ad1VZotYhoigr8vjESILUY/gIXyQuBd2LyeHe"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.48_1571113887378_0.9243840276238493"},"_hasShrinkwrap":false},"0.2.7-alpha.50":{"name":"@react-ssr/express","version":"0.2.7-alpha.50","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"594ead57180948f3a4972ed86b2662cbd62098ff","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.50","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-U6cqpxxOqeQitul/zvrnrcky2HN0of0QeP1hMVvX33sbDyi+ITjXaPYi5kJ4jMHIHqbI1JliUfNtgFjsvaaU9w==","shasum":"a88ca30b9bc02fae2ac8a272804ecdef3f68d59a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.50.tgz","fileCount":9,"unpackedSize":17373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpUykCRA9TVsSAnZWagAA57EQAItp/P7Kbcur2CoTOEMR\nS+SlvHgQhSqBrAyhPAfQEhbBpG9RFdVox/vEUVxmqzfw+soq7yHL+DNmui/i\n2rjuOV0gTBlPzO3D+8/WTVNrecnFSTsZBomg86on0OgIhSivTIAVnOaGvMyC\nz6ABaciR8B6a47k582/nEV67GTHMejhgIlAwdEBPgYAZlT4z6GceKUHpYyDC\nYFfh4ur71ZyeXjOnTUto5VukVXPiAWJg1ezWvo/TuI6CvpWrVgBrfcl0JHnW\nryZGvsASrCXKBAYPrteGnfHMdgsq5jvXlv9I1jaUfFAczLKKqn/H8QGT70ut\nvHxWwL3bkKXlAdKQJIk0dghJvIw9RfizH9tqM93jMJwCe57XKBCcJxtztDAz\nqVfbnzRM90PvhR2A0FGsGR8cAKyCioNd5hU9j6BC6anSFrRsIfKacVq/5ryf\nlXe4FqTxyk+r6qjn8v4NizWoXNctnhXSmkyvoQDe2rqC9NaRj8RmkJ77sAq1\n7srlPv8b9OzKaL9hvgVtmMg3FhdMAAyKRmkkuoXo8t7Iv/qPvFzljbEhNA2A\njqSQbY7from4rm7AoVe2mNdEzaMB+9zRoojScd5S0cv+jOh1qoVa6m+7R9nw\ntYXvqQ+oHqyEFtUdcndLalB3k9c2VK03iu16OKSUI3sEQASnIHscEz2O2CYP\nYMl7\r\n=wj3d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICnPv5w8hUXlI+nA0MzaPGe6dwR79WzAFV4Ldd7Yr65zAiAwVSAP14xgWxG8GCXYcHEQMdy1x1lXna+w5NbDX5I2fA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.50_1571114148216_0.1974435664408407"},"_hasShrinkwrap":false},"0.2.7-alpha.51":{"name":"@react-ssr/express","version":"0.2.7-alpha.51","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2da5d0ec827e4b5e2a0e9a7b21fbbcef68832d16","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.51","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wFd+WGsE9+TZRtH4C7/p45tQrZqz20N9RJP9RMHZZ5Jc1mnNAF0pxLmsPmTprkrALoNl8EydwQ+J3IXGIGj2GQ==","shasum":"c09d1a66f1d911908a99fc9a4a5f112183b450aa","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.51.tgz","fileCount":9,"unpackedSize":17373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpU5HCRA9TVsSAnZWagAAh8QP/0dUlAtNgkIAW/TQaFu/\nFKSZiO6fDOzv6MlG+X/02HmidP78ACQ1G1gKpQVNfn9+sl8ahH//741NNwZr\nV2AK1u7eXkW0qs5d8Jb8xop4GcvyjaVuyUZ8TjSSs+89DZjE5J4e9bjY+ClM\nH1NE/kOKiZdmfZjvE0G5zF6laW9/LpZuYVeD8wyQzeUeZdN0fejRY5B8zm/s\niU4bG5rz31c6t9D8ImLpW4vnf6wZeaWSKwszRMTqRo30FsCoGX3z27oFDTVy\nTOvbC8MVxfW5DrKSDZczgurTHeM8GAhGT2bzEF6C27O4zpizKv0mk6R0zN9C\n09o9WLPBhFo7JjtZmG+3lKctex8hXgsUaEeDSIUqERtIyuNrsaHImPgW6iGY\n1TmE7ctPZcDSlVG0XVa6BzQGmhbzCCViDqbqW0aBCiEktK+8IldidoEluTsm\njhEnXsb/TAy2MglrXj67mKb9yIFaWPIar8avpVPV+YQvimbzQ01inyKfGWaa\nFnUwQLypAS3OR1zoaMzcSJbJ3UgOxxGQrumZCrkW87YRpY+yGWv7Dz/iDnxR\neQznkt+nKB+vmTuATmEraqqQvAOTs1Y1+f6fRCKNaeByXk+ucFY/sZLoWpDf\nBmJB3rkZlRKpEIOwoir5bFCyR8GVMrumeuxEEslQcucmTLR6SJ1PZBczuBsU\nfboE\r\n=0s6F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNmg8pLfDKah8cjOsbF+7PBSoUbJgAuLuSBzeotiSSYgIgJV9H7Ic+ySUnvdG/Jz6PHBWpKI9rLd/vux/GPH7AJR0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.51_1571114566685_0.0923332140010682"},"_hasShrinkwrap":false},"0.2.7-alpha.52":{"name":"@react-ssr/express","version":"0.2.7-alpha.52","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8b79fed36603f7323c7b5fc2e99108c23323b937","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.52","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gT8VXnGAqRM8OqN6Tj1+nAmaXPkkD8F01TPU4K5IGR8RCaaVSLxuxUvurBbRV5Eurt1cqjooSM3rnKwmGpLuWQ==","shasum":"f1aacc6fea72601f11e3e22ca8a589d91e5cfc75","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.52.tgz","fileCount":9,"unpackedSize":17373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpU7XCRA9TVsSAnZWagAAqckP/2YaxeTpzoxkvglNLpL5\n3me5R88jNoF/oM/Fqmmh6JXGMFmXIbP4dVr/14W60OPNmzZi25iiaZEEcpgB\n0WCPMrcR+QUtoijHDBRLxTnb8ODuy6Iv6JcQ0GBCEDO7jWsc1o4k5U1PzxFg\nF51+nbBCdW0jqazUMYM7rT1X7UswRiIz+VVZ4hcMnP4qQ7n6IvQ/sShOevEc\nH2KXCPxaE/OOhSW8U5KPqPVdtDxvvB+i1CQIJGp5MCFkwZIwgrCKi/eLyS7o\nFIRB3CxcxyDC25uJtVgTxLqsnuN79RrX8O78P8xluNHebjgqGRGRK4fJ9p5i\narSekRCDHmxGIQe6AbL7y1wzNXxLxF/ulacNj86rcSw3iKwJErNXk+JpP6V1\n+f7A7Terxa+JaXM77/cNgLGrvQ0clBzHd1//4wCyAT+8vCWQvxXNZRDv4yUc\nePtwDgcj5ro5DaC7shyKYzzRxu2atjp9nUHr2bX00gZWfIahynuW3BrNOT5G\nThrbwaoHBZqnisAQgkET3pFTeGvPdLHIUKdMaS175sP9Hk8fH+i36uZPjsd/\nenMoRVLDBDtLlhTuRp9xiF+ROOzNStIM7YPiMg3RZH9gAmE442sPdjkXN+ev\noohHFTvYdXw/oBvJy0ewdqPKj3AV20lPQ8eNUZ82+Z1rQZW/oSIdmzHrD34V\nMAnV\r\n=hnIt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHuqNXi75cxnbGHUTAiMbYKcKX+nPrRR7njB9wk9PGXhAiEA6iLKoY5LDDncDcECiaYYRswqxrsYsPsh3WtxDs5anb4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.52_1571114710446_0.9266336997384346"},"_hasShrinkwrap":false},"0.2.7-alpha.53":{"name":"@react-ssr/express","version":"0.2.7-alpha.53","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"50f79618826530bedc2b6c32080b03e18fc38dad","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.53","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-TXhviUpCszbKWJQGzAzHwEsOYI5UQ+sRA2jNp9G1E9AKgb5He7dkQK0vVasv/3OlgrBZyZzIksVRO4IBuCG2TQ==","shasum":"954bf61eb175c7ddbd225252edfc2913b16be0e1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.53.tgz","fileCount":9,"unpackedSize":17373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpU9rCRA9TVsSAnZWagAAZmsP/3XpqZ5TnYOKyopeOyom\nviZ6lClb3xjKVuoJC0j0h6TszHrq0DXFpqibJsCM1dCGt+lSlwA6b90N/Wbt\ngOQf1P0VUHmKNkzhjxo1FlUqFk0EDOoEsM4j6Tb9XrnYiXea4iMRLqjDajC1\n9MNOpdB6nf5pf0gz+0a/6yEU43KAZP6cUIVZ245EjNThnvwdZdbcl+aWZsk6\nx0xaAKG5QmAqU1EHzvDT1DC3xfIKkVnQqywIQO+1ueq4S8kFGKl/vpfOJIkw\nKrhpXc4LTA8CUp2iVO5cZlHwrmjr8w+r10PFyJrIRQAgpdDZLRLudGoZm27Z\nwOMFSGYZ6LwYm6sx+KrnS3lbBL7nyJ3RAMZ4mpTvKCKg7hgLBkbmbd+bVJmt\nZUo5caACges+5wDI/8uoMvEGC7JbEktHAA+IJkRmKN2MVZE3xEvOVLLP25vA\nWlgh3ne4WmWGsTcVUjwG6qvvlXbmw5PC+v93owYb+ntj2I53XVpDkKbCHVHt\nyMQBwrn2x5CSEe6AYy5MgTvpbb5RLmqnEZ6HzsXBwVcht8dimiN/or1V8e5B\nBnPOdrDJQvo/WQI6zifT5dpa1d81FojUV9GqXR5OS5Ix+IRQeFbJY1X9etfE\nTSddPH3TAcBoPLLmavq6Iqzg/fICM0t0KzkpVDUXH4SzlFEk0p0ePBUrasNi\nF/qY\r\n=T5CW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvcAqNi9A69GIpd+WcocBkPjRt8SSKKw8iP2e7uAwm2gIgLLbCk/LLCSW15jsgL5R+HmMkJzrJ4+HbbBZe3OJVVxE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.53_1571114858534_0.4650688093996249"},"_hasShrinkwrap":false},"0.2.7-alpha.54":{"name":"@react-ssr/express","version":"0.2.7-alpha.54","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f0d6eca698585e0932161f4f79b36a96ccc4eede","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.54","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pxautepaAw8NYybKv1lhk1mQccfKmsLJu2DXq8JW0vjHcvucn+GRPEz9ISRRe+WG8dhp2hNF6w0+hyESVxKGqg==","shasum":"0864ac1f986533de81ba9025a04c539c1ccb3c1d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.54.tgz","fileCount":9,"unpackedSize":17368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpVBnCRA9TVsSAnZWagAAdJkP/2IG3S1R0qUHuGgkpZU7\nt+qMYgtcs+lKdCS6C9Xlj/n8V3DSqA7dPaFtPKro1WuiDalqrEF+lBCL23Xj\nJeps5mf5d4oc0qB6kJbTDBnhqxEDtTR4UGPDFiXHRp6MDk5s1jd1rNj1iQVG\nbwJLLCwhGh9fp8ZblRC+oi/H82C3wza6aAM5ZF+UG20NxjMiXcexjqDQ1iOA\nFrfQZrq43NIfhCd5j1o9nWosLsWHpnpn5H1cj3ZWEUOoKozh8SoSBTKR7KKw\nIEuhK7frxHQNUQddGpMYpGDTOT6EdiKr53HRfghCksYOLWV2sZJXUipQEqsn\nGYNfRXvkDWH4PXk+5XxWzkfWNvxiTOjyQ4TJBPehQH9lrqkjUKHZ7ZhUj0bQ\nP04v3isiZW6jpGVY8IzOndvkw5mosdoQPe5vFfBWpgOG51WB5eHizF+lqnaY\nC/TLk//bxc1MgW1bgNHjET85HlIrsGFIVlwCyJAqRkIeKONC8KfO7FdYzMWZ\nJ5fUjts7goGXUMEtAwOCIIUubZoEV2UJLXfA4tyhaQTX1Ew/nfo8grg27DtF\nsJb+scjtEvlEI4lNzRmeSPLvuZz5qSaPvCZ5wxbUDHvKVuE2zgmuekNeD2/W\nSFgTjt9D7RN2elAGSh06WEWQca2wwfpR14OGs/mQNq6jidNRa8nW/hGgRNoe\n4nLQ\r\n=1ajk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpuPsF3Dciya8O5Zrso4Ymj8m79GBWvY9KLpcsMgecBgIgG0Hg/ZSLZPIfrEfVwpf6ERfEtFiZqe4Hfa4j/e/T0t0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.54_1571115111053_0.45636251920919"},"_hasShrinkwrap":false},"0.2.7-alpha.55":{"name":"@react-ssr/express","version":"0.2.7-alpha.55","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6a84ef36cbb850b3d31bbfcf2faf9f05a3be22c8","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.55","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-f/bxsc91hOwnltWj2IixOW8RgoZ5a3kuijAhe8G8YCSA1YGdGsmQKtmA0fgH0oAQnuO3NQEUK/BWrXo3cxibQg==","shasum":"ce559924b97069b850ab6864c925ba27a46090f6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.55.tgz","fileCount":9,"unpackedSize":17369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpVD9CRA9TVsSAnZWagAA1NwP/15Jr42m9EvCSYCr7nRo\ngTed1cRraUPbkn0MDINLZbCMETwanGdBWuxojt/M+ScavvFa+rI9+6kyg1kH\nfRoJscNQC5KG8YhDZYD4DrrTpBycwncdWHCu7oGNHaC9EoG2DwW4HNuWU+KW\nK+d7Z0BIn8W9QCyYAqTFyAoJwXeogQ2kVvBsPLEUBQ2bdUz8ycSLrDqbLzDv\nsGNqe5b8eh1FPwA/AxSFuMBHNOKVyTjjQJVYX7edvo0KoXA586RTajzbreKf\nZKTDXBkSCATHcKk3++IXS3nH9NXXW0s64ZC1vqw1DU2RDhrS3IWhi5Pw95Oj\nMCzTFiyUvXrBrOaP5a0C8m15CJPyEpQ98W4VTGv7vOcKUlJGKJXYXGiW5IvL\n6RsVbMorcp2akPTX4T2ygVXNiZAd7e4hV6ckXNzEwkKie3N6aRRybSV99y/h\nyC+Iu9rqxEG7BCboONvvojRHhW1tlMWei26bseVjPeaEGyq2vD/E/CRrZ3a5\nNTkka3CyNcLalDk9STzOBzsEVPL+OvGT/HF1G55L1EHPD6EsDwYI6b++RbS6\njJOEGsSLkMRMZJP06FY+BcouWwU/hdPKJ/KuEya3vm92Tz1qKsGVHz1esMYx\nV1+e5+dgyK/Z+JUZX3EYOp2CiSK1oQlOIibGfjhIJ+NcR2tPxLlstYj4XGS4\nVMRn\r\n=pFDA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC34bTBjGd2dya2+m3Q2ZXFrtmsm+yVjz13fRKBrpmSPAIgbohCuBv2GAIv5Z6yflwm8f5oYGsfe4rxUY2uohLiR4M="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.55_1571115261213_0.20279371474809582"},"_hasShrinkwrap":false},"0.2.7-alpha.58":{"name":"@react-ssr/express","version":"0.2.7-alpha.58","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"833d9860b1c0801fb4ca4f02b3d314c4d82d8281","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.58","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CxIIXuEjJ91Ly9h64TThcbMoLTyJoyTiNy8dtzZtds2K/x1wG8BppMVtkGfSEHH5WqVncDMZN2G4wLNrSsFA2Q==","shasum":"bc4bc4b3ec7768a7c01895f50bb651d290ef23a8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.58.tgz","fileCount":9,"unpackedSize":17345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpVLqCRA9TVsSAnZWagAApUMP/iAKWuDaxzGSRDknqPDC\nozNT+pZCXSDK0Sc1yB9C0XgcF+mIfz8KR1uAotShgzikGb7GTQB108CSxHR5\nPFTjIDWwao7pb6Yuh3uQYxTERpNgZiN9sM3Yz6Debh+yHE1m1bGCclxd7P3u\nhvUa2yFC8obFGfClpujg9x5Z5KLFkUDhXk6D5Sxr95OxNEUjp1fimcffU9mM\nFK0KyIWan78X882+LJiKEcH7dETKDjWhOJXaq/06ClnLZP1SvzsMA1AZalzO\nXNoXXV5boiWZSZchUJ7afZmXzRbmZn+78cuFv7nlqWLa1uGUw+KIXXUrtXqV\nyn2tI2GZXudqUiJ+HIvINYu5AxQiZoZCOlAA+GycDHv004ggS1GlbMQdp0Cb\nalgRwarh51MielebDaRUV10pjbmQpk0RHwtxBFl6iAXe3n6THf5FG3g58OF4\nTclPPJCqo3x+kJhmWE0CnnBjTY0SPet/8Kc+ejMMfX6thtigMdRgzSxEER0y\nyGq1Bk/FGFYOwbTjgpM28ts1p8VHppDMkVczZox5rdgDYdMBTFDU5YTc7DMt\nRhbBHHxH2Ng1hkx4+9uNYPgVbpE+jt6SqyBB01yFYzjH/IM0xM19e4+GXJMu\nhIGLD2Ja+KaIO81WcfulMn9Xs82Y/il7LBqmIFJ+VzBKMxp3haLk3FicH6hW\nsLpx\r\n=eiXZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQ7sQW10AVZel/3/lC7Wd+TXuaQRLoD4p/7EU6AXfzJAIhAPA1rp3yvniN34z/avNICm0TGkmB6inyJRFsiplIuBHF"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.58_1571115754078_0.5176375913005027"},"_hasShrinkwrap":false},"0.2.7-alpha.60":{"name":"@react-ssr/express","version":"0.2.7-alpha.60","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5ab99fb007deab8745d35e996645234b22986ed7","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.2.7-alpha.60","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-y6laMQ3OlTY+TVYkUs8hiSkW/lDcCdpgJIDbpcuAZEpaFhQi/QFy9iPKh2iwfR5Bs6loaWgK5Ccrsu81QJZHQA==","shasum":"81fd71f08a92f4644322c269957cc2d66bab16c8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.2.7-alpha.60.tgz","fileCount":9,"unpackedSize":17327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpVPbCRA9TVsSAnZWagAAFqcQAIItb3GXD2UjklMVoyXx\nJNIUxC4A465QqVcoXdPNyErVqdp2lyWntKNslgGmWWXdwNzDE2/QwizLYtHz\n3UiHXbH1Aix0l2YsTODuPBuzzvi5+uLfeyFNUtMn7XamYMF+7LqhE7YyRVnt\nhcPPECMu/tgWYdNqX4pqG+2NcJIbK7zJkaG+FsJeHMpYAJLM1ng3j1CkIRjM\nX/Cpd5yezMfYaX/1dN2dk6z2URtK8ru0zaqO1PUuV3BPvT0fzAdSvcFoztAk\n337lVDikE+tTOY/DYiJMfKHraQBSgOrEXvjRjJOc//onwkKgjP6I39ThQe8h\nvstZttmAbPkd6H9lhlReLOpNY3LokJRAEFexYNNw3HkZ0D7o7K7/YKF/axRV\nANTWwPPWtxqlb+s87Dr/Bfi1FdrHUSXc9In75byt7Zz+ao0/C3c8VzcOTXBE\noO70rJdkPWoIO3pie0z77Jsytchlbd0cYRXxlWkII+2dpb8hEJWfMq0eF5fM\nle1ZIfZE4A4cD+cdMgI4PMiAMQJhCLD6izxNu5l0N/tXdewgWtugAnCKKu+a\nrw81atd1YOSPbJzi4+SkUe8mGkJiQiBvvXUXHlObXaps2G16lKyKxVQKAJjE\nVhYyi+U4qfFwJ1/D1pV96KjT4zdAZMRmkMCKQPnVfzuiw+m/93/aYLxziAG3\nRH0D\r\n=R7UO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkgcf5cp7kLwDZwgNxad8r+IGLlYBOulvVUFoM/M1ouQIgAi/sUsz8ahixFhX9dvWnuLkQ3wcs2N91zhWyBKhbysA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.2.7-alpha.60_1571115995227_0.08985236921406425"},"_hasShrinkwrap":false},"0.3.0":{"name":"@react-ssr/express","version":"0.3.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b589d60f0395e712d3f106667b4c492918140e16","_id":"@react-ssr/express@0.3.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ylsoZjjNRxmnoUKv5qizUqVlvafD5haR0Lr1yr+x/0w+aumQ8GMYQkzBUigKVUTsSN5vpKLrrC+zbwfT3cXoNA==","shasum":"ae39777015a821d2a46317b53fc2b2a886772eb6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.0.tgz","fileCount":9,"unpackedSize":17310,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpVRZCRA9TVsSAnZWagAAKJ4QAJ+JB0Kt8RmhY22Aw6Ct\nUPjeDW8x/IGP2jdoDXi9a+fiPpUv+vhsjoiJ8nFTWZ0vI7bXDYxG4hwROGcr\n37jgwMOBciHodGu5Z5lDqGYJpIMS7o6w7jFD4q0cnDpHROtbSrQV31Tojxi+\nzMyzHRuCFYDhrgdOLK8laQ+H+bAFp0sCKy+NB3FF7tiLLw06ilNDZp2E+KR/\nB7UGAupCXGQ2KW/1DmVd+ddhI+LjfON0pKAqXNwlXKFvCb7VHjofSmq8s4mV\n0MWtLJM3VNn6owhDL9VBaL8HM5DPUO1Tk88Q52EGcUxZ2u5RiZdInnEuGuCW\nZKf9VzmJp0IfBOQXlnOL0NDDGKmYiuFYuiAceOkGfCn/QcF6yQUJ9xgDwCJ2\nE/cur1cKK8WwGMg+6kyP8Q0h06tKFYRdEZuzGyuYk1yuC48O0Fe8zSm+vo3u\nh7dyJuqMzEd1pjGpmBAmHaFfVTq+DLQ51y1YrlU2DAMrlAfZD0VBN82I6xkB\n8VpUcFNF3basuhcxwR0pfBmf4leK0Gbbcdg1bi6q6m2om1VPVnEZcAHUEf1x\nHL39a1bl9vYS7qd59ynS70U8f70XAvInqSjPzNKSldQtiQcJC+UBCI84RHrX\nUN7bR2jrKOyYoIIu0jcpMdjqnsFlgueczjPq7PDloUFlGU/o4kLeV5xS1KQM\nkWx+\r\n=3Q2t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBvxPy0KzxNYt+KQNlHqpAgieBOYbfJZoI3QBWGWauZQAiAxTvdC2oTYwxM3voTAXX/O1d+1bhmbKNhhNaAdcGPg5g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.0_1571116121157_0.8318728046399921"},"_hasShrinkwrap":false},"0.3.1-alpha.2":{"name":"@react-ssr/express","version":"0.3.1-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e831ad4044cd01b006d328607d20da906b6b0476","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2QgFxmFuXB7TiQRjgCu6eS3KBxJVoUiEm0qbpOyC7mKjrcnY4aLwI+FpCOpzcbftA35rrBPZhBWoJ+yThVJZvg==","shasum":"3fe382516ccdd65d3b902d4a4b0c41fcbc56c31f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.2.tgz","fileCount":9,"unpackedSize":17293,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpV28CRA9TVsSAnZWagAAOywP/R7ie/c6fxV7zej40gLc\nFUMwgUiUS8sODfsN7tqZLZbKCUxcACMqV3X0FyGdOWlMbacdPlTFHJydf86E\nqTPFF6pbz4OCBYyYRM683fQRuv5LCoNpiR4+fqsjXHkja9q+iZHCWT6fxi/Y\nCaf4zAWUhCS5L9ejUhwtZbIfrcd8XfhkXGLpfPmVteVvcx4HuEdY1DC+w3e8\n3DjxwLUI9ksd++gSJBRam13yf2yP7gnl6cg/eB+YidyhWCE+GNcgrbBMmzRd\njJqXunxGWTAfjA5HnC84SfVgrUP4YMdO3rlpCufeJo3+Y0F+7lCQRXxBHfW9\ni+bqRBFYN1qHg1JJDLHp+KUN1DMSLg+aLMmBFcxM0ykBGrDjYhT15tg13Ttw\nCVPWqXIpRhDJNVCThfXhDXQtmJJFhzJ+w3psWMZGi4jVtQS3OEYVktQdmDpy\no5V7aW6OVILy/RszPLSVKzxV/J90Go+wWe6Ga9U3VlR9XIf7NDSmn9p2Aqys\nUj8tyizfCUZygc7sVyuMHEw780CTBozrOib/pEzIn8x+lm20+VFsBLiFQdEe\nN6a7IkLbfY9xCIDD9PUXIUxdAO3jAmXhv46VDGi0ln9ix4O1M6SHiYFi/lrF\nOVMMGzpwwC+Hs2XI+IMiPfDQ4S9syR9At4chILVgtnFZVdtyqh7QD7J9Hz4Z\nQU4l\r\n=DVay\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNFtry8CT4ZQ8g3i0jAn828dqbWMkv6RoUIVv/y95MzQIhAL2bEZM5rE5It/0ZlT9G3ruPJRsg4g0oMXWPvTKKLttk"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.2_1571118524133_0.2056467547772025"},"_hasShrinkwrap":false},"0.3.1-alpha.3":{"name":"@react-ssr/express","version":"0.3.1-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8ff09cf947e1e26fd830ae5b1eff36646840b33f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-RQ7nOxnrj12wABN/gC9yXP5BAsmCM9ac14HUkAVG25O1B9P+eAVmx9zlI7ItkNKG9Z4qd+8Z0T7ymmCJ72vCfQ==","shasum":"3a6bfac400da6d4048410085bf8b41e2241ac09f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.3.tgz","fileCount":9,"unpackedSize":17499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpXb3CRA9TVsSAnZWagAALe4P/3OMOOGrdj3SMzD9i73s\n2AJdUjT+XPFL+QzSTy5iEiYxihw9JtaYqy0hbR4tH/5T5pKxaMyFUFNJ7kGe\ns5IsQkFVrFp53w7d0Sez7XxbG/CXVOPqNTWGi+uHu6rrR4OgcRBfZVVFTinf\nvCvok+fEK7EK2blbfhbtXukRXqvNNWPJ7lR/6/CRro2zlSNCbtfkq5tTo9wh\nWlv33zSO+eL8ni3tIA3WLCQe04MDcNK8ykCDYXQxDIV6C2TzndmS2V/fbqcv\nN1FBd6ojkMxbvJjQ0wD5D7IlUIOtSZjAgktqaIxLrQ2wCqks2o+uS3uiOd3c\nQ6E6XZXxlwLAAd7WlPr0tFe+UK1kOyccxlocFb8PffyHa9z1bsWF/eMxZiEZ\neRoTEmDEA121gJ9MfCbDmuEofJDajdmnH+lCjAG2FnLwowBFqe5Gz7sFNi7X\nAxmwKqE5a3cyHE1WoTxMbz4VcyTNAnU8zjNP54qUL/Jrm4FQoSJxt4kHs58y\nB/pivauZ6Wu2IPOtF/Ptx/shP7J/YyyRgHNGivvECm5NiOxzZKsvc3xLSFLA\nfiQAhHBCyqOoLEY47mb8HP2de9yo8jXZXdddDzKATrrdOAcILGJSQ/RhBwWP\nlmMqgAadfzhtbWI6TFWV6jg6RtwKMkzhlRm+Zg5c1K7cSEkuGr2DMPpIQ2fY\nPx8a\r\n=T6bF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDnGwjz76aPeaCgfkG7OP7ir0yklXOHlqwTm7zHhra18QIhANfIfWsZmGZiiOLlQG7isr7A97JW3hndjIU1sSYw/oFx"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.3_1571124982676_0.35833291000873957"},"_hasShrinkwrap":false},"0.3.1-alpha.4":{"name":"@react-ssr/express","version":"0.3.1-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"dccafc89c17a67273dbe3840800eb047ea1f9c39","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-55h00HwOtRyHBXKPmmkoZZdzG0hld4+etQbojy8jdOyu2exFfXgsHArg2C0ezyGTklEIVh/yJ64Uly7U5fwqug==","shasum":"241c4bae80d89be9091a5119751597c7bee876ba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.4.tgz","fileCount":9,"unpackedSize":17507,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpXd0CRA9TVsSAnZWagAA3V0P/01HAh4XOjR/HxhoQoqh\nc7GUeT8YBLbzoaFOsMVqr8KqucEfQAmorKVrSv6HQAjL01oCgX+hCcuf5/X3\nhR4XKafmeRsroNwq5I9I5XpBd+gCV4qITEkvvoOXHnxMuMEu5q6IjEWTKQSG\ny/vPyEFTS5E6ViKt8+iF6YAdJ8wfNfG7N2zs2ww/HE2jkxQRqYvF+euU3i5q\nyZOu+TSNAH84W5x00fBb5FwMbUaI2yvcLi8bIMuxMyy3A8AB0dx++NhbRncD\njCe4aBu7vW9lBKKg+ZfNiceVqQhU+g+Ppqkc3bSY9uUSMmEMnuW2rcCurfOL\n7oeRNKR79WOi43cXAL2OVweOwoehHU0pRQISKC7ruqq55PRcoMxuPat3A2Yj\nPKlwCejUUo92DSPTjAHAKM4o9aE+s6qS4CmjcbYgrySvG/2SXvGYYzXIy7vs\n/jSTE0lv0d9e6jcD9sQ5xm56ryMuxm8H/px8Sbh/uc9bNQfYQhfUFCRFyM1z\n/VWnh/Np+f1q+PqOgJd6aoOZrv1/925cbyJD9DguFp7kDmy55SeOUOF+PVJ6\nrNEr9fswwgvtdBGy5mgc7y+piHBOuWJ2t/RaJCSe4iorF2zYD7dnpob3MUrx\nihZY2IYkyZglv2x3oA9sRd9Ot9yV8euepIUHflrPL8V5VxJOjKOxt7C0KdLq\n9hEO\r\n=HMMb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9bPpaE2TwCVpU/A3MibybRzE9SuVj5acH5YPqEbnSpwIhAINs87FWjdqpW9X3HKz9Klh8/U6fNjx7HL9aZFZvm3no"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.4_1571125108212_0.12648791148490668"},"_hasShrinkwrap":false},"0.3.1-alpha.5":{"name":"@react-ssr/express","version":"0.3.1-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cd11735a40f58405328bc9f4050381e55c8b6c36","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-M5tl+0+rYgk/DV7Go/1+OWUkGcQI+5IiqAG13iLf1TKJ6jTRWvWy/T+X7QMENrRbHlZ3GTTVkriaIxnFdLxiPw==","shasum":"bcc41361ef9d4acc4f9ca8b06ae57bda8ff3c399","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.5.tgz","fileCount":9,"unpackedSize":17817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpXpeCRA9TVsSAnZWagAAwY4P+wXqftO1i2xIi1sI7alj\nFqxllIWvJZ1wuovrsTcjYBO64TjRAhC3vqOEagejSTb+ONO9W9wZZUO6Cs1N\n0wqfdIPySaeH3t9Sq3lSzwfXFOJBbw5I7S86YyL+i9vSvpchObQSOPuzPGuM\n9gBrDieubcpRrf5IBEazS5qp7yvJNTN4B7rHT33Y0t8gc5cBLP2IPDlBeNmC\nDK/izlK/Cjab0IaqXZ7sigGRBCtEQ55LYFvQV5pxiFNO3vlzPaNpK8sPSvc0\nTE1+NaEfNPhGaMzvLSVPoY89z+3sMX+mqpv06jNRMs/xaS/tLv7HyOTaH9ga\nf7RKY7bn1V5pndfhiJpiTlnzTXvSAgGSizsJWkHdaoigmI9Z1SIlGVdz6w3d\nSol5TJ/vwNzYpWf7udVi58goTyiI/Sz9VpaWiyfhA7dZxcFwU/4aHmwevNqA\niZ4g4i2uBUG0A4HcYHqpjD1UxPTd3R1ThKOCZUQLuRyYC6ItkBcEAVLsqE1a\nJN7MvG7rjXtZbY4xAnHhDkmvd0h60xes+eGG82A8FuIwIMbGXRcrW0SB8NL5\nVrs1jazqYRGxhf5ITYlIZCRIiP8/9fApDfLKcAsZd8TYVTTxsLXJ+tlmixUJ\nRw5C7GYIoIlljAhRW3sQhVwfkVkUihB7Ps4gLbShPTxdA4il4vVOUO/fYYoX\nveXO\r\n=RxI3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEu3g+pDrD2sVwiV3REVhJAyBgp0kjeg7LRh2RbPFDtwIhAK9ay3opib7+Hrlh7tV6lcrVmG2JnP2USqbzOEz6Yn5u"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.5_1571125854447_0.5717616160959083"},"_hasShrinkwrap":false},"0.3.1-alpha.6":{"name":"@react-ssr/express","version":"0.3.1-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6d192f656d6fd7415b431edea5c0ed81484b565b","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LMlCf3/QufKGezD28NtMd3i5x70+PnsK47SGMpvL+MVwyjJka4JkC8lbQ/+CsDSeBwBweMaHdVa3ovr4CBxFCQ==","shasum":"da0b081abce286bb83332a74c0961ad6435e92d4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.6.tgz","fileCount":9,"unpackedSize":17908,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpXzbCRA9TVsSAnZWagAAeSEP/i5E7O0tMublO8ZVNRep\nh6s94CmZjJKLkUTdRNTSxlz9Zk5IAYj0znovlrocbAMcrie3LdlCaTPGaCJ8\nsEZU77BD1QEktDEyLDXiAvAHgM/NaphKfaBZO8gFbxGhalq6JAxtlb/VumNI\nl2ai8UBxYjKf04+16RmyrUnnEbsEBBNcsf0AOrfQ+sbSAoj5MbS5aObK3V0H\n9a97S/f7+hGCDpU9AFoyogMBaZNVJGeWRjbxKWvQWxEK17gcVB82TPVNg3Vj\nb3E0BUyTQzr/NJUs+r97xVkRNeIyrd90WAy9tin3ktOdkzWkuP3oxlbHrCtP\nWFmOXQS4Jta9eL2+T49cMV4Bed9y1hE0+ztkV/aL5lv4E58Jnmk+CzlAWGE0\nW58ed6YnoUJ+1TMfj38UFw30o7j+oZFntAslgQa2c63xvRo9lGrBa0+gLFD9\nz+QuYXiiNLLM12cV38yWC3EX69oViw5VYfZ433gC/wRXiwByqw+8CqxPYEDU\nsj6q8ujxOIieOTFHZMqrDL+pGEc1vbIXiHKEBuPZ6LldKkyDwFjlEUNtXeek\nm6sd34xjp2Ky72gHUcqsgQDm/xAo4c3hndUnuhM+fS+/1teHEyVaDT8nRo/g\n1nba0P3xpZk5RdzFeoaurkZt5VOxHwl/nPmRS7zIoe2FEZ4rtcdL8u6Bi6bc\nHAQQ\r\n=Ep6f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE5F6vn9y4C5VRAoRzA3L7M+buXttJZzev2uhczBRhULAiEAr1cYiJBXQddeF7JlTdV9VxO/I7mD+rsmk/2UnzVVTAA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.6_1571126490492_0.874394059167446"},"_hasShrinkwrap":false},"0.3.1-alpha.7":{"name":"@react-ssr/express","version":"0.3.1-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c8313aae2d691fe744b6d0bf2e90c4b21ff0c6fa","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/Y08h0uIb/sJeBlXCLF+Scpf5seWhioKCODF3yMFxLuzgslp2QcZqWAiYf5D3Sp68r0VO0a+o+Cl2xPoIsCngA==","shasum":"1b0e905aba6eba5c76c9dd9613069acc221ebcce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.7.tgz","fileCount":9,"unpackedSize":18008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpX3lCRA9TVsSAnZWagAAAwMP/3YaG5ZsnK791zlBarRc\np3YHl+vU2svx80fUg93CB//G1jmL1eh6gf9NIHpj42c7v0SO+rW0kvpstQM+\nT2BtbixrarGZZEgS26kpGW1wDg7auwh0FHIV9spO2c/95qsWVDgIuB8brCFJ\nZw3I2ifl7DEk1mSnsVkOVqGy3L5cUZ6A5we0utDmf9n/gcf8+oFAKEWjg+2w\nTorPfX6by/LMGqKdZyMX3io065KUnVB3EMwsTIYJa9NefcZRM8qytrsYA+TA\n9WhW+j8l4qDEKiMkj+nZ4jSVOPI7uumYXmHOQSa+APoUsFJpkFilvbXFs6aA\n+4cEKfLzNNWMpz7KhufDMD0YQKHPdwKPrAoK6XRM8047twD9S7zdGeYDrCPT\n/2KqqNz8Nqzc1TyIQykyKi1zfDjCfrM2W1Lq3HpzgGner0v+Nd9THTEMih1K\naKXFdza6CemTmG+Fd0eujDeeMUJTinzCPUn8UV+JZ0nuI/NtljnNKewvOpWl\n9mIiyYReVteQw9zkAsNX24RnvwcJH+n8a/QUvWMyxSZoLsi7/bwDSlyPXGLP\n+X2ON+xqT6pw5GodQ45i55v+hPdfhYl+NxUaFL7ovs5GwWlhGR2UKucfTMoS\nDxld0dVIANQQiqMYVWOOXxlXY5fe7WPIxqjkVBmH5CrQAxG/R0wjOvkz8V3y\nh15/\r\n=5rbp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+joUgapnO/9HxQq8lzavxHlzPfzwsviMdC6KVpG5UlAIgeoMFUljZnA0Tt6VOkBCt8VNLZiSZllhIISPgGmTuoZE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.7_1571126756948_0.2954836045591893"},"_hasShrinkwrap":false},"0.3.1-alpha.8":{"name":"@react-ssr/express","version":"0.3.1-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"58e4d2c7a3d9043cf5e7def467cf7dae5dc61e6e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cl/+byX5rEzenaSph1e/HUQIdYpOnZoPsU9W8XmdAeN2YNSUK960BOES4WHdIkuniG8U1O4qtDFuMU97z2sZkQ==","shasum":"5d4e678673b6e8492408022d94a6d66a4c2b9e33","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.8.tgz","fileCount":9,"unpackedSize":18032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpX6cCRA9TVsSAnZWagAAB7IP/jTRmU1HKueDDBstLhtS\neUSCkbog3hFVwBk12adS3bfk5VSAXRfIEdB93XlFvY8uJnwvcN1S4cagHYeQ\n6ioDmVfMPYjbnnjPLwDzme4yZoRw3ZeTBwdNsg1XTUV3cAJwg7fSbFm2avhB\nJx3bhQBZBp4IWkwhrO9OVLm+1gfuMj9SBAOtj3mM8msFNdbYb7MIBf3V7IhO\nw9yYrWAp20i25WSDcKe44Qcjqhn6iGTbvCjq3RVj5uyT5UvKl0q/wOBv+rhO\nq4APG6C5mKtLCohDhjz53D4W1MRQdC3dg11GVkVsBCxQo8TYvMYVWlcYkrzg\n68d5PZBLCWq+1DvrwsSXxy/kXhVHBktT1M4kep9/recgBX6/5bLUT7D4ZfSi\nBEIkXVV4YWZjBLFhjSF7MOZrDz1p4gxbLUzG1hhhaDKAJcTlzxrl0vNJZQwK\nybnxnFg6eGTE7LY344a0RMNMBD8LScm4Ncwcc3YHACoUBYVLjZjbZY7rj8Hj\nUBnXFoeUFO7R6D8NhtTqPr4z6q+l6EdoyrvE6XS/VMNoWbvfgCmjefWSxmf+\n7hJRR514px+a67IrTL7/a7PLnUboWSw0/w1812dYVc4f8cBcINmnzIxbpYZ3\nkbUbtE0Ne4OwtjreF/PyjvKT5u0NHpO1XRwYax8VPISJnHLvm0DNeQckJCXG\nFb9s\r\n=MgID\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVjzIv9j/aOv/8wk51M3V2ejdF8dCVN7+dZbbEDxpuOgIgRa3L+7bCs5HkOZIMtRp9lAR819DLxTbxZfBU8qiatm8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.8_1571126939645_0.7745488787045973"},"_hasShrinkwrap":false},"0.3.1-alpha.9":{"name":"@react-ssr/express","version":"0.3.1-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5efd9ace5ec9a487a0d560478651f7a764d96846","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vD7x8xEKCKge3fBmP5cpqJich6L1D3JCOsu3bQ+XRKOtxnHbLnWWsZ/mkHsuB7fQrm7hxMfq3qQU4f4xxaLS7g==","shasum":"366f4a7f34de8343008fb6330a95e42844ed558c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.9.tgz","fileCount":9,"unpackedSize":18050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpX/pCRA9TVsSAnZWagAAMGMP/2CJrLNfiVq5cXybZSkV\n0YapIdkkRCev7aGfydNT7+TCN55CsgY6ktdWGf0WeKWb2JqabDwEirD63mus\nhK+F8bT8hUiGZer447QBdaNjwmTHySgwZQcuYbhjSo+D2uVfMD0RPcqDmnU0\nnEz8tM4RGabZGwSoUXHaz7jXwSurWeKdBeEaMIqVedQtfzVjw8dpZb11PfX/\nJkZE12Jh7gNrkGDwr83QJ7vMBrR23m3j4lh4c5TJ3o4p2dFb5qCfJw8jcGrz\nNAhgN+Aep78w/jPhlVK7hSNXJmrqC7pEk4fFB8De5+es1WwNerhgIFQDWcXR\nnROhJRr23znQ063WH3FlpGCEN4iPnfVIHQbGVw0SEo86VfelpXLbmrvkq1K7\nBZCe72ls6ojycR7Et0Qh+S5OUbB6MBp7Sg2vD0OlicZuvM/u+7cR7cVHpXfJ\noTnr1dJZBulNzqmmq3o59iNWhO/JXBwsTrqwBK9TT7a30bUQf6ZpFgVyFGt7\nNCOb/AqjvI4H9wWYOvZCVPxAMWUT271/Sig5rX9opBq9iu1f3jHP+noPhOh/\nBqIIeMvOBHgjHrFMUqrBmIw7uU2iAd1RzsIvmas1bITgT7sTGuf1eXIySjr9\niXVIafdiTMkh0X94YDwXYhzP3owDUZqzhoTyee1NdLjfaOf3AbHHooh5fnZo\noboV\r\n=6uIq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDSQ/8amvMsHc5jUJ6p8pyKYW5LBQ8qlZgQT04lT17Y1AiEApe8POWruETdpY/D1TppBFJDydo0ie95fch/t+HfLEjU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.9_1571127273348_0.9246725080382345"},"_hasShrinkwrap":false},"0.3.1-alpha.10":{"name":"@react-ssr/express","version":"0.3.1-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b59cce997fdf2de0c7955c44f760573cf1982150","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qx+FLo4eNRSJOsg1ZlNm0YQgT7BhSmmkDbkyl/EopC8TljLvkjVP6z7szTkZXd8wUsUzFubGFIUQQM4/XUd99g==","shasum":"e8712addb2d26304f1d943a3320fe21caff10a64","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.10.tgz","fileCount":9,"unpackedSize":18053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpYBkCRA9TVsSAnZWagAAIB4QAKDcdnK1oZnNxRTfZBl2\nlDLZZzbh7Lk/QNH5CScEB4QWVQzaCWjoh56bez/2Txdv9+nGcGnQbWILuZBW\nxnOmEqqImBxylosnmkQB4E0kgf5/vEEZY1++qvLp3q51gY3FI7s6gDUZDjBY\nuX+Z/Cg3aDL/LsjyhLTOkQVBfyfcZIjWUN/wLy7GtCpJXR2oXkWEzy7BM4mD\nol0TvngXG5nH+EzxywLAL5Je9g4ov5xj3yiQf08kFRK9QW7ZMzntmMR5BBxg\nrfSphToBq3eqcxf1PTIualuIUyvcQGDq5wj2Ydclt4hgFOhA7n9uE7+HaEju\nDTqxdhg9ZoDztG7rBRgucl4xSokKcke75fqet1dg52wzu5svzo7W3UiEJLvB\nag36bhkut8/nTiGnPCQ83Epg7H7zJKGNb4b7QLema+IfhwhLPYHXtPeMxDgZ\nW7mruxINafk6cBsOjcJ5Tr/Y2FIyp1aCg4SsSMhGp1ooLBYdBofsW/jipBiA\nGGS499ck6cj3KOohotT6GTX6AclTK5go8V8IAHlLxJB4hQOzycCvZMoTOe4K\nQFrOB2Q/kP5HRWih2AFr586A9GUEFYP5aQHbLcaPKhma7BXOuuiqgB22sCJd\nLaV2cCYtro2aiZBoa1xut7OdhtXKk4RuBYo11KTltxkngi2Mdi76Ss+FEPSU\nAAqC\r\n=qpeh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkks71HO55cuLYGwSg852xTS7nOnuFeVrJLpQs85kI9wIgMiUZvo+D+8z4PgfiLvZbQPGM/smGZSOs9rp71kJc7gQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.10_1571127395479_0.24344995674799597"},"_hasShrinkwrap":false},"0.3.1-alpha.11":{"name":"@react-ssr/express","version":"0.3.1-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"dcc16d12024033b08d2b26c208d7828ffd6216de","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Y3avZEbN0cZJOTSTAua1lrCtFFPRvc2wac9/rQYc0+2b7IWi+ogKjYCm3MNcALVM3z106urDVhfkOBIpansS4A==","shasum":"af547d7b5d070a4c26d8d35e0efbccb05f253d9a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.11.tgz","fileCount":9,"unpackedSize":18036,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpbF5CRA9TVsSAnZWagAA6rkQAIW8tSj94Xh7qrFssQMl\nHycs4lO+9IeRlxVo0CV8UmMhbSIBhfhaZPPcX3MXpqLitVc6FHPCrinRdekE\n/ULfgri8rEeZzpy7CTbcGhzfb4DErzHiqdre2MWKfCUXu84C7Ojk07GnmtXa\nxOulj4afP2w3W+bPgXdLBjyw4o3kgG/1a7VDAG6jhUSBwAyXbdX8KtM15HDx\n0NvNEQ80bMQdbbzxPplSP8MSAkkOSzyDrsstL4nRSVdWLwriT1P4/Sefrs1G\nxK6PT7QUvrDFapUYlZRWBIr0blYxS805WCHPR8+fRJhw4FmKxMp6AXQ5eVYY\nVPBUL6obyLgCWc9/AwtWK0uDW9K2PIlmKcUoAYUwVegBXHuGYS8ssXwtONg2\nmhjfZV/T+QNaAHwRaah0YPaBOaTk1sa7Qmfn/zV3LsjBswCLJWEDiwKPzJWI\nPcs8WAV4YNAV/ogqMqTG3t+qPZrCfcrcOytQLNu+eY8iWwaQR+oK1cZL2YuT\nqk4Xxg+IG2kNPS/TK2t7klwKQT5E0pm4eRCduLxxSrksFlrN1yuHDo5gLn87\nJGUXNDc5NG9e74jL6tsMFvRX9tSCxMZ2VLazKaKRXueCK/Q7Sd6smWHRyp8R\nJylO51sxp52q+DQZKCbgJHQSldOOBr/ckyeS4iry36NNhbG0i1VoghbTf3iv\ns2ju\r\n=L+pC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB1WyH+iSPj2YLIFLPfWCu4wUDDUOpUUihf6UhjOwXNrAiEArgytp4qwKW1ZCOpCt4kwlF2sCaw/ZxzcTFe/qtGregk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.11_1571139960425_0.06748094595319776"},"_hasShrinkwrap":false},"0.3.1-alpha.12":{"name":"@react-ssr/express","version":"0.3.1-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4275242a4874713fd03e6a2dfc125ef9ee1053ab","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rytRW219XdPfIbzRUWUZWxsakbHJjcPtiINoi1myFTDrZl5r2pjAfxHLoAywLPmv0c/E321zwV7cMDnnRmb7Nw==","shasum":"bf40c519f870c2cd580b2ca1008a002c7506e16f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.12.tgz","fileCount":9,"unpackedSize":18068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpbQ2CRA9TVsSAnZWagAAe4wP/1kP08i5t9hE+hL3onWf\nqiZVvzwvjKznbN1bFbIzMTPq8t4PzxYJFc0uQbKUW6MhNsjRZ/OjA5WnAnxM\np+58jDZwqBm/dx2RyvvyOFYJIdAhas9uWxqbFwJ59FA21ohRc7gd9zpRI44T\n6/SRFrZ8QGm8AcLV1yTrdKOsPcFMQRHp4Ddw27xYttZV9ql6saLq8IId++S2\n4J56rCTYO1WVHZ1R7p5CktTaCOXCGawaTLU6mzk0/0QxduFdJL0E6TW2T23Z\nEgcg3L64Urn0uYQ0034xxzNdHLhlesZX0oKQvd5K7tx5v0VQaOOblpbldqpN\ngNjzqHbU9mr8C0+9Ou/+3HY9ykNM3rZjMjGrJo5meyz1mi5JkKq8N+lPLzyH\nacu1Ri8ZYoAKH2dQGuUmeHKnldSi1Wbi/eDbcEFPU+bAbTSqqM7X/NWU9/K5\nDxKTGjwd4gBSWZRM9pzKpr9IGsDNLsRaKxfZpF0xzPnKaBOau4pwgyLpx0/B\npWhrZUi9JpVuMWmd9mqxrI38RmRQFb2A9phY5+LAgLwDlduHR41C8IFLpr+i\nJdl9FGopPQfqtZFueuu7O2Qrz3VWTu55QhJ6RJRCcusZ3J7WM9hwVDtgMxSh\nZQUcrMQZbT/v2A/yrHDW4pqyT4yxlBdzFhUMKH0IbHX2SCM+Gn6nl2bi83Qm\nLq7+\r\n=8gvV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkfGdLZos1+nRcHZgZ1fbCdmYlxKwz3HGbSpTuvsXRmgIhAOhQ+zgSxwnmTLbah0LZd4yVcZKsgRYm0aO4wFYBT7HG"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.12_1571140662054_0.521023607876975"},"_hasShrinkwrap":false},"0.3.1-alpha.13":{"name":"@react-ssr/express","version":"0.3.1-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"649d56e61ef5b18d16f72c4320a2ccea646479d9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tqHpuhZJ5FMedgEDJSnnYbNx7VvP7A7WfnKTjERr7oA/un87vHXweAYKjn6qrqb+mzmPp8HIk3JcJwDMXV54wg==","shasum":"06f300a3394d9760ce7b411a5da77ff6336e3e86","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.13.tgz","fileCount":9,"unpackedSize":19046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpbrnCRA9TVsSAnZWagAA5f4P/2YhjzOpZTNBOIcPDOnu\nH34dgaRRAb7IZGsub2gV7Vu7b2RCgMaWnZiLznJHRTTi3MOFVo8Zc6OYy6Zq\npj5sAirLiGVMUe1LskG1HIAQSg2iO8quOj0AykHabLgDiW7dPrfrRduxQRCx\nLm5HKfMOK7+hCic6/4xv0MJ6SBs/1HJmqYpL52mXEHcDrwQqU0JjHdpvA7AT\n/11oprUYx2qQn1fzakYs+vn1l8HfPnENetgIYkJVQ2JiUKIri2Pu1SV8f3Cc\n6PrmhHD0/eK3KbLyOyMr5ylyQCD6ssgW4iaOb6DbQ4MbodBCvRbbzany3Y5B\nJ5bogORnz8yQKC5ppnBchjJIhUZ4gzvzne1bV1XgqKtuADQQff4se1wLO6EV\nyNel36lC4EsMmA+a5OkSCkVjWU1zwP6x6vcGZfYiT1zWuvpnEjBaeu/TOR/0\nz9PtGLBzi/xij819VQWwDu/mWhQy6LBEh/FyDf5dsEdFxhWSGs22RKBwFPum\n2byqnh8pf8qIjPvBp6PowisuzQTAQlMX0iAR+p7pBskwp/fa2YMhBNjHFXf8\n4CeMrFHaMmS2mNbCRGkbLBesJ82IQ5JOAgI6OsLe31woV8F1kehtANPbGx5x\nvS7COMrmPCsKTceKM9bHC7Pxw7VQ+CceWIx1h825wO7svsDKbBVoJRpA3Ubt\nQVzP\r\n=ZdoZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVA8tfxvV0Bbclr3HroDExzdkBAEz/F3svn8AHAgP4KgIhAIN4DXRAU+z6YPrkIRVFC3BTi87tosPFI2U+sZoOVv87"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.13_1571142374720_0.9152445775319116"},"_hasShrinkwrap":false},"0.3.1-alpha.14":{"name":"@react-ssr/express","version":"0.3.1-alpha.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6e99593253ebfa9e56fdc6273effb3ac6fa10ceb","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-GLgR0wzD/8a4tbpKRtnQ9L0fXoguXoTpa2SeH+nkwAsR/l+Vb1f9bY25fB/OSVEskaVnsNRUoSOBdv9cf4e/3w==","shasum":"2f76953a6831c5b62ecb8dfacc1f4f1c3252ecc8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.14.tgz","fileCount":9,"unpackedSize":19104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpbxDCRA9TVsSAnZWagAAfIEQAI0w1bQOzTJuOWirL8f7\nOAvLTY/Um5uGYfDVwOPhhMDUcWQK997o6grpwolPYYBjy/hXoE2AxMQYo2PF\neb//RDJniQzduude/6hWldl1nFghu79pkF7xvdeFXZqs77tMjeLyoAfjAmLj\n2t2ZssOwp6rvis2YXfEMvGYDyAGiFXJpv7yTMDtrRsyQY1vHqeH+WqKDZDHI\nEOxZbx1686B1DdXvsjjVd4hjrsEZyuG5+KiDrfF6pXkBQ4RL73dB+4N4aFp8\nLeaNAf2sJ2dZcDB2V0NlDyECDmJTGbDyWjXVlxVKfoF/OSBBtuTh0jZkbQ2E\nqLy2jxS6f4ohbJpbJAQMCy6NL1spEUAVyqQEKRoZbAQqA1YUjqRqHfiMjBvw\nfTr8gUjBG7gmq66bP5+E4o+V3fT27FCXryHR0k8LOJpdR3GWODbGgSLyDF20\nDKiJX2PREnC/1pFZrAlH22mmz2Le4n5zTfrExzn5cq3GIeL0AAzToYpfKYy+\nKxhvA/qoJwGCgvL1+SkBemQiWJf1TuhSs80IojtKxM6q2a235zBvPt7xLdlX\nGMYeeQ+Ny15HJ7qVbQ46UatjjSRjWBYcA98M6o661ms+8m+LhpOpgy8W56yj\n8kd7r1f09jdJNE0f2eMTVgDBfXnj5KFAZ/w8VzjlnPcVnUTyxUFAuAuTqouN\n4Ld9\r\n=XUm+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC75OxXEJDh6qwuOh9xbhN/jbXMJDGoassrHjWLGqfnqwIhAP7vHsKrU4yH9L5LAtg7I7Lxw/29XZXEAko0vcUP0KWa"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.14_1571142722891_0.4830639750982628"},"_hasShrinkwrap":false},"0.3.1-alpha.15":{"name":"@react-ssr/express","version":"0.3.1-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2a870746417ab2d7dee8b2d0dc4f64be9648b9f1","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FhQF72f39eASQiDGmfVjt4eucaU/B0IpM/2bBx1E8FfqtdLaPVguNHwKLjemxiygHDKpQyuDQUJAik3u+ABsLA==","shasum":"78d919da27f2b534b88d177ef3a27ddf43a05085","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.15.tgz","fileCount":9,"unpackedSize":18781,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpb77CRA9TVsSAnZWagAApD4P/29AF4AB7FbBeBcFOW5i\nyLY98LnvkwFkV3uncHQgZ5p0WuVI6YOQFFua2z21xCFSwKwra0roqv6RkBY/\n7aMXw4LRYS72mgrCJIcNmOzYYx/i6Iu3k3L6yXDvk/G3Keswx58K1icuvizr\nvnqtnrxuajZnn2FumbRR38NRn5dHmLk3u9rsuwgp5WCMTGwNGPfeOe12v6qO\nOLId9OYH7kwYl//zdfcQOF+s0rQ1LUTgc3aEL5PaYpJN7LC7XlrEUyDl1hx0\nwO4i4MicxMwE8stqJjeodxSyySYYwlJKyaRj5M8eLd3DTYLXIgEHWJV7CmnK\nyB4oLlFhpf+M20L5chXW+xfP/bVpdVTgOhClViAtA/fQMBrnQODuQ1Jy/OSG\ndb3I7XSR8RkTKKChLo6zy0klxwnsFiNVYhUfKv6MGo36cmeL4DfYbKoBKrAm\nJg5ZF58OsLL5c9WYZPKp0UEr4ebt0rC4wVPst0H/fgyOFxZzlp5H06O4lM00\nG+KctnOnAAmjwml1BccR1ZSYyQgPn8J5qnaUk42u6jP4oNBvjS8ZaoR7TSR/\n3BE+I6G6tj5nXN+/OdvMur+NW3I9alADlKK0J0Fx5uUxwp3ZPHs6bqrJKrOk\n/cs8ELwn2sVfpqbBVx+BiqVYSnI/5LyETkOhu6aPLcT6w0D1NBHZmcmxmq+W\nV1+W\r\n=nkU6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGA40IkAMjaZqKk6HmA2tNTub1Llp8UqrNEOAnLT01wAIhAIGbcaiItXZxgXtYzSRdEqZcB3r5ni1jFDZFp8p8j40k"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.15_1571143419004_0.9730499341592429"},"_hasShrinkwrap":false},"0.3.1-alpha.16":{"name":"@react-ssr/express","version":"0.3.1-alpha.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4320a445197453a5104d9b92874d93ab3cb0c3ea","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-puk/RV5U3ju0UBQNNs6+i86fF/k7RL/gxaFu2WiBbKyHThJDfqJbZiRQIwxmkI77IgR8IlTvcNVG8ZIALOXtBw==","shasum":"6674c40422e0d1312249f67346dfa46f6760430d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.16.tgz","fileCount":9,"unpackedSize":18802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpcDACRA9TVsSAnZWagAAKhYP/RmBtTo9HeK1v86AjZST\nL2gNQdEOlLdlDDzpKtY6lXSNW1A33+WtnhsMQhGWwy/R/cS41JKcTzilqM1F\n7wqtCHYwDeeRdFPlLUwBY5uooZTs+qs2qigvh7Kl4J83AcD25QBp7gKC8S2/\n54ZzVbMcq5GH9v8AZ8+VywRtthDkYBFB/Vb+jJA0mfWbXSWL3Z+dosngrDFA\nZj/1akURX+uTqh+xVPHyDM2WW/xJw6vEwn2TooP8m4iGf58vI5jIrxHkFxtA\nY6grZhkJKKw7dwdkQtTy//h1/aR4uvVSw7eBzzHLXaRrNdDszgV6yf7+i4th\nmcdMPK9zoorFyiSxurSRcTlXJU06xRjnfoF7gAMhse4INvBTi+VFzkTpFv/N\nvt6Zo5YaDUbu0hzm7eZg+zJnRwdgcQU2xMVA95RU5D2kZk2mpn33/mKOLLb0\nlS22AgoTPivtkeAhFeNFU8KkHJChlQq/3YL6iDF6fl6jOTxITjAjbfWugEwI\nQpe7Yalc8vsDjACd49C4LaDL6Kv4a5I1n6E8PIse6AVjGYroQbDBhfrV/uNB\np3VhdicN1HH/I9z+M2UBDdUIOsUWDNUyMRdEAdrx3TpRJ+U7KQ7EEkIBZB0n\nEzYYKQCL5eoCY4gUB7wjdA84DPt7DefUbIcPS8sMSC61Cc4m3Bg0mt8dMzUv\nc6AC\r\n=jBUc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzWb5WuJX198aiKrPeg6EwUkNiseHbxrd+QBCBtUVhdgIhANjOvu8QL631Nq2ebbKyneIdMEoM4E9jHKZDAAJ36LCc"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.16_1571143871652_0.798950317782017"},"_hasShrinkwrap":false},"0.3.1-alpha.17":{"name":"@react-ssr/express","version":"0.3.1-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"26508acc890418d346a761e0e1292f824af17bd7","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LgA93GiHMCSuST74apDLE6O9lCdL5iWhWiDhAd24xmY0SIoMGXwyu2yuODDE8wQHV7XuarAEz8iI1kT+HuYBzg==","shasum":"0ec603ed294dabe260045ceb338c235e61ea4cf4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.17.tgz","fileCount":9,"unpackedSize":18790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpcGGCRA9TVsSAnZWagAAeOkP/1hDWsUa06sornHLyDxS\nGvL4zQ9+E4ZhdbCPh1mbiYwprUiyN7ASA8ZsWrkcephJ+EbBIvFJV91noG78\nIehBHTHHk/AVoztdL4ve2/ViDQFwIr4lgAaCLl0N6a4yrXYZGD3PCKRS6WvL\nrUi7JhnSU5G2/7gu74dZSNAV19XxqYuL+p2xQ/iuzdx4KQLP5Aok5Z/h1bWO\nzZ6Ir6YaKgJyO63cF0tzIAQjoWA8TpYykDixugjnDPRjF1dFnGIj0jgjxPws\nyAJIhpjvy87KU9C7haDzvjYDyxy8Bhx5POcM8p5UU3GP+zdjPeS5KtsO/Oj5\nFKBDgsIDLGNxrl6XitcrYE1gv3uoetcW4zL7VzLhlIUnbwfqDiLY/bC44cgV\nSt8mw2219+lCgm9I3/U4iVO6Qit51uaMw2C08OIpGkP0FkzwMQLBfo8I1b4f\nU4k5x65lb+xENl1RK7Nxtqspaj1omC55q6BRBEuJkNrYx/W+eZsQm9D4Nwdg\n4Q6CgJHwIuXwm/4uBTr/dYndPxVzdh7HN0dljRucbDqnYn1XMRBe7nyPuISF\n2lv6BKO1hY51bPG8LYnK9UmMwCMwMvK3pokUNd4GyxW0OywMGFzZvZrCyePy\nXWRzkFGGpcorC5c/qSCBrP1oNoPHQaoFq54UYMhfOMZQ4HZlmOfwvukY6jMB\npYQJ\r\n=Mi25\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDufqoDYnzoDDrOUVLgPFFu/dokOh/QPyFQrhdOm28ajQIgEzMMtcyrNkayqgCiWI+2ZPe5CE9/lBy1sH+Wz7vkeEg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.17_1571144070112_0.11182133205629063"},"_hasShrinkwrap":false},"0.3.1-alpha.18":{"name":"@react-ssr/express","version":"0.3.1-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bb0672b9d608ef913ac8d47cb1f565c0e69d1a7a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-jTHeFeWXXJtd1abuxAkp2uAZ0RBer5lkzaC8ZQnyX2YfhBfv7XQgk4QyNZcmeH5RCt8o5pLbBnOBgdg7ViZkxw==","shasum":"11eddf405c20944efafa66ab6f569ad0681fc7a5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.18.tgz","fileCount":9,"unpackedSize":18752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpcHuCRA9TVsSAnZWagAAkB0P/24/XU4l5DoxB/9LwJB/\nR37aQHtsC4XMKejmSC6o5DtCc3uwiD2Aq6fhijedcJfJ0iFyaVgQ59tg7hF3\n7s7QvcVdnkFgzu3NtYB0kdZdLAKzjjnnYKma48Ye8bd4bzFGCZD6z4QE8bYH\n1PpIzdP0D+JgU2yGB2Q7fQGzkEpmbPEUeCM8PjHV8QWvZyWfEvU+7ThD/7wj\nQrekJzjQgFoHF9EivpDnxp+hACfr40QF9NyQVtxU9ntnNccEaMDSkd+3+/l7\nH5TSH9yyil34Kh8yEJVnVgk5mlmPC6lCO3IjVWAYqJPZJ/elwL/CnhGAzkU4\nkNsh5MS9DemNTdJGl5eMMS99CPuyuajpIDcc6tjYDCli0f/EYqb73upInt19\nbw7LGS1JLzx6TN30asZZxAqF3ST43fSUOGI8WtDj+RguYyJ1pg6/3MiAaCIq\nVsH/ZKK+WUFBobrp4xyKwqxfxTF4nPZ042VRMiPOFhLvWwDBBIwuRfYWDkCn\nIoIUV+if9iGQ2c4Xxo7EZEN9t0wQ9xx6rs4fl3hkxMU1zqtuvADwj4tudME4\nX3VUMzDWwJsMtYOiA5dF8jeXwVPNYLef1Qh01HAloQPo3Dn1iVVI2UIqzYV1\n6MDxsWHsrqu7unn4x208vsdFGDIFg6q59gZd5RXhzs/yuBhl0bOwmBNCNNsX\ntLIz\r\n=vvAe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8Y+PVHRdBRkqjBt6Ibgv/+9H5ILLaDtOO5wIqoHfszAiEAsFzpFMdLVY7Ptmf4S1nH+lOHOJunWxNNUL2a0ui7Qck="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.18_1571144173853_0.9836033169809009"},"_hasShrinkwrap":false},"0.3.1-alpha.19":{"name":"@react-ssr/express","version":"0.3.1-alpha.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"63bf6f4497d67b9875cb7fd6148de3d5e32a7557","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2AtHgcUM1oMiYCHuMi8jeaw0C8X+OPn/Yrzp90O9HMAe+dPzl0yOP7sjV6ubHoCVKyH1IkY0tDWuqzIByurgxA==","shasum":"b49972671561b0a14e877479090f62ef1b228b05","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.19.tgz","fileCount":9,"unpackedSize":18847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpcZ3CRA9TVsSAnZWagAA/ZsP/2hLL3VWpAE7YLbtmUvu\nBTy4FcSiWmNPdG1zgMQ3bIVOq1myWI7awPCLsrISy3Vd6MFcwxZ9f/rGJyVw\nBBmVlzc4LOFcL9yO2gOySTqX6CR/o+0U4RhzRkZHyRK8ttu+nEOJVUzQKkWs\n5pV+AnsO2gX+SlFZk6YRNYBfvN3oweU7nwy9lOdYPELGTrWL2AV9iuqWV91F\nHG9wq3KafYLHHI7isZIADKVmIAHsAMxiPEyiwft/0pl2YbEwmsYrpAci3x9i\nP1as/6OflodBXxkvkTM2TLS6q7h5OEb3lPBW1snzSyHXmOPnReNfsItzOqw9\nkrh3lJFo/md5ttyhk8wiwAqmE1f4753RJ9MbcNPl5a9L8s0inQSpPvuod1De\nstYcaZIG40C7Cpb5HMpB0YLOpgR4Rk90Az6ObTfLCS9ZJeFest0wdJF2Dgg6\nYGfcPzCWFiaxH9WF46GmZ8jVKK1DGzE/uJxn4mKaWUYvYk0VM3EbHGW0KqvL\n5bdbfZH3XgoZaIHiJ+at2usPl4E8w/U2igDuuNAyYIe9ftfA+z8L1e4LZF2T\nPysafnfZXnbrKdR/uKSrPt0vYH+ir1S9z0vF8nP4wZ8X8Y8NUy41YbAvfXm7\nklP89WKDJ6Fm1U3stmUm56Sx42n7Lk/v8dvqfGtNfSDJBR/loY52K4mX9C9e\nwXut\r\n=cB+U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCa2dOijVZA7lKC1Y6gyWbVL3S9Ki3gPZXOmVTFJOKK3QIgWckwM+4KEDDKV4qfoVX05M3Cxav76z2NsMyaPgKD+0o="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.19_1571145334736_0.4138307828964134"},"_hasShrinkwrap":false},"0.3.1-alpha.20":{"name":"@react-ssr/express","version":"0.3.1-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-frame-component":"^4.1.1","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5bfba4ca320d4a82ad8a5a0e7abb01df3f140a36","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Aplav/4JrUtuSJG+UkWMdrinUsYqcQA8E/mK0SEC92/T9QyTsqwEAhlg9Fqv3mKPgUgoaixCny9zIyU2ap7xLw==","shasum":"a558a7a890a1422b8d7ff22130487950c973f296","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.20.tgz","fileCount":9,"unpackedSize":18997,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdDTCRA9TVsSAnZWagAA5OYP/05XRfLfChOLP7Znm8jW\nbcjUWw9bCMr9N7bnrSX/G699GkHZiT0CpV+38HF3ombHSVV6m9KXFQ/asOE5\nJvFJGFhZ6NemFuVfNTuLprZwqWR6qgykQxXqTMdZt5VIueIcyMs4wUEPiqs3\nqYoL2QqLGopgityynHl0E/YBFRN+da0QjgpqkcCPtfjxrw9bz/C1uO/bTpxI\nEEsl94AnKZVYaGdj/E5dSpp72meTdWNg4rkIy7HH6PbBV5+MJT07Wx6PPGiX\n91phqpdjnH9a/lMqwVyQQTZ32pSDTb+FoMIeWDIai1SWXSstD5mAF0+Wc2Bb\n7CZCD39/8m4v5pSGHSwFZPt8ZlgocBVyvd06l9tFupuCuEz2a4RyyjIeaQq9\n2k94/pCq1zCrkCWumcyqXdToRjCFoS+sIQlepqTaLR0rzMMHxYJ6lcvIii1d\nG2NkaslnooaEB84+jfKVF8fJriJsbOU/febHs09n04WEQObir2P6cBuckdUQ\nzXzixpwquiZ+nALTMgXObXwzR/hOYVlZf2RMgQTW37wURvBSq1M6obNgmM3s\nEnAY7g+Dz6aWJeL33WL4oZyYQjSkQwlRENeRftMvsoi6VVXH+7kcWvVsj3zD\nnWYWrot9VYqnfGveonIwU5JtZ8MfPqcm/R+djKJ2SPCUjOPjK3dB2cfaOL6t\n0BW2\r\n=3rv0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpoIn3EGmwDZpaNlSCPHbE/fJAq2jsokWlT4HBR5EiUAiBMlcdaB1mJV8YflKuXGeiE0TYtXuB+p7JLrimM86qxyQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.20_1571147986350_0.24542790683833315"},"_hasShrinkwrap":false},"0.3.1-alpha.21":{"name":"@react-ssr/express","version":"0.3.1-alpha.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-frame-component":"^4.1.1","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9b59e3c238f2d35409b213dcf66afd2e8c274054","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Q9j0gB1DskOdcFga/n/BGHJIAcEhsmD4TwmWeLIucmST5QJS+08cZDpYsh1tqQw4DUCemo/zEbNqHeS/8dxv8g==","shasum":"1e864a5e7f34f6533d8f501a7591614bf6122070","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.21.tgz","fileCount":9,"unpackedSize":19021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdGqCRA9TVsSAnZWagAAlDcP/2/Hjc6+B8XTM4m0bzz9\n+oiKIfYOfbNdHxd2XzdjNVMQpRtAGt8Lh8jk/hP22vrf51vDA2DMdLuE6F9o\nbQ1a3yIv6ojWcz/cLcpQluC3/pNc2K45WtXDgL7NXCKlqTRV9FrcfVmJB+zK\n0Arz0day1VlzFA6gPnhH6YEpQcgOcEYgwB64JUUUyRdSXLCKP4UaCgb/AnKe\nJu8fxqksBP+JW4A23YwfTx7p7HHGbPPFtwS+ei0rREcOsFmR7TTF4yL1v0E6\nkZDDJx0LthdkgBDEi/vd4po1RgHnQ1DOaQQ3/fSsSX68APT6ucb2qiPJRtlg\nT1rgMZvXrBNjpLu5rjEKTHLGBo+2hiWjbKPAnpCGgFXplqvAyE21bVgRYK8t\nabdYfOk+/MzOrevqon5qUSg93XJqGOHkUJm47JUByyu/c/niAaxQ6fmtzoRO\njC7xiCRoKpJlpuRSS79gd/Pk1FbEsH1id4+jMbaWqzIc34Vev2QgN5mNxzki\nJE/1L3EH3cJMQ/hhTzr5E66XWZRxwCHqe4kppMfXiBEl0AS92NCF9ZTg7NeR\nS4qSQwcehogB/uP59X5ZPSV1I7Uv0t7Upxd/OxEKpbhXdnhsGgfOd9oeWCMv\nOpR872p2x3rhYdhroG2NkYZcD5iTlNKlABh1lsdqS+q9spYa+zoQgB6SiWgj\nUIE1\r\n=PGAo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCd3cgike2MinESIqlm0YjdBEoLMsMdidBYv6XSPHBhNwIgOTaqaR6zb3I6x9hos4KZUVqcsxIcX9DcHzxubQQprS0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.21_1571148201360_0.282746239864863"},"_hasShrinkwrap":false},"0.3.1-alpha.22":{"name":"@react-ssr/express","version":"0.3.1-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-frame-component":"^4.1.1","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bb9e3537d3eb6583198ac63ca98d711847eaf1ba","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-G0IhbYLOxXuWR8y0PAdwEIwHO5G2cCE98D+i5priperFqQzHEeRbf1xMPyvTHroROD9ZoWo2FGtIR+fMDrHpew==","shasum":"6f283598df9c4a2f2834107e7918ef92302dbe0a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.22.tgz","fileCount":9,"unpackedSize":19091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdKLCRA9TVsSAnZWagAAj5sQAI/Gy3YnGtNfjG51wbOO\nAM6J6cNaOWu0oS8cGBE6X8tvOln6dkQSWPySsmkX0P7NGk9IRf8kaQ68uwOg\nAGZuvnL1U9hPpO/ZxCAITZSZKplO8gxw9wPymUCRjOrEfEOphYdkXllxNa37\nGxjmMJq3WOyLzkBe9GN3GV61mBrADg8ji8wH8Emq/q1OdvBjj/ZbyNcwmkTj\nqX28G5y63jh8u1UkJB2xhwgBlcRux3qvVGcdqBdBz4X8QD3BucFUD1s1ZKCy\n8BmInPmyktVFCPBS7j1TlQ6pDj25sblqcO2pHLcKbp3mWz2e8YVSppdXihpF\n6fkjHGJ0Y0YOi2ZJiCR9nHxzbqPGU57KdSatcn0/VvWXNYOnnMGBeZg2vfxz\nwZRAPVinKLkPbbT36GZMReyTmDnfOmNVcdN/JWJCysfamxAuyx4soxD76Vzc\npwiLmNCLWBo7tD+DwGA8ocov3/9TfjM0mYG5L7MUq424KZFP7Qby2gHoNpFr\ngE+B8o9ZCP6hXAbljJMixKHYtPHGmuOVZbZ0eLKkptiwZjFlY4TSD3250bkv\nb1gJR3zAS2IF22/nwXapss14NS69I2dxatIdY47dAiaUGyhAXTIwnqM6WJw6\nb0jhH9UWWrqz8z64TT8Pgw4C7GsEGQP1k6zThG3igpX4LRdFxvyIR8ELepTI\nCc3c\r\n=vy2U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOeVTcXgUImteOJH83dzcOyQhc1Oq3fVdgJELjiMyoBgIhAKaIw56IcqNaWgJAPn+8Y3Fv06YSY5/js/LHNNDHriQ6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.22_1571148427034_0.3038563672172898"},"_hasShrinkwrap":false},"0.3.1-alpha.23":{"name":"@react-ssr/express","version":"0.3.1-alpha.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-frame-component":"^4.1.1","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4851f9fbd091f84d309e02c7dfc4ac6a81febf66","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yH6s9iXQ6k9GSEdmRjazzvp4Jrk/NfmPgz+Q53QHDtvTdSJ5yWs1VJuoIF6SZlEm+Tym8tzwLhj/aVYtjhaKRA==","shasum":"d25cf434f7a60ab371788ecb90683ad4cdd70b3d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.23.tgz","fileCount":9,"unpackedSize":19213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdMqCRA9TVsSAnZWagAA9PgQAJ1GplpVnqEln6SBXEpF\nNBw/iIy2I9MUmJDmZiLMp/4Dkh/ItqdQCSsX0wj0XuRVaFAvbTfMvqixCDcu\nuovFd4om8gJEAmaLTYgCovHuPT8qG61IVnFku6DSjto0Gmr9gZc/GLc5NkMQ\nGMvW6opqK+NpRc8BZB4+ial8ek/1Y7ELYkwnJSsXTkH3RYZVpVoWfs1uWOtv\nJDwJg681aq8TVu38grgiMRbppBOL5fE5+BGHssHT4w6ZGs2/qzgl14YS5mPO\nkV6zYjabOyhwXc2RWgbSJu4X5USZF6fCeOdayAbuRiQJYGKNmRWm5jn33fkF\n5RYXJeNWAg9vVVIwiVV3u2E6bgzWOGvMnYaQ9a30c5zf96SG8k3UluKxuu5H\nuOO+QwR4TAUCRvW76ky2Dw8ptwkJpxBO0ZXurmzwU1wWn1ewOlwSVxxDIpi6\n+iZSg0KL0T+/kpsPoYgT4+ScLmK59YLaKiBZPa9kn2MeoJvVcpdFOkIzsBeZ\nFIWbSZLkhDLFXoOAxTvchse1NyRj5vebN4wNTKxy3jjgTKm0bEgrpUVB2Lqo\nKJMahwyN/GdXa77ze1H2HEuO3rCZGAbNIKbPvjShn65VOGACm3CIShQC8rPk\neTcvmoErvucd1GpffYD8Wbdurv8ANvTmFM4LnhEc8yMt76YVNyrgdBia1oyk\nbPMW\r\n=lfzD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzHKhiYX74zU1e0KZPO85Ra2FPD9BoySCdvVQU5JT4YgIgI37ErkXnpgKJqIhf65feVOHGmqXh3jfDI6Wbwt4NZzo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.23_1571148586122_0.1532778216362667"},"_hasShrinkwrap":false},"0.3.1-alpha.25":{"name":"@react-ssr/express","version":"0.3.1-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"80801723f4e3263132ff0160ef9d59aad5429d5c","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HhV6ylcr/qASVPx1KpCV+BH5us0pRP+1S5ngpCBQFMG6rS738Oxt3wS8tBaJoLM8R6Kw7/lxv0PXWfvPNGrOXQ==","shasum":"ea9269982abecf479cb150becb81637d3f696206","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.25.tgz","fileCount":9,"unpackedSize":19055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdYYCRA9TVsSAnZWagAAiRIP/ihSRcbQa3bBcUcHFW3z\nb817zKqkafmKZNzC0IIiENLoQxSrPHhbJ4t3gxv/bOVlAQ4DrpXFAWPeZmC3\nXyC2OsXfjAqxfkKE6Ba27V1OXF8mw9cqZPH0ZL2YIM7cYotuRxMXjMY909SD\nyw46NBUitW0kuaiH1yn9lR/JZmLWILeQoSVt17DmJ6a3lHNYy/EzftIodW52\nhddKnFgANvuXFwqcdWjsLgsqiQXnyP5t3L+ib5RnH7Uj7vEl1D3Oi1yKOwG9\nVWTUxIozifKyxLlcsDcqqkeV/5vQrP+LUJGoHO0F6cWH5MAJr+iUIrhOzCMK\n7TNxOo/o3MabruxsLStLswqkHIOBlYe1ovcQQ9ETiYgOe9mzPbMJkZURL9Qy\n3PRFloUCOZIr9D3FECds3eszLGDFW2NSRS3NNdhoKgjpzx+uVFn+p2Q1Jhvb\nEr7XQyOA+0vH5vzF6tTeCcL/jgPbk+bu4K+oMVX8555addFcxxWelYucKW1v\n+MO00kZPkUMX9Jlt1TPRefaDLf1Ef0LE2oxg6vx1kVfKQDE8nNmS4WcgqjfZ\nPeY072bMRVAN0gdCGTR1mfz4otTXR8/uBwirFQYHGPsvR+qzFxX8BqyOer2i\n6Bnfb7VR5mIet7OdeRnOW0smTAOPuKGxUbz2bXKt7KVmB+9kroAtp8dJPXfg\nORZk\r\n=JWkn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjvw7yzVTFDS3ZpRzhcL4fqGr6UdwiBlfPsw+hGIf1xAiEA8Xp0lHQh8fGaCI47/p0Q/0XWo5V0g8D1wH4UBAdAj7M="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.25_1571149336244_0.5525622334709459"},"_hasShrinkwrap":false},"0.3.1-alpha.26":{"name":"@react-ssr/express","version":"0.3.1-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"838900ada5c2d9d4f5d2ec6b0232e3f79bfd7070","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-64SbJdpgIrkoMCtDIA5MPJZ3J/WilxynGRW9f/WVvfubJWDWc2kvVteZhqfnrsdAGedUa5G88NMBszT+XQf8mg==","shasum":"0817b5e64e700d50aeea3a1f0bac476065c9c745","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.26.tgz","fileCount":9,"unpackedSize":18851,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdb4CRA9TVsSAnZWagAAd3EQAIpRK6kZLKUp0+JYQ2uB\nlPqAHl643NaLHlRmOdlICO5fZm00UKed4dIG1xYyDoAKsgGpFpsDAzLszaqi\nGBrFmHV8+Q6JPfGq7Ys0/IhvQnEKKYCjjKd01Lj+vCI++H/STh5WZqGw9Q8Z\nZpFyUW79EZZBG10IZORfNExqyZMqy+j1Pyr6NjFVzhfRagaJvPs8Jb6C+Jpf\nI70R67578K63gq0eom4bKYbigDyhCsZGF10D0+cENk7ee+46TbM2UaC8lu+e\neFxbr/w6T2f4JVmgKWqTejHJEDS0vVoiSdjVC/DMDEld/rEjsQ5h/uCmr6Ug\nVymCAe6cyvYQs3DOl3KMqRooI2R2i1Z0mqL2WTPYPYCbvPWgLTLv9+u7x6rs\nbVOQwVDKCo5YmkfYQvG2WlS/P4mL/6UKYmlZOl4btYcaTkNLu/bxrDeX4ypU\nX8/hJHOAQfAQT1BU2KEZeAtNAuyL6Q2ctQ6YgxAomSn3exwwkh2reXYraISZ\nmM1JJQrT6j2fxSq0/G+1ylQCOJ+aHRQILtUNk2UVm9dhYbwMaN8h8X27igmw\n9PAHsXTmpAvdAd9ZYcnRfvuo7trZVMnYJ/XvX4p6KyIo6nZIKUm8APfx5LN2\nt9SyUEyhH2XoPByh7AL8HCjYhXZUU6SyVWeAe3TH7IA0M70eOfAaHMbR5lUV\nGnUM\r\n=lPsM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3aiHqbFk1CHstWq4cGszW2nDovb+8m4kphdV4HrmWdAIgJLtbprMl3gbbaKfgdGawgw+pK1dOtzFr6c0DYBNP4Ko="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.26_1571149559867_0.25066132744939007"},"_hasShrinkwrap":false},"0.3.1-alpha.27":{"name":"@react-ssr/express","version":"0.3.1-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3806545844e334a1c58c8203b99cec1eeba04ce9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-IB4SgO6TPLs82ONlXUSHvgolSdt+ShmDJPYE8XFDYGfHZSWurZ7/aflW6HSmDOWTq7HQS/FOkBQyWnUphSjbEQ==","shasum":"071b90df540dfb06bedfd54cdef0fa0f56476e89","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.27.tgz","fileCount":9,"unpackedSize":18857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdgMCRA9TVsSAnZWagAAcpkQAIsru2CtMuzDr+4TVXCk\nmSJ6pYUWzPc2G6JgXZZFNEFUmrCfzM8kDxddUkiJjaFQxm9M5dkaM4y73vDq\nK61+oJp7nE+zKilspG7rUIVrCwUG2dlmAynEa5AE5BZClOV3VEOdYpfPOwq7\n9472btRjiOzIPjuvWnQD0FmQLvjVAt/M2EciNvG3UAnJH7d8lmuJHqCyFrQH\nMpvTnmxNx0c+ipT3z4L05UdaHVzqj+9y5H3iFP422rvAL4bhKhJQq8So2xPT\nmPjEQJIwVPm1mF+rPgD9Vvuqz2xeP1u2f2Ek4KQRKAwj60ynz3cb6hnGEI1S\nJD8L2LNmcgfgl9diZcNdBBexiTDW9zKiAaxdjZqCFNNooHaMcHnXCcXwQ/Gi\ngZfB5w3BaQu0p0avraAWvcnPBWx0ml3eBqAgb4bIb/z24G5VpCIoUwuR0O7s\nP+E5O8WMRStrnoi7/XfRA4W9nI/f+iHu0ujwMLxjbkmuTfEr7W6OonNMJL88\niktq3CO/9qcNkuiG3yt16CneLTF+uUXyWNIlxqWXiWzGV6Z8zxVDgbdKcfW9\nBdtrEZpOlk3dDx3B0p5hxcK2qAoR9ZzHSh8/Ucz3L+4yyYw8ObYLjddS92TH\nOJjFKCHxitDR2+Ik1Vvap9XpcEFuaxnc5DbHglxGUAtaDrwqUgSfNsR/fs5u\n3oLB\r\n=Z3wg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjWnlXPY9azVXsD6GtJEUvepZhSFWmL3dxjGRzfyC2/AIgTHrjb7l3980Y4QfVVLpE3c9SO2uy4WAlUmf1wgMrQnw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.27_1571149835791_0.9637984456800011"},"_hasShrinkwrap":false},"0.3.1-alpha.28":{"name":"@react-ssr/express","version":"0.3.1-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"406ee7237a6b508b67a2ba4711e33384cd833341","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CY3r5Pg8vWHnj5vfdd2agiZNEszWbM9ZV0Sk3Xozx8rjwfQL6U5si5I7mfQ0IjNlgz7vTyBu58C3d9Fa4bwraQ==","shasum":"11ae3b7d09ebdb79f31a0e58bd2c18b840f28895","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.28.tgz","fileCount":9,"unpackedSize":18873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdj1CRA9TVsSAnZWagAAyuwP/icZ5Z7+vmh1iv1hnfuc\noLf9PLSq60eCCWh05j+kROcIns2yu+8jv7hVs+g3/wFjdHslN9bv6T0Qgebr\nWGJ6ILKIiDi1ucHd7RQysjEJlrHnJ44QoSKA9MdvWPahH/EdR4EiFQNwe+vI\nDTYNsDZAkExOJN7YmQSZxEpRz39S5ig7GVKLfWQPBIh+bfLqKkkWBhKSoNXI\nAV+FhwnF37A8SBItMbjmxOzchyGXL5Xsyn7j1M91Zm1J96Qhp6aI4e24RiMm\n4Z76MoomNPSdd7HMYP/oBUqXRMbYyi/lKojOdLPN82w+88f++9p2sDBpZHCK\nAJUeOJammwbOjy0cg0cOQCaIbTGTKyfYELUOF2U88qSafcPf/1LgCRt6vqLY\na7mVM0Ixhg2pqRtiY/af3ek8HuA/JtIKP5xDuz37T5AOm6DfBL/Dr1zXxgi/\nEIug28qV9ZtFl3QumNI9lW8E/Tlm/lq9tKjqg0HvOJ3uaZHBC4qYatNxHyXh\nz5X8n+SITdBtb0010Y61NDZqxasIpIAB1ym/l/rHMJD9kHGJAhMpE/VwcYr1\nZg9igmEnqp7XttHiPduRfhNMi5j94jSGhT6jAppJOvHOMYi7j+RrnJ02rgM+\nrYAndQt8n1aU8GNsmBSPVEwlVxwJ/fzuyHkhg1rMYnx42csjsSCX2IKpf9VF\nNHC0\r\n=93VJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsC9psXz/6e1G58HV38uQS7/Yxin0oLHfQm+uSbZhXXQIgBQwQFTjzGvjJ+ooEiE/eZiTLKlnW3EemUCnfbXr8ypU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.28_1571150068662_0.6417210492852687"},"_hasShrinkwrap":false},"0.3.1-alpha.29":{"name":"@react-ssr/express","version":"0.3.1-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"52cf93fee39496be53d5b86df699163aac6b92d8","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Lnjw7awHZ5x9ahweDbnLIF8M9NqMxI6BVtu8JrElhTpdFvXtErzimmb8PzeG3sgGTNdD8UhNCaFolrwCGokdJA==","shasum":"b972bdabc0cc931ceea87dc4f67347b302a6ed9b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.29.tgz","fileCount":9,"unpackedSize":18932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdpsCRA9TVsSAnZWagAAJzoP/1hhTOW6pCrayX10IP6s\nqePL0LH8FTdYrd9xqi6c5UwhQ9uxfT9fFMkq6Vw80jJ3CBHh2iHNcHsvCWBX\ne6FTlT1vsCdCAdoZ6BoZWEZSHWjaexjm1ae+L0sNSlV7n002Pn1f3dkQeF/z\nsWs+V+lGm2/TNw8OD976xCfEg3uNcmwxE/8QycVIV6xwJIqmKEcP1d0E/CPb\nmodEKfmLoJQEOfuFuNdrczVbrQzxB2jewgQNPgt3lsNwXCLjS9EFz0+Y5O1q\npRXm76R0g0h8iWaiSNzmzTrtd3JjG01McQkVNYadONKI1SMxzafhuIoW81AA\nZU6StcGNRftFzvOe2oiGCcyrVnxui+0k02E1bv/Dob9fYJ0/fIbM8MXGK0K8\n8PkIooBo0SxNiDzQAoDxL33CZd1PxqbQp5psxKcimuZFAlRr5TQtmQ2k5PVt\nir9i3RQNu7KDK4J3Upp6/tR3k8iumOyaF0BE+hiyeiDK0neS0AlzjLbdVNFy\n5IkACTh5xL2rKVdNj2iBRG1tMypQ81loYK54x7C0vDKgDZSMm9QEYD7ovP0A\nngzLZ1wqDzr1Cc44lC82jUVHGOEuqXkCKhk5PsUlHDHCiOZZU8ozZB5nLNCN\n+UBu78kkE37sUQVEpds96GdPEhKhWhjowgWXfRbavohDxAY3lYzsuM8b/XZt\nBdfQ\r\n=KWdt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1nSex0ZKj9+bqw41yIc+0h30JhhqYl3SZkzGZNlZDZgIhAP0C/MQo8lUAAiW/qaH9MRJ/J2iZe/57NBC3VC90IsEP"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.29_1571150444207_0.23852778144428122"},"_hasShrinkwrap":false},"0.3.1-alpha.30":{"name":"@react-ssr/express","version":"0.3.1-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2f7e83f57e1179f16579335b29c1403b96dd57a6","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-z10rMUd9mTKbJRJd5yearrFLwRRZRE4cXs/fCkH7jVyPfb6j8sDqWEN//oiYsm1hCRX35m3gBjG9ai5v4j1kZQ==","shasum":"cb466fe053f170aa769f74c1586980a94c9c26d0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.30.tgz","fileCount":9,"unpackedSize":19018,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdr8CRA9TVsSAnZWagAA99AP/1BTpexjYUzGaGzasPtf\n5UzVFDBsRyBqLhGwjugLAyXr+M9YqovmAZ195MPTISiHpIwWA+MlqQIfSzAg\n+P9kUE3ZYUEE3fbg2scVSw8iGR6DOuzimOUqJGv9S9+e7/5YJuwlpyTWQHbS\nsMWRz1myVlnPp+NhiLMYCJJrJyrBv4HnnQk9j9wSuMINq1rN95c3TwcQx4KI\n+nPbOMTqNUrsViLSOtYEEHAjN2W1Ofz/bzuFEQX/1YRld/tmUz9OhrWelPP6\ngb5DOgQ0irAv/LsEw9MTbOdn0V3JzkKF+rGVkKWGgkUrt8DDbri2cn1wk5pU\n0vxxYDW0H2qlSoFoj12XnG0EBXSQymcww59JNWhXRLq8+0ahKZVr0xfMz1mJ\npg8e2F326brqBiTHPWyalzP03++fB0pyjm/+5oIIJrkSex4MjiVpc0OKm2F4\nTQ8J2AX4fod8z5m7ipCfvCehNQI711lQFDYHA6BF2QLqv8b6DfncA6O8qzqV\n+qCMGpDIT/kEBo1AeaK6KTdHF0uCwff4hMjt268ccpN1nCsH5WwZsOkEkIYC\nTzqkJS3EFxoNWeSyURnpvyOCxIiFERuqGHWmAaAcPNDm6SqGf/m9quebbuD9\nqQZqyTFkfLEH7LS1EIBMK2SZjM2gdLzVfBlHZiSYUgIREZoKc4jyC8osgbr0\ns1au\r\n=hXh8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdSPa/wY+9VokgJOCIJ802smN3iAuACFJH3u+TmK1ioQIgHzYfogAmFXBZD52bG2M34LE2Z7G6NYGeihuWdA+X/gQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.30_1571150587728_0.8673438214916993"},"_hasShrinkwrap":false},"0.3.1-alpha.31":{"name":"@react-ssr/express","version":"0.3.1-alpha.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"19207c1f14d3284a8c7a923051de0039a6f335e1","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-E5Pxi7KSKdloEvsR3WGx32Ad+qKZTuG6kbmcMdXaFsrmUeS7ub+zwaOptspA2qbFnV6dFpEj3fuB18L+clLAwQ==","shasum":"528ae665ead4604936b0feebc8e6ef00bdd9764f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.31.tgz","fileCount":9,"unpackedSize":19025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdwdCRA9TVsSAnZWagAADiIQAJUDXx5tMVVeMKOS2ixT\nG8ArZAV15NX5ZQfEAfAm9P16RJ0FEtmm8jDZ26BPGgdW1TMf8U8BQzSCHLxC\nqXYSr/pC6YxGJd4YmGpj4RBtz4ePeVBJWzIvAKm1qYCMdETcWvD9lU3LxAVa\nl467rTT9CPdgtD/ViPj9WOqKXAXxQkXnNRHuDc5M0Z77cSK2HH1egWfwecs3\n6kR6gyheK6EBm2qQE3VIrJBDBD7MzMs9gsqFZJETYjyIflLalTzbusQQ1C+H\n9DqjaMVB4lIGr7Tv0G5uZFwdJ51mSeac/z60tzC/10IHCHFZhK7ImRBnWPKA\nsEcCF4pGk4FdUBQGejlzIKQlSosJkV3Fu3lQDTO8qbLkh9fW3GNsyTuKK1hm\nQWzhBuv4KbekcrZcc/gBSJRm1s4FBoOlA5QQazgiwY2hy9zjGTHAX0VUk35H\nJVvyWt2CFNvVO39UxM5xDiNuv9sK5BBo1L9d4ZXEtXBxPzBqGRd32IkAUHXU\nDT7cWy7kid276oCApmu/aow4SIy+O1RI3cPU4AWeSa/A/waGA9Q2FtT9zyDx\nOliwVGZKzwEX41GZlZGQjObaGZ/JcZhaJIvqMzBPOW+jjJct3R5kp+l1SSkW\nWIAWpTtJZ6WEnS6SI6E318wUVtUFPwCjBJNDwZuuqcIHFFvQNqSpn2BgqCo/\nD8VI\r\n=q0Oc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8HyTbxJ+w68bL5q6Ji4vPRKYa4EeprKz8tIS5DRu1ggIgbj3iiY966G1bCzARWeV0IVE3Z3WR7S4eEzFW+DUQ2tg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.31_1571150876729_0.6428927647053098"},"_hasShrinkwrap":false},"0.3.1-alpha.32":{"name":"@react-ssr/express","version":"0.3.1-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ee14182ce4a591723bfc4cb8972778e96a283fa4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-RAOobE+koT2Wr54dG+xH9a7qUb0vrmYzsKNzZ+jNa8ildpjY8QhafFzi0EgrYvO608jQmgesho5Z9815M5M+Yw==","shasum":"76fc92fb1768d1a52e56d40f0aee7a2f4777358e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.32.tgz","fileCount":9,"unpackedSize":19002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpdyFCRA9TVsSAnZWagAAcT8P/04s5EKNIsnz0BYSObsu\nrXdH2tQMSVuDUrZDQpxDcfUc0CEVDK/OlZV6xeHK89BJO9Rn3kP3RM0sOkGv\nZmy5iqIoOzsGHDZT6c/R8gHwchOtaXN4AHDoE5/gyBKqXEKu3VgUDkiauXN9\nEsdbIxmXfg210rMRxa2wccQwnZ51tbRHCGie64RrhJVH+yXrmX4uX48kHi0a\ncHdv7uVVuyJhE6r1SiP/XFfg5DcZpzBHX3s2u5aJ2cUDiUH+EX2mDi4PyuAh\nsgN0FFAS4w11XyXDpgEAJEhKNCbKv4SJLAi2Q2ExL7xFcKlfumAvZ2DEq+cW\nu0jxOsnlS72Nl+J/txVRcqkzs0V+kUQqpNs/JRziyJnsUIKBk/CK+WzB7lgN\nVQCj4TUt25/dbjfLORJKZ0C6H5rwqO0SzF4tWDF2uAuaPFJobog0LZU0grp3\n3QD4m/cS/cy+ezB77h9HFup2AvxUAaXDXBhggbWFQPmZibOjMD5ayK7dydHH\nY1Ck8gkGWStXCOQQQ8HFwSV8xY04nhPlGGw1ZAcUGxTaYrn0WCT2ieevKvbq\n9uv63gM85XW591S4ary5gO6QlRiSGXKem8CVWOFkKFVUOqe3yFhirINFFjXg\nByfYtQLb0Rwsu9/MSlwpyumWzQTevo7+9eVX+sWlgoz0TnTy2R/8xg1jyUvm\n9Edb\r\n=vyfu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGFlngWDKtP0bZPsoh0ThnNitJWlwikI1eOUImYuevPnAiEAkXx4gPwamH8VYTK8keipSamJximg0iFuFG3PQFO6L10="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.32_1571150980994_0.12008733892473855"},"_hasShrinkwrap":false},"0.3.1-alpha.33":{"name":"@react-ssr/express","version":"0.3.1-alpha.33","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8aeef02acc553e1019d6c23b5a4ebfea5aa159ac","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.33","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2Iyyn609jhx8rNfXwHlXRV79h3vpVe+y+1+dgHsEp2lr91CBVlsX/QFQ7k4lUOHKrRa7UqKvX9/PaZW0CCD7lQ==","shasum":"dd9f4726f7a2a8f8670a204a6e8f57049fb32589","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.33.tgz","fileCount":9,"unpackedSize":19066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpd2OCRA9TVsSAnZWagAAk+wQAItxO0EeH25Qzc7Vya4C\nga883mCASRK36dQ5XeR68cFiT7aNMHOKQK8rxF460RJzxsQJilTC+WIUZ3wO\nzRd/D/a2XLYJK1QOJn//0jjxyOOrkreXmw6cXWUEuCWWXijVSqoK7WcgdX1k\nh2kjAOwiwGVc7KsBNpEDDqS966tsLMW0Li9htsHLSi3Y9iyKb13v0HBRIGvW\nFSAMCyD6HeSvQme1OPavTXTLAXIZRr0ZUJM5SyDKRt0DX2MtRtgB4orXptoR\ng02Qteiy42I7eGpaq81dGWmzaoMtLry0W0A5q9vwK+cLcEsK2wvXw4OnVxQ1\njalPL5gnU7YzPaj7FATvO2QS1S8ZZcGRGf6cxbCobyQSMel4TJjHroqSa6r+\nwpOY0x6Z9SLFYs4sgdvGw87lBv8/P5fjdaRfblIkMRv1r1C6MmeNezEzKNDN\nYzST0YrTddcn5LZ7+5JB8xGzLIuAfu8gsqykUuFo7d3elkznU3sNzSwPQX7b\nMUq/4P88k9Lbqm2apdh7FCroitEZSu8xlvpzH/B6o7lsQmam/TNdaC6HJolF\nl0ov2dXm1jS4jibYoYFUejnALCKvNE8JytlE1I/fraipmrWR1CD0iJBbiBSk\n0t8cyyywjyngdetGSbW3UKmkPijx/Rx8WtHEkf4dKmvhvkQ1WdzSKTeys9ck\nrxWo\r\n=Y8Fi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbDo+bUn3sP5klNAEFIY7ia2V72b+rkoet7+ihjPPzgwIgMpizpk5e8BmRJE3hwF/j4JMCHG++ji9MFQ4S4uu2s3M="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.33_1571151246050_0.32748105823000184"},"_hasShrinkwrap":false},"0.3.1-alpha.34":{"name":"@react-ssr/express","version":"0.3.1-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f41c7412761d3e378ee948c203a7ac3ef8549ac9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pfakHyXIQMBT7xx6XPRFPndl4ke8HfnKuKKaJV9NvP4l1gTa4+JySBaG1S6NVJr+qJ+Cvroi5jrKoZhGNT5J1w==","shasum":"4308d254c0b1a08fd6637804bd1e40e78f622489","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.34.tgz","fileCount":9,"unpackedSize":19148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpd5jCRA9TVsSAnZWagAA+UoQAJsi7tg2D4gtLAaO6ZcP\nwzI8A30kutQRnJF3NfryscTlMF7lnHb1pJQHQv5ayrTt/QvQE0oPqWURBRrq\noBsxOx4qU1D+uFOB9iLBylVTdPEvkzFRbahIjKXuombd5nClmdWv6f/c6h3F\n3Fz6lX43AzZ/qUOwJRDcF8R21P2EJcU/Cgtt7NUf/IuAqnXZriaCFk91mFTd\nx6Uqm/1O9aocAhjsVjP8vSQwN51Xb9n1Q7usIc6YybXSpexj10HE+Ga6z35K\nmnCp5Sxm0q8QcLvOep5N+y3bt+mDWe5lnyT4jFyoxH0B3C75zVnsS5T4cA1O\nBrVfLgCMhqqsSta5JZwrptz7ANEt7/Frhx4wxyaw/bbywpRehC1TNnvFEg/t\nRBKQG8FXlJ2ZZWMotibyO3CMRSdnghr1PCZ+2gGJ7cfPMB9wiizXaFKEN5sB\ndlR0PX6t6/QkvxVFdpATrt9a15C89OVjQOTMi8bSXRsLNYG168UYghJtG7YM\n21BS4rIhRE8xT0nRajccqSWGg3XHJNbjB+7WkqB3Hi84L70RdB6DTc2RvZQK\n4BWJoQ3wGlZ+LDNWo6Hypt6gSoP1LxaiiOs3nSHU5+EatbcY6hh2JjFBLVqp\nnBtdWovI+vmgvfcTt9JwquDwwGT5EyQho5zeizx+G+kHCSOOYBrlCIMbNwr9\nyYz8\r\n=gFMV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1beNGkSzRQj5TNeaX25KZh/5jld9iYUa5sYwI9PjgRAiEAkrJ6q1gsdU4NLvu50GhZHS9VO4GQN00lNR6E9hWqEGc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.34_1571151458529_0.06049092142462942"},"_hasShrinkwrap":false},"0.3.1-alpha.35":{"name":"@react-ssr/express","version":"0.3.1-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"048b5881c1190a1668e8c7eac6777c8bc557545b","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+8y0Or98sRsmxhmCn7D/M157Wmy8QdoDoWX40KjIw5U59FEbCoZcUav82ooQOnZn9qzLiaTsi4crQdf1Kwzfag==","shasum":"0bd584d824d486b8546932d91612f3c04c1a2d4d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.35.tgz","fileCount":9,"unpackedSize":19075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpd7qCRA9TVsSAnZWagAA70EP/37z1Vw2ABgXJtTjtAKW\nDvsHKCM817RHonF/1jCKkzlxjVxCc/5I1yeHq6tR1grbQ+bKST8nWqV/lnL/\nmo+Jlm09Ve7E2HHZh5tfc8AqQVIz+QLIjJ5mFESUhR9RksPr0FXpYhG+KexI\nT/MUhXS6Cb5ChavG62M4KWMLiTMVJFbERWNsbqes/lLVNCADTwhHXl++e1CU\nzRJOVDiTWao2mpV8h4A5ylgfgR1DgE0wVd/TcHgaxlt81piqd6bDd8Fn/Hf4\nJBqFy/ar3LOwTlWSBndlgNj/lO+qOYW4MOee3IIoWQWh7C89QkyJahrfRWVD\nSdkMUgcn4+I6ScBQfj1pOad6ak2oVDxlgGwyGawG2c7ihZKSO74rr7njcsW6\njZmG3c4C33hLr0dkp01KAZJOp4Qc8Vk77FYS7IA2bkzgGxVSI+3a8f8AXcH9\n9O8ACl+Zim/Lwo41YkuW8hl/bkCmglNyVbwvJrZBzimefSwBu5tE2gOM1ODQ\nwGml2CQcIPwKXyZd8jpdjnM165AwnzDaM6WHnvnxM+d0semdE0dlIDPaonRb\n5axjFFH9hwtdid2dBlU7FkfhK8sUMp5qzecmwuup5XcuehnoOMKhfN/TScaq\n4jOTJ3knsgZXpG87MFDiO9MIFTXRRF3RW4ggLlOoxZVkgJJA6PUR36SZmjd9\nI7i/\r\n=NgV1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXslNVqGs/uBaIgxrWdJ1NLn9No4JOlpXWm6PlMi6F5wIgDMomCE1bJVCWqMUbPNGuLbJ7LW3JuI/TDDq2W0afmc8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.35_1571151594142_0.28895343227262726"},"_hasShrinkwrap":false},"0.3.1-alpha.36":{"name":"@react-ssr/express","version":"0.3.1-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b997af6aa3401cfda33d85d73b5df3eeed2c8db9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WgfccGv8b+PsO0IAMzsiP5zQis76ICz3KR06iae4346le4mtgKWn2hJx/4Pcx1fyG6peJoKSWUALLvaML7thHQ==","shasum":"069ddbabb3ef13397b262e0b48839d7b07cf53dc","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.36.tgz","fileCount":9,"unpackedSize":19081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpd9BCRA9TVsSAnZWagAAiDEP/Ay7JAMKeWa7TeN30UbY\nX5MLt+m39ZhX+KkYsaC2tXCHuLUCPd51qXM7Ps2s23LAQw8vlp32RsWUViWY\nhtctJRhC4Vs7miYUdwOxEMt3Mh7E4DC3nh7Uzanm66qrb7kpuLXLMaeVrGQE\nlLRzQSl/YDx5CBlddkXZ1qswA7ST0sELbrr+L01wfbLg8GbTGhC8UyzLXn3p\nWWlBZ7CRejNzBVjKw3cexfW/tW+R6vaBTn01VNCvUetBgqLw8Nz3mGzEMqkB\ntQ/J9RUKyfpjHbpV5bzcoWjoDBhFGBI04sr94WZSjF1RbWN8SdoBdwD74sgQ\ndDbvNSizISmzWzWNLGxrgDxDUJQdrKtGG491Fc7K7PnqaUHy8uI4t0DiIY10\nQW3Q+M2C5A5jjUbafGX5xxPoWKOI9GJnUlY2EWWCm5rKZW0PF1ez6e+6BgXC\n0sXUUHzcQWw2cgRs8sq4tF+9LuzyeQasEqouub0FF5rmSUYs2N0rSfd8Hfyw\nv8XEPKSe2/ZOdm723jffs2BOLIBmzvkzpE9M/tsyKPshsIhf4jAKwSzhMeTV\ncdmrweRE0TjyCT6mvCZiQs0zfXrYUmTmHFMPbJffUOi9kjUtvDNKkBGHY9xO\niVepYStxolmycsmc1GVisGbSYPZagp5Qw5+K7eiPyEdSwn86kCBSryf0rzVj\n27Nc\r\n=VXTD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDN3k4DA7engkMVKQLOurveyRw7Ro1vWXIjfyhaKSpaNAiEAqolIla488rtzIsh/IEl6EK1W5wM0c2XXdpDpkZLzYjk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.36_1571151680742_0.9246240237025078"},"_hasShrinkwrap":false},"0.3.1-alpha.37":{"name":"@react-ssr/express","version":"0.3.1-alpha.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a726d690bfd49c810af0254aa6508ecac5fc89a5","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EFQAPD1eC0MshJDibQYeqLSjgpQ9eiHC7vOOjsV557qsYo48jMNzb6Hix8AdrSsrS+xLkQ5eT8Ek+gcJ8yhhFw==","shasum":"e9e1078e06463a85859e629f7c4b78318bee358e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.37.tgz","fileCount":9,"unpackedSize":19122,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpd+yCRA9TVsSAnZWagAAkPgQAJD3QHFbrS/Yx8fxHgs7\naxF5XGGcbPMgUfpGis0RqH2COh2LBR77W7y6ObElncd+B9fpSH1dUC/dS2gA\nFO5B7K8Vtf5uYrT2IyLPHQbtYsIgp4J+GTFwXdjlgLZn27mfdjD5zcOkvFrY\nsiBhYminTjL76WYV4atu2/swh18NzpqsZl4XC1KZevB3xBr/Ztly6RjDDyNg\nbsoWaYpWT4LAEOq+SnFzdSQ6VklrhY+GI1TSb+a3kr3VHFh8WHLyDd2t0xCr\nsH7UYo00LXisCPhqunulMW29my/mOxGaqmWMXPi2IYbM2kL+fEvZzpyPMeNc\nExs5WBVG1i47u1doP10dVMHlC71Dp1mxk/Cs/cyRwJBnnrbUV5DvsZ66bF69\nVKncVXeZig4LAU8Ek+nCVHotghXKNzHLX1zu9rffATckXeoIMDA1rub5lUNP\n3APJo1sVUwQa7wtWWmLcntf0DXqxoVcgzpq2R3ZOTlDfrAJrJVZgDsJV0azR\nAbE6n1RZXMzrenGzcRO9iP5nYOlARuTTe5IaBUN6qwCJgmcZKKmoYIeowZYt\n2lRPH1xiHe4voPc83zLDYcH6//TbHh3t8YIpPwvauaHPsLQLZ15dDIqkOj/Z\nH88CQGe5Zna1bFHJynR/tpxHSr4he/oZgQChhGcePjQgUdfWz4nSTR+8/tBM\nQ+LF\r\n=iKkD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICEmHi1bNPmtiybTa6ZP6oRHr/6QVKWMq3mhnx9d71mzAiBTBRSbDlQxOMdstkQ4HgK2XEd3oo5WqHijcSfolROigg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.37_1571151793501_0.2860414646581062"},"_hasShrinkwrap":false},"0.3.1-alpha.38":{"name":"@react-ssr/express","version":"0.3.1-alpha.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d33fbbf28d55366634e321a1ca3f139ab7e42016","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vG0qZt09yVlhVhFpqUVfJyNLpKVZFIM8QlfchkcykZrqJwQWOcaHrXNlYuNMxFsa4CL+N/IzQwUmXYCwm4nHcA==","shasum":"65cf074b93fb83dfeef989663c2de96db815b4fa","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.38.tgz","fileCount":9,"unpackedSize":19199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpeCkCRA9TVsSAnZWagAArsYP/1TBcBWb3SwzrNkAVE+E\nftdZXYHYv78WHVKaU2XGUDyHW54QM7BQmXJprW8KPZV9DOv3u2TmjQfr2VWA\nltaFEnPEarfcwqm+mkYiVI8u6+aHgLnZ5xzY2hDh5JQxoz52Ipi07JXA6MVZ\nZTtgxvQ3tgQcIZKjH7fnQ7/r8z3o7uTM0OKaAM565LteZCNC12t0R0NOj57x\n+V7v+MXYk8r7FdQ8TOKi3x5+uiPm8gbdqmSj/mPcBbge2yZjLqvoPvjcuozC\nWeCnLN6+Ld9W5JvKrQYFuJvV04P/tZTtrHSyBKHJiHfHM+EHVsyRj5to6C4O\nx33s3QK1hRptX01ZfQ0US3QKnlRkqs8kCCtxRLsyYytfFczBe5BYChnAqlAS\ncuM4tp/J5pPofVdpfGpUxLNxdZ6jSfI1OyPDFstNsoYoi4pLYaOkZd1UYK0+\nbPv17thtfpoSsTmYj5wfKwXhekDKMiSaGz2+3wWHWl05GtQyTkGSZBIjbq3W\nPVMhF6vAmI1tX07iEYKqONMD4O8bsrB19HwkqoR3NwsmFuhVLGDhKV82gbjp\n5TtWM/jlY9I5l1td2Y43H1Ci8F53sHI3t020fH6rMkAFo9SlM35yGtjiMZCZ\nVpT5e1wpNVyDGnsUjf3MyiEM8DNnKOQtzy6hXQBlce5e+k6eBES2nch9+Dql\n+xNV\r\n=Vw9a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDu/dqtjlXYZCyZx+TVO1tgTlPE3J3CaCAK3TPRTGL8nQIhAJDiHBrYi2mLEkjiMEfX2Eadd8LKAQtxuMg81owjBs7W"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.38_1571152035642_0.9272936687920985"},"_hasShrinkwrap":false},"0.3.1-alpha.39":{"name":"@react-ssr/express","version":"0.3.1-alpha.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9746a83f68e4d431f7e506bbf0b5ea291fc7a739","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2jfyAflYb0ZbdT6jGaf40bM/plSN9sfj7DcP2XxyOAoKaz0JfeKNLyj+Q8+QXaTzlCPtet/wltTRezPSsSQmwQ==","shasum":"3b84b5e3a7f1edcd5f1a6f06fa6ec30a6c965a72","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.39.tgz","fileCount":9,"unpackedSize":19282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpeHUCRA9TVsSAnZWagAAeeMP/2II3wVFikIyb5PVXrSC\nsf2v4i1Sagec7LQ6aH17reAgbWeaJ0mPsAPJqaPpoebzCqmWt455hWeSkbP5\nGaOfzQ91M3gThEu1jsWwjOfFvvAOVATkg6xxJxcFHvntJ4o2JCVd/Y0pmayV\nKMpc6yyK9zde1l8Ga5yaaeEBakjXpY7oTA57Lf3BcYfX8JmzIULkDKhc9w0W\nl4CnbBX3pA68p1nxZ9F+bCu4uM0fhYojS2RaL5QZFSsfG4OneboLPJsFYHOg\nWkmtI1VTylpV9Ag2MyGGuGzNcwbX+4VHMJIop5HfaXIpLOvUbaoeEUJgHF+U\n90neVw+XMRbVrgKznqdubA2bQ6bRs24UCqBaT+1nlp7rabOKt/y8lz034GG0\n4GvuIoCoFKFYux5nI+GdJwYOAS0SZahWvH093sHzIoC405u1SGbmWz0c9B7X\n1qQ7BXmk3erz9RwYG4AfC46SSO+3E0TOKy4nr8ssZOndyaTG1S/R+0Ix5ItB\nwIKpXPVKWyYs6XgA2iCGKd4vHLr07Ez34QNwNyL5R1yYTJpGadjisrBmFgHp\nWG/X8AP2Gt+F1ycmUzAsHchhfDKfORq00vMiqLzlvtvDglO/RMl9c3sCiWHC\nYMIcSBsTjWzWGMCOkEBpesO/p5dgl+2kTJUBRVY/46SmilgfG+u4AscUT8/R\n31p5\r\n=42rx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvPtqT7UdhUtSm8GN5396M9Q7Bje2/KIbxn2hXkV83swIhALyzsnBMLvShHxIS3B6QXxcckm1L/qyopJEE3wtGzJJE"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.39_1571152339339_0.10538989270181709"},"_hasShrinkwrap":false},"0.3.1-alpha.40":{"name":"@react-ssr/express","version":"0.3.1-alpha.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9c8e010c2cb69c35808aeade5e7303c54bb1b3e0","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-quWS5LOsV9NrCry7YC3Z37NXlmOATfaIqbdcIhvcMhAYupGwpXgMcSc41YBo4YnC7xj5Ez8od1Z8xhmMAmHYeg==","shasum":"2393dd79e2fd8e2d2721cd8da1c59fad2327f436","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.40.tgz","fileCount":9,"unpackedSize":19298,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpeI7CRA9TVsSAnZWagAAjEUP/R6tfbCY53234C2jJn1v\nhbI0x04SfDGJHmFpQdn7mgN5Cmn3oqg2AXqDVt/XOnVL4bk5JCIpraeD7Glh\nSqPMGz6fQ0A43J/wDlSGfHBadLsLAt9xo5UspAVqa//IuWEsbCbjoBaAXOcB\ng4zkuGcHLG460Cx+XMTLkjh1NQE8hbN7u1VQqM8Fm/NJq2zIOrLcR8sBbAUz\nK8HLH0lQfoIpEf1HZmiZYFZwTfntwuMli+do5aAw4fkICtIg/yiFgSyFDIly\nj+Jm5Ktsv5+3b4h/F9BPfCwbJRRjFBTNXpARgBKU4CoeA3FczNCy/T3vF8gQ\nvZu6KVZ6swdy6s/LtJjE2f9S7kj38s3J33zmdyfUBAesf2dnZb3aQDgWVvWw\nCdHaIIwquz+8A0VO3Ii9T/WNn5BjFKCTLIo+I/nyWBaFZFfvn1BsudQUbLrG\nPP6Z3E89U9egWDXPzFrmDZMb5bI6LncOPKM+3R+OzLNJKawad9l7zXK4eOCj\n1cHWe1uSKLDQqofARXOlKNWSMYdFfjEUhzMpAyEbGmKOfta62/zPeXGiScIX\neEIWVuxc1OdXnHIEnaRDTMfEXkZ8FAa0VJs2Ql84bWOC8oYr0cuY+ERGZqfr\nZ2vqJGYM8AAcTSEBU0GyWft4xMal6TPn3kpvL1CP5626hwJiiGkFqkXPuOm6\nO05K\r\n=rp1j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEQC/LqtJq7+6Ok91ock3Pc+SB/9muJ97+V1LgByM70sAiBmsLVg1xBlB3RBPy0oIR4Zu+jJXDPUnyRMo8f6aJy6BQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.40_1571152443283_0.1503828932359823"},"_hasShrinkwrap":false},"0.3.1-alpha.41":{"name":"@react-ssr/express","version":"0.3.1-alpha.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9e805f57665d2d91d902fd50df8fc87b9cbe2228","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KvMSjukgUi5Uq3k8QBx1oXiHDCM9REILxUiGSqNN2rKxJjddrZ7JmX6y16VArbhBmDaaU+EQil7RrazrqHfKFw==","shasum":"0f227f0b5521285d4e6b87c8edca2fba277397d8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.41.tgz","fileCount":9,"unpackedSize":18406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpePcCRA9TVsSAnZWagAA594QAJOABuhkttKplzuw1iMd\nopTtRwH78Ziy7LgM0pL68TlnUicmFCNwx75hLjH9uQcTVOanV3eXfx83VU+E\n/2c284G5NWWVhJQ4774WwgHUsbK4Wjopc6vMb2VEn120YVUq0xDYy62YRi4u\nrAophuhqCFKJExfgRlnyYqo+W+HIq0RNpNaa7xp7uVPCONR32fIbIW2yvRXU\nRYszxC0Lol8Ysun0OnF0pcIW41Pmx2jcOwnbjUw6ia2Sa+V2jw2oFwJG7Pz2\nZlbQhbCxdpsW+UAe6m27+LiXv4lSH7V2bhrhspvQvQaIdwrO41XiY81J37K/\n0u1ajGRIukDBNzve2zJFqfO52oktIp4n1bexf91WJuRZIUE+PiKtfpiUQN1s\nBHPacPTovisJMwDIlksQX/Qk8fQH/6Vw54BSqDdCg0mcCY9dUSAen7M4BYph\nlws8V32nZKJp2KLOFseDNGF1NAU7Fi3f++yxfldp6pUrhmwqb3zF1t6wnlKe\nAIeQdCPmzQZ/QvWTjVypwll8tDlFs37W7hj+2XSBLK8M6G8uj3+W+Ygkouu9\nnXuhN+ROCP8x4InFc4a0pPbJH31bEJDAdTWpoFLYZTKtYYU8Qj6IB5AvWTKB\nc/5GzdMOynN9L51WYHfLTgRY1AjRqbs1flMpExc/KOgETGULAxZLI0YrBMbl\n5kwX\r\n=BK0T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcb52iwGfnX2LU1OdDvYUK5TZktl50vlFDWqy95Fwc0AIgC75nBXRZM1oKxkvWbEPhjKSO4NxSuw3lluOeumOAvvw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.41_1571152859674_0.4524233024442177"},"_hasShrinkwrap":false},"0.3.1-alpha.42":{"name":"@react-ssr/express","version":"0.3.1-alpha.42","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9042277e62e007ae32f89798ff6d4588a054da2c","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.42","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BRrH2GiV2gDJTHFoGlnSoXU7FeDcwulK72S1RbuF8EmP/1wLfra0WJZQCTMv51MFuWKH+g1zdd8igO9Jph68hw==","shasum":"9075b1131f951680ff1a1ef4f72e93704e57efce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.42.tgz","fileCount":9,"unpackedSize":19035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpeVqCRA9TVsSAnZWagAAObMP/RBoTomSdK4ji3Q5IbaI\nR9Bn92nxO1/koqabV/i1KsSNMfPfYTyLD3N7rxff8+9tFusrnYGND+8dQsXQ\nsEMKQFZOPdxLwVqDda0nXMnFCHl+Wsxo2ux2YinGZz5YNqc6oVHeoe2oKDoQ\nr2hYmX93AgaT3OqIlmDZM7XaJGV6PiqllUKy8rHz7FNd3TxGn0JED6nS4Yyc\naf2GyozmXJTZ72aS16Tpv5FRbV2EYdiIFz2AoVdnEUSlgGJocontLHpt0iYv\nvp0zAsGJYhCinyZKYzcOEwK7poaYR/xhic+wA9frZAEgmZEXfEDWr5U8XKON\nfpRjVggz3kdo1Ga8iPrBTST70wBtacQg/QdS8oRDYQNZPxdj3BVmHFl1g4sG\nWCSJkOPWp0Fu1B6nXKbda6TwBPe3tPC1GruZCicdK4P/Rje7SbdTYjELPNYd\nGMM9N1JmtRYyt9dYQiSfNMdcfxLBNCvYBeJZLk1HS6QKZVdzhs3EaqH6N2+J\npOJUXxyb1Bt+/RbtUXXiMDz1cXXI6jJ04kmqTrlFjTgx5pq/3Zk3EL8sxGk4\nXLyBmhInSMfQZ6OX4zE6FNCY4Ia8bqWXpWiPhb1vCcpplSLKu/iVtV2xqiIX\nqVbXXGSnlJhgj1YNs/tdrHOtcXQ4kt/fG3/svTeFqWALzkSIUFvNrKzjYZLW\nt4S8\r\n=UdpG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFJrmIgcWh6tg2FJzYG/qsvHFpSh1NPNC4BlwUpyqJ8dAiAC1nGYej9evK/x3jT7DtkGLjCJux8ri5od0W/Wk0rOdQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.42_1571153257515_0.3923842116320453"},"_hasShrinkwrap":false},"0.3.1-alpha.43":{"name":"@react-ssr/express","version":"0.3.1-alpha.43","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"21a4944ff7bb634add5851f4c72e63857c17f1bf","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.1-alpha.43","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zhmgxmzmg8imqHrlVCXi8onH0QvwFVwGrf6oE33RypKsAwxp5NqP1NSJQexYOFwFSfEXO/gBH4sXugi87vWliQ==","shasum":"e65337906f74b1fd182c3e99c8d26b2a49c04b8c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1-alpha.43.tgz","fileCount":9,"unpackedSize":19034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpeb8CRA9TVsSAnZWagAAvfkP/RISUiymTamoBo1g4Ndp\nOLYouGYdxMGRzeZQt3x28sm/VE8gYAEHA2D3vFHH0mywaaW0quP3zcECjgzb\nWyMJLArSqQ9UocXao0w+MNiK5jQ6g41iMpWtLxZ6gv/E1Yn/sUSOYysu0BbI\n5UMzjnJlf73WcYKO5eG2bWfQfoYQU0s8O+W+bafC7B5AMBJcLrtq1C/1e5kz\nXaqfToAnQ4E8ad2E4snOPNbkiBQ2IW3ptUYQEFqcnv3eLtXEPtOxXkqYo48L\nDtO62Wi/twWulEGjPABbG45mQdofj1EAbNqs8+HOH/KdG+zgHNBx+Xk8TFIX\nFEf4mYvONYBKocShNhuiVDpJ96eg+wLMHsuG+vk5xxDH0VOFZ3OVZxBPUjQh\nryOedQuwzDxSJoNwjSLJRA0kRFEAUtddOTk1X2L4Sun3jUOpuXcmDjjwMeH7\nDT/zsXOPJHSfB9p3UqUSG0fUY7BRao28Szc/99T2VORyk0BG9A1iIrRwnrdq\nbkfRQ9ZrZTJWE15SnVMBdZ45H887DG7kNYkdXqAkenkDIqFbfv/3hSPhTH84\nY3ysty6esb+frUBqn0XGpAfuW6UKaYDsQ7OjxRCVoioEBzrU/3ShENkDBqjg\nfFsI3TQAZ2uBtDwcY61Cf9R88eQymC8McqD7DNYVwke9EyalOrkLAhAkfoOv\nCH/A\r\n=bV45\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2s2W7stsehO7+bBBi2QSo2EEXBakuaLO08uJolHz4ZgIhANeUkqzkr3smyfg9nQFGpi+g487jp1g0ZgjWu0tp5f7J"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1-alpha.43_1571153660017_0.20457664038723866"},"_hasShrinkwrap":false},"0.3.1":{"name":"@react-ssr/express","version":"0.3.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c124fb81c0f6c7303abb4e12cefd5ffb7243c687","_id":"@react-ssr/express@0.3.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-f34f4ON8G6G+Fkm0l+RjTpTjzpl8w9C928YoiIvgYAmztyjVT6E/880FKH0LZa8Awmjx1fYKKAWlqnNwfSwA6Q==","shasum":"08ed3b98371d650c7e0ac2b7fc455d1c6a06ed57","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.1.tgz","fileCount":9,"unpackedSize":19017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpeemCRA9TVsSAnZWagAA6JQQAKLjKx4E9XEBy1/90fNl\nRpeHV4RDd6zK6m4TqBY8cH8MOJ2DuYWlMuA4rEbqhIMOGb0vZqNbLqmmy2lh\n1yRsXEbCful76Xn/1Bk7X85sfsHmdnnWcfEvyu9u82XYxnSJjUXQkvjtg05m\n8Fmdism1iUSwYSTr1vzrjNuq5v1oytGV5qnx7Us2dqv8uCwqfEIJk4gmZw/t\n0NzieU0qCExfi8o7yg+R3lKw2HUI5igYLuuP3HhNrH87Kfwx7aLsb7tDDZ1Z\nck5TASlSEcciTeJEG0D7dUfVKC1r42Cqr3a8qx4JCNGhmj7DX+z2b34G+3VJ\noqxGr+przXID3XPZabLDtHz9wxGPNBLmW4O8sdPShoOM7yHXZB0Y/LXAOIgf\nTqoz0O8EWP9IMMBT7yQ04WBZqkY2a5wsvq7KXmScRSBkS1eyI4kOtHBhZu+J\n81kipAjrNOFNZ5iqzlRXj4AFkx/q0ZO4Md405Qcz8VIJAEi8C+SUTb8efHdD\nej7WhFptP7AI8egLDL5dQhVEXBpz4N1yWRBsZdgB60Ux/I1KcyVQWrHH63Yo\n0TYnB4WB35xdCfVf1PcXNxC/7qAsCykMTWRE0FY4zYCa+dHIT6i3QMtrJdt1\nvEqv6g6E0VUjhal4U46YnoNo6PBvoPy3WBQ891Fk8qIyhZ5ODXlMYbox8lxe\nDeIh\r\n=td6h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDg9mdgUOF1vpcqXceX+ZugNqwhYHQhgNjsWh+7BCnugIgAoopWaeuMgG0jpvIhOzYFs8r2hi0PsTRq0MZ7nHTFGw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.1_1571153829735_0.2774978688557215"},"_hasShrinkwrap":false},"0.3.2-alpha.0":{"name":"@react-ssr/express","version":"0.3.2-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cc9870a32805cbe3729ce07bb45739a43c5cbaf4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xuFFncdrJMN+YbyXxfenl+kLOFs2MsxWQohbuCsd/PYs7OHAYoB2ytGfRgIi2/vixgVydc8hLd/QvlNcK0bsAA==","shasum":"f36edfe90750e14db3027baaba965a93806650af","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.0.tgz","fileCount":9,"unpackedSize":19029,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpfzoCRA9TVsSAnZWagAAzVkP/3pAYbIK8IVxzXbIaeS7\n5CFj8rXQgecbCNtxwtseiZd3K2aAbYC1cEpjym1BnxrVc6Jx1mSJpifSxD0d\no1+q9/WV2iGrz4AH6WmTiBn77q5jzDahWPABoiFsVaj8EJ6c8DL8QcPel9xC\nxXUcadkIkq3X7+anN5ut+Rz7b7USOj9Shcjr0qW94UIEBS/GCDDghV1W/jRa\n4bq0UVoZOW16P8Y7wDs85YWo4aAOY71zlF4eEdg1qpiDMrhL0sm+bEu1m2ja\nwUPxiryN0oqFh9MOlDLbnV8cKxFOrd33ZEvLcqIUfdEN6CP0CFkg2ehA5okB\n8TTVLK94m1kEb6tMSGrsidtcdw3bcQl/2EM0Xqfy+zIX9FdSYh7dA/yoeh51\nsChoRCJuTeH+lj/8OVPgfMt0UBXiMvanX8iKbXf6DBAm4/tGCFaPWLd9TYgJ\n2xcPg0qP3d2h0j5/+lX2UNbfABYTbcnAhyX17AtIVNapfFL+TaiknEC1EyYC\n4VdrV1LinrJDLYsi8diaqP5hOK3a9ZmfIbVDixGj0fC3wxcH45EPTxruXdZV\n/6BlRetfpk/HlxuIiN9OEIwrd/LpWY43LzSqxd+ctggxyWzESmePIwCEGg9B\n5PuJAOS1eJ8tKpd8UqusrNQycKcBt2so2zK12JG6+N4g/+uAm+3Us3bWf3HM\nNfFM\r\n=6ev6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFsUlXSLBnPmLJ3SQcSGgtp+mM7dNz/18YoytRS6GY8nAiEAq/23+n+a6DzctxJXDFFs63N1BgFyu/1228kkNooQivY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.0_1571159272065_0.07641811039631285"},"_hasShrinkwrap":false},"0.3.2-alpha.3":{"name":"@react-ssr/express","version":"0.3.2-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c3adc1cc6f0878e5bfe03b552e935e2c608037d2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-oAJJtOnVtI19ZL5lX9WS31F1oNaaihI6bGHCN+sZgPqtdf7ysTKPe6PLq9QYnZ+KHZGTlwMuJq+j19FNB9R7dg==","shasum":"7763b1587751902a2fdb8f4f2050accb04fa2907","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.3.tgz","fileCount":9,"unpackedSize":19035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpmcZCRA9TVsSAnZWagAAmR4P/jGkMC5ujL1auQvogtvG\nKq4DxfXc/u4sZnCl+IzU6JHmqnqjvo/cjIikxWESPV8w1RHIKyekYza6o/Ez\n0DRMIRcKCj/KNY265Gj65IMsaqw4UHEGkmYYhfibpbiNtxkbhvC8ozJBKd4i\nIB9TgwTnDIHnuH38xWFyIneriIX5RDMhRfK7BZjx1hwkrI2Gw4xcGE/JXC3/\n72b+wkFmaOCncAp5bgdvdZ/A8H6qhUd6ED1dhDZrRdJf7Xp1K3rvirpBQ8SW\n6KE5lilOnDO4HA3qg23q0CwRfT51EVAOHfA2B52EDaUd6rSVAbhmEIibT1tj\nH0D/lgCWSwcnPGsVTz5Le6iPb7Ll7USlyeDdgX8lZQRXIwDl0AENnf2GeA8H\nNDMSsV8ytx1YWUrP86XIRZ4ftb6NNzB8i9qKqA9YnSDDWCP6kcCaKDlfSpaQ\n1uPQKbAd1Wkvv5gwzMVQZ6lZaREfLT3R5LshMvYO+jGt7fjrPDO5X45XaNan\nh3zCjbOigUR2/e4b87sm7KmbDVslHO6t61YqAizs1cqAEpP4TUxkTAgfbS32\nCvOxSIYTQTIMriravOJ4lFxozo4EiQ4GVQcw5D5iffsTH6e7hnNZ+iUIDEuI\nlySpNPLwk/0yzqIdF5EVAnO0ldLc9hLdUuEszkz6dlNZ29YPY1gg0hRnZl08\n3gnF\r\n=17wW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBI6gIa8N/s5GuHC6VMhXoQJHPg3UuuBCMVl7FnwVx2kAiB7Sy6gv6+vs2QZZO5lgjjAGrDfVal/Q4rhkPwsa3LzUQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.3_1571186456967_0.3066862072938814"},"_hasShrinkwrap":false},"0.3.2-alpha.4":{"name":"@react-ssr/express","version":"0.3.2-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"219d216ff6a6494aee91ec878b468183fd125352","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mqpHJTDxmSPoBuyWM6LqOLUNVDET/sQ0cv2UVqyRUH1IyDgEQNpgx2+MjwoDxQ2qgQpA4SYtWgVdGT10MONEzg==","shasum":"8f855bb785788fec2819f58e2079a7acdd0f2cce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.4.tgz","fileCount":9,"unpackedSize":18638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp6RZCRA9TVsSAnZWagAAMsIQAJ/1SV4DOrnrK4Gzvxq/\nob+q9ISqBES4Rjy76Ond2U4nNrO94FZJTupWSqKghIsasgAMTufD06D8qALl\nHLT+nvFGfKnPUslwriUMX75Z6J6JEedcUCgcyK3/VqF9SpxK29qSwbdJ80nm\n+u4OdgpTxLLDp8JGMHwJS4sNLWlOxJKjn4F6V91CkclfhoV8PTMAE8LERRzC\nuOECtPWBUAHEQUCy0QyFrRQRLoQS+P3FB0FrWNgBm/rX5AWAzj+jHVmBk6Ab\n4AUwSr6NrJwA/7kZ96LK+M4maTFDYvs+HVOFg6foj+IldYO/Tf6LLXGvMy9u\nVeBDiZOaOnviaVhRmnzZGLP5FNlJZ6uOwVzGhoVdAwWTA+3sDxn6T+0h5Zee\ni/Ij05RXLONCu2hjPWM9vLjpSN8qiZZwDDOXyPdVknP0breAxwYWb20i0aP4\nkR6+fDfu9T1OdUniYpskKK99AWYnxSbZ2UfXOzFishdn2UkUzeP54+pXI+yJ\naBqo6UdNUwTbqSgaFRBF8r2L64x6ZEUYIc1LhieSkgIUKh1Hoj9IIne21u7n\ntRbbzFGfTwuD8g2znQIZygwxFEllxZEkArO0sRTFEEfmt3fwBmE8msRmw8Kz\n9FmJ+tqZojdU/yNit+BTmTdMlbjz5SSMDf3zXlgLKHatcs4prwYtREwIDgO5\nMmac\r\n=W1Ee\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2o73kCxycK8c1BtP2Rhk4+rBfRZbbFG1/BvZbwC5JWQIgORTqm5F92+PReY4hlRNHpym/aNzhGvT1DinOWGhE94Y="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.4_1571267672472_0.6588683042024641"},"_hasShrinkwrap":false},"0.3.2-alpha.5":{"name":"@react-ssr/express","version":"0.3.2-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"157bc8c61b0c335ca0b8c8aaf4ea59cf60d79230","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2h1KzJor4dIdSc8NoSvNAeGfwisPKERFzkwetgrR//NWmPiGPGoIS6/x28nQp0I/sSbmNd+6ZvFjPczm9XFvpA==","shasum":"c81c700316c507ad667f933a0174b2eefd771600","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.5.tgz","fileCount":9,"unpackedSize":18653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp6YFCRA9TVsSAnZWagAA1oMP/RPyYfWyh2j5wuZ7IyIB\npHDXdTTqB5xIyqYYKhFNLa9ioBvYpGzknAARnXpiGT9/SfiFpbY7q+g8mLJo\ndcgpxRkIuYiU0kydzzopJAaSlG6i70pDVXK0yu9nsCovgEewbFuyEUzx4uGE\nnmIxGgCw8knL7nXXEGl67HIzOxw1/mkF2iQTj/HjWbvJbtZdJMtEIslTg80G\ngDn3B8zXY4TLzVsrnxB3Rc0Q2Dyi5e0r1QorcNxp8X/Zyroa1HdtyprvBHY/\n6BFVFauDc2e8UXS0g6tJhDapndReaRJaqbKWaoft+aD3rsUWNokF0x1BzsNs\nkF0fpMUBBjTqweOvo2nHBVv2S+5LJTRuxSWCxcpo7HDY9PNJjV/3XaaMBwsE\ns8pRb/u3jDKtEhA99nMIBGS7rZLRc+xiCyNE1QCw8A26Dl176ELKQTjExMWz\n0DadAmfzg6M+juRyiN13RLW8aNu53q/LtVXVEvyvS1bLxHc1HNoYQHfb39J/\nV3KtKfBPXrnuvGsc+AbzQP4CGY0Dz0O5leRha37RKj0RTZk0U7rSGPgY98tj\n+U2pIbKNRLa7Cmgdz9aX+TwBXb2jfToR+VHn8J4fnTmr51+szcJZlbRBeyCB\nTd9lSgfiT6MZYkDoxWHX5tGjY8N6VPc/Uxu6PpTBldiEmcpiELEwffshO2CC\ndGgw\r\n=Q7F3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFQ76GUSQE+9q2oDSa5RVCpBzeq8PDi9mXXD3MfvhmMAiEAuBzA0WkGZcC6QLLRDYyL04VLbpW9LT0UR+HpQZ0Injg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.5_1571268101201_0.7555723541757504"},"_hasShrinkwrap":false},"0.3.2-alpha.6":{"name":"@react-ssr/express","version":"0.3.2-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"84cf9522d81006425773b5c81e5423ada6e3d15d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-8D4X52d9Kvg0KVqPrBqSR1XLzH0gpxy0esjs6cnh3frn6nQOjXcCpJSbPA/UeDUR0PHTiUGXoux66ihIKgmFrQ==","shasum":"e8fb3de5a8113506ffcc88abe1e5282cf5f681a7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.6.tgz","fileCount":9,"unpackedSize":18701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp6evCRA9TVsSAnZWagAAjDgQAJ4lrCzTz2InHAywvld3\nLk+vqgcUDEw1VIKxTY3qUCWI01vdiUV7PneMgM7RQv4f1fe5B8MKoW/7ntGc\ngDt0hP1MPap/FzgurdyN37/V4zwO/Tbn4e+yKlY9P8nCFbDWGftFuWg+THGb\nLwenpywuFdwLp768X1kavpCr6A23bXBkcdx8cXsjOMaa00gTH/6+0JxLHDhI\ny9OVISwUlEHtIXixPgS68ihsoUeT3gFh65U3ybAS423qwXjnudouLdHWMg1p\nOrJmuGiRmYyie85YDTq08FOnoQAgviuh+nnbP4F+QPAc3eO/7wtL/qFgbs01\nXQ8ghG+daBBVNDzNlRikQJGPuCE6iVRxJJcHBxYLtyNqFleDdIgv6zw6g/WE\nq30MXv1RJxBDseoUwTKhNT6SRGUxq4hzm5l+F79Oo/pWamm0jlrfJPVJBAUt\naZ80JnNVCeZCqf1XJ50zX4HBzRyHHYsraeKkzXjfewyt9/0iEMEjgicV+xMa\niMcS4WnYv7Lk7UdBDqndqsA3/3fEeliJ6P91GPFsZgWQXTOGptpTINBAEGsc\nZKmsck5IJnEp9LLNDtErt56Bv8gJG090rrcvz6++yPkAjhg1IM/LCscZmQMo\n2sfWVhxZsLDDF73NiuG5jm7pyNZSwfMartOBXzw0WvRMgGwHWjmVL7t0HFJf\nbtiA\r\n=gd2O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC3QVBGQyaoBSwf+4Ml+6mwHtwHQ+UiyEkuovhY+JaMVAiBlihMyafaFlGvuuLNzgOvrxNAlHL0Gx3h3W52QYkza1w=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.6_1571268526898_0.4399014233825753"},"_hasShrinkwrap":false},"0.3.2-alpha.7":{"name":"@react-ssr/express","version":"0.3.2-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"261285ba62ae6c367d9361545eb6ebe9a07f604e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-T4/63RP6aw6VQznZUf6b1gjkkuTeser+gA+PzNzsOxHWnhyXW0DcOMpkHGmq9nartUy60Dc5YOeE/TAyWtNwvQ==","shasum":"0d1aca224cc31d124cdedcfbc571b53c8aa51f75","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.7.tgz","fileCount":9,"unpackedSize":18755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp6h7CRA9TVsSAnZWagAAFT0P/1QBvZeIFZyx1a4GbtJz\n4gpbgDy3PKRO1Ksl3ONFQyGlUXUki90rcJmqOzl2Ljth9kpZ0GTBfq0EnAj5\nEKzO3cwkyTNyBbQ8YMSlpSbcXKI2b0mRCiN+BDELiWpqAO6xvFlEbqfbxN+I\n9FE36Wnm5w3zI30DgKeV8M2wiDcpXPp1tWR+JSBe/TNWYewlmUT4oOZXLEqw\nM/T4w4REPyAyT3xW/EkC6ec//tb11vUQKGKC7AqumtC9kj7pAQmUcBpCD0B7\nkC2vUYBlfaBhFb2ocphueNTznlWd1YJzLqdn1Tui1fGubp71Y1U8+YHByGyO\n/5oUMlj5AbkvH3ehQaRUNTukwyosAFUebwjbAcfslYOLftQkp0lBw6WKP3RV\n0DyKPIA4mvqR/kw+ABN+je/LRE1tVM/KkHbBeaUZPluIPSAFu6QwrPysPvvI\nkINZ81jIUr30yIx6/NhL94OlZ1DdAvBwBeF1eFiTyQZBB++/9o56I76sITdI\nR/enACkVrN/qLp4NWmCsIKQBUbhLCtY4+cvIU2BqiRRoHrM7QT6SA2B6lllQ\nzmRJpo+tY4G9DcD/CreZ46DBPRgoUqY1Hdz4WUF00Shmi3jFC7KpdBJP2yfU\nE5PsDqZ1cbm3sFOcRsIIuHZsqjc5n2UtUV6QWcR61E4FZzPqOaBIz4cJMrCS\n3/aq\r\n=dP+z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGeq3kE8vOhRYwv9LFlG6tVhQSLex27VIXSRCobcrGHAIgFRNPkQDfviWCxg+Chq1ogCrg7f32g7YP+msqurF/Y2c="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.7_1571268730479_0.24748261006620442"},"_hasShrinkwrap":false},"0.3.2-alpha.8":{"name":"@react-ssr/express","version":"0.3.2-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"18e47ecf7d8ee3493b618a96f34e83cf2f01d617","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sjZ6dMYvcVO3Q7hfFhELeMmAEME7u0qdM9AujdaU5uzQo87y3i+f9pQRMf7ITzyADL3ImczrGgv671VJRQEPsg==","shasum":"25929e0e10960adeb4437211ccac532b971866c4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.8.tgz","fileCount":9,"unpackedSize":18804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp6sTCRA9TVsSAnZWagAAagcP/3u1ohbsdwhw74Qo/Xcf\nLwzlfNPmmgnU0aXBIK7vW/1NWfXOrJrgapzeOICUpE3/5vmrFNYjxrEuKqLU\nvqI+6FXAWxgvY94lq+tYMH3EvYUGP4ds4xFKSPWhOCPUvsWLRYIdoSFtfi/k\nOSndWZzzUeUMtSbjr3uRxUNohF8ZM+9BbTWlmI7FbM1H6kXMn7CEw3Q8tole\nbZtKcTYsKjFP3nlnO/9dQlAXYw5gXZmH/1GutJM9PmVmh+vTTHOHcFL7wyXf\nRESdrIuBY/1kJhKk3cNt1HioObsIfUzphWgLMkGYfa1x+wV/zoqUv7Fezfx6\nC/vDurVLjwGYibnCZ/zXbGZ/F/HhWpt6TATLy5fOxJkKBQzES01EhVovWnMe\n6fVuivKwcMS/UV9Xcx0JjJnkzNfCGo4qJ2cQz6LqFePeZCHOqLYs+WrUMRR4\noHwciiToVA/kNQZ3DHXDMCwU2+L/sP0kKN1vTTtnV+gsq4Z//+LhkmSCzIFf\nYcFxnXMhIGvFOq8yyPpctySjtk6CZNlUJT8EyRGFVn3P3vGWg7cenjoZJSnI\nv6eWwxRmbWGZ/hD4H7YHITqqjm5g0RA+Li5kYZjPHG+rdqX0/Uhoh2FEbd5G\ntLih4ElbfiDZoH1+lj7TopDN5Tm+F/8M7lYxlj4V3i9PayBsIWhGWBz35dkR\nXRuZ\r\n=c6BQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDU7v0XJQyFEqUK5sLM4vsQxo/M84HiOxaq8IgE/baiXAiEAi3VEcIwaKRUMsDqcF+9MooPK8Q3OelKzYYe10WaO5x0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.8_1571269394974_0.8211860733827538"},"_hasShrinkwrap":false},"0.3.2-alpha.9":{"name":"@react-ssr/express","version":"0.3.2-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"dd46b53ce7f46e09c5c6d869d9e6ad7956dc2de4","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rTsis6mTBxHNNomwLP6z9KbaNAWkPtGR6AIsfeJl6GFHFUem4T4+gxpu41PkmfmUjpOz5Kjjt3zrGHs11CpAuw==","shasum":"a44741fcd36ef6ea48bf73b271f85fe65f208780","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.9.tgz","fileCount":9,"unpackedSize":19389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp6v4CRA9TVsSAnZWagAA0i0P/1TcvLLH7WccmykEztB+\nDuV14zTdBgpHGDVvQ+ejaDrUCZevUHl5BtNPvWVPM4WVIGidrUNX1X/cXPfl\nTpV7DsUEAbrmbXA+YxDJu5JcU1rQc2lsXch04tuJU/haDsidZfvptHtrkNiL\nln9dJc9p8p3yDtLqQ8naJGAt24VjhTA5Gx+QfasTnVJC5WB52XVtU2oaTGfn\nOHozSp37hcc0GwrnsC1GLEqTkJ/GI5lc1+o9643mVNOrK72B9NaSeTxhtEyx\nc+Ezx0HjM6zkpBI6ooHhPfPFHGjGYNcq8QwIdJqJRlF6MxLC0KhndGbvO2J0\nUEACfx0XUKcR1TNzzWsPpuAGmd1mMhIOtZ/dJFbVsO/g11mxAcjjiY7SpCqp\nW6S7oUwJGbS6xfDLTxN/Kdrdjg7LFo1gDspj+E6PuOMyXsb13IQNeh0ZlqDH\nl1iCM5e6/l8ZDFGW60U/7cAtgFZgzCbXK7sgQiYLBlVcVUt1yXBhH+iiOeAN\ncUbLlMOqaULtXgQhTl1ufNLgoXe2zFLB9sBjM604fHlV14aLPR+khQmZ4CNy\nJ4+VsIOcadOYah7exYZGxfJVKpWqwvz9n253F2Mys5DhOhpv173p2siBL2kv\nYw3wRwjS7duKoevQujjAYqKyD8wmH9f0I4MbGG6NuaFWNNEffZMUS8UjBQSj\noLUe\r\n=d8hO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpz2UbX+9sQTnITfN0B1dMNLvCylDzSRhz63C9Mq4/DQIgSbsuShqkrkNEcZOHK1hT0crvrxoMGAaAbyaEfefhw6c="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.9_1571269623642_0.012970388275390654"},"_hasShrinkwrap":false},"0.3.2-alpha.10":{"name":"@react-ssr/express","version":"0.3.2-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3f8bb3846d9fd87ccb7c8e7dad332106333cdc07","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-m1TOUMWt2Qw2RO1mddQmMwxaR4By71N8Kgykw9YaEzHD+x7cd38Y0PqA6kQpDMuYs1bb45e5W2nVXjFOGp+cAw==","shasum":"03bf2923d7bd151aa0472e51e6861e18be8768b7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.10.tgz","fileCount":9,"unpackedSize":19484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp7WxCRA9TVsSAnZWagAAg8EP/iPL4xo5i5TwVSSLv3CX\nmqhpfJvbUUPTHuFdUmjNrhkg3fVp/eg1quMV/5Ma72yfSr0aiIjMnHRMI2o+\nV970HxiWcjHXq7y7zCe4vVozD+qSpW9dAUQDm9GbGLoUqVzDbQajSx6MDr2B\n4kZMpnHdzclgC/lqbVQZrBQI3QtjONnng/TEGLN0yPtCiXFpsTmHR8iNoKWd\nfOeeQ1CLKzBTzsTN58oTUkZ799rFp4+JKsIfVnLm1tEBjlQopqKWVgk4K4XU\nYYgyQHrG9BaVjHdWAVuzur0nUDFdTD7+Hf5wQ03QsCurVoAXYHijofCVtl4z\nIatLxLHu3g7Wu7E2j4d8URaw1rTzfp2+KP39CfphldWhi1FciFbZDoJsagwP\nX4pswNfjyTT03Xl8pukKduYG5ODLb5IUqaWK/hDeoVRkr44dETOjK9h0SVCZ\nSxpMjYqzT4C3tRZjw+cVukDcOgBl/PPbVJvrjHdUAURFmXWAvLMxZqPWGTNW\n1VuiIGGzJSiXmi7qU6dJNLcPAxQpDpvjvqymdp4BNx/yC9AV7KCbWAUzMw+C\nKibg4qaLDaYFMpc7S7gw/wz1pkZb527MvNMlybfshMcSVyxNVI0zCr+Gjix1\n5PmdhGlOtDo+F2InEz+yD/vTee3dmPkiNc1mcil+dNaCaLipiW7eOr97Fc2v\nB4Zf\r\n=InF4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8kBvc60A/4GMSyOpIvThGBBv/vcGRnOQ5iGxTniOeWgIgWBNXaJU/XqSULfJ5C6c3TNRaQjEVU2dFSyYrnmwgf4k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.10_1571272113016_0.06667656693216895"},"_hasShrinkwrap":false},"0.3.2-alpha.11":{"name":"@react-ssr/express","version":"0.3.2-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"28932172063efe92f8cfbf35932efb52618dd41a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-R6CRHsQcMADQypEHDQdTaSWEd+mVhv+7PgNCTdVzFdCc9/4rB90/vkTlezQfoc8T9GhPWjFBViw50OorLZ5fbQ==","shasum":"f3eda3ca796f04d92cbd7e651f1134960a1f28ce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.11.tgz","fileCount":9,"unpackedSize":19443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp7Y0CRA9TVsSAnZWagAABM0QAJamk35tLqATjERbyQvQ\nqetRCRWZ4yMDTrcrpEqSnD/6ErVXQlETKGv1ZN9sANRXlyhEJat9pAKdduOz\n76G7ktagwuZZF1fsKSUuRH3UDsv26UyXGESuJStTHtwzIMyRFlV3aoZjGUX3\n6Ghj0m/JAtFzgCxfeZDvMWe+ZmpS8s+N+vOVo4e6WU9LncvfGtqoI4Ci3j26\nd3VCImQTANbotD9XUB00JzYq/ifEzMrNpXVoDcLK/VANxkCMPDgxBiLRxSY1\nTrgPlBJO8sYBazxCqYOLh3xwl9RaJa76m2Mq/5FWKRS3mlzXslOloHW7ctAJ\nx4aljntysoFERjeiyOQD2k0IRZcRKlZRKbmJXdwaxnAmo6wa4subtxkKCq+r\nyqd/rf2y8YKxacqKPUWjURfyQPWeGZcZUZkI3NNfc8/9volga6BnMia/9ea9\nCRtpQtRVX+nT6IUStKU2YPK0F9Und5dS0ED7RXhLeW4wiYgouVwwM87aOoDG\nJVQ5qvAehkIfa8PrPUgT0VTb4iCto5aI5f0Y5fOInpQxca7pJ81Woe4186ST\nZFf+e6qCqRuDQL3VuE3RwgnsaSe32STCtsvC9p817ys2MXCZzxflUunwnJ0E\n+nzKXaSdYXzAZtPz/wyumYyqzqOTJxW959TSZTxg48qVECaVek27EaYUJCZ4\njcrt\r\n=6IBN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDV33OLijHf909Rqnlr4ncoETDgRsF7hnypbj1dNyW6KQIgchqkR0kbdGGUXWOKGM/JzZRDYVMYLmTLNqvca4ltRQg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.11_1571272244341_0.09119573622061017"},"_hasShrinkwrap":false},"0.3.2-alpha.12":{"name":"@react-ssr/express","version":"0.3.2-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4b122171b992ba69bf72ceb069bd64d3cbb8a2fe","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-c5TIMemFhxMCX8zmcS97/CtE1y0ZTuu141GAvI/Qe0D4GZjxOkwEkcGcXBhYJEQihr6h8q5MVbCU2UR7igtJsg==","shasum":"7bbd6d2fa1f542661584e12eb426473c5a28cdc8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.12.tgz","fileCount":9,"unpackedSize":19371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/d5CRA9TVsSAnZWagAABncP/0sZMvBwEVSr005whbwb\ncRtVIhufNEFV1YKkqq7IufWm1018CUl1f9T+ViKOYpoYLD2xuUanOf66azBK\nka3XZfb1ddnUoxw38cPV8tNHknrqoJVVxHXMuIqHoB4+BCYIVRNdwLMHx390\n1LHN4bOLBmwbh9Y2kR0hdlA+0Wy4xOmCul0gzY/ccTKhfcqGRQYTzRoSLeUA\nvF62gwrQzu1L7qbMqNWrNPl/supuK49IFyA88Jnrefx8W9/7heqqF6AD5a6+\nKOn1ZP2Xx3LfpuFgI5ch+J8y1at/L3itkdLj2XDRL4Wwj6aX5ag5/MRniir7\n6pxbRFCw++XGj1Nbd7FmesTa4FNJQ4UHTj6gKFN++3mn4QrIewGMjQlcpdm7\npgJluxElYW9N6J8tXypuViWr1cciuriZaX0Z/rcjuOzi9GITFTWBvG2/vKZb\nxGc7G3IKR78WzLxDiK5+JcRYFugXjB2hrGFUIi2Eb4pUWVBPh0ghMDzKg6mM\n7w7QdJW+3A9s80von/xVTd1lKhBpM1hZJtCnyqeSzZjKZW+JoQ549veQrngB\nW7kXs3PiOBX9M/WcJ+xNN11XQhUghKWy8R+zmEzHaRTNzn2IAqOz4rfus2BF\nD4Vjc6hXgJ16rBRcgjRS0glwg19ZbKiRqbboSRUfVsS2Sa1pgA67L0JFr70o\nxSUk\r\n=M5hS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMo1CHXGlQNXwWhwZDIh81RpJo66f7EfUkIVSYRHwidwIhAI4F/88Aq2pEwuk5sTl82K1sj/CcA6o2YGEquMGbe/Ek"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.12_1571288953205_0.7763193733558702"},"_hasShrinkwrap":false},"0.3.2-alpha.13":{"name":"@react-ssr/express","version":"0.3.2-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a1e42f8dcb4e31fed435a576762e6ec8d9cb7ee1","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-w+BILM+KUOP+k+j2gCGo5rijtPt8N/tZvjcnuQEnEe4bb+0Ij1AAUsMvzPCamSfix+lmMZawcdG5ADX0Cqr2Zg==","shasum":"bdf007633aaf9eafabf682d7bb984acede0897da","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.13.tgz","fileCount":9,"unpackedSize":19259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/k+CRA9TVsSAnZWagAAXt0QAIFO1yGfl7t6EiflBOxk\n8h/5fsbAKqIIHycUn165oGvEkoCWJSPCJtVR14QV8jfZJ4YlQ+XpiZcHKU3B\nzG8Sl2cIhBI9Fx1fXeLidknjLsya1ICTI1JeZc2ILELvQwz6E63HuO4aAJpo\npA9JEEdm7vQnX54JG+pz9njwMxYdEEh9MdqHhy4J4xqPmv4FHR2caluNVytA\nbAVbRqcRFgvnf/JYfopoxXPgUrdADyz3LvgLGBEGRP0uiB8AEpq1r3zsyV5e\nXOXXpoNPEw4NKHoNfIeuZbE9WjTZeP/sJWCz/NA0IgDMziZYvexWw298Fytv\nG0HYQtKzNqQnZLh1cXUmIsmMVIkSXd9j5nnTppAuNH5mkSskPXG+GWbce0vp\nzV9GHNBU7C3xiJfjxSExNjQ96bXI/nt1YeYcfp195IGpOvZOCZnfVRUNHXwu\nxdCu8sMBNZKMXF3r3jD01jZbg8ZxTeDDcMN9QTNzCe7WViY4q7ShXzrQSWaq\nbEosmbWGF7pVwMkVImqLeeMaAGPnwLe1y8jg5QRJM4FHRFbnUqJWme3Wr7MY\nnYG7Nao5UT6ku463n8/K54+2119Az+Z45T5NFRQs2ADNoxEdeQGzH1mNz8wL\nRPzDRhXRvE4A5PoKgL1koQV3Z5gXx4604ZIOHM5kEGhA8WLF9yanSm8wNgjg\ne7SN\r\n=e1Kr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH10/Vk4e6O7tSxippC6tcuLBgWuUX9tTXYS0eIExjAaAiAs4jH8cc4UxG6uroj31xijmz5YXBRFOus00hIe2KfeQQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.13_1571289405745_0.2766488941718268"},"_hasShrinkwrap":false},"0.3.2-alpha.14":{"name":"@react-ssr/express","version":"0.3.2-alpha.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9c8cc882b52719ffae0345eac4f23737b4495b30","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UvrN8V5DTjhlOMKErEcbLm6+mRGeDY135vqDDotaes8Y7V6Egx05Dsxgfqdl8cucW3gt3HJ6lmbj9kORvIbgUw==","shasum":"31dac7298dcef3481e7becd58e02d1612f8b6dd6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.14.tgz","fileCount":9,"unpackedSize":19278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/nICRA9TVsSAnZWagAAQmUP+wR3lJhHxyESiSthiVqz\n7ZL1sZ/KGYlYKS92+/6l413lGYrR+tPiLeBZzlYA30w/YnrXCUonDuofw6T0\nWZhZTp5nyw6MzKtyPKZXfWpug1VqQhNSG9odW1ZpqkAMpLHWEWWVLprYDgSJ\nFEgp/EPcJucEybrNe1B+oi+iyHPX+i2NUYvTlCMr0c6wZ0eHjqpGVHdrLOUt\nafnYs5NRoz8UAkZAfMjRXY7k+hNezRdIfU3S+Tsl5Hm97/KFRRRpiushRKHX\nhUDohVkSrk3A8ID/GfaUhtSnYa84QUMBfy4CUh2D7KuAK/8AK22pk9KlSoEr\nSNGHGC+t5O1kXucb+HwGEFaZcKs46SWpVv9dskF6r6ZfOuDh+lKtnBpqBza/\n6SYvz1T7k/qkaf0XNpIvqrPBW1yuE0hj3zfujDE6IpeavPDlcCRgh3zkifGU\nEFSnhZZUrXpETrVaw2CwDi4wNOBqGpkDUP3IvjHToZGQgTbn7ga/g+cKTbgP\ndcW8shmL74MfdLtRgPGO8H+oz+9H3uZ6eXgq0HH1KHwtK2pA8C9Wlm02RHCb\n5Mxzo4c/jhm/J4A6Gyhe83VGx31kzCk0ACtMusomt8M0tATV3PtCIqBUunr5\nPlZAd6xCiO8PciQkcgJXCuTmE0SeG3OwubBCXzdR5A9VgOyz8Y4ow5W3Rc90\nwm4n\r\n=wWHC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDIGOdJZEP9LJcZkCArRn6qv86Vuhi2semtSEfrfnAUNgIhAMfb0EZwQgpwY96X4Myan9hWpGWyHIco9gf6ERrmyAtn"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.14_1571289543477_0.13491679653051403"},"_hasShrinkwrap":false},"0.3.2-alpha.15":{"name":"@react-ssr/express","version":"0.3.2-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a40ef234969ccc69b1e5c68f91baa4c9d2f2151b","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CmH6/CqXnzHkphWtLoAiqEEjuMAi7ERWiq0gHuQXymD2D6gxP9OYNBmcmyXd4F/daczLmURj0bNI6r1XVfpX5g==","shasum":"7eb22bfff5921dc70ed6ad5f8b6f2e73ffed78cc","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.15.tgz","fileCount":9,"unpackedSize":19205,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/rOCRA9TVsSAnZWagAAqf4P/1QT/LWgQevYQFoasGKv\n3LB+5IdEeD5iqXiRVFpERctzW+E2Z9xDa/CGeFWY8eV7MGJb9veDQIh0o4x0\nrKtrgqXg1wUiKWOB1bh7vmHJF+sv8v6bbLEDd1y7XGdzBAYzQwm4rU3oI0PD\nVfX/MsHyu9+Fa2e5I4kd2WKZ5KR7o44TysvF2oevTaoB1EyCA7M/oOFikdG0\npYiyW4hXg5+MCBjKXx9IV3weHiI6VOi/XKp1iIgjyPzH9/YzAkb7w/fYGbfm\nMViHoLWv6NQt9z/TxqDKavA++TPIx1AXs9xvMpecs0ksJX7EDkxWkGEKdYPu\nrbC+FQjNDnn5VRIkl5auO3Bb8LYJR/PZ2GhlGheLDSsSIKi++yi4m51Spf/s\neo0maGjdfYz4GS2Ge+AscX6UwiU3QdRxUJosQKaBx9namNc33F7YtD7+UiI1\nz8ejMnL3gieKkHCXp7+7YbZ7VtswQkxcG8RgRlhA641MOz9XBM/4Lazj1nhz\nm/W2F1+FSDWkgd1fFsiILAScL8Mccqx0dVMR0eU5FcI14Zzp4/mxiKskkrSF\nXpnZ50/jwSUU30HkQTw5o2ScLTr3w0O74fkNK+IDMGBSejqB9X0CasmGmIMY\ncgGVXdQLAe10Ky/kO1hVbTQrnqgv56tcV35wrsO/DonVlIR+Mt0P+ZIFhDi1\ndDv4\r\n=nal9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjCPcYM5hwmQi6bmNZJqQJVvZ7MhTSByUILc/m648bxgIgDAkwFG52CRfupoXp0jpVr6u7j8yjdSQCY+hmN09OBJY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.15_1571289805505_0.8212918142433636"},"_hasShrinkwrap":false},"0.3.2-alpha.17":{"name":"@react-ssr/express","version":"0.3.2-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a944a080729ff9c4fa2494fa95c2d54a80d9dd1d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-SIqGl1Ma33p4+ud3ePscScSU5/FqVZzZqpv+e9ewIOWSkL3sy8L29bqDmYx01V/X32HBTifLrpNqJJpYT9ySBQ==","shasum":"7cf8cd140c14ea0474ff88d7f541d45c3ceee181","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.17.tgz","fileCount":9,"unpackedSize":19202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/wACRA9TVsSAnZWagAAb10P/35unNtPJgjH1eHHSJss\nvMIvHzYa6ISVmpi9ZFoPCZ9Fhhg0sQtpLmJQDgbkvOMRnBLrjWklYCYze3uR\nrAR2Di8UZmANclEzhqSsZhKc21ZPK+6oSXCZRcIRWzH65DZVoxj/Ycs5gpUU\nLwsMjCeNXzubmSEfWQflvFIDxWf8q5oOokRNHqAg4+ASle+E46XfNoByLYZQ\nXuPV4xeSosz52AQz0hALbBpchy+9YyyWA0Wd80GAL/vw+i77YdtsDYZcVUsq\nkSbJE6NB7LrwBmesO30nAA9KAkajphWG2C9MTe4JHeiv7TpRavxbC7WXfT7R\nUeoVtPss/xqEwvwcwsvdMxesrHdbM8XbfYQ6HJvKSFZp1rC24FJLx6L3p4N+\n+r/xtplTBoAUCthpe/yLXYmQjPlsy8ebv+bwPRt8dxEQ0m1jRWL+IHSHBXx9\nv0tpe+MxH3oPZadLFyoHO/WHg2z89uCJ4tJ8S+MBDVODPgRlWaEQsavYYT3n\n0nB6utze1/P6pwIOGcuuWBgc0JKux/yPDfk1OO89fLoXUkY3vGaQE2JsrQEq\nZrJdQLEUJWA6kw5Z3oMpqRZJUNj35DS70yRCPF9Kr8C9oZ9jKDWRnfegQARa\nL9vhDuKT1o+8pwPyvEfywTOl8vG/vMSQBd8HUPDC2VdBSBGeoGgu56dXYHr0\nHrTR\r\n=Kz2C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFe1m65TjAw1AaYwCvvw8kJC89Au5eNEMLVt8h7uIxAHAiEA4Hblxe510xwkth6hVLeFQoolzAWTKCryB65pDkr8F4g="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.17_1571290111931_0.7382870040085701"},"_hasShrinkwrap":false},"0.3.2-alpha.18":{"name":"@react-ssr/express","version":"0.3.2-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3bd2de2124b857ae6fa28af89158e5a331c1e1ff","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HUTVk26yJrtIwTuDWOpUWXMCyfJ8pugY4z0/WnnlvDz3vOSWejdC8wd3Ev6PDuNblBTe6EzZ+dCsRArVCIBS/Q==","shasum":"dfc1d69ccba1b80c9b42ee042dab303f01b132ca","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.18.tgz","fileCount":9,"unpackedSize":19461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/3FCRA9TVsSAnZWagAAjYUQAKA50c+LSw3xNtsQxiTe\npsQ14Q28Iv6khFpfDj5ApC7nB3nuFGL40inc1K4XAI6p+NQ3RXuZPQA+htfc\nzet3WYDc40K1dbDi2L0joDlQXXPNt3KyE30GjSKBIAbxEFuqpXxqHPa5UN8k\n0uwYr4AaTL7d3DMYOtB7GIqPQMrnCVlO7BvoTYswTP+vXO+thKEkNglNnZR5\n3ajXcpCAIC4nLIlAxfW0aoTdTZQPtbXm2d9SBl3qwbaVq/vIsanG3AznhHrc\ngOWqGswUZn/lMOQX7dCku8HyyDbX+FdrT9kKtCfnAxzhxdBgy2IkvA7WL9zF\nruLXnx6Ga/9VzPx4aGp9Evd8bo8VTJGVjdgRDeNBW7z/Z1xsBNloKIRzhMe7\nLGEwIo8eNXFnYQpCfCsPEtTKjpdbOz6Q9EmXEJ6L4Q9Qiv0cwgG6bgQFXa3O\n39lM1qhkz+NxaNA2GpPi1hbE9uoiz7KGa+DFlN686ugp/Ia7mpPCrMXgXorl\ns0W99OnOZonDJu12OvtycRH2IgvhMuYW0CJ8CqT5+7bnyBGjrmHUTOBgDbbT\nIL/QsECZv+m/4U9VekLm9slQPnm/EoL/Eo7Ktyi8JSY/ExzW4/X4pItndqRX\nMQSK7dPVeZTMYDWvDDbem9l/Vm+PO8H2YKVIOigYS9y8TQ3n9YYMV/tLwh6w\nYs2P\r\n=LkOy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBBuYqtMzU7XwAQqbPUg198WjllpFhBsMsVTziORwllWAiEAs7lCBo3V3SPNX3tSYszfrXTxg2nQ7hQetPY+wy57VAw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.18_1571290565065_0.5895926578868724"},"_hasShrinkwrap":false},"0.3.2-alpha.19":{"name":"@react-ssr/express","version":"0.3.2-alpha.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"475093bb6acdedf515b171aa117680cf0526b298","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WDe/+KUSeRvo0JHAj4zruXWzgxa9z04DQ04a4Q+/R2gxB/+OMyz7sjmTq0flpnbpmup7jw/NSHCC46qt+0xclQ==","shasum":"67502621019bcf232825eb41dc8d216c06909789","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.19.tgz","fileCount":9,"unpackedSize":19456,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp/6sCRA9TVsSAnZWagAA+r4P/RH8lb0F7DY1QcpD3mkJ\nztCAZj8meMnuUy7FVyLIAzfHhytRbvCa2fxEuA6r6uLqcjsakfRxveIKpQMO\n+f82HsVOvAvrssNchIiEUCE8Qy7ntNf3z/s1+vgz5tugusooThAQoTghvQL8\n4UPtR/NGOuFvUrihV6L7TJPAuVs4Jh5eGDNJZTmdhVmvQDm0Ff35l3tsNgtm\nJ4em2n9Duym7Gg6re+XSGTmo8ZitNVV2BkVBotTkXurMiUyOMvfmr3aP307N\ngOx64fqnhVdUs6u0Uv9xggUDr+OnQvXNfkMxDc+R3q49ICWrpMk87qg8naT3\ntoAsjp8szsqSOeKCo8tdPb/ng8AFco4VMXEAHtSNv22zNSbVUkufNG42KkFR\nCrX6rBqbJiM0aX/+W6zDba8n0NzxrEJmjvE7VyooGHgc9KY9ybASJWm94Jhj\nzzSljgTGoQmIA+Aai406LBO7aYOlVi3RnFwbbZVTJQgeZCHzdtcrAwaD5cl5\nDZusJsDI6ybfZyG8lx0adkBeK/ebPN/SfVnU81NK+QXzT0dHmqAmGfxs3R4u\nR0BVKXQYjetVj88QURTH7auWK7eHL2edllVsKJd0Jke4nauXcpWDaw1i6DUV\nx+ppPFaXUWOTnt0jDtEcl3l4l5AaZ0qmrbILSlkRZVbnlnp5XnEVTZ+dHpWK\nZ53h\r\n=OYp9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKk/gUOFOWlhoCNzVC8kyVKzECIjhXh31pEo/sWDnSpQIhAJ8fssvX9mrGFbeQUYO1GRtIrWBT7CuQsuJK9uGkVumH"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.19_1571290796110_0.9545209253060865"},"_hasShrinkwrap":false},"0.3.2-alpha.20":{"name":"@react-ssr/express","version":"0.3.2-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b5c4c422f257ab95bc36a82cc185baaff8b3f916","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3c9B7JpJULtqixhny/+ZOgkob+mufJuNMo4XwLXpZlJhjhdUuN2d+MMZd4/QhBIu0cCX5yt5lr72WFRsAM4/Ig==","shasum":"ea87c6be593df736177fb7def9cef071e2b0e9ec","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.20.tgz","fileCount":9,"unpackedSize":19478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqAAsCRA9TVsSAnZWagAA1P8QAIFufF9VZDTEMiu6Znas\nXBT3XcmpEpLu7wd6bmDy69zTvIsHy6Vn2abnM130xT7Lynwvo4JUZpkCCS28\nSWAB42pDqSd2e/GbFt9JWW4Gb6vhWL4dhioBQQQM9VNI6LUmfeYYnaEwlIgg\nJ1AVi2eTJtBT7XN8Cq1+/g+MtOjTvb2vB47nHWXStm46aX+khMVJ57Vz/M/I\nS4gY0Juo7dJhZkDWUSGNWgYvggtIEB56glrfqLuF1dVqAcWhJ9eHWK6HcyfF\ni7xjt/zVfpz2Y2+7LS2rKwHVZ13CNBvLbdzMBecstwPDrwZc/QHVkweFLzNm\n2kAbziNNRL7vcsFIOyc9DZho5+ylzDVtWX2Hf+ERyNziwUTf2euXjpzQ1Zs+\n66FQDrJyk9uWabrljopTPyS778wyI11rfYRilRwTUqtPzTvM1QueYOPWuafC\nq5ISHVihzekOzkZpgMOXKdd1/os9bEshJmdFOV3k07giKLVYUoud0m/ow6G1\nm45QttgtGFZI/tfDAArFkHHOlaKkoR79y8vnjmVZrjHllh7oWs94S2lScBft\nCUxR0g/szfnRviqs1OLpdJHon/+rX+yLBAXnjV27JQH94VHlF2dB4qrY74Xs\nd8b3YFJylzO7wVCQcNLlP2Rjq9/A/v58WwrU1Ra8ZZikMrrL520FVa2R+8YQ\nrSuJ\r\n=kNu8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcIptQk/diAKOpJG3nSkAghRJAHeZK/wl8OulH/pqtWwIgKJL15YvNUgwiNvfzJ1ryVQQASGcKy1FTi6cvZA1leCc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.20_1571291179779_0.10724712119580704"},"_hasShrinkwrap":false},"0.3.2-alpha.24":{"name":"@react-ssr/express","version":"0.3.2-alpha.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f56734c7bf6486cfcaaab236de108d25278cfb3a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Dd1K+62fbF7EdvInTz/0kH7aU+Z/Xum+sAHA4qM9NOMquqLgNe+7A8J4E61tHqvhnnLLARTuxTQL5GO2vacM/w==","shasum":"8c268560d38a40f294fff020124f209b0e0bcc13","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.24.tgz","fileCount":9,"unpackedSize":19861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqAjSCRA9TVsSAnZWagAA/jcP+wQKIFxu92SlICkXBv3Z\nxxe1kfPLw4m/MkFPAe7u4qpeiTr69GvYN1Dv3JiV5qPoq22CHnaC3IcYw+GH\n69gzP9rI1rz6ha6t71q+qYGwXq+bmdwrF6EKj7v2JNm06s9rY53aeFwSfRtj\n65v5QEnwpwKprD6JUdG5fRXo5oWZutYm/Nem4PNiFTJwODR8zwnWoARNd97u\nsV/xyEiHKmeGBvMoAkeOWgC+DvS13j5nJMJ0B5bab0e6NUVvhZArRf+Fw7Xh\n3/qlybbO/vaamAGndwPqg205bvRU9tWYYzfjAOK6id5bWazuW6Blfb8cj9Pn\nM/AmoaHmcoJJZ5eztD4ryS/+j5gSP1MBGW9VCAwvsbcqoR0hvIow2LI8bHJM\nrisH+9+2WbEGyA/UgfomgKvSUe/KOfGcS6lyHoEBwFyI1i4iZ3/6NN+AsM7U\nhepwyB8VK6joRpfETt47+ap8XdFbOtxuv58V0RvD2sabLWsLdfkvYoZGDYJ1\nrDRNevCUc8Dd4+3VPhQjO9Sh85hF61riWkp0ffJtazojCFOPZyXoPHyDButW\n/ammP057+Eq2u+oa+iSHqH6fSH6pZn5kg972jupnvNiWcj80JukkZ9D9ejM1\nd5Q5catn5MqhZQkL3qn0fjeLmKrR75F3sMdAzVrdS4Zs5IuQCTY0+az1nS31\nCgRh\r\n=kJJU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsXnEYsZHpc19QYqyFs7m2NJOhCZbeywNilRZsV9uTRQIhAKtkfBBokRW32ejHsD8uwu24c8nVJnU3xGOTIrMdrZ5W"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.24_1571293394229_0.05243277534238744"},"_hasShrinkwrap":false},"0.3.2-alpha.25":{"name":"@react-ssr/express","version":"0.3.2-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"862e1b9b17e2ceeeabb8f20674550d5ebbe7fa08","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HbFnA7NW1CfMFyoVWTNwIkqyySSZhYX8WB8axnWO1cHSSlPLz02F3JJ3f5nYOytBTzzTCmE/GwPT9WrcWRA1YA==","shasum":"e4ee4e7a65eb1754c7076251585ce001d8466084","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.25.tgz","fileCount":9,"unpackedSize":19966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqAnDCRA9TVsSAnZWagAAh4sP/2CDQfesYajXXFXqXcWE\ntHuzu3nAoKS3ISvePD3moJ8vK2pl3KWl+Vi5sBRRQjptpfUDQuKTeuC6zWmx\nUAgcUlpQToxyCo0E3NKP/gluYwezaCkLa1NViYGrrZZgxaZNvFEmg3/wx6HS\nEva2P1GkCZRFSzeonC9po/fnzm5+AhwbV09IMn/PzGD/bJTx7ZQbW0gOCgzP\nLGWWmoQA1sIYHNTIJd9T9YJz10Jqvr9E2Rj1e/sDZdmr/nxHqVOtAv8ItlDK\nUVvy6I5voHMdBpx8f97vrJWN2p6QoHb//w0HooR12ORB4hsOfTzr0nFSdJ2e\nFLP/t0bgOUIxYPkjR5JWXDxQ/SGi3xq3gbspKmgFPiE7DazeGba50lNNcgqN\nd8cu1JFirk1SIkhphvSswDfOuAgNc4PBjfUibtHITpM7y4ysJK77NhZYAeV3\nD4d3tJzdbfH9SC40jumj1GB8QMN4n23saO+fAjPCm+66qQDVp4mQSgpySxDe\nD951oXpOrgjWUX52UaOEgbYIgHPqtkIwxqNTn9ZhuhM2Ki1dE+bhzIxEQYbn\nn7oBriN0rbx4bq8KczCA4MLBDcRe90KhUr2yWkMvulTDeXdBDiTfXEf7x/6f\nk9lWd7NSVIZ6W/vabEMXftwjVFaUaYG6MmsX3QaJvdffRL0mDHVCzEJhujSC\nZ36t\r\n=2Vc8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPMfvm1t6V3Sw948DsKgDjJm18XAP91Shbi2TjzCud6AIgGnDsKFt/4G0P4mWF93gBMy07N/4WqfasMKtStkBrZdk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.25_1571293635177_0.8989015401175162"},"_hasShrinkwrap":false},"0.3.2-alpha.26":{"name":"@react-ssr/express","version":"0.3.2-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d90cb3005a08c08dafcd800572466d4c1b866cb2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-r47olRFVfQ9zHHhaLZLopYbYeVAp9t3HaylsIZgM8zHnfGjRueFxPc86EIUuNzEA0pG8fIC7LV97wqPBWBiNtA==","shasum":"55adeab4d63b90ae3f40de0bf9df9eb8245d3865","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.26.tgz","fileCount":9,"unpackedSize":19958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqApoCRA9TVsSAnZWagAAy8UP+gMjiTrwSLGfVhiNx2eb\nqQf6k7BSf6WvRAdnX8m/JWukAKDhwltWSLRlYiM5ndRat4r22XxlrW/G4q8q\nb3Nzl8hTJOgtqgNdlKythUmkPrMmNFwfPpPcXdaOq/aoyG1DyNKnHDuFcGrp\nhm8jbS4dtO7tpYfG5Rbe9PlQL3qrNs/EBHGZyesSwL4owkjR9te+kHpFh8ep\nNsiNCR6anH1wIYQavB9+Aa6d17RYg4IG+L8ZedXD61MDItncPJfsnPsxd1RG\nfsFYu01UDa/DhyUkSccQ+yfJ8EHygPsoC5/ktYeBwHPCLmBgff/CQjroXm4f\nmsHClbO5025pKo18QhEn2SVCq68fMdgYE5GhT672H8Y0wFa1Cac1prlK/7xA\n/aQxbQNMRVu3wf5YLZMEkNsq2ziFZUL0NLcw4+sLVOP8rISicxufmPR6Z4mk\n5Pu/vWQuXBh64Jl71OPK0EQGkCIEONcZGrZHEC6VVxZPOlIxKQ7r1EgjPNTa\nNz4Jz0ncc8ItoeURXRTE8p4Nrrsh8fMbPUrKzZnCJ0f8NVj+nJIWcjgY6eUS\nZCaAaPu6HOKvz98cC24tgBMk5XkMpz7aB9fxNra3Zi7BN4MB2Oiw/WvPSN4M\nMRBO7alq3rnoHTuSIDboBIj8UQFFYtglBp2AVR/vIUSs9Lk0yIqjuuHHIPKS\nbRSp\r\n=CzvR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9mnNIV1Sr4l3HR30daWJ4HKgK5GetE9D/G8N+NMlmtAIhALnCUL+3E7S4W73bB8590NaxmX9Xtq/oVBt3Cgu/bedO"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.26_1571293799930_0.04984230506088427"},"_hasShrinkwrap":false},"0.3.2-alpha.27":{"name":"@react-ssr/express","version":"0.3.2-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ca159d1b535132c470409d2fe6ecffae544e5062","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yOLzNILwwErU71dWMrsHD8gdSg8zNcsSqJhQ11Y+u0SFLHN9xhZIMYZ8Zl3Yk7SUedskd0PQc4Dyx0oPtQ+y5w==","shasum":"26fdbc8cca2cf2665e513080cd4c4e2c004d4883","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.27.tgz","fileCount":9,"unpackedSize":20119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqA0SCRA9TVsSAnZWagAAFDcP/Rc7ArA+23rnmSrQwnAK\nl2U+5R/LwnXCtRLEvAt2RJJvQjda/hd6uhpr5UNOUIJGW/uv0ndwaf54V1iO\nUQFOlpLHoeQz2aZ1PTL2dAHz5KYdQtAvL7qSzMcrnmTodPYaBXhjAnOrIBU5\nX+F7wxANWYT06ioj2D7wrdmLjHSJIjtT0RNo9pfu6MPq7GevriRY8t32y2Ki\nvhoVT1ZfFHx7wyxMfSbynJ3ZwrfEnDvneWlg5rH6URAjX9F7l55zj23sII82\numshX+scMR/AHj7kXNTpY4/KVTl8JitkbYm4OrfsI4BkE1nEeOJ2Is+6mC2T\nwEx9BrMpObY05zgdJ6PN70ZJvY8tbsfT4U5wovLyiNXbIPNCTaZ1fNTaONWC\nCu0sPEC+PYaTQwhSxLHIVwhQjh5W2CwngQJZmCKDr24Bjf1JK5GctK/4meu1\n5RQ6O4g83Pi4UifIHUGaKPWRK2kVYK0UZ46ymOgCyznX6SQf7oE8SEubEl9o\nYimiA7kUOlCZJKfk4ZbItze3LmAkqPmkagsxeePcdNUIEJuLl8w63Yvrp1Oq\n3SC5Erj1OYu3NDYATQ3i0csMZkimLpz7B/WNQf/7tGIKnvIzX+FH+jiOZ2ou\nzqKw3lnYLRuoEFI5HNn+Mf17RXB4lKJ4lyevFkzPVxiHSCqW9YAWCtE/7jon\npXsy\r\n=yAbm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoHTR5mzSiO9u4soX6O2unTJ6vLop3bEQjd6UgLNtxLAIhAMPQohSnWH7v9mRcEz4fz4qsu7/dWA5F4TCW4Cl2HmzH"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.27_1571294481388_0.16017327337931597"},"_hasShrinkwrap":false},"0.3.2-alpha.28":{"name":"@react-ssr/express","version":"0.3.2-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c220e731ba7a972efcb04efd78c56d368b3f89e9","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ll3DbT8dOtKAo9mXoCDTJA34GBmfoXbuZg5CgJXgrbZ7d12ZxLjB97vLjgYfu5X3B6Qh1y3p0oTqj+txhCdv3A==","shasum":"fa8a58006a0f52eac7a745005fe3aa693af6ba31","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.28.tgz","fileCount":9,"unpackedSize":20211,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqA6iCRA9TVsSAnZWagAAfkgP/jYgaskeWOE5StWl+vOA\ndM+jUAPxB3jIKRUVnW8F/sY793W52xrr72nHgUF7cpo+OSEjbDGdJH1HB8H3\n4woBcn53se0hicMXbCPSekHa1hVSuOOvmHRGNqPnnZ2wHinT/vQc5ebSaFza\nXGYX+XcmoUsebh0nZEB8vTLKlsR5VqFNvPMOcUoPno7QYuB+axqixzkG+EP+\nsGKkqN+waY+YwjZJyWWXexYOliG/M+JjRR/GPSKRMehSV4RwTqoCpp2yH1dZ\nrByaWZcSP28DfaepxLRkzL0tUUkh0JCYlpaIEIdDB/In+ILt0jEblDtfY74P\ncVZNPEGcPyxi4eCC/AZxd3tTvlJ4qulhcVRBp2Ad2q+JN0pNoHyY5TKz46/r\ny6oBBrDmPrmteovInJxjjHLTnia9mNUx6vSn/4ngAn2LXOuNuByKgkcVinw9\nFGTyHNUxV5HHuHH6TUdZawbFu8DAMpDblz5u5PTYpfRGn1FSiUAexQOEbsWx\nmkrpMN4uZet8jz0CHQ+4uEuVhg9lxZeXMRQCS5KBEWL3l+TPOV6I6EqCYldG\nk6Fzomxs++I05HAqdz6BwHjEBSGPDgwjDkDJlyDzXHrWn/VwS780AJzCj/hS\nAr+Fe1EtHxIPOnNrPd4E+9t26t/2U/Rnp8bgE5EbPTz83e0LygwG3bNq9L53\nItAu\r\n=aFMV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCY15BEALW5r72VaL+yk4GmQa3h4ge5LpmuDs50yMT/SwIhALDnyKxqljgOyg5JC0xwIohCsfPe5cFId4IrmYzlleFz"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.28_1571294882362_0.6752031504020133"},"_hasShrinkwrap":false},"0.3.2-alpha.29":{"name":"@react-ssr/express","version":"0.3.2-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8c5dd02623bfbe0051bd7c50be68811b7c1de247","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-01Do5IhiALmEOigeBOV59OO+mMkKfQG/HUg3r0veYtNh+B/iQmgP8IhOPzCXMZgLZBKmrZTPlph3Cpy/6b2A5g==","shasum":"b4acfea5c336af6b04bb6312dd712e15dc0ddff7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.29.tgz","fileCount":9,"unpackedSize":20027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqBINCRA9TVsSAnZWagAA7m8P/2Y/mw4gspSNP6lBePYU\nfpkxVRL0RY3vEFR9febMHDGJ9K/GHEcfDI+flzS9FWYtHaUjtDuEvDsReylV\nvKsQTiyh4pGbiwRrR5oucknGLIuTfKZovD2dZtnh42h14DX6VQCHDktWdnhH\nsbkuvbovpe4Ktd5ZUOojUCcJejd/7ZnzsCNNqnbYYRCvTAz1ffSlLceKWyqz\nW6dZVc9+/90HZUMrdebkKFMi+00EyQ3pop9bcCrrHLAnQ+AgJXO3Q6ibgq4m\nTgXyKnWLHH03euIxLndAgjQuN8fgcggKOAB/oZbEbpdOitR8f3CMFTKsH/A0\nWASx1fq/jZtAD1EsUFd821iL6CbG1lDYJT4g0E1gK5G4SMYf0LAroGSbHFLF\n4v82hkCr+0YyG7fvi1HgYOj5LlFVC7PLjAbMQHQEBinH29k5+VVwU/kMz5b+\nhV5Q2bB4nKWAh/4V8/XwamrnX3otFbCuVQr9ywZzu91o3HTf12NbONedAm4F\nQasJn3M2dLo6M4dG228mNMw2qRDi03jhuk2Ue7laJjnqUXKJhz91XAvsjEla\nv/hPgaZkkfFQBLQU8pPb7nt0QOSqlV/1vlu3iY/cuz2v2jjvAEX7qOXIb88h\nswH9C2MCkRqjsK00Tt43YE9Q45vAoSzF910k8e15AgOq5ObUnE91Q8VNuH/e\nzdg6\r\n=0UnP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMT2yaoBU5TVFpKCAzGM2Ftk4E4IXWIrGpFUW/zzU7zAIhANRdC0V9jFkeLtBXLUuBPzvxpyzK5gQo2oBewb/wflAw"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.29_1571295756709_0.6160545206858328"},"_hasShrinkwrap":false},"0.3.2-alpha.30":{"name":"@react-ssr/express","version":"0.3.2-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"212392837d8e77218ae33b6ffaaffb6847f13d7f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-0hu0HrAAFW1u1ZiqaSJEKGp44yZz4q7tS3bLigrxdqcZE805KgTOg8mnZZtWROHCs6YuQAqpbSwLWZSpLlwrcQ==","shasum":"2c4041204a88b6c9753fc709eefeab8fb579b0e1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.30.tgz","fileCount":9,"unpackedSize":19934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqBN8CRA9TVsSAnZWagAAU4cP/3dCM+or3zlLxX7F1P5k\ntN7lGjyWej70MS3PW1uFGnkHkU31qMxxu/l8ubi5UpzHQx27fjKDmF/64PLJ\nInC1wwb5r1MY7cIellqDnsKbGWNy5CfOeNsH5QvuR5/oRrf6MciUS2SMtRHc\nkrB06Hn0dARp5z/3r8SwXnFe/jz9HjLSQCb6iFjOn/IHxUloNjRnOdVRHUyA\n4thjEUzP5AcXvVaqqz6/6uaHzKYvQ8czwbfzJCst7GtxI0IiuFY4vkQsrcHI\ncwLASZ/s8nGh4gKIF643+oxr3pJRP4i7Q27r60mceBNWxIQsb5YFyn2udu1F\nWrdK3wQAW5/RmRcwoNUts0cXs9mUCunZ0mUIbSOj6FSD06mGBFMYfOPF44MT\n4fmDGBEzO1XogdFEiAVdtEwADtdI2HWs+HeoYFDVEpmHaFFkYf0V9AN5RaCO\n9xS0tS8ZimLYeMeFAP1wFJ3Lpa4k0pQd+OT4bRoyZ5FRfeaeLapYk+Ky3lHN\nZTIlKdqzgx9Z1HnsP8JR1VdmuG8tM8kqPUH0fWdTCAEV64EKsA9g8CtZcEfd\nDXgykrP4WlgvPO6IrnGsnDS3Q6jehWUXhnQ+gqP6zfk9r4ymhhQV9wRVjGYS\nxD26Mvj649xrRAxxPS0yU1Erhb2FOZe3FJwLsHjpSocDcdFN+rey3hhh+SJ1\nhfmR\r\n=qwtn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCn8m8cNYTxAaK88eBTHpGga1xgiyfPQPF/2MAoN9hg8wIgTZAfdmPKqU/lO7MbN/xmlrALJ+gKE/sanXFjYl9s0C8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.30_1571296123960_0.8978731453457107"},"_hasShrinkwrap":false},"0.3.2-alpha.32":{"name":"@react-ssr/express","version":"0.3.2-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a2aba901d372e0e13140cbe8c86dce3e880e5f9a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gdCnU6e9LzYjKV3pnrGtQuRBtsfSLQ0583NL/I0P9exxzRm7XzCgLJ8hca/T2U/7EuacMn1nYkXGXIh2/ehNGQ==","shasum":"ba6376b183d6eb754e7662d2cd452c6b010e0021","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.32.tgz","fileCount":10,"unpackedSize":19027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqCMKCRA9TVsSAnZWagAAIgoP/1m+dEE2QqLOqzCgY60O\npAZP0/37nyPoGrJCm3MQLsGT6BNQevUnJWp8WB3IJl1wpDjc7ngY0G7oO4ne\nZd/2J4wCDNNmounS6t7Q+QKOJF3VCKxMUF3LQW2HwJ3GLZ0c57Wg0V3fmuYC\ngyqeGg2hc/BTnxmwKXbr96T5jX2xDng+CDEqUEMc6083jyGMkOexRmJ3AaIL\nqn86+4Ug8+ZMRebm+lKiWce7asxSxzkpjnTyAZmr+KHYnfCSW/Fw3/fhcvn8\nsFPP3+QHOXgEx/hGHH1t9hEbiatg8L1cS31mPWHW3j0KzDeL0QxITdsw1wun\nrxc+kPX6kwzpX/iK4v9YKkpRcTnRS6y6gdnc3GoCmIm3NGn0s9ru3NxH7kXq\nUnOl8Oqzg9cRzckwTchGqllNXdMsiNv72Y9TRR5g7X/RiI6LY9tLxxcJE6Lg\noN6gjSDvqN9+iFZd15mhUql9zkq9rA7xgXF4NkWgeHjH7OK8bcVXNR62EYmA\nTSJyqo9rx0jvciiL6RBCOCjYjMoXDhIarCq14GU1T0RYTWwPleoSoCfQtFwB\n3RT0QvJIzu3l4fsROkfvCgG3/ePTAgeJGa1dGA1PlMFSsIMHwIlzQceehX1u\n6sY4xTZ9yzy9AUcmBT6ouqS4x/a+voFcROwYKAiU4hqtwbY2l8cq2SNNjGoo\n4sE2\r\n=Lmby\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJ4DzeHxF0M4/olRdrpTeSda4XJn1+mpqVO+2jPI+LYQIgDYpqYE1aC1+Y5tMmSooKxlusnBTPQyU7Yj0z/l60g/k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.32_1571300106169_0.7983424681784881"},"_hasShrinkwrap":false},"0.3.2-alpha.34":{"name":"@react-ssr/express","version":"0.3.2-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2bd2237f53e8f6a23f8c458aaaa1d10a139b9891","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-iN6akb1fZEv/gFgFvYJVmda1XnBsHrE3FZXZ189DGncxXnSj55/DPUb2muhHs6Mr59C5MmhxdS+beG5OxqsiXw==","shasum":"cdefe212cbcf029eb43bc2e368030a2590431299","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.34.tgz","fileCount":10,"unpackedSize":19027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqCVZCRA9TVsSAnZWagAAgwMQAJ+93gNodK2kEvtpskTP\noxr4xGzmM9n8bzSgkY5NwltOOOuHKrTtGXZHghqD6Vv1U18dUK+oBNH1n67z\nDeNra3qvd9Ya5Tu+dAtTfsVQqo8wT/PVm1LPNm/2C9x3bW2XNVjfM7MdIB9V\noph2bmyOIZFDkYb5JTf4rYSDDHvQvPJVzkhhU8UnL6GnWwt3Y6du6hO7izs6\n7YMjET7BSbLcx/B28v4sjxmWMVFsJOTEV05ybCES5Fq+Cq/49EVthcXR8KoU\ntUv4qlu9uASFvTJFaR7c9Wc3xj7fg3xhJokgl13+E+J9nJ2jI35PIA5oSmG7\n3YGJBzkxjxH89UyCdjTHhJ7rRs7U1RY7PqK4FOvJbdp1zLz08pyhcTY3RNbr\nyGmtS+/rHwJ5hBarK+0KhFpfD10T6G/hgriayS8y2iJGXI5tLLqI06KaA0gW\ndPGHpgb7Z0le9WkR//Z84MCGjS05ZPx9dK59pao8OyA3Jr2bOn4fm7u9qPLY\nDBFvGaVP3oZcx1s2+Th6tscP6f+VoeWQtHaK/iLvv5QJDkMp7NuGFLGMM9zg\npPwtG1L5OiAoC6QhGyEzHy05DbDeIN5fPoYis8I4fVbIZ3eWsg3JcEhl+5Kf\nHKr1BHqSZ2omrTiPZZhqwsXK4AXr+7fhJSMWap/YmV53uFVXutk6eQp2dAz3\nnozW\r\n=Sl9Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHEkbWngVmn6nXpSaAihITqszjHfaO6YKe8y6ixtswDwAiAbRchMaOK/4O6tJrA3VdK3ZCUpVU6aKKYL4Zp36yUkSA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.34_1571300697130_0.1488187367586853"},"_hasShrinkwrap":false},"0.3.2-alpha.35":{"name":"@react-ssr/express","version":"0.3.2-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8853356bb09a8104e6d3f271ad505fc9d4ccfd5d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1tRtp3jY+7EARGPk7h2W3P4PiKphlb/iCmB92gzn7+jl4D7iKNFD3krOVeVUHaqztr8hYroFmM59kQ5CKwPIzQ==","shasum":"82dd27f50dd412d101efb735c766a173707ce323","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.35.tgz","fileCount":11,"unpackedSize":19204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqCf9CRA9TVsSAnZWagAA1+gP/iXBuEFD80ihlaoaF3XQ\nb8qabWR9tRqz7LUrRnbMxhCu0UUDjiMMt4CfDvnACRpb948NgFF3GYm/45Yw\nXIijKbNSzvXITX510pWGTAm8UDoy2RcG0bh+B0TLlKZ2Rmx53G3UdJjhl7AN\n9Wim7U8KxeOjKEZN4uKmWzvOq71lggt9F7e2XP7r6mc9y6MCmjK9UHUp2Ivg\n6Z5df8mc5WQwOVEQsZEzv0AoVpzHuabBai11E5qu674QtYrtQmESbXOaerkI\nNlyTI2Mr/3zNB3I+Raib0WK75Al9OZOpCkFCUo6IuOFZoOySLsjIosWhWDJ9\n/pMeOVEfsUCfH4qTQzZnq84GZIBydXG+4gul9CvUkwhn3Gz5ZQn9wF7oyaSX\ndUf1oOItWze7GAkhANgfhbB9/aG3cVjxmJtZ39EIMlFLyT2oX5C3stEvUm7E\n6+OOoQuMs2Kwo4wqg2aivYA+MTXF/J4I7N0U2I7lvqzYbU5AsnQ/uuH7VwDa\nWTLZ2tWBL5GBOG6paOOkurU7FNqezsvlRq3cvWf6PnUuee6GxUbKKfbg+Hoa\n33gGw6OveU3yQJpnTVu9LF3B7KvgWcbvt/tQdLJlNYkXtux1NONorqtdeCxk\nVp5oretGrNvGsLG5cCQVCUEuE4OcPrUdqGCww7IGlmDiZunh5fiOtbJ2odlc\nDXAE\r\n=3xsE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH7qmgamBKddnFIE6MKA+Anhv9xHLdbV4/hDMc/lylahAiBf6gX268q1M5KePt6LIq2A19kH/Q/1skPAeeBcBRZbLw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.35_1571301373109_0.959781738801383"},"_hasShrinkwrap":false},"0.3.2-alpha.36":{"name":"@react-ssr/express","version":"0.3.2-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b7487b752c05f209f454801574e994e468b18534","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-39MHFexU8JNQNUZfxtvgO7bW9zghOvy0bdX8Yv9bcHYvQwUwi6lEtYzzmpPzWpAZj/qDGziFVPuhbE9MI6QJZg==","shasum":"936e5064c1fa46977636f9f332380ef3004f6f8e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.36.tgz","fileCount":11,"unpackedSize":19152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqClnCRA9TVsSAnZWagAAlYgP/0R2fszQAeYNH0gHsyi3\nSF4lUpaaythDWi49hW39Qd5IM33Jrr7tYDicNi7kxxyQp+Z5PwauDcxSYJof\ner/WVps8XoKs8Lrc0xPA/iJO2tzORcFe5t4DAV93fim0yxKuKhF2Spv1dTpZ\nhFE3LJC9CglybQD8nD1zv5TVTHAtjhBeesOvXWVVhSuiqxWcai91d9/oQOD2\nI5kjBQEzO9CwMS/Zby2IQYrlRVclsvN0cjBFgn9wMA280TnZZ0CJNmCJ4Rv6\nGEql5vHOV6yCCsqoHputf5uJuBk2BThEznNwufgIV60BPFFpAHAO8UKZ1WXE\nTdwjSkluJ1tx2A/Pd3lKCNZgbg0vjx11vL13qEU71FHpH0BdjUEeMZDiT7YS\nxqPzEm7zINyu+PBGzuK7CoOeVwjVYrHHmy5gnD0vreKbDRffRhhYesdWhxm9\ntOhmQ2Br9cd3juTrtjpmzqu0si/AP2OrSD+3bVy14B3Tz/8KBR1kdPA3064h\nPBONspAR5li/Y77qNRPo62hdzZV8f2d1u1aj7C16M03lYAPTjEK7bDFYSg+b\nm8i4x9LV42YKXJn2HZ4gpPYqpe/hZXOo6eTP/Bh/tG172EXruranLN6xDBB9\nWRGAypqNhMAvJO2z3sTwNm4qnGalAggIsSolNpdDB4TAwXIBRtm1XEjuQLk0\n2zhS\r\n=Qayx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZCtNbginwzdW7tpY/hLiznwUEGonY0Ty05oq8o6qEmAiBwiXV1zeCNdyshiQAjaPtYQHVlnO4bkn1C0zv9F2IZbQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.36_1571301735116_0.2665808630738382"},"_hasShrinkwrap":false},"0.3.2-alpha.37":{"name":"@react-ssr/express","version":"0.3.2-alpha.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7e27e515f3d0b30d9157f57e39f300b246950abf","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7tK5js5lHj6oLWMMyozdMlUew4WaxacMSLDA28ZKb4MOdkkOLMVmf5UgxXvvleqGM5GhnaEipi6GiSl0DCo1HA==","shasum":"c6ca5210319c973e2b19164b5adb6ac8e7980999","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.37.tgz","fileCount":11,"unpackedSize":19007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqCr7CRA9TVsSAnZWagAA430P/in6gXjvkTMNR++AKO67\nqnXiyjsdHMQ2u6VxRVk7VUCvrrGEH6WiIQGCcY0/yWHu/4bEKyPw3k8vPz0h\nYsbDQivDnGk5zfZXvd59uSelaF4fcsv/mRmr169VaCIJXVcIhz6IifqIZxCf\nAnW+fxSoWi+5RWtRPCgTETi6idFEUNzM6eDDuaw426KKRQSAFGFaKDOL9+AT\nby4eRVF18ylOSu3SDW5MWs63jeJR/Aqop9HRNmyudPt+LACDscHKpU+gS4zW\na+UG3hlMbAHZ0exnHKGdcVlMJTRgk0dOSKp1+1kxXY2TLcH2nOFN7xUQDh7K\necvTBX7dPCvtqlrJObwbkPOAC7zLQL24gcHRRa6jpPMcXpdBV0N3D1yfj1cH\nRzlfCci13kNjyo8XPQm/9yqUShfug4h2A/RJJr8A2Npwlc8pQmQzoaN1H7Sg\n6J1jA5R3hEnWE4aPMISav9fnsHgXnjNdi+Dvus7y9kSjx/JV3BOcAK+FfYHe\nb3sXlX9Pj6ijZ086ukP/PdTV60l3+xz8CjVdV4nMjYYnGDrqGAnrTmDwaoJ5\nxdTtsewH57Ylrs85IDN0Qml5kRt1+2/R31iOLe2zF1MF+J2pcuruPGEfofs1\n/o9BTzPigWZ+Po8jQWZX7D7rJZ9/dodPRZslczmn1UMpwaKgTug9jWRrleJ+\n276j\r\n=vGhM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEa7osft9LYtwS3b/WG4WXlc+eS7fz5INrzgd6m51gr7AiA4KHDfGPXfkOMUVBEeIRL1b1otiYct4LbZE8cYrK/mCQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.37_1571302138610_0.44511498085847356"},"_hasShrinkwrap":false},"0.3.2-alpha.38":{"name":"@react-ssr/express","version":"0.3.2-alpha.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"da74c65990515de67d2fffa379e31aa32f69a20c","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hBrsimYflvmSQ6HtfVoM6QZL0lCWEjDiMY6/eSX8HojcBTHHHsTkg13UXlLOoXiDgEjdH0Nj9JWNAbk7gOpWHw==","shasum":"29d61472c595188c5fda30dbda56b15678a37b59","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.38.tgz","fileCount":11,"unpackedSize":18991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqCu/CRA9TVsSAnZWagAAW3EP/1zYAaZ5IN5otXUccogE\n1HpGAxZthgmXqv4RCC09LVsS/dWdOG+UW8lbZBef7bQmlBER8sNofy8x62Q8\n7NJBGuNYwHJXyCC9z46x4+BLhgfD5XDIS9AOcTaOwnBn9mhT/Qi6N2WAO8Ij\n0CsWMvHrR2BsZcfVef2yo7IeyZ0vFXBJZmSnj0RtMJWp0lM2dOeW8LJ1kkBn\nEgmyyErOBx6gblRKVm9UvcO9y+wF2p2UBhauVHgPuA0PwLYdwXlQzvXOWrac\nbl1h9HBG7OUz+b0Bfyj2shOS2TpT63Iz1j+7QXkXo2vAJoyKybRdxEm1xAxz\nqrFRq+mjebpOj9qLNx1bR4FH+jcCjR/GoMPtMkRz2MgQC0TvRbozQuVpno0t\n9ccKMsAZmLNnok4cE+qOeDP2gEDdAN6gJFIMKM1FeCIfugHdY1eK0Kn7ceHn\nh3bH4QTASmFht/7t9qyPWx57Ni7KJUBzQ51ZmdjZzQZBQR+tNFJL/cjoZdJs\na+J3xA0zgzsBwzlaHxtbsfNAKdXZAjgKXO6bDMhHd1CG8SYtHe6yg4tpKwfC\noj0tzH6grffOrmpqTIYz4oSrRfxreMuVi2TLsGJlOFIQUIpHImNRcgJxOgoc\naAvjCRdwS6E5OD6Zby9qpd1CihHr6GNRLOzjQvaE9u3O+FSiz2lIkC/7XQFl\nGKXG\r\n=0ysT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1udbcCdzwXT57ohdmAaEEXtM7fP92fGe3RTg7w/ylcAIgOZUmr1hk7K9Q/7IfmwizYk2CLqWAxfEvgRPlA+P9bqY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.38_1571302334923_0.5378205110820466"},"_hasShrinkwrap":false},"0.3.2-alpha.39":{"name":"@react-ssr/express","version":"0.3.2-alpha.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e6f689a9acf3809f4a3b09a654631cd1053a1938","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wBXScqAlwLBDdk2WqQib+Xrj9eTm7FVcrfGQr9GRQYEXqFvKeHw7VRWHG8QUEx2gv6it6CYrWIJUUEpcEOM1CQ==","shasum":"d2aa1129840b3012425d7e78b0af8fba34b1cfb2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.39.tgz","fileCount":11,"unpackedSize":18994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqC1ICRA9TVsSAnZWagAALQAQAJXLLqPynVvFxOVMT3TU\nqvQVDAqwhRHV1bXBxIaaYw9pr3+tLbb5vw38trCUMLis6pQg1dn8X9D/CUCY\n/+N5YgWrPTcmbHo18smAlNaQC/T5LvjtITovacUq5O+0yWpwn20ZPDSDp8mK\nJo6IC6R3kbV6RlvF4MQV4/fzxvizMSzm426VG/nKdekgv41LNxUPc2NHClqm\ndOa+yGXBRfkf4nhjJdBNJLcAqG+9lEhwgIN9TIE16M3mBfCREXFPBTuuD6Cl\nZ5Q829wqIkYqeOiqO7AgFAdddD7v7EZyeQm5qOIWqgfzzdXxjb27FyLkmvhS\nwIW+IHwRKrQnN8GT9LaIA706auB3RiVtk8KF0pcrD1CFVogr2KQbMZ7zztxo\n+gk5Oe3zdpAivSAXCJOBjNdpZJ+ejxrQJCld/2dArAi1V5ruuO2wHn1/uM6G\ntEvpW4jFLR0P+kNrNnF4usDcezcTIBgOxsBHPdIzddsA4gcTO/fQIIstbUTL\nHkliGqgB2NaeeYhqc1cW7xz5Xe7ZlCf/770rZHF0TIydLki7z7z/nRg45Fc4\nGaTq+93KoJvuWAePeaSnVa2GRSgqAVDDxRvZFQbHVs+CKikaOku5WUHc+aay\n7h8ltu/4NjBz9wc+qnapcHaa4vgy6MOUYwmUb/ft5jz5hXkRoxIwXM2t6163\nfZNz\r\n=9Znd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHnpIkeKpgL7297FsgQS451KVaJB+nRIMXfZ3US420/kAiAkteDdIcol36lYpRfJfKBbgU0H3gqiPDD4RVgKbDZdDg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.39_1571302728054_0.03430014342863097"},"_hasShrinkwrap":false},"0.3.2-alpha.40":{"name":"@react-ssr/express","version":"0.3.2-alpha.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"338b8f89dc8767bc3c310a0c7cf12018347a9a58","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-o9hyrfXx9qjvDz80YfhDwXO9jr0+3+UX2B0oqCbgmewfn5bn7wXBCW4565q1n/GmjP2+4jwVvURKKpOXeA2eMQ==","shasum":"96e21f6cd28fdc2395bd97f9e55e9928c3507d04","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.40.tgz","fileCount":11,"unpackedSize":18994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqC3tCRA9TVsSAnZWagAALCAP/0UJPhg4LmX6PPT07OWv\nE3mu4bLtkNb3m3EM4mpI4fJue5CeRDEqv0MF9ICOFCGoGuIBOMus+SuuFhsV\nDTusnKkBN3EZ1L712Y4cR0BLDF62tBmsCpY5NSof0N67NivZEP/Pd/DtpxBA\niWQCxMIfeD35STkFYHMl1cNy+6FxbIiCsAXNfEJxqLxzNSaNJBiB8RrTyFOd\n9enHlKNWpMoqX8XsJ1EhNwV6ujyEKx5ewOUjR8uVcA/FLRhu2UgEP4v5pCq6\niXvTpZykuuXaaJ+QnLYSJkBdsXY++BrO713sreRrVjsIDWx8itm00bPNGcal\nuiawqFbofjstfQDGA5jOI18c9lL8g59xU7gsoWMq5qx4m4whtHMjUieOmx43\nb8lpcgaB6quiJ3Jfg4emLxcTxAWjYJLhT+HwO4+NwBGJBu0gr98v94rkrwgY\ncxIS/WNGsAh3VsELLkDnUjm6FzFwe08yxoyB62lLgvjd+Y0xiYiubMHwmo+8\n6HluSx8k1KFwgfLpXOpR1TPdnyJ6/jnmR1tOH5zKOD0MTcfm7IIFVKk/t0df\nXkG9/lwZaq/sUQ33LWu5uWlZUMZ8TkG8DIeORDPVijrDjdrZIeojTpreVP2q\nzTUUUMjKIQqBUCQ9tFC8ulMh2wOMm/1MCGn2TNRAVlVfJU9eD6uk3BoQc4DX\npi1C\r\n=nZj9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGuvGcRWYhibWMJ6QH96J8u6aKzqbLqv9Sz2q0CPxRzpAiBsN4ugFmCd+DXrGhNuBIQH67orKvxhbd+jdj4SORCQhA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.40_1571302893076_0.09110425053185045"},"_hasShrinkwrap":false},"0.3.2-alpha.41":{"name":"@react-ssr/express","version":"0.3.2-alpha.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/cheerio":"^0.22.13","@types/express":"^4.17.1","@types/react-html-parser":"^2.0.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3973f4720bccb42b314499e21cc7e75ed318f0dd","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-iO2W/rr4Hq4o8YivqK/mrTvStpv399fpGGxkMWhvztND5GFs9QCDcWyxv+XJx5FMZUJeZT1cbKpgCSljto10hg==","shasum":"d644f046aa4edeaf8300d0682a677e101742bd42","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.41.tgz","fileCount":11,"unpackedSize":18994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqC5mCRA9TVsSAnZWagAAomQP/jjftyQBsKhvieIQre9t\nM8xXFbAYdcMIlNG9bussjBURJHbFRogm0eXjl3ntoJsSHcawcbDzzSIPCZWQ\nI+FjjMIFmutzsHZQnJuyxHa7MaM95wmKqOSxB3boDZ1iHzYj/8CviB67r/2J\nWxnmN2uWe063rYpOUB0YLKWAqzKCmXVZpjG1QMk7YgOgedKIo4kOYyywZ22r\n1p/RM0maPSPmCYOInTAmu8Js8E9DqQ9QpwK87wpSftd3R2BPp79Y9a/rs49I\nck2CYn5P9Gy4dgZMiG0tLjDThHw1/AWATOo07iUPcmbExcUCVr6/ti18V4h3\nieAK22Vs9r0VLAfVb9jk8uYevM/1UedXw22LM9yQCgL7ojF3sk/Bpfbd5P9d\nHOt6cYHiUGkNXraGt1fbnYtN9Xa3eMvshwy/fTaNQo2IrxsSiZe9CeLNo2pv\niYaJVAetqnqUzpr8oCEds0yqGRgb3VBSv1tie1KlfmaQegBPduNemwq92HGN\ntlTmwsBdtbsEMN0wRnjr3kTA8tE8cQ16e3uA3iFZAiid4WUMxIunisGLNt6V\notaohcc3mwDZKrY3jSjdlnhGqhasYHLAmwkNaIcGAzK0JGeFrCg2Qxh5QY7x\nU9hfNFAZTbQ9TCU83c0kIStaFqJJa12UzV7zbCP4aH2ER1kiUD8XVjEHXwW+\nv/N7\r\n=GzCM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFde0SPC95H+1cH2GhdwIaGgZuHZMLd4lsotp268ME/bAiEA2BG1cn/xAkgp9jbOEaA0keKWkX0LnRh9dxdMxYTUb9k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.41_1571303013438_0.15239275013682452"},"_hasShrinkwrap":false},"0.3.2-alpha.43":{"name":"@react-ssr/express","version":"0.3.2-alpha.43","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d804522fa6b62775cae7043898378eaab6afd52d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.3.2-alpha.43","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-a3/Dew/MY272W1I6HfrlS9ZA7rbZr2xdiITcd+maXTuPqD/S/uZZtySccuj0+CE3CbQ84ifN63NR1oYtQLWRkw==","shasum":"7cc8493f5db7808e01e6e0e6c1d455d49dd8cd67","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.3.2-alpha.43.tgz","fileCount":11,"unpackedSize":18853,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqC/1CRA9TVsSAnZWagAA5lAP/0JA241/x/mwT2J95ZLE\nz/OpjIrU75mAMAwG37Z5hgv3yM/49MrXzUus88KnAbES54nwD0/nVcEGMjro\n1ITYBAys2tGfWi1UTwjEStE/FgjIW3yhjwquQoktJK6P9Galy9ztodJM0PGa\n8GYLu3pZLLTzQAuUwhEff4hoFihk6/zTfwH2QGdrZtgzWuNV55eecDCWN7Yw\nf4DNZJmEAtoUbjua+YS3/qdySvOp87SiAsn9hekeCgwh+Ciuw0ui/Ci4k0YU\n127eUC275cbRExV9XjTYgzk8Gw67MQAY/qw6Epfm/spiXV61UJDoirdOF008\nwGKXbEWctcqtImtPLDKSBsU6H/+AH5EKZOJUXuRsSpUROdtkxPM635eSvB6V\n2KjxSOuJ8GdwNwKG/Ol5JqK02laQ6BTHlgWiIGt+Q8uNiNmmTnBm/tgjq9SE\nCmpR2WYAM3YX2k+l3F1fD0Zl0/tHRpo2va8x38IIzfeXU6FkDmBoLqEQElkY\ndsQE+sFiuLYfGSG3vnHhHuEMiMy230R13fpdD94yyB63iQE2pilJlxMe8zds\n/72nQ1H2VBia63SSVTb+8Eb4hlKnbUxsrBLJSbJ5A658Xgq+TfTjuFLBWzQ9\nShse6dA1ad/2SPRYavuZhDE5zDSKs1W+H2LJgA8EFuftYCpAWX7R9aIHBeJj\nXnBC\r\n=i3Kl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8GxT6ZHat7nfwmc/lpVPWpnWSW25JFhrDJW9o/00Y1gIgDy63yRJtgvdbT2PA8gGERggaSx0rkn+5JGT5bw50nZQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.3.2-alpha.43_1571303413152_0.4087979947567253"},"_hasShrinkwrap":false},"0.4.0":{"name":"@react-ssr/express","version":"0.4.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","got":"^9.6.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/got":"^9.6.7","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d879b7416cbabf566afce3cded23b2d3edff7404","_id":"@react-ssr/express@0.4.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-nYAQZ0dJK2QOA86RRIMCc9RUswMcO+rrGqBGcQ2bbDtjBRorjftckYimVfU7kW4+JSqm83OJLvjgR14KigHyRw==","shasum":"86123e2b32f70d9fbe9e254d1d6e5ceb643a5371","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.0.tgz","fileCount":11,"unpackedSize":18836,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqDHWCRA9TVsSAnZWagAA0x8QAIuGWk8yreDJuJOGSMXW\nbheCkFzCUiUnWw6TCRdXBzGEddOt/H6vRP6Hg6qK86NvranB4G9pIpjAroJK\nHIDEB9ImEKGURxv7oMF9UnBF+wJXk5XUjC95UiGzDJ3WaZtWBN2/qZViSPlk\n/ZATemyj/eU28MTC/LzYqa2xwQrulAQq37OKKNsiGgfH3rlQAmyTMayCyILy\nytpHCHQjPzZINKR5ccQ8DFDBu4qoMo5wP/hzLFKHqY5Xbhey01lxhvkQk5OC\nlkB8mkq4OgX+t9CwlcXUa+Ek3LGB20824oK1xoY/Bcn1coFM7ApZ29qj97IV\nbmMmZcAOr/1lWfZxN+42D+q6vi4lZ2r4YRoHrjjg4eaorKhTGID6h1ne0Dc/\nl3qdb7bDiRif5THe0DsM7r6qZk+3TyFlA+g8kyJdE5cB2XE5WaKJjWIOgiPG\n/K/pekJmrdfO1iIWH/eIPUP7RLVKrdRZSvvpGNqAggVSeb9Qn4LW0EKwO/Eu\n+w5StR1rih8P878t4bCepZElNIZrjhAUfOt19UPvqCzW1rLpO87va8o8SmnB\nzLZIyl7ADNmV1eG4GU3PM6YTdgiw85q7Hmg0c5d9QLYk5MlLrKM7Z+KG0T5P\n27PG0Gi2uVbbsg0nMizUMpjlw6pWO7eS/PuU8IFanHZMzuVP0xjHxXY732wZ\nEpBe\r\n=4+VM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDS7lJrLog3AaamsSIAHf06FKHip+E33IrdGbGgnrUTKAiEA9BJ9wv3D6xw6Mo1jCuUeXRG4lh0GrjI93udc78vAZXI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.0_1571303894209_0.8301699862828384"},"_hasShrinkwrap":false},"0.4.1":{"name":"@react-ssr/express","version":"0.4.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.1","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","hasha":"^5.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.1"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.23.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"22a4b6e14aa85edd79853978bd7fb0f17b8b7382","_id":"@react-ssr/express@0.4.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ROcxPtpUmAyxI/uxeve7WI5OnOVqj9rLWz8k/PdUmwmmfsg1W7sr9/ZEOnmmmlXFEHkimCcFuNblp/RN/5FK4g==","shasum":"740b5da7fcfa7fe8fb4229cac9e3a3a7da329b4c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.1.tgz","fileCount":11,"unpackedSize":18787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqDJjCRA9TVsSAnZWagAAuF4QAIPoPEeHngDSUG2RLQ7J\n6C7IwlVW52aWK2q6w6Rno3XDgCwf/UV86zdVea+HiRX7jto7/VXvxIZDAZQP\nycplOkyTFVu8EHyO6eZFhEvpdaT24IAIQnA3xE59iB6S/uA90US+4ik0P+Il\n1FFMRohu7hzgDvleJBW81C9XaZBzIYMAfX2OZEY0m+Bfs1VHV+ptiKD3x5W5\nQkI+5/evfEkG4OmjbZtG/EAUUKBG5VcaIkizfxoOuMkp4XFdChuCgLti8uqK\nTnPDWVfFVaMo9+gGB77uEmgdPHBOZI8/UOjq+wTioVc/NQdA29e17+kqv+S5\nJ1o9Zj5TY38HTEZJWaITkX3ZbKDwKz5qPD3Ms01lKt90wjJU56O4NTkNSXYd\nG0Nddj8ea8VOCvmT3Qq8uUajpwn1l2uL3tUq7KlJ2QCPt5B9qSVyf95ATBxy\nR+mlq/XAyVcJkLq7STzVaHf5Sxfalnfluu0+hZzQ9kWA2N4MVSW1w7jB1Heu\nPwsGjMXnYOtGISZKB8FkJ3IwHd6/kXktrMC5pghPFQv412d+UXcL4JZVYA76\n9JpdaTPjSn/D9zUvb2KrXRgQCdigJRuQHQ4KHWgVIRLH2/y2eu2khAGG96vk\nsInd6CIoaK1/ohL9DbuamAiB9x51/5izb2EkUUJQXOZciWpl/3x67PgbxivW\nAArn\r\n=RCr7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxOOeqEy8sziNRhbYqyRv++V3piV48RhkQHLZbyx67RQIhANEN//6OonrlOzTUTHnBUfUsswgmXzdhYtt9qpUXIN8M"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.1_1571304034813_0.624884664361667"},"_hasShrinkwrap":false},"0.4.2-alpha.3":{"name":"@react-ssr/express","version":"0.4.2-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"337c06bca3a9f9071cf808ceb36cbe3351c33591","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-YQ22FnW98b7cov1fbIzLgXErwvLoQEoQLFl0YnXFXNirUkSUxAXqBOM2ONO+x7mUGe1tVzkkoE/3/YgHE0M3jQ==","shasum":"9d7a4a84d99abb982b8d888e2e4c90788b806555","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.3.tgz","fileCount":11,"unpackedSize":18747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqEvyCRA9TVsSAnZWagAAkgsQAIATTQ0rHU9LR0xt24Qg\nWhdIQwI4pjqkl0xPaq1H1x5asg7FtBgbZsRxUpimbaKIQxZJOBKGc3UdIA2T\ncgx1Dfcd72PhLD/YdVdt9soBnpk6Vk1NVBB0TwJBD1lnT7N+td020aafkbAn\njJNJx2oJCz99u3Animmbi/ZHZ0w3TGDYhO46KqlEkNdQ9K1gpLHCAYiKnomY\n2UFU3x7swRDJNBzukKGS5Nj5c4hlOzYlRfr2f1dMlikXZVkpskVsnycdib5H\nBZuMHHAIxYcqj1/z0Y3YSOHIDGSz3WmNXQVy+MwBHW/kCIrCdsDFztVSCnLr\nORmSgkqUTVKbjWXVw8OiJwY49cmvdfXueNw3QNUB/6jTebjeBI3NQXzb7yD6\nahREAluMBsavmX7vHwhBKTRflNWgO1M67VD/9CJuk/3PeM2FpO/s33Li2moC\nvMOi0SlB/tQwLqh9FObldOuyaLk2kEk2blYqa3X099RERC01r4JDol7JTff3\noXaPxXAfawusiHfgSwlnYiTFlXkUImI5QrRr/aOoYVMFtWbEOpvJSSTWEQeE\nr9+SLQ1FCayDTs+qqS9Yk7fi4Fb9NALrYXYJFlzv94pOMC0AjPYbDItnAH4R\npW3AGjyd3zRBr9kkDFMk8htAJtVpVqYZF1UW2E7vxW/GDBOqI2Xhj2AX5vQ+\nqFau\r\n=LPKh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID2gkAf7P8EzRKgDLR6PB17d0+cJ9ZB6tlnBbXWduesYAiAk3EEwvjPK/ugpWqQSMLC57ZFrsMj5Hat1lAoZSh1hmQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.3_1571310578248_0.22669592645944125"},"_hasShrinkwrap":false},"0.4.2-alpha.4":{"name":"@react-ssr/express","version":"0.4.2-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7ebccbee8214662232da132735f2c46777297ac6","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-u0D3n4aLEQvqFg1hzLMc0VrmpdlCJH0spAaYYtxqi6JXHXPCP5lWiUY3Ig5BOnvudzPyLYAiiPsVKRuPhtgVgA==","shasum":"6a32f19d8388d942999f104052354e7af1d2015b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.4.tgz","fileCount":11,"unpackedSize":18768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqE0YCRA9TVsSAnZWagAA+XQQAIUknpXEv3SrCAG22/bz\nBhJopTWSCmHQUn1NAhCEaWaM5/OjbaDva7X/3dltm5vfMeDVCw+6sUFmmI1E\n6I6lPY3VlvqZ/2VxNgAglyhnuoQwMgCxsyoIk8rBk+yuxxoGI4CzDOH9SJoN\nNR9a15DDvzJl9C7rHKdjYK3Ja0O2RsaGfkkch6yUwu4Ck6ylq/XZHbshxudp\no0+7wz0deBgHLG8JR+poDkpdUAHwFOX+O6x8XaSh0KLfKY5yS90n7zD5cvUz\nTRbSGwFxfoS1jmttAFCODUUCzACjI8C8LhAjgJ3FQP6D/RXC79v3MikdXa7S\naDxdglVo6BktANrnztA/bj7xVJrDHsWS2Km8Uy/gQYF2YIe0aet1KAJd0XCd\nSlirslbDB7FTzQDbp88urFKL1PG08kj6/DgxRouYzSWkNMYoBDNx+qoDxkH3\nOa/exmnXqU2qo63d9QRA6Aim2ve2ANK3YCq34gzUU6xFQBieMeVquZ9OeJj8\nad6k6fGsPW13mKOt7baIDiHGCpajRxQ0PLVeN0G6pccUMRHuHB/Auvo2GpiD\n6pxruh1B3sKoJ4kG6lnNgNaz5kOXE3S457rXB5QFudgD+njPkal7KsqPflW4\nHvOCwhH3jMwep+a8Luza5xItbS3RP0c4qXl0R0F9bSz1gAw+P7FG77o4LdJy\n5+9q\r\n=GDco\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBcZVywFhHiwFsoB3iWvxLq8+bYzVJUkH/Oc3+JR6Nq2AiEAx1LfG+tSKfQjbMoebg6CK3urI01AGEUlAvVACkcsgFo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.4_1571310872052_0.9347086779718048"},"_hasShrinkwrap":false},"0.4.2-alpha.5":{"name":"@react-ssr/express","version":"0.4.2-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c8ad034b09ceb2ae67e4c43709c8c7d1db448136","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mAyaRpyLBC/i5CnKWu/+FqkRu7AKaA0ltSzXUmM5PsGzP6CjQG0VkFir9nExyfai37RYwi0BeXEBUINbWTWyGQ==","shasum":"7fd5c37becdb7f1e2b1476725b9eaa02e583d1ce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.5.tgz","fileCount":11,"unpackedSize":18838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqE5gCRA9TVsSAnZWagAAbCwP/RvUTzeSVwrU9EzEEVqX\n+2CJhtH5suToq1MhjdGEi5ACEYRCrh0Kut/fMStTbLXqCst6clciZKhSTCpK\nxplcfuoSntSnKx+hqrdQWmfjEROYwEBKaijCvqSpNVg4UiLugiLRYiDTR20x\nRoy3lJSOgd/LSpu4axpwV5qoEGLac7V0qxj5FB//CuAs6Ad1juLVbjPIkcVc\n0bBzaYovdD4wtiL4FD8utr8mwkVgReyXNoN973sy9JobXF44gHXbd9rxZLnn\noL899MDW0ff4MqTzgZU9+CWX1/KX63wJ7IpegykAA9m8OV475YWu71c/wx7Q\n2wbywMi+WSiqXdMVGdcPagu1hOWXepL6z4SY3URTv3eLU/ZOgLp3AgnC/my/\nB4pSxNvnKC/q39fa6wo6ZuOZNMl1er0nWKN3GOOHbuaE3is5DPxmWKewONqp\nt235YZRLYJUcw9nuIa6t97vcztxdMwfGvob/dHenu+6a9mAYavoVNDK/NawL\nIVFKZzyggfJ4ykc3mzKQpLyyMOEus/353FbIBVR+kiN/vyk3WDn0i/pbN4rF\nDHlPcue+gN/Q7ZonEiHKs/MTmlSvxJF6G+Uae6yYpiZPNqjZ9uCyZAbynydl\nEUaxoH0mlsMLxYKCX5TZGlOvgTyKJXc7X2+vdhCfwLmnMcTUCZnVUe7V3spS\n9QN7\r\n=xfNg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIGYe163Oe3bGwrl9bq0nMER94ou3R45l9j3o7kFP69QIgXFWcGbuF2jqnk3DF4EMcg33kXJg83+QTe6O2sH5pHvI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.5_1571311199705_0.8189526115785659"},"_hasShrinkwrap":false},"0.4.2-alpha.8":{"name":"@react-ssr/express","version":"0.4.2-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"965fcb8fa621e79192dda8b2e861d08e4649eb22","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7ofWyGMAvi62QROr2jP127HdFSJ00hb1TOYzDf0jRwbBJrWuv6nyX9cvytOUTAVbr6dtJFzTdjeNfymr9F7QPg==","shasum":"54456b4d7b5509f2d8b40a39bacf0c65dfc304e6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.8.tgz","fileCount":11,"unpackedSize":18654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqGA1CRA9TVsSAnZWagAAiK8P+wZYtAbBveU/XaTjJbbp\nIjTqXqUvHUxcaZ/PWY2fcUNJ/hnhe3CHCPUmshFol3bp0+Ha41XIId3qLTf4\n31UiALBT9fc/XD/Lt1sv5DY5U7RzsQbR8urqi5euaJUjXbvD3NstOUeMlzxw\ntDoeX4X8vaJ3ZYZMYSq6VbpANO5FQKU7I4xbwQUdoH4sPCS7skCHYS+reJ5y\nED0Qf+Z40pMFm8XrmzEdme/RsK8ezPdW2U2BzTRI2Y8k3rONIOAP0XQCbHVS\ndFA6x4WYhfPMlXmwXzQ/1nG+7qlVJ9dvpY3j5X0gsjv2qVAhlDigBsz5Iwnb\nrQ9fWKFOrrxBYzBozqCSBVAOzABqzcitzsHN4SLrKkVvFrUWtywLs2jZb2lM\ngbh0pvITX5ic46Snaz+0z/yd6Ol94cSDcfpL0S+rZtU9nS1uhezilKMPEcGc\nSPKSuyC8ZSfqqcOoeSNKy/kvwrYLayZFX2qjCbtFQFVVJEpoUo+Rqu5GXcuR\n/WHCOvU+ntvr5Oa7jcKIq2c2edaZgjtAzr9TtzIOsTDxc7A0YnQXxgaw3RQo\n77SJorAAgtfbSY9HYyyXuACGKv9drInoMaUDDcmN7tescpbzVBiiZas0DI1P\nsKBiHoXDe9oFnDL5uU+mf0ziGEJ5woVfIPCdRv5MFfMBeun2F6CxeLSKjkG3\nnE5D\r\n=+Y6M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBvKu3ctq4Mrt/oX5Fpu0GnBUaErzM1yzMWFXnXEtWYtAiBArgsqxHvkbj71iKRRBpccOyZ2TJHvcw+ecUUeIOcVuA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.8_1571315765102_0.843048695620249"},"_hasShrinkwrap":false},"0.4.2-alpha.9":{"name":"@react-ssr/express","version":"0.4.2-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0033d6050d4911032d084821fc4b44dc146c129b","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4im6CvFGKzd91hf61zprK9xQHaxO7AbH1QRrddd8pGKsEztNNbo5CSu7OvlrnRMVrsu81Hw9ZzfzyjgG4GLNWw==","shasum":"e16aff83308773f010e1883fed389bc215636c6a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.9.tgz","fileCount":11,"unpackedSize":18586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqGJQCRA9TVsSAnZWagAA+Y0P/RNjg9Cr1/VYjBGjoceC\n+QGfZzYTO6l8LwKE5McWsamEm5m9L5cXGG4A0jxOaURqCgXR5nRoDf3BTU9X\nWkQ+NAt6emw1FXG6dqjfALZuzSFj6Gk2V719B5jGSsnHXG6eFFO9QYsrgNEa\nmgeAdnwbRoSIN2bDyssj8q3AyY3KNummc7hwdAj5s0Zg3XVS6j6lJi1Ru5Tt\nSi4TEqbVgxDoM7gQBgOwF2sEmr/FeA3kDUFvOYPm/uBO8k++a6Z7ZwbToT5D\nIXazUlIZ3mRfFHSXu45pEC+A7tHb3ZlMCONBOxyO31YfNLWIaKyfNh+k8Gwn\novpzxoajd9O9VYQBUnGuXrrdWvJQzfvTnA8IsMmmnyrvFgTxHYigKYYpiO6h\n/kExlA7xIxRPVxih3AJ82UXKNQw1aQp4tY2nRFLuJoxZBysqfsNIcrfsEhq2\nX5Ptcsrfw86PKlKuQXgkGYSy6lDKEYp/xDTw0rcAi23EtOQ2rxt7dEqAUqCT\nXZSGyWbq/bWVkswTtnRabwjccOYtenIo4wJr7g/SaIhigsjtREmndMC1arfi\n8sWtKCRLoCierpWZx5N20bSwbB2vM2cZvFNDLllWRDV157ZKQxOX7h4F2PRD\nbPZHjYb6eTWRHH3fCETjAhLha2mmieGjS3VRrCaNw4Hs0a1sS1UQ2a0UsbqU\nidvb\r\n=Sl6T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCkNKjxBhO7OvwqJqqH5xBIxVNRR4DC0Ea6pw2VZpyUQIhAKRJRa6ZTSn97yBvN7WHvw7boWDBL+iivnL38rhMxkGW"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.9_1571316304043_0.9926750229601036"},"_hasShrinkwrap":false},"0.4.2-alpha.10":{"name":"@react-ssr/express","version":"0.4.2-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b3dff060d6da28de74ed1f4198c67829a2d4461c","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qHvgGMM7msvkvRQMg+Xsq6MQOx0mbep1SVCGPNZmi9bkCWLd+/A6YsfGuJoO/uJWkRR8GM35aJ6kHJIrip7MkA==","shasum":"b2800f548f5ce12794772ac33005eb4d6f3e02be","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.10.tgz","fileCount":11,"unpackedSize":18448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqGX2CRA9TVsSAnZWagAAr9EP/0GBvHiPMcNIJQf8u4c3\nqLBY6Vw2XvpC8V5pB9ma/fpvOX+EXn+GbXOfxfzR9XTWzZNVIokKPqlSK6xJ\niq9Y8kABt8s5vXpoeZYqyHGxXAVsJVTMYfRnGOomEMSmC2KeZwAkgkz4gM9j\nSpn46hNrExiNcqIOzCW7smYEAHLZWr+ElkPniHz/uwm88XvBW9Z1+3gQumDz\n1qwpiIzE4RdW7tckrSGajHJCWR84/sC9Dn22sUtuw5jhg6elovkBAypT9G97\n6CZFT3vPDPYGp/+FnxqjpY9oCe8q7eMjaRU6G6gZTh6iGe+lWD19qMn2oRYp\nKCwiKncH+1n55lY0XE5oecfJeSaayCnadUWDA7pvTRKNpS+jD848bqsgmDzF\nbEPKTACpX91Q74QZmJsVQoHu/An4FwIEPs9yWHmIBNqbK2rGIktjIVK1FiL2\nZ1UTuJj0HABl8yyyUE0hccCffd4cMrw3LMnTpZDYhEkIYn42jVFdTEP2I19D\nChmsME2NfAx28D3PkFmbLJcUIsq1u3aUqQUMA3ysjreg7/M7knBf1e6ASEZA\nbwk8AzTneaOM+vWeHKamn5IkkMULpdzN4MSaXWcGfm+IogOLjkWhrf4AMRvc\n7yJRukHEPLpgeslAOOewBskziBkkN67dP3uh/Iughu9i+xqkZZQRBqD6QOv4\ntNYu\r\n=kLkO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVAF0Zft50WGnw16peILQkCjPmxczqQZaCFbGF5D6JnwIgGfP3btAQnxvuCZQsir+0RYC5z3d+2wvZeHbs8/gJcw4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.10_1571317238207_0.8487413526328844"},"_hasShrinkwrap":false},"0.4.2-alpha.13":{"name":"@react-ssr/express","version":"0.4.2-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"76b9b57680173346f2e81e32eef858e9e7344393","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-kfx84kyZAJpXbA+bt5IDBqpPBeVQSdpybkAqfmL9TjI+anT0QSd9GHivFGKUih6rRugHTJKSGc45CvHzb4aChg==","shasum":"3d9045d2aa5ca4f6c30a5cf00df082938b1371df","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.13.tgz","fileCount":11,"unpackedSize":18495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqGgPCRA9TVsSAnZWagAA6UsP/A7E0UE4SDh1+8aweqmY\nSSSnD0kcvWOjmCPf/rGPULCVPA62UAoDRgPHwQ7ovg8EZ2sqTYfBDBgUP2AX\n5i5wEEbm0+djFzDgeMIRVS0WIIm+ikBBXj2y978sY5FniZ7OuFVVpol9af2s\nS9Xx5FdGNd0X0iYkMcJTPOF3zztv6EVU8fZWFSI2jW89pD56/YdxxnGZjHdi\np2N5jkCD/FLlI4LsYJMjg1lvioO1mAx+/YaYpVdtODdSnqgTV6SEvSv4Fwut\nur/5ak4H1SMcfS/Joffx/wu5VDxNRbHY5qsCgrx/9yg3G4sIlVmQwkcqZUP1\n3AUnjqIcAue8by1iomQ/ylNEOMuhmR4oJbu2+u1DzsLPBzsS6dVSV37uEg19\nvfIlhGAwy/NKsw4MCgHL3DxLDuMF1SkU0wHpXVyUjgtwplKzyw1Do2BKGLS6\nODmDQxat+koycrYycUFxC9xjE7xvhb3Mvvw2sfrWj5WO9+9pnkaOdGEtrKTk\nQ6yd1eP8D7GHcWVyS/NIoPn24WMUR+erxuZg1V4c8oOeVCU/rGaGaqNKAgkV\nc1Yo2d9DSWRHQtC7I9U66Zid1rt0gHKbKvoh2T5jv3pFfH5C4L7fNr6FHX4K\nx5A0C9yoyPitDCDLkYDic0HntcXp23+NK3+owDndLh9vezz+DY2fNa+MLQ56\nkw9a\r\n=erjA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgRCg+2IPyKDpIaCkbSOYU0n/Qm4X7svKqG79tk9VmgAiEAvzu/Dy1FoIC+ngPYgOa3CvyW4lzjv6Q7z/+E7dWyP/I="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.13_1571317774654_0.5637316344073753"},"_hasShrinkwrap":false},"0.4.2-alpha.15":{"name":"@react-ssr/express","version":"0.4.2-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6b04126b91f082a4a86dc4b9b603e3f1c27e9230","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Tc2v1XwZthcsZKeNKf72Z0j+OOV9/hEy5pQtRvt2ltA+teBKFcndSUSGHTZ9fVMW+yD/na55DoPQ/3MNGlHWdQ==","shasum":"d4c07e7b30cb73c8b5fe39fe8dbe6a0b888eec6d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.15.tgz","fileCount":11,"unpackedSize":18569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqGowCRA9TVsSAnZWagAAvh4P/isTEZGR/MnfE+T71laQ\nCGixbRdQAiNiJUBsS93LO5uxNXUwOgwFyTv/3DZdvm2+itWnSSzhyMjDtiKQ\n0H43QRn6203tVvPlUcGdQBLtuRaOd6znE53k30GIBPPnHYbqKRBSJSK4xXw2\n0PTBrBnlYwc+UeBqxKpghWBzpubqneH1NfLyo8NcLOVFuWF5RCg0qBwGyR3w\nPhKTvac4ZvaIac4rVnhFH4G5eP2v70853800nbKWYoO5ixQyTwOFf3W1VMh8\nMa0E2i++wTfQgpzeb0BBYYKO3wDeAMNagVKpXuDKq2SKVOIjbx6FtYbOR2/n\nnbp26fpaWEZBzJhAjTe8Ywkcunx3ez5499olAzehGYMCa912L/0hT4RBtbtg\nbI8wH2+M4uPGGtXZAnk8pSNf4qcWB3Z3x0jFh2TNfGX5dDQtbEcbr6j8VTiL\nCrdS0lsDhRBlgdMLjKo4im+omsEMTOH3E8IpGoVaq86SsSz3pB5WUFEZXWgi\no/9n+60HQx6xFMy8JUMp7ZesXTsVpzTjItikwwn4UX4DVoL8kPApzJxxkr/w\n9ibSU4r26i38NUBhX3fjMTlCbIlzaDTcJUZ7GDIWD/8Pf+uv0CpeAESOVq+S\nfWPSKGs7xGToF1LQEYeJbs7nmbHu/PzM1v5anL61ZGfFPQWh/ShQJ9rT/QGO\n3wVL\r\n=aPB7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBFhk9zb0YNVz9Sbtx8HoCBuWD3+fTMmm6n8HucFBIYdAiA45qA0lWlz2xCM17YXIfqsOkafRcGkL9DzuLyZgUgNrw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.15_1571318320101_0.3480157460618065"},"_hasShrinkwrap":false},"0.4.2-alpha.18":{"name":"@react-ssr/express","version":"0.4.2-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4c24ca3b006260e5dcf3335cfab0cba3415b3d18","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.2-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QnBxy7FLJIzjZFm9JMbrhQf8POP58Ak3KnmPcPbZLHv9axySz+V6VsxL7pHgedmzXpnZQs+A7f8WoVg2xsmfIQ==","shasum":"66024ab4966c4568c56a7b37d5436c42936d520c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2-alpha.18.tgz","fileCount":11,"unpackedSize":18585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqGz4CRA9TVsSAnZWagAAejcQAJYH/oD/ymW6n3FNf6Dj\nyUvlmZ4yXAc10Iv4NeV3dfwC6IPEegjr135I/H1l018+HxCcG3jfY1mpiYSH\nMRCEwsKkJahZLjLCpNSPQXiFOq4jOCJgkSP6e0OifbOliWJVzvEOJt9E1gYY\njt+/Nm68EzJh9q0XMtzxo0ec9pIqJw/KV9C5EDrEJ75LBXpnjQpEGQhvcnyx\nA7QYlMlYxCP42Kpu6mGU4HgTeo0tx/llTcH2tzIgA7Ugh8qeOFUBFGyQtrc0\n+fxwUI/bMANd1cQjhQVasQBRDBGz9CAtUg8p9kcTxcCO3dJOiLeqBzAJ+L7X\nmyVXfhyIDxL1FlUzrBivLzHUuaqyKo0bEmYl/Evz3lFZbRhawZkiGQqWYz06\nr51we+1uMtlNzJq0eMAww0owT9X1IgqMeXdrzaR+XqQCvLItWwhSofSbn++g\n611d1TOzGLqwXCi82wJ24JxxfhAPP9mC+bCYfMI8ori3edixiv/r/Q8eugCd\n+bNwSzuEG44bWW3t0kDeadQJ9ZdtvOHm3rzZkE0KNg+nLfYXEemoKVBQ/CFb\nIm1Ph0ywGMRThPS9oYBZoc2rGBFINLuBNDbke6ZVLF6XFUE1cGwWK3y7i91C\nfN/vsp4Jud2sqy0Laj0rf7cjWekRo9FNIV2T1j/7eyour4OyNf+x7v+wHGj7\nx1C8\r\n=DBAr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDYF31iWoMsuvgXVaCdBFKEJvGsDsm9yLi1mYmFYjaTlAiEA28pkhSTTYJ+WJfoqmwYTa5mLgKPzosTRUzhIDWuuN+U="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2-alpha.18_1571319031498_0.9208230426706834"},"_hasShrinkwrap":false},"0.4.2":{"name":"@react-ssr/express","version":"0.4.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e07d18843e5ea2585e40ab7ad921b2e6729316d6","_id":"@react-ssr/express@0.4.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-V/C7z2sjSuywSYkZXjs3scpThhMyky710WMu80FxzkuizEkFR6Y0kYJyeUySPeth+7SoFl9bcM64lfm+0HXQaQ==","shasum":"304091dab8ad5c54858a6b0dcd34de219967adda","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.2.tgz","fileCount":11,"unpackedSize":18568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqG5CCRA9TVsSAnZWagAAxHAP/1jN7WSUzRqGLRg1eRx9\nGh2fgMynKL5RTBiU8/uYNucqof3qNp4gJSSapGmNPB4HMKJbGeC1fFZCSl+2\nxD5kWSbHhEfdEdHjgzZfMwu4pKrA7U3u9kScVdDMEIBfrWdmumsxKH1aJYxh\nPB8JhdTZXvNkO/YWTLla6LsqSejb80hmFbxyhPi7BXHNM7/FYHMBkUbWbZBg\naof4GzOsV3rkqQ+3hsQ8GISXs3tgtGl+5z2NpNLGR1gwrVXGkWImFCJUr6uh\nJoi05TXsjn4BewUJGe5yJSqRWCbyaj49nBg3nM7nCq1iz1tHzrGSYgvnFVCl\nkC4uv5DJDCiUw0qah5RKUQXn65rOHRoO9HCbP3bG7z6gOkTtJDxArKTjVqOL\nt7q76YyZeATNLGzcfyszpdLCc2CUpGVOFkLarsNNR9pDQPezFbbd//LRJRie\nMB9t6RAFVH4MWQ1UtZTjUa3pfGZcSMaueLYJJPOGEjfGN1U2ynIViCRd/u2D\njf5Z6OkNJ+KiWC99/l3ZjTpE3bfEdXYfh7bkCJaHyNxD8dUUAI/MyrV4mJfO\nrELUuz0UXwQN+N5t4dRlOc9I0UICQ+kTQdGVDUfIQTObwb15z/NebhFz4UT8\n5ri2cPmMuXevr4qTGNmI6YFtEHcNySI1fHNx/rpf/Xphv9jygdKyW4HModL1\nNLSl\r\n=utiC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwadMaKGy+nvuggJNKIUzGLie+lCYZKC4arTy9Lx4/JAiEAhSpLwLb3hG3kFLOtgZMq9lSclZd0y3/Laz6x2iV55ik="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.2_1571319362063_0.28087895438222454"},"_hasShrinkwrap":false},"0.4.3-alpha.0":{"name":"@react-ssr/express","version":"0.4.3-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d2755aedc23c6cb8676d8e38bd325e9c2f6af9d2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.3-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zxeWzo9azqDk8W+hlD4tBZ7HNqhKt+PrMoYsjcuT8zaTEu/EW+zHXjn8/buWVe4KntlTIKIlC87eP4JQae6BXA==","shasum":"30d02a037ac4fb13e51d6cf91a311104d66b46da","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.3-alpha.0.tgz","fileCount":11,"unpackedSize":18580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHIMCRA9TVsSAnZWagAAwxUP/AuUXpEAYm5DqHEIhQeX\no7+++2p96F88fU7+gUXas5WYXK8yuE5U0X4i6aSIZ+PwGq4kBFgJIhF45kW1\n74Yuwgjl2OE4KSS3YDnukRa5NjDfumiPJict+6IPMeq1gGB9OV6r2N+fYRUh\n/HOVMVzUUPKwcylMr5RgsFIMw9Jbu0/Unv/6X6kwEYB1+ioEp9mWrZob0B7l\nTw6dMYQEs4dH7BVzUa01ClRPFfcrF3HA6t5TvZ/h1oYPgPMzHjstx2nXP0OL\nPiRg1xAJYd08swvAqLlbomhtIe0qNcy9j7X/48pUKJRGxqvKQJkrUBhvbcjm\nftNEnvKTzdsyaRvyMpZ6PncDy80PNvv8iYk8N2cgFMLYFU4QOl79Q3yzVhwZ\nxT7Pwpi3aNA+T5W+uwuK/L476kkkiDabGsDDkac22nalx0msncJP0MBspiAz\n4/QGr9IQR6uMjH5MPLtfB/V4roPgNxN0cIad+3DsYop4HTGS9NdtqH7PBtq2\nUsbs88FUuLjjyvPpT4DM4VzFFZ0e6J1oPkFB2VKaBIZDR1ZmL+QA/fckYi4F\nLWBVc7+wgCiZ1FL9dGmTN5bxqwWZ37HvdWSCMclWGfaBs7j3P9E97wmyWvoC\nMiW+/FdM/Ox2ysz3wI/lrzuSVHlzSp3lRSpG1m9hBV+hvHmQj3QWNR5vGZWK\nfR3v\r\n=eEuo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC1LqDxwYarVOdFaZdJa+ofUznMg6X2Jqj3Z1z9qoxpsAiEAw4sQnUMr2YfiUD+QruhqwcE3JuM8ACY+pD007vAqqZs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.3-alpha.0_1571320331320_0.6257143920324177"},"_hasShrinkwrap":false},"0.4.3-alpha.1":{"name":"@react-ssr/express","version":"0.4.3-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2f5f0a9a1a54f748e5206b07eccb2a7a1c61058c","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.3-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BuxFCALWkz1+2r+0GYSJAtowFk0YH2beV29HnxU+Jy/jA7FS74GiAuYRIQixVcSqT370Y8k6kJGMftBfC9PosA==","shasum":"3bd9f138886d70d6b38a67dcae3b141e9682dc36","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.3-alpha.1.tgz","fileCount":11,"unpackedSize":18623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHORCRA9TVsSAnZWagAABlYP/3f7YbPwEJ3NPr7csygQ\nOvDpGcEwUZmYdWsI+zghYhVFCgu7KeAbDW146fszSG6HVEd+p3g8Fzy+5Ia8\no/LDIEaBiKaBwq9x0eo9dIA1ZehpAs2caJ6L35DmFJlSHVBQdsNxLtgmJ9AM\nIQgaC+EjCCuku4GynSwEi0j3vdqeEyyQN0hBF5UlcXzptrbs888m3/LXmOhP\n5frnU9iv+DprJmiua/iW5dC7/kBWy9Lyak12NPAWnkDBQvCVb/hvWXvkl01I\nX2aet7ACIuaTwi8usDUp5e+OycLB5CwYNURuPaV0u7zg1a7ClItpPgcC6a2x\nnFFzk0Yf3lL482Wj7OgQeqozZ3woyv63Uu9BOPsuP2CDpVJcAkoy/HXBf6GR\nzvxypjx1VU75RhAY6Y0lktWWQ63XZxjEGsQ7jisKEk8j8qRR2zcAl/WGdoZ5\nu5WfbjrjVb+ySYMax27yOERMYLR36qavxk5LTSi2E0mI187uDb9/wLcdwM1j\nT5lqcHh085fgKa0FCrgeZfS3ZSG6WjN/z8afqYOJNrgXfIlFEkoDjIdOlMBs\nHiXOzzml1UajTItX0fEMko7UEsg+lmaLyLaNZbOKOx5TLY1mjPYFabj/Expk\nMKYOBwC3aIxlkLTXAzSHJdNRZg0T7lbL+IaLfLxPmlsSV9MWevxON/ke2I5K\nd3f6\r\n=efmY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDOANDmHdQSRUu2+7VcFXY7So7Ft444uKhifue4eQ7/nAiA3qMkEw1OEd7z9plXpoLNjDumzYw7KhPuZFBmDa+ImcA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.3-alpha.1_1571320720625_0.6919035683547621"},"_hasShrinkwrap":false},"0.4.3":{"name":"@react-ssr/express","version":"0.4.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6272381ccf1a094fe681f6fd0ba569259a665825","_id":"@react-ssr/express@0.4.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-50TRtsSTQTCzdABEeNp2/nU8HWFVcGpESWqIissr/cCZhdTfCCvZBD7nslt9ubnKMrYw8pZbpcs790xoX8tVNQ==","shasum":"cc7acf2ea9fdaf85d50c86e676ef899d8a7de73d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.3.tgz","fileCount":11,"unpackedSize":18620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHSkCRA9TVsSAnZWagAA6QgP/1KLUmfsjr+TDMGB2Own\nxMbrt7cD6XHiogwDzBsvlN/d1PbKRPx6mFyfsttdSdcrB39unErwcGYQtitE\nyDRLGBy7u7xFm5Y10gp9YYBjsw/Paj9lGqLdDAa5CmKfVOSN6V4eSZK7m01K\n0UHXThAca9piBVR/gb2DDQYrv0EoW7smW4ufHUC2r68DyT2eyooXtd1BrAi0\n00zUU/7ne59J8HaIY92uTZW+j2sqrAUkAANiNfxuQ7vejOtUfBrEK20emMoc\niXRyjyMOhY+lQsa3UeUCX2ESBDfTHnswbFOyJwkalCxuNq4KsEWTG9lwFbBZ\nblI2ZkHyRgY6AlV7V95xRIvbEjrqNjI0FlV22PpiQR7o/b9Wj7N7FPEkwxOP\nmXIyKeLk/uovacKu0ZruoNFughBWfhnk2EYVOvFsi6YSExfFiVDm9gI78SZQ\ne1rjeEsLVOtmVDfFtHkuEYQvh1do8BP8XErusbeYMljMQRd88X9buZSUNsvd\n7TBMjPvUI20m4uJkY4ktRSQY8lCzYAWWa9dTWZore7s4mW88QqiYkyGoEV/5\nQfOkM89pP6DwfyaVtNDGPrEvhy/rJgDoroYOPigXOenComyyK/gx1M/8ry/Z\nSqTJY2Yy3qTSoKY+F7T/banGkuFX6Mylgm31sdqIFK3pET4wS37d5V7qRB1q\nQ8N5\r\n=G0Ja\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfr5UDRVkSU2/ifwUdH06/+9SJHxcSB123emqddytfZQIgQZuNBPBfS3cCwMrvsjlmjeagDSpcwqFyRzlUmT1r/zo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.3_1571320996009_0.25474579406659825"},"_hasShrinkwrap":false},"0.4.4-alpha.0":{"name":"@react-ssr/express","version":"0.4.4-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b2241dc3a5e6f836c445e2b28acf2cc73ec8bc6e","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-0FUgrgIgZkqYxiQszbpfJjg+Y/EEbA2XlLo9V06ttu9k759FlbDTmLO6W0Csbc3SKLOGcZfbsUZ3n/b2R7E1qA==","shasum":"dd5d7a683dc1d4dccff1b03aa144f87e5e269d85","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.0.tgz","fileCount":11,"unpackedSize":18692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHcjCRA9TVsSAnZWagAAx18QAJRtWzYcPgusWd+WWtNl\nCSsr6ijtZcjLuynaQWRyCnwifJzB0ATzzpfZn2guqqIABw7Khpp+EVgvpw9x\nrkkGKFxbfvtGgzN24Rl51OBzvrqsCV+S4sXpSD2Bgz4Wy9IPwrI+/StO6sX2\n5trHuL84twx45KKcZCmY3wsgpZXH5iiajdcdZOA4hSvpvJCeBs4XvfMPzuA0\nX9waWdCh9gdw7fszaLd2yflaa914G8bQLkKvqO+4TMo/EvxcRh0O4n7SupRS\nVqhWtwR+VGAxJLvy7OZDhxageM0X1yfrQiOxT6iZM9bFPFUwBX1BcVrTjBT1\nM+PcOe34kj15LeGUYlyTssvmfkP8owLH87S9gA+L81QJwVw+ERsoCiLyNbZG\nLbHTFxaoR3BOVTtQLyxEGToEFmAH1+N4TSPqYEf4MGu82vaM0eaX1ByOCfRY\nU3CU69wBj6q2m5N1VpV3L3ulTwMoGhC2UQLOl/Co7rP+eWh+Xd+PIzxazz87\n+E7l+ikMz8WBtxWqwAxRnbq1HQgwYEY/S2/syEViX9av3uFqUu5uCpc6w5AV\nC38YA61Oi/tyPsSI9gyKtHv0u8m6sW2HVZ6xQidnqwdDTrRvX3RpHyUDYcnH\ntlYBp0tayCwDjKvIN6ZbZddmPULnl8n1W4xWHxY6axwms5zB4k1HH7OBgxmt\nt/jO\r\n=7A5x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVzXiKHWwo9QTHA5t5jd/vaEJSF2pgvxfaTBPSLWUKhAiEA0s6jPVomdePhJjjAY8hMBIjVo9Ae8ocYoA3KboOIiYk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.0_1571321634727_0.8062484009322135"},"_hasShrinkwrap":false},"0.4.4-alpha.1":{"name":"@react-ssr/express","version":"0.4.4-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0e151aa69b8327201901e1ecca8dfc451798a8cf","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+Wa+wd/JitrSpDtj3p1e5tE7N7FpXNf4UmHSdxDe8Q5yMjJJsw+GRdAu/V4PbjC4g2fKu1AVriF232AzU4VTbg==","shasum":"19d52d0dac85066c6a144fb0efa33568c79e899e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.1.tgz","fileCount":11,"unpackedSize":18636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHhsCRA9TVsSAnZWagAABDcP/iWvCynE+ZlN7R1JbLAw\nyGo2YlQVGhfwxDRVLaymQgCnWhBrevWjcu/wnZ+eJR0NbAb2zqmz/ZdvCJh4\n31nnr5t8nQwX2qdxvNnZ+xJx33WCcJzwYNgx82q0JpQV5XVXVahJt9RxTG0V\ng0Rc1NS0RQ0enoHdIqbfLaksShkaiVMLTT7n+BR4zQIfBlofcM0uizl2GqTJ\n/vU2BrmYhI20wW67TyzgVKGK+LBbA15If7V2xYFw2uuQGV4X6ow1DZPIKrO5\nDGIgHhyjEOihNWSpqeRLHlxFFVhUvljhqDMgSfqYpEdvvFtO/sMiB5LD5K9w\nB/xLc6TSIbaa/lwwVRya9JLefGgp97IvbONvuOp/yLbGoWPOsbyjFqcfXQ0Q\nS+BNU4EQZ32q6KAwHvELB78COnqNQMDowZB8bJMoi9aAGcEQXZPc9cvuTtrv\n/x8sqKZ6fXgVebJrq2hUrxEt0xmOuXYQVAbIqidVzQPQsATTq4P/QYC0ft0Z\nYfPBusCrvlx+1X7j6PrNF/UrrxjH/S5NayaDGVjhBhzvF358aLZeP31pm3qO\nE1Cw1OOI++zwOACJhySeQFU2av6pAPmXLfbUhMoaywAIiJyIhoVzC/TvYo3x\nEyLIq+HLooTsbID+MSN94Ew5ZUo5EbGPF0P5lwBOvvAs/DsIadeoWwJ4yUfx\ngUtv\r\n=PEf8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7l/Sp3+FDtoISUpMefrKlwiZHuHFSiYv6Q7BS6KObIgIhAPxGaSV4iec0AE3Egr25DYBvr4Iganx1erAUB5btv8Gl"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.1_1571321963594_0.3402916312043185"},"_hasShrinkwrap":false},"0.4.4-alpha.2":{"name":"@react-ssr/express","version":"0.4.4-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4650ac02b4057b2e21e77e80cad1db9691d21772","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UgcsXUbUp/kLw+mZZ1Tf8UTk+FATQ5Caw4lhWke0zYSYP5rvyNly8MsUNSNPuHlFePmpweEl0G8++ZbSW3NfrQ==","shasum":"08f6e28291d346847ef69a4c7cd906cf0c6cb4e8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.2.tgz","fileCount":11,"unpackedSize":18741,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHoLCRA9TVsSAnZWagAAI0sP/AkV6ux8AOaduenJXsVl\nrozQDZgG8xlutQfHkbzUVZ1MHzyUdIvyISINsWGs+BroZUde11nB9pzU+bIF\nI6jWOcyhMc0BlmDPqlQ1ypsHX6dDhi05AWVam3dGTdNtmbfu9n7EM9fzGoGJ\nVnjqKR+UPzrVuvTouERy/Mn0trg1d43a13zKr8Dzk4scgESKc28hOXPzOA4x\nZVLk18AVZ/5My5lUvxy3sikrNaI4R61njKqhMRs5ZvQUqvBHjuZN6W5dfPBZ\n9d20ZTvRD+VF+b2e18O8UEvcPn9gBKGNNK5oB5QrGg+RcErQEZ90u+/JvW2L\ntYCY3JN6fLQz5eovdMzRwRRPJZmJJrHxlPAJ51T5mM7y4jCLmOeAY2HsY3DP\nA5tcqnkXIK0rUvEuuQZzp2Pkcsswt/OSIecuusYeMdBWBV0m0MuvQa3buXOj\n53efRpLbsfSgSKo8efHDkJ/bGrKI7KhC3lc+dIzemyPG2DZYM+Imm+PIOb9p\n3N1oKLoIgecmxSgL2XbJ9M4/zF4wEOjC7ujcFs2Ds/JG5h6FSVHmQNSQ3B/x\n1um+rL7U6RNVhFR5qPW4x5h5+srVAz60QCz4P+jDm7Lnhrd4PaQE+eqeKd+x\nqd2DF5eSzi+FWkeENNe19AuZi2hC5fw67cGbyrODH+HH1XrxUw9sQu0ms5UL\nbJFv\r\n=ucex\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHk0jbJsWKYbw6kBmZ5/10E5dbwLlTYBtzKmJ3SnGBOJAiAzEWXNJgOZyqKPqn17I2Qp9hzZSk1UzYV9HD5QoK6Evw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.2_1571322378716_0.13018951028142123"},"_hasShrinkwrap":false},"0.4.4-alpha.3":{"name":"@react-ssr/express","version":"0.4.4-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"12ded241ce615290fff24b0ac2820a1449483b90","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-TmkDRw1zPxKvrkn5+VfZm9nv34L+GSnQLHqXxCtk1YQgByFFdw4rP1ATOkb9EGvRwhFvPPXeTq99+TRA/hj9gg==","shasum":"4b6d8f6cbb4a25ff2789e6b555c016494c6bcf03","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.3.tgz","fileCount":11,"unpackedSize":18763,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqHvuCRA9TVsSAnZWagAA5kIQAIijwnjxGrgY8BRwMpcl\nykI3Bs0mEHCw7mBOtqFpBjGYEZgDRKNtyBdAnnW6zb5F6Q80bzsXvxKtz+9k\n4Gvax/R/UsrtqmufbgmaKaCHvsqrDixM/t4OeMDe/fJLwRendqouk3p3/QJK\n5qgeXb6cUnWVEUZAQ6EB3QCDpqL5/4H8msXLrSJfjRsmMA+TH4b7CDR6ZlGE\ncNvyLVN76jHyB0NKAUINrLsQ1TgS+ocwYN3QkMt0xUKuidCh+9XusaqrYtMn\nLU6oqQKS5HA9oPUGs48aC7w+V0q6qsmG+RPS1CS+bC9erkXgU55JQ/74yNiS\n/hVbtu3bPxq9Ld0Rft1TsiJu1jJnJZagZ7NstEbQCVJ0nZLfiPDC3aTGMEJf\n7aofWRIEuZCoxCAXRf5FOdzEiPdsoIQFjEz7xCrQOjTsEUzN/0qS5TKbQgJH\nPcSXbwzuNocMrEzdsMLbEUxU4ctuDh5Db89lN2BtfBPgOudbX7V9dXdDDrvZ\njp3X/2EuHxI81982DhzwGNAnkmPXXhzdvjSfBYWRQRcqMjHJm3ZASKLpvWFf\n8gWd8rev7gtsSd07K7gD3sKZ4r3AgEqKrVMFs9cFdLtBFJcoITEeorO6MxNm\ntmcSlsxlRVmtj/NbRTo3hs2HL8JRABNlN1kWP0VyBBpYhI/HCn3v8ANXTH5w\ng/xA\r\n=zAFG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGzecLBntd+BLAqDqDN8NRj1N5V5AWNUuZSC5pVTo8ZtAiAD/TtU+7+PX2hzmIZQYeb+yo1LL/N90ybfY926nHCB1A=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.3_1571322862120_0.5344062892742072"},"_hasShrinkwrap":false},"0.4.4-alpha.4":{"name":"@react-ssr/express","version":"0.4.4-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0f91355c621f5d1d1f46924d433ee683600f9eb1","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-01gYh8fL/VF5sow1bNerpwnuQgSLuneWs9e7YD7ZtjD0BzQC9ysY9cZTIGGLjaCiV0ezfWsX2B9GC26V1Pu/dw==","shasum":"1fceec56383c1b8f7c904599f92e15abc648e198","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.4.tgz","fileCount":11,"unpackedSize":18145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqH2HCRA9TVsSAnZWagAAQqcP/2035ayG55FBnjfVaWMT\n02PtCGP43m4XrjE6uX5qHSrs3XMZwztG99WMgHT9EchfpOwPrTyYcKx54t/a\nr/Q0aGbPPPBgLOpMYSWQASsHM5jwRHZUrR4QMi/w2v12VdSxYG09gexCev/2\nhtg1C0cAVEK8aP10fFQVWwAnHswr9ZS0u2j2WPr33RgL9kGC0TjF2J/j5GGX\n2XycE139y1VtdjkNbhVBskGKUm+gXyZPUwHfiLwYtCVPcsiAw2XOSE+TxZX9\nEdOGmRNFXYYJKQ6buuXS89sVM6nj4Czn4r/NTBU0im6OQkE8PBS8CzIP6wyU\ncScMaiOhgXMEPh4q53hcRDjP7SYLwF3Wj2K2cQ0O6WUm89n4tZjfrv1j+sKn\nvvCgeCJ8dCgQsy8uKpZoJIkUXEN1Tx7ThOBc/SuvN3AJ/Rpu3CMSDvMfOokA\n/BRzrgSTdmyWDw+/jd+fA5AR+ZpTz6/rzDvD3c+TAQ8yI4PwrU//4lsTshjA\nBMvJZIvuCbAujD8kpZd6PboSGxGmwmAQZtCcgpR6Ia71+Ea/Os84NoGiHKS5\nqfkr6EY3QXekOiUV/CCYfrwDCT7WPc4Sw8I0EoPmSdHctH05TaiaiVvN0/8/\nN7XtBHP4XG5zyLMM4J+S/RnNCTrRX4vWtNOTYZNqY7EOmg40+EwSGATJTHvK\nz7f8\r\n=fN0G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGNIekzTUm2/GqKHp2oBvh74r6d6ckdaA/RYDDFZGSOLAiEAwIO8fy5gi6ZKZsCXyEpwGtR5FbKlwDdPoIeeO8zo1sY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.4_1571323270608_0.7714800735316576"},"_hasShrinkwrap":false},"0.4.4-alpha.5":{"name":"@react-ssr/express","version":"0.4.4-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"046cc687e114cdf914545fde801d097f4d195cca","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-utJfk6+Qgk/gOiFT8yjvY6UddP5zHidYlo5/07nfan+kfhW2JGRc4uCRRcqEm34PTvZIIWBPzzpx8aVsDMe33Q==","shasum":"564c30ef5d52e9d0cfcc7b67a73c533eb858659a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.5.tgz","fileCount":11,"unpackedSize":18177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqH4wCRA9TVsSAnZWagAAMrMP/27LPcX62+jL990oiJuh\naBJckZOsg6ESQom7es/WX9WpopbVl/0J0jIErW+YNln7rwRO6K1nk8oHYa62\ni7KKqd8qF0VpRB9bpVovms1TH8KEg/Y0b5hm59kEMbZRN7gn3e5Z801c8GDy\nukgd8TfCptsemKlC1dQS0OLNq6YJtaqr4Lv4w2ucS9bsBfYteCJDmMPeJL0k\npU4ZsJD0HUMT+736OoaQyzPbFtY7nkOJQll1v+mrY+rmTsRALJN1P+O26U7D\ndc+S8+57Jda/BDzOwLKt7GBVytlsxRVkW8qvTBCTOq8KWrl9abph4nhclUd1\nQszYppdyuBXcab1WBb8/iLUVW0zUGB5yuJBYDL45RMuTJcnozDP70d5gY/E8\nupKD0cYH4WMmcVlNGP6cKvRFsp37Xb0k5VLvJy9vLGXpsCicRXlrM3h5f/cP\nvJQlTctl/nO34+KKAAwNHN6FTt1y5nx7hECsYKosED7DH25s7ON37MxrgNCW\nehSVWxp/oXlRo9PDeM/1Xs/M58PbBY64FWkadeGGkYd5N8XaWhK098ZIlIRD\nHp/eZTInR5I5Bi/rAzakeUAW270DNgF8KwR/YRvpH9nse7VqTRRdfR5GMHeB\nzSaHwdhQ6xIipcukIwboNw2RYDmbu7aeZZp+dAOMgX4MIS3gd7I9x/atc8Ae\nZZxs\r\n=Cw1E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH6htv8HE/cfUl6ze0whvxcahjyv16DhmM3ULtQK94qbAiBZkyqCMHKabsL3fX00jGWi+tF7Z1JSrJ+cykhk5xxBxA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.5_1571323440071_0.6394887973284109"},"_hasShrinkwrap":false},"0.4.4-alpha.6":{"name":"@react-ssr/express","version":"0.4.4-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bda2493c3d02d10b1bf517879d7e83ea3dde3939","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-03VGhu7rJZ/AejTVrJ4Kv5eMXngQShBhB1u3dIURNkYg7YZ7Ef+bT3m5ky183322/6ckrVUT40N30tJtpMwW3g==","shasum":"9452fc76fcc49e2cf1e02c4cf425eb6fe0866c58","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.6.tgz","fileCount":11,"unpackedSize":18222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqH6cCRA9TVsSAnZWagAAD6IQAJbDhmRjdUOVHPfzfk2J\npdxG4P+Al8l5NVzPl7ko5l9ba9nEQQqWWaclk99OmTX+TnKDMMeQx7mKRZDa\nI4ydp0yfkKbq77RZu8iU/5InvQZtc1myim+X4ilf9n7rt2lyx/8KspyM6Y1E\nlaiHFJAuI+0BzfsOke1vWV/Yn1GuQXJjOH51mUBFyN/JYMYiXgQQUDVhcBEy\ndhuq1zf7djWtBrPVL9tv6Bd6Spz6JS38szWeCQ5CX3XFocwcl93RvB7ifFqw\nlebYJ6Zmgr/yETYSb4YXNpmvwZk9K+DIoGDGJkWntzEPNhEx+9bRtkcdtiXY\nDRN7HbFTo1wNwETWhbvD5uO1SPDXEnrXxjAKQnBprWtHZ0ngGOaHsGSh/RoH\n0j6pUWj4AtVmagDEnDvV847MbzoFVGfKAvh7Bjk567Zv4QkQSxdML0+fSlK/\n9afVfaaSDqrqWbcY8jKyi3vy0ytscsW3USGXQMtOUEd7j4rmSs5neNrDEik1\nT7MAIHo6CQCBiwR33VjDh2K0ynMoFJu8J04mUGaH8Re+qxQeVMd3W7d08f0v\n4QjotF/jtRU8Vc/bYTw+sHD3rYkVSHx+nV4UlAiTH3YHuk7dv/Pxs/fcUSfG\nbnKEMOPY99a/c83XFxslUXdwlyJAKmaTRqkMjngNlhSphmRm8m/1slCvZ2+d\nelc9\r\n=MQEL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+90MRFBwWBAnzGK6E78DnZ0DTVnFaUhsDEIwAUj3WMAiEAhXF0nkuyMTxeLgDtf2sfLKejdOUASSQ4G+h7ze0tD9A="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.6_1571323548166_0.2588389074759001"},"_hasShrinkwrap":false},"0.4.4-alpha.7":{"name":"@react-ssr/express","version":"0.4.4-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"85920fee64278084c7c863e8e121921d00a14701","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-95YNPrnBqtRg0sDt0HcjbWKNdQrnDoXU7PvSmr09tzWkKaFFmgx9fwKdepExbcoYb2O4GRnqzntsCuYf7JcAWQ==","shasum":"56cbeed29699a48c59920b18f603b741b364ca1e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.7.tgz","fileCount":11,"unpackedSize":18214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqH8cCRA9TVsSAnZWagAAn4UP/RfikydW9XScN94CW1NI\n5pm4xSwNYi/X99kkO7+npalwIHmf5tHKijf3dDYdakF/sznUs7DfWhpmtHsc\nqtAoRH0bFL3wH/XAgXC2YxsvJfH7OXBapcxyZH/LuP1k2y6/9agcl3JquESX\nHmX10kM3FuFo5kRViSLMnqG6CEDJZMwXgwpRVcgSKvxHgeeynLy/G0RcwrPD\na03MagnOo77I5noEPXfbSmZWzmwDZhaA3B55jcwHRfY4TX+F7xXs73bntCVp\nAVNS1hFEvh17GoiDHnTIMpZ36w7aTnoKHy891P3I5Y7PFY+uQ2ptYT7BA7e0\nhRxI+qoqkl6pZ+g9pFaCnfVx/RPAm10Vt0TWbk1sAP8hBkAkEvYUS503rGur\n0Wjl+d5jCxgigSY7ot5dxLXSm754a5Cs7OZl+gyP1jD+Dqja43t1HrkB7icG\n/alIqrVRaeTLpidPEeNnDKRMXi+JxJMFSUIn8cFZ7j34fdZ/zotFsJz3fWmo\nrAFjc1jSbbXUio/U6xe1VqCX/eQPvL45eioH7kGBmMRZA79pgZy9UyRZIo2v\nnXCCcxDedWTGTdr7VWI7z5/rH/3tePPl1Q4O5221LC9Y30QnvSjTfht2EjoR\n/yW5jV9lc4Bz6nvIKtFbxl2fO9mN/YogE+aH3bDaXZnAMU+IDBd4pu87cMZj\n2PYH\r\n=Msp+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHrmwwl8iSnvC60dFshtcLgYeE42dToaPVGV4KFAx5IMAiEAtOfs3LC8dY2hbBH/43o5wpmUwRC+WK7wAtJQzocCA5Y="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.7_1571323676287_0.8416425942245462"},"_hasShrinkwrap":false},"0.4.4-alpha.8":{"name":"@react-ssr/express","version":"0.4.4-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"db6abfeb0255e8e0e4963fb95a6362fbfaec00ce","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-85GbHy0xYb1FeF+MOZhPTYhzpgURV0C3cntvDoc36FAktpaxXYLW8jyMu2JAqOxlGSh2BOYZcKvcdWLFBZrRlw==","shasum":"33a8d21e7c75091e2ad06a22c407ce5974952567","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.8.tgz","fileCount":11,"unpackedSize":17783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqIFCCRA9TVsSAnZWagAA99kP/Rw7qI72143OnKwVf/XT\ncyvIewpL9Otcm3rFMtlszRXGpa8AotoDKPsKRWZV8Z0zjaWvNcPPGqWfrsvG\ndP7LVQGngj1M0bh7YvjZWcn3NLs+78vnZzrsVl5c7uFOJocDB7ZeR+S7G11I\nYwxw6rfHAlgI8KEzYVqz9h2rqUQQ79JWc+UcpV62+C8ElASWdcAR+O5x8hxO\nvBqsEIbK0Z6b0dDhff37Mb3OzKADwvAQEsbV77Gob96qcr8Q/X/e7T+klJH0\nRDbZDNXxdxq+foUUk74Pj0tl+YGfrbzSuMZImNamy9+yC6ol+tE8lxRX+jKh\nnntPDJgxnvOBIQvyw5c4SMtFluHuk65KYL5yJw+mC2l5pvO4B1Jrpft6xYG2\nsFjiGFF+mAooUf0fJ7QV7Fze/mn9DDxgzVS6RH59tRHjCs6WDOKrYO0xUdEC\nw13xn2dWJClTXB1mlNVuX/jEPmLob8f4VmprBQSNqPBj8E1RljQ7HmlIRBp1\n0+HyZKMi1J/m64hirtFcC1P5kbRGTNJ8wMR6uGpYPTLqrFCJOy93/ELC/hry\n0AN8USz+rOUAVJxl6vCvaSciHcenfi/EYqDB+79JrdwKKlVNvOiRBv1q7Frg\nSQivTpAdut82f2Slh64DQiv4ZTod2O/ZfCSGEZsnBZA+d+5SqA+nwu1TX4W4\ndlRh\r\n=DqAY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFMihkhJo68TA8kHkxzkiEGYRrl134al0sHl8VYZHjmmAiEA8IfzGq908VdQ+f83E/NEdS7bQKHM3eNKuLtHQy28A5E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.8_1571324225770_0.5999751135821183"},"_hasShrinkwrap":false},"0.4.4-alpha.9":{"name":"@react-ssr/express","version":"0.4.4-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6496b7cbd317c2b007d57c01662e8f1b4f939371","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-kN+zvxMvrjami/d024sc3BxJIddV6uAzp8Ztt95BVg31C+NMJD98wNbaNsC400gQBArWw2gpu0JQlhRR9odx/w==","shasum":"0d10b422a3295dac02f29c55db72362e0de4caf1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.9.tgz","fileCount":11,"unpackedSize":17788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqIKHCRA9TVsSAnZWagAAXNcP+QHzyu7x+as+/A6spuAx\nWdbCOoOaKrmd6LNY9bWaAe8loIz6cJfRNKm+Us7A/HsaCDxQkf7Cg3WBuuwj\n+LdxFln6QdJqq+vWg4TYbS/SbDydnnxDaXokXjZRUW0Uu7RhdNNyOtXhZbTk\ncAyuMYWc5JrKuID7rQ6AlhAoHtx3El+ecXBlO4WoXLlSXzEgfwVKgCJIV+7f\nNYnsLanRllBRKIFnfueIn09+3w4vPOweaJZHKDHB6RbDM8z7X+lmzdzbbdiK\nn6t0ShEaQ1ju4Cew3Doqat6/OggedcDe/VqLPKmRR0rUFlpPXuyBM77rctXU\nWxxiiZoa85DsJcT5QpCLQaugGW6ep2bGPnwZqXmmgPJsuDgXWwykFcLLglSo\nkyXOyRtyM7D8v4xnQIafR7inY1cmjYl21krSnrojVdBNHO5LjpsTfgiQeg6Z\nkaScNRNbDVZ7JAwmEf1SQUbrU8Fxwo+DjdTCwMKb/9L0nuxyEtNkoUTJDFhb\nKCQo4t2aBQBYoPPCvsm+6mJVqvG4W3ami0jaJ+IAGRnipxF3k1qVgPWcGwkE\n2h3iItVGIVV+aeif8hV+mSFaZXg9w2zd9faC3811kXEqjzHxwfQ+fAc/u8ro\n6YtJkjimtYwOsFvFGmt3rsuKJa2FAxkRpz3SFsLDKG+3KLVEYTOSiWqjw48f\nDGdu\r\n=GVnQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF5NHRI9Ynai2j94JsSUQQ120GMr+VBbkx2qwTCeTFAsAiBGpelZd0dJb1qI6pR5oU5xbdlUy0P2ZLxS4bN3kCmKtg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.9_1571324550945_0.8446387352592797"},"_hasShrinkwrap":false},"0.4.4-alpha.10":{"name":"@react-ssr/express","version":"0.4.4-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4ab2d6bf1c5ee03c9d42746d5e90f63ecb14a2c2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PvRGpd9XxkJ5icNYJjUJClaKg0NAcGSrLcHVP/WaHK7LOwB1Y3LfvqfiAZXDh5O1w2cOHfq6BMI3KLpqbNyKBg==","shasum":"e99acd02b92047bfafcaf5a20cc51c165b6f2c1e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.10.tgz","fileCount":11,"unpackedSize":17792,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqIVGCRA9TVsSAnZWagAA6LkP/Ao42PV4wqmuUWFW2pC5\ntaaUjwRp973Bg5j1V+4YlbtwxeG9RSEt9e8Be+MlUjoBNLqwPqSCeVA9PoYW\nIKJ34RPKHLZ8IdMvqCyNXhIf6tGVHfNxkRJUCq2XBL0jrHTsKrGsL5eNAVss\npM6L57pZaGOqc7rlOWwCuE3AgloldLi3s5wp0cnUunjFhW2d3r7Z2QRmqiMk\n0JNZEaksfEcBg30bxyaBJCfUpBwM+8N6wDipYykL+NdtTkdT50ClKnoyh7C6\nwsaKIeNc/BsXKpRFJ4I5Nl9rideKhqZC2GLjDjXTOstybmqk56/VXRlZ5afR\nwmXK/iHCV9loX3iJkUv3W2yoDj5wUbfgOdZXXlBguqwFOiTstMrnjEUB8ljt\n8PkyhvTbqepQRwSuKem/fRRtLpBQsW5MkCnun1VLGnG+JJwNf0BHQw3p/qHn\nzPOLkDFOUcdVCQKoOnZnLbpoChDF5GWfQLX4q24IbilD9WzVIv+aEWGP7prQ\nV7dZrpr5nMbIlt/gf/jsmlUItwft6QixAxbhNOBlFAoEO6ePuOQnIetGQgCE\nZM+2VRPiMsR/UEcNzpNsOzrNnPMgQZhnDJ1gtiAIEL7Q3Hb/xRrqS7242Hyh\niePzmRscaXHOLRdfgxQWGt/GkR6qLQStKYHol9kiE0+9iOiQq7gLKg1B/Ip+\nwOex\r\n=a15T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBgoOTliyk5pDMikzAPyl6r/AUjMo5gu3rHOIqb7cXiMAiAVriNPo4zmsToa1vW+Q44QcR6fdqMt7AP986yVSGidig=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.10_1571325254105_0.3179308448220304"},"_hasShrinkwrap":false},"0.4.4-alpha.11":{"name":"@react-ssr/express","version":"0.4.4-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"096f0a40ee86826dee3b09b892844d62c2e874ab","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pqduTK8SCwL5awy3phsr8XK/Ej8t4xu4HKAjzKzoSIkDFzYvDwDRIDgu7U6SF1VsWSb+aqQWIRGqLQkdV1zl5A==","shasum":"4c617ba1fa3d8597da89c7f080fd7496c6ff2acd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.11.tgz","fileCount":11,"unpackedSize":17833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqIoCCRA9TVsSAnZWagAAdB8P/RKlPs201apevB0OrcVg\nkk3KIgJ1dnhdVm1fRp0/70AmiNAA+rPuHbrBTMLPSMElS/4f2UzS46S/obAU\n1hpUirCQEqxAzV04Wl73cpeIY0NG8Dm0Lahd94nWJ/RaCa5f9ZuZKX9tebF8\n4JY7yXraHBN7GKD8abqeHLUmUSJ4GlT60Qs7UP9ufZv6OjMhQ1/o3z2j/b8W\n257Grker/dqUvEpiJC7GeT/6ZrFFj+bImeUyi+tIzi1sNqcyUNZmXKaQHSSJ\nTgb1nziERmuEe4PGJpKl4hRY/LVDpW0gsA7itYRetq0/YiLKyR7os/O3t5aC\nmu4BfpDpUx0ZJhcO4BNFf8OsCZGZ9XFA0qltbnEgH7r/vrcs13KN8G7JKSA4\nYBZav+YI1zMJ+kd+CW5aujPsrhfNcgY9oqT4VL0rpfiwH+e/URcfRZqIABL1\nh12ef2NXGOowEleM+5iao+C8s3rItYlw/K0DUhsn1bCGpUCvew7SypnX2b5p\nIG7EvSS9GJe9BMWVxzOWgIG6mmXFj+JYFDCdRCyRvexqOVgj1qtDYq6VJumF\nrGwpTjfijAfSf/b4KyokDd1flCXIaH5av9k3fJv3SF9TkmzvPWWONvmVYcAr\nU9vcn7jBTdjyVWXiGPqfqbUiI+DwksYtlnJhXFlV678YhX8TxABNFkCgzgkt\nBpR+\r\n=xA18\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOVC15qOeB3HCqY5VWMos9JgFm5Y+3zQXKDBy7L2pyqQIgZpbQlBdIavmRbyU7+PMyoGSutHDVq0GzQaMhIyNmKls="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.11_1571326465492_0.4410555237021754"},"_hasShrinkwrap":false},"0.4.4-alpha.12":{"name":"@react-ssr/express","version":"0.4.4-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7e86b34852ffaed80dde6cd05865d08631fdba20","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NSrM3beO6VjWKBWECn3iX4rxnGsDleBZ2mPI4zYHYwFVG9/sBAZhWBDmQ+638O1Cbr/q8Ghqkc5fv6uABYmNfw==","shasum":"3eabd720f686ab3f1795680444db3706bc8d2745","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.12.tgz","fileCount":11,"unpackedSize":17874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqIsrCRA9TVsSAnZWagAApMAP/2q8N3enlMWces3CwbOx\ni2XOtZjBkYO7+mnbcYCR6soTBIEN818nqJVmpztIgkFue4v/6ezUOz94RG2I\nYGwFF8POly90p0YiYXH0XsnyNNAwBD28z7vE2BtYyGxFyf9zkKZb/oZ6KOhf\nxVrHe/3URBWe8Lhkk33mcCJVaeXxL3t0thnoroCO5cVudlD2dHYHSWSd07Pw\nX3t8DIi3a29DdgkBkzjgJPO2cem6Or5vm2sItKJG5dbO6I/ZBP0+Nr095b9Q\nWZlNBmgvevWzgZj+Z5pT4vW2s5rxa7+2Zd4li8zPbQxfy884RDP9XdvQGqXz\n6mfe9ZWUDzfTdBrPr3UoLXd9+p5epI3aZydmAiTUuAm4oN33m/CBX7oCbjbk\nhjBqGG5gkaMo29occqxrFkDO0i6PgGiMCyYPsFBheVQEImHdVU41DZJY8qgY\nkFgAISpQXF9LWq9Gl1/84dKE4wogglrPumq+j9kGI98RIpg1iPqzZx51KTwC\nq64qvO1rwTT9VCqJ43KIQd4VjGB2QFGnp/ufJWwQXZQ5RRptMlx3RBCws/6Y\n00V5J1pMwuodQhtq8OjojBVNbt3xrl3+UfMFHixtwVkb5kbZivJqt+h6ahML\nSGnLf5mzbscaDSC4s5vdFPBm6cVMGRxeUDbunT8+MvwKJMA/Dnt5Y/FZ7Wr0\nF8PZ\r\n=CeVN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiK6Agd1FwmgSVnzZMMrU2ydn+WqUB4+Gbhz1wYXbsAQIgV4fsuKH4zmWLOBsfaNmaU8ypulfPLxWTT5YYIQGvv5M="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.12_1571326762554_0.11425925994633568"},"_hasShrinkwrap":false},"0.4.4-alpha.13":{"name":"@react-ssr/express","version":"0.4.4-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/webpack":"^4.39.3","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"52e1a3183a58494de8fbf6bef99eeca35452ae3d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-AUQwl8iRwikDUVW8fnNJZs8TOeM7XaVvYq112knYFJvp5FD3oYA6VidjtwLf9BUYWW2euISK1RcPS6EK7uL+3Q==","shasum":"4d925bd62ab8603aa3a5a043fcbf9e402d4eb0e2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.13.tgz","fileCount":11,"unpackedSize":17968,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqIx8CRA9TVsSAnZWagAAfT0P/isHlG55EAgSEggSxKsF\n+J/nfOoo5hv/R9IN3e3r5br0B3ggL1uR9jNEH5YzcebW+gHHUhaQ218Xj4/x\nlXiYa4Y4mxggqujiLagtYM+efR8fJoZMIdkH0FAosdN2Te9HNmQYTgw8j5Qm\nmscxrAYKTeTQMI6l2eXC/W6/DwgdewQ4ACGtGYM2QQ2+VpEVz23xcXZaA6WG\n5mjDOWf+W961UJri4llYn620StoRvav5PO+G/xy5uRHzbmkChrMxzxZD7Kaf\nqeHFCqXzdJsrptXSuSE7E1z2ECU0I5JyrDPVCvs2M13cjGRwfW0jZ/nO1/Tz\nwghOOy4bVPWtWWJ7Ues1Zg6QFCc1I0fQ8ozK3woJriUqG1qxCc7pyhJe20qv\nURgbeRwzdCnz8yBYpr2BZwbuX0C9TvS+FPPMGuVRp2P4csRvSFMq3WKVDHCM\nU2TcJgzKDmvkDj6F97DET59cQnpf5QoOPeedZG8GuuBo/Bg7J1IVlyiEAHBb\nj3KXnmn+ARX2JGHpQUp/KvpJCxkqRKBdF/xykz4yNS8eNwrn4s9irFxN+f3q\nS0A27oPXjPo02zwzJSz/8PrJCVrPmemzwR76YCKevMs0S//BqhcnoTwMZrz1\nAkJKSj9hJskGEoqFF6RKT0c9K3QbBv5W1ogamEA3UJGgmOyUXb6vTOT4XBVu\nFkxZ\r\n=9Iau\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD27YDS8nMiYdOaXbYD9FFEifxM8QTYiS2rBQmYTAV3BwIgERgesQgbvideE1DCjnuXVqYKZmBEDetKPv4NQaw4RQA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.13_1571327099898_0.9552706978902608"},"_hasShrinkwrap":false},"0.4.4-alpha.14":{"name":"@react-ssr/express","version":"0.4.4-alpha.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ee8252e338125500c0a6a79e4d9baa004011dc1a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Bv6kYxr/g5Tk5tO5FZezCm/7ov/5JUGeelekPVfl3FLPER4bhCTDBmezM6Sazr27xv1S3vQy9u/xOJYLt47JJQ==","shasum":"8b98cef1c605f5f939a014849987656ba0e67738","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.14.tgz","fileCount":11,"unpackedSize":18743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqI9ACRA9TVsSAnZWagAA2o8P/R/0XypNMDn9bpgL1q25\nuvG6Qw1iLIPE2o7JULtf8MeIkFeGkVNjXQMWiji1KYH7K+Sor2I2qJLLDlPl\njo/O0MPfylKf15bgMt8CxIt2LHqL894Xinz3NHs9VHxuZn3FkYDGtjXKNE9N\nYHqbcC3nK4kgqrwhmrBVrWkpBxyUVMsgoJdEk03/DJLvNZHuwZtCWNVXRLhe\nhPBA2MeCUNQN2ARjjPswO+3FIjOrHHFaflVp7ZXiTc6x3wjMK60GTMvz6YEt\nst66bRUGV3lf5LjCcaaD6Ge+qyQ/7i9qrZkRDWwkkwLa2AOhIBuDaQHdoIYA\nTwfZESlHYObDq4x3MbFmhfomNchkY4K6SPQ9cgdiKNaAOs/rWswpqIKHZF/Q\nV4iTgAt8NL/+pKklTsm0RVUhqJwDb08OVX8TtfhEFEjt7Q4kwtlJrPgtVa2A\nDk4do1H6pcSOlc/dD7uH/H4mMlg3naDo8wbEcXVaiEYqXg+m8Oj4KXl1PdwU\nMW/LJp8J/MSf3vM3zEhjTLtnIUOCvkDWfgU7KgBmbi7lePNRG7+z/WpEDIpK\nrP+uMggJdM1/4NU1SbYEgV9xibGJcrnr5hRwPPnvhWAud5ajWwJzCF92mtOd\nfcd4xLe9xJ1+DDHdeE+SRSDVnn1QbO/wBxbrklB5ye+LE1sM10oi7q7KRT6h\nzXxy\r\n=4KsP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbFUhdUDip990ZKFUdN+9KO9B5Uu2bk+v/YC17Ov6SAwIhANSqL5QYb+YVOES4ND7B4yewxWeqVptKxHm8VGh/fgxG"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.14_1571327807455_0.7083850349066878"},"_hasShrinkwrap":false},"0.4.4-alpha.15":{"name":"@react-ssr/express","version":"0.4.4-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7c6df7072f7526fa2799a71b192e4495f785dd5f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-oiclGiP9n86azSq0T7wbikZ8D12z2wSNtWkF7eSrOw9afAscE/IibepL5XNznRHMVrrIXEGd2UwHk3DSFZWBVw==","shasum":"409f7f1f2120499eee98277a7b9c24c7daa2a488","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.15.tgz","fileCount":11,"unpackedSize":18647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqI+vCRA9TVsSAnZWagAAoDEP/2Ist8f41KPcnHAPzVtf\nM5d6QEt/FejQCa6U0dZVqdz63qlLmPjJRf94KR/VFawOjypC/Ke0gmHYjoT/\nCs07NxrjEZqEBMweZBMZClL4eRtXSzSYwdkTZZWGuPCZdaLb4nu9KRZ43S4A\n21HKeHpBMtAMMk++LafYcu3Y3RxIS8r2nxoALzdjnxQbHDbTqpmpxdQgQAg9\nIhNw3QktVDos43bUc+6im14Q4kWMNbLF6n6qiAtvFHJ24STgna4j1BX8NZ0M\nivrf5Z2Pu3uCJjhvHTwgJj6YylVwVJU43+hf0RjMZ9Gba0rAdRwg7cZv8MWb\nXjzX5q0G0ryYoR4yz55qeK8aLSXD5LvalkGqaK+8WB2YrLZGeAmXF/Ca0nx4\nwgfFMrC+EOFV5+outDMiOeSZNsQ88PfT6pn8X9dBadu7kulZaCb1Neo86ar8\nTugu9HymzpPf7zZwvw7lWMBr8txjEr1/mvqFhP23loUDmKx4zdtiSK+P+pQ1\nVtdXNZNNLho5IKVDO5X9Jpr85urRe+eknOEArJ8l1CTPtFyasrOlwj8hWUgM\nG4InsUQiSG8WTFnpKHnToSHnZa1gPtYOy0n1Ef2SUSzHDoN//gCjndvRfU2S\noBmho7Kyh02grUsLHohrouByKwOQ3HwMfajQNPlbhAVLlEdeP06u6EYLa81O\nbp0I\r\n=TjYX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDq/guN7VGPJkecjTIVSkPb49Bgo1dQcWL1WlKDVAh1LAiBHCzfe4rGj2YWgns12vEQC7rM6zQPq4DsiyMMm/LrZAA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.15_1571327918822_0.8698874476800971"},"_hasShrinkwrap":false},"0.4.4-alpha.16":{"name":"@react-ssr/express","version":"0.4.4-alpha.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"988bb7085e9463b73cbcfdaea926d5270ca1b164","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JwnDRJPETrcUhsBrMhNCO+ESDvZPjYWTS98CIrvgCDRzYmuV5fQITwirQAEzAYPKD4/YBpAb+JFZts7P6/Mn1g==","shasum":"b96b7ca7fd554502228dd8a4baa1788dd615975f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.16.tgz","fileCount":11,"unpackedSize":18641,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJBoCRA9TVsSAnZWagAA66oP/3AP8HHHv4uf3H/DvLFg\nw0VzpbJkfPIzVyRa1jJoQXxZXTIB39fh0GoHLW+N4xaM41wotSyulHaBFtRf\nI30LgwSH0QOcaznEWReAlKcT7R5KICyFfbS0hy/TX5TiOc7ysW+dmGTGzIvU\nF4bwdwqlUsSSTcqGfT4gTZnRk6xS6NlTGpJhkbgWxnpBAZkRdiSB0VTHAgQC\nylzeCnylaAVuH0jn1QoYI1gANIHBK3xHNssLHCrNyOU3okVDT4+vMWmleIMY\nstSxU6kcF1lezmHXMSRZbpGGKWgrphLlX4CkefqkLXeByMMv9v8AQ5xob9MV\nC5Dj4zYDoq0JRB6/L92I8i5YqYQDXx857Bk7FmgOz7GMU9F5VJEwikIvbt+i\nUmKYoFDbUoidXNZUzGFU6hoz1ESt2cucEZI73DZ4cTg0voKqw6L6RY5MMA3P\nJ2acJomQOyr1HHwYIl0q+deQ5/a+uotPixHlojeNsv8t3kGTEqVugY449BC6\n/vtT621buPDibbDPezIaYkY/zzmgPExJoEI9n+49uoSg0coey6ybnlWB2Tcn\nDzu1XDnLBySSxDwq1roguLfaan5F3Cb6dE+AcW85mwVb9SeJM+NnKJLe60BB\nEyQx3C5J+RIOV3gWE9HcKQkSSl6vE76SBPJbcdt/ng7fSKxb5JdLx7w1bZXx\ns+Tp\r\n=aftJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuZ2V42a4j+6OQkvexDjPs5R9d8Rj1YMV8LX1jdJ1NaQIgZztYBLnwfUCjcEXWg6qhgpp191TewH2i2aj4/v8xEns="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.16_1571328104068_0.20265208218744846"},"_hasShrinkwrap":false},"0.4.4-alpha.17":{"name":"@react-ssr/express","version":"0.4.4-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e81d490aeaf0def37e85b4ce6216e2fb64e5a64c","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-w44C8NH0xqBCzknvDx2uNOGyx6mGY4uNi9X5PpX0ZRaWGhv5hFUxMJZ8QFkRyf5djCJe5aVBYQxeeXSU/ugXGA==","shasum":"45f8b4bae988a802181aa31ba9c50c7520150ea3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.17.tgz","fileCount":11,"unpackedSize":18512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJC6CRA9TVsSAnZWagAAWv0P/jUS5fsy5KtKKLBtjxnz\n1xZczzlnmEM71z+ugGtfGr/eZvuA/OVrJF9u/PJy+i6vayVKXJwdWT2AsIoq\n5fc8dTpnK/d+/G3pr+nZEAevUQWb14n1iUfuePEAH2r2KH0MlBEo5ZiokS0e\n0CpqiG1nZKyFSRRprzw7Pn1Z3KtN5b04J8qTMvTXBJF33Kn/LcNaSOYUDQVO\n/t7WIClPoHPoTbHYQbqiDy1PfICZYJnQRO4Plv8shrakvjQ9kDBXnK72E4KK\nt/jYTq2ITnSuDcnO/m1pUQmZXXFLzIjd0SDAsCDvk8VVkDRYSQlGtG/OKOsx\nvao+gnqtfiUgF0m2sIPtHoZS4SolkeexVBkSzWnDPQIcDYwzUtp0SHpY7Nt/\nC1dGimhhEAJ5p+2ZSiBrcf2oRojvGECMsfbMAb6dJFSbqaEZ8ATzrAwpXq75\n+EGhiok6mJo3X8rwxOm8NGglf+BjQueQYOxEjLFvKDu1P8AoMzE90Y5ZEueV\nTiJH/i9Qd2+HqdfxQgi9XwtVsL6p0z8AXF7Zdnww7dCEw0KUHFkDHz9cCDpa\noPuGr/usTXoJ4HYIuTIh0spQ76/f6AnebHpGetaBK0RYlRRPz6NTmuw4NFuy\nHgHg7gPryo5rA1cSw9cv9P99ktSJIilMLg4SdmC09jRZ6BZ3sf+K8AhL9tum\nhXfk\r\n=KG53\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDxPBw2fAsXsoh6xdmVoo2c7mnYSnX3qRGiXLjQn615AIhALvzGnk8Sfw2LK64+IvIeA04oCxrkHpbErnh8bug4VQ1"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.17_1571328185823_0.2939332436112143"},"_hasShrinkwrap":false},"0.4.4-alpha.18":{"name":"@react-ssr/express","version":"0.4.4-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"399c0c5c8bcedc4ab3e94e75562e7a77d93907ce","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KuEzMRc7AZMe0yhgBOEG00VJnT2ubftKYoT0lauxfVxW7CX3BMTZOTU5wDXOlBdz2EOziesxXrxrLhK1ZSQc6Q==","shasum":"671259e859ea6ba205a27dac84d812ebc708ab0b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.18.tgz","fileCount":11,"unpackedSize":18732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJElCRA9TVsSAnZWagAAPIsP/0dpbZ6vSkHUHWFtq4NB\nkb+0YltUM2TkCjJorSTSt1cKBSZOj1W2JIblEyjMtJ6wmYc55dG/RbWGQmmP\nIsH691ZSnZ4qQD4Sz/kCGKIldQsedlhQoL32tZK2YoYLiLNN69+Gp5faYYTI\nfz52tI4gjL03rSAlGk8lbyk9ziNw3MhSeuUOYfAA9GXuNADptF5VEycqM1YR\nBw8+zj4ZD7naPx6Gzr2sGHqM4OND72cgA5gai2RzFzEgYomkRivjozARl/f4\naViKhm7D1cM3coHKZrM7fPMd9kRzBXhaT6J4IVe/wV8qu+XRFDK5wqhYqOx3\nE2RPueqFPAVl9iqEyaUTbaO8me8zyOoXgFoR6WyKAE1dkHjlxxE8VprTYVJp\nyXzMmvrV8dQD6qbCGPCX8aoxDtBk3dA6jacLzoSazFnRfu1I+1nh0B6GMlS5\n7pZc57oIK+KSF5GlHUxy9lV+C9Oxz6CfaZxDQfDHtC1Ij3fmSrh80FWf0fvc\nMbOA/kylTPsT2rzbU5zNn05aLuEfZC8jJW9zSNTawUAveCHY+zrE3cqSTDCK\n4G67xvmifD5CAz80sk0UQRTdicveGmqwHGeAmbwhy+9cdNlirm1aTQXWTR/U\nyjPO5iAPFLseD6xjVruxkAkoPuGY6gN1rETmyhiZMz/ve+KlbTlO1etb/HZd\nHrE7\r\n=8Fxy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVnWtBlDLKHj2C9JbTv73NaHthvQkZlbomIJYeRY4ilAIhAMHgvUrBz2UWwhTLvtCUowQy86EWAMGILUv+bV8pjKBO"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.18_1571328292523_0.948119830423189"},"_hasShrinkwrap":false},"0.4.4-alpha.19":{"name":"@react-ssr/express","version":"0.4.4-alpha.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"dff0fc374d0f5ed6dc62debf8fc7e6e5428c8d40","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-uwVGP7QYIhYRSD3nIu197AWFRPviacVcB8X8gCBiImQJGWFOHcdxEbke2o6OmvNhxFfHzharoRNp8O+CZhNXkw==","shasum":"d6c723f69b11f1c2f170d3ad72fe63fa2259bc23","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.19.tgz","fileCount":11,"unpackedSize":18713,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJFyCRA9TVsSAnZWagAAHvgP/RYZ6qjqGdWAFjT+Ruvk\nsz/f0LbmoMcqfokCQg7ZHd2+gNTqDgu0PNnA7q3BpL6WUB1Eg9SrHcwUd+eV\naBIVxZQR+SLZXpCT1zCE0m9YAV16QoJSwzy3GKTVlFTduzzmlyca4G4VDAZB\ni33FiDHc1pWWwTywVftBJJ1VZ+iK4C1E63N6+gMW0UosOMUQUjuG4xVCdTSP\ntTfY2lFl8g/QMOYpkrUHHPySnyTn54Wa9SjzZVdvefKtyWiiR8NX4oOmdzRP\nMiyzt50yu27pB4Kp6eyTGsDZ/NNcjkdMzVTffKAZVr8oCW2Jwj5TLW48VodR\n+4LMECwXZNqKdyxWSJqW7ojnbk2fiQDc3/hFDsQ0n9WDEFFFj9yDq8qT8EfY\n7wDv8XGqXHm/VqFhXCMEe2QIyfqDUNO7J6/KxcNaE1x3Vszk0ileop3LMhRR\nvjiglB95kRwXeB+NULRhsA8kKjbM6BMJw2XUjw0fD2PvifbCc0SYtmg4Qh6u\nP5o5kIwihlKJLMHrem3yRBqt1yG7wJ9V2dfKNL8ZGo2snRD5ptlvf0wfsJ5x\n4KIHCTqB6kpQPU6unOYpNOcpkKzymH1JGFOTgk99BFIxqqAwQmMn+81KFZJ1\nThATXq8WDjPre/sUdG/NcboQQTQbSfInhE73Q0oZYpbUJzjORpEv6EetPDcM\nVMY2\r\n=GVsw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnoONJDdMIN/5zDRUwCU0fJEz+nZUmXbs6VafyDBDFyAiB6g2yBHi/Ptct8R1BZcy/ImnleRNKUS3390N5uRY0Xiw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.19_1571328369944_0.21118875033331697"},"_hasShrinkwrap":false},"0.4.4-alpha.20":{"name":"@react-ssr/express","version":"0.4.4-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bd8a57d0cce7c2411e19145c393abaa2f5dda520","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-//ZSsYNLDWzLtuJbMSzHWIbIjvrxCqJypvW/rV3ssmOqQ9AYRGyGVcVUgwKsAWmclO7UYkmmvceRUQgQqZcVvg==","shasum":"c64a72c8395f646c16e9ffb138527a12b85600cd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.20.tgz","fileCount":11,"unpackedSize":18647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJGgCRA9TVsSAnZWagAAvfkP/0QEeBHTZkvJ1tvz7kKy\n9DQdQG++PWN9MwDZ31F5+EzLdT8Ctk0r4RnGaCcAiP4Mw5ZNWWiAEtkl0ZKc\n/4d5tNTKN2TzlK76OXDrxeV9rWkR3vXLc2ktEuRKOf6s3McFCXIEJDMdGjsP\nL5nB/u9qaOTParU/sBnG4AqKLVjeclLEbrplEweWEjH91rCvPeyBaov+ndID\nDI/56sKUliXIeqBXdwDMuOfu7P3/rrd6urygT4XbCwD3V88/1HQhfCE+ng4i\nmOLny/gE+kfPD42FGBEAz0dSk+yI55zqbl/fVuHz665LLuShWqEZcF/bokHI\nnuiV7P7/HWlJ6eIe2vRe72tDOX4InN79kp67Fol4qm8VVA4Y/lbsyQ5h5vZV\nX7qtKbFEDFsxeTJFp22RhhEOF1RhU+M1G0sfk5Dj7Z4GX7l23SVim3TyMeE+\ndfD6COs4xhpVwcTSh//g/ayi/f2W1d+fy5O77gDZHZbkf1cJOlvjbsxhLJNK\njRd+LFfk0ZM+lmokbiYUN1ggoPLe69uiyMjIahGnsebe8mzD00LEzXKrnalL\nV3sQbe3iDF3tcITMLHJAzD+evgrzEjM5MwdJAyNIq+imBukuimveSd4fbB21\nuUi9JuOiq5dhLvQWWIj+fdHfJJ1voGV9/9MtH8TrKS/ax2GEZgopjNwLifoU\n1Wuq\r\n=esZO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzSw+jpAE1o/ERf2sVJti5ExoHsvekR9FLnBlbE39YywIgeRs9oD7Y+71/8CyRsRnq183T9ty7rP66SlxQjVvc8wc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.20_1571328415918_0.34417771860872315"},"_hasShrinkwrap":false},"0.4.4-alpha.21":{"name":"@react-ssr/express","version":"0.4.4-alpha.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"594c131ec113095f5a0a4e4bca80f8a82b9413e6","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-6PJlQgoeZqD8rNDA77lFqeO2jqm3dHpmhL0ivkPyHdWLOSTJZvf/Wcqgz+bV85BfN7dyUxzJ1xCRIC7pjS2h1w==","shasum":"171a69d9d0794163635297a3acdf73e951b6bbad","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.21.tgz","fileCount":11,"unpackedSize":18422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJH8CRA9TVsSAnZWagAAegwP/RSloncf/g4Bt6Hrgtem\njFeWPR/wrCCEY7gE3tTn4WQHs8ZF21xuJydat0lo2GUBH9oS0K0RtnrtEMYg\nx+Zqj5t8KLTP5AZvm1JFszZwHQjyMfj8uL0tu6WymSJZAbq7iLKy2uvGa2QK\nM6O69fDuzxONwvvdBQPYTkjeSZZIHpa9GrKnKsNFBoZ+eEnFNoX5XIphjzsq\nhc4f9fT6cSiK/2qxMRbPR0P2AUo/zi4Wbrtxl89BYA7jXE+cizDgmsPVWUal\nusMYtpRoken2uDZZ+wpzVc0+qycsjwT8fvLtRGJDuvaCG8b+fOm78cl9qVvT\nXB4oqkXEKkNpAiP+LamTpVS/+hZebZiSFjPrtG5eK7haSq2/tKbZ2USMPcm3\nx0FNNdKAc5+yJ8PjIw2KUbwbq09KKMTH1h+XCfUzr/ngXBTqb+EPLzI4ONt8\ntEOviQVxYxjzmErN33v1wWYMDvImN2KVhhAc2ASXoWHAsITm1BWL/B+spc7j\nSg2sGb6qUwSuD6TWXmnw71bbt/fbYYtAKfq5YiDhUL25NOlsCiaj9B5h7Grk\nHasoiizJz3IdHSd59dS2nQVGA+CFcJJNvgZYu71VqIFu2sENGPhH+tjva/jg\nyvB2ZdHrfUJp8A0eb05ma9+WclX9ers1wLfRYq447tmYuLR7Obz/xpArpFBf\n0//Z\r\n=PM9u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCM8zd3L/I/qusutOZAmZ6yU8fmekxWAa4YN5I9DA7gFQIhAJXHXz44ZAiPYKLl3gwqOL2rlRpX/YxLY6NbewZ3VVPu"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.21_1571328507888_0.06508793783824451"},"_hasShrinkwrap":false},"0.4.4-alpha.22":{"name":"@react-ssr/express","version":"0.4.4-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"00d6f96c6b137abc4e9629781665846047edef62","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wxkjLQupU3ZeWK+fhZlSzF3memY24a+/2EH7w3Zt11Fc90Ex9b3W6y0ehsdp9HPdvw1eZLyfMpPxWD/0WYb3Ww==","shasum":"70f913259a763d509a332f78974395796c9341d1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.22.tgz","fileCount":11,"unpackedSize":18289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJIsCRA9TVsSAnZWagAAh2QP/3KNCsvyhgQ/FpHrmg2f\n3XL15HeLjsRNzI/Puq2j+AJjjGtkMNnNOUpbjzoYvV63RlgrlHI3x8d1XKl5\nOsvMg+YX2ozONmDZGf2D2bcCAw2JiK8pLA79nHSeX/KYDPB4kdCy3f6VYmx/\nuGrMfPnzZP2cgU9ycSe5C+CC+Pq1fga6qJ/w8wWJiCG+fm0CHSXesh8ObbIx\nTTd6nTuvlHHaztnKtpWBj/cj22+C15QM2Re2q0Wu93dMssqubYuuhKbQfx5a\n0kyl0aK6gqEnAL7Kz+HXxShAvs7XBK1E5LooqdF7eUcuLUZ5STqoZFimAM/5\nrYpoxN8yHWIE5PmowLMfZ4BqS0yfJ4p+B1qrQDZDXzMFC5Xsj2Qi3SX42xBK\nt+CZ5q/0e9eYk5fUcOOI/VPvfjxZADgas33/dZyDufqkpAvi1tI7v15ugfHj\ng8vroi/pcTKIptDHjx2jxmeGzYhAesQM5GWoDXVRJM6Z4vNNltHAEwDM7uJf\nxK8HQS06vtndAAi4yvfllOkkg/CyP5Ys2xA86pi424ztDbaJfdY4fnlJ1R4u\nLR33AZu2m/iPA0uxb9Dzr+jA36AyHfXfJK9rQpVviw6aFNYddAEls/Q1m8F2\nAyMdgLbV779zsH/C+0r8ks1u0s6Je/hwFk7OmP2w5XFa5IzGq9pJqx8l82ih\ndF9E\r\n=TLgl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgusNIDvgzd8EE6YozIumfG7WuGp8abU5ZDd/L18iIkAIgNuHA2T1Ysl7nYQvdn7ShD4MVgQ8bFBIqofzxMKbCL/E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.22_1571328555580_0.17837714308930064"},"_hasShrinkwrap":false},"0.4.4-alpha.23":{"name":"@react-ssr/express","version":"0.4.4-alpha.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a41268841f68dd954f8d48d906c8cb9c1eaf4d76","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cWZ1V+K+zdeyMnTmMJgxM0TEO9+EVsmG0XJ914PDwNIJuMpZNZOhQs2WIqLWIlMYip0s1nOQ4XA2WeW63OImxA==","shasum":"70ef7465ee322620ac9715c0afe627fd16572604","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.23.tgz","fileCount":11,"unpackedSize":18556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJKKCRA9TVsSAnZWagAAYaoP/0Gj+fbn2RsNj3c6gOfY\nOo0FH6j4lGwkLtcMO2NJhHlcKOCihUQdHJjbY5F9cSS6S9LntdarbmcVlzSM\npVmg2Yxd3GP8Z6l/mvdZRnHuwaEy1Wpvo0M8wc4nPoLbIviWIfvOzY0UyIXL\nVReyR+KpHr/ZfyQoCNyvMoW3KnDvgLbbtBHQ69UPYI8gsLw4249y95qPqkIf\nLWUYt498KytJa1YPUcMfknfiBPOB4KEnC6ubG5pQq7wFtroecsEmd6URah63\nCNRv1a58kT9T1c7YTRsWVH/xaoSTpJl4OefH+iLG4Q/UXq1dku9q+OMWfTXe\nLcT9Td2m8oZn9qJGZ2sNZF0azJHED4fGT3ICTGls6Pr0ZKmcMXf1Oee2G/nT\nmETf46OeXLGault2vjCoRYitseDiMX/a2ngDxQnYqpZQs+a9WPQg39quVnsB\nC23ydE2ktrwuByetEMIdWLIBRKDx1R8ov0dE4SWCu7U0m8kNmhAaEVCYTuKW\n68TpOO//3bnl+YpH3ISThkDcP7yrtkWLoXloSUoZ1+BFpAN9wLx6+kQV25Fp\n/35Auj3gOzjLry8MYx3XIPWFF27XGI2XNrR+fLF9GAYy8Twef+K/FBIGGCpR\nnOcOCApyf6r8ozlcm6vu7hcXuprD7sYVTvGWXUDVVnIy9K+qFV8AlNvA9gqP\nzG8/\r\n=oNT7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6Xdgxvn9YJ8LJUhFDDce7jnGZOM6ay7LG9Y0n/odNTAIgOd2WR/nzs/G78wMl8c/sOHOHo3DQ9IVkFygcc+OOn7g="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.23_1571328650064_0.7513676774185041"},"_hasShrinkwrap":false},"0.4.4-alpha.24":{"name":"@react-ssr/express","version":"0.4.4-alpha.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"855f2652ce9464b6b99c432f3fdb477941757e42","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-MUqwZ3eHewDIooKEt4BW7JZyOE/9EiR7sNPw97kwVgahRimW6peaKdt7l2fWUIgw8UOlCF1uxdZDmfdgvaFgew==","shasum":"ebd1fe223505a70aa7dc457341aafafc162f0ce2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.24.tgz","fileCount":11,"unpackedSize":18487,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJLBCRA9TVsSAnZWagAAvWQQAIGtwXOigNyehamYNw6M\ny2jWmYwsI7T3MQsWiH8DAJ1GOsTPB7ru0DZPnN7F9NXnaMi0vE9vo/JIlTRp\nlu/ha8kUn+QlbzccEz0iXW/shNVt7vTMllTjPxb+pbwuGQ0VE+ak9RdaijXM\nN92iFdsoUKL8L5N170FfsmfBVrNoV/Ccltth+O0/sL+XM2nwl895phPRFJ26\nnqKyXyD8RaFaSYzuaQA1YQzeaJuInL83g3bL+bkrgkHI/IdI8ykbL+L2Wu0b\nvkrXCVcDEFwHC/gOP0amN+/EhpmenskfwyhMY2Bl4DFA5I9CmZDYNCed9f6O\nTHmS05PF6K+SGg0zqdTT5i24veeR9aqbny/X2c4zbLPDdelLvy/tsy6acvSX\nsggAPb2kPbnrh+u2VkceoShSyY2zaB3An84tJ+RQVXnneYSNTtmGA2zh2SoU\nYUgsWspeg3PGwCJLSPj0Dfs1MNeSeNfesKbvOdfnrAv24XjfRX1GtelF7VYw\nKn5ZdZKbwFcDOCI44M8yzPJl23DYux8aGFv44MdbNKae3h+dCc/TInB4CIgY\n3YWGO7y8SBwO4TA3DUMkbpZBeZpg7rHxDl06FgDVzugNH5B+V9Mw95a8V0p3\n15PtaW8lYPWNmK4ydC3BYZWT8xU2bRzAYO+kJ2zm6cmpQDmN9dovrnB8aL13\nvquu\r\n=BXXm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnJW1PiKYGb03kggNqqYuWZQvztg3knv56RzJh6CDcZAiEA1ctZSuMCe1u0DN8GgBsBoW/ePEC41RRulkdrx4tDprM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.24_1571328704583_0.9682779686986662"},"_hasShrinkwrap":false},"0.4.4-alpha.25":{"name":"@react-ssr/express","version":"0.4.4-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"be38bd86d26e4271b2c4bfe664300bef075fd9db","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CO6NANyq+c04yV8xsHwhCmO1JDWhoRbZmtfE4eqqvyortQMlr2Un5vux99+OXjBfh0kgqGoHtYpMT49Sm3hcOw==","shasum":"7d187dd4af0c1d1da9121436c03efdd174b4c997","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.25.tgz","fileCount":11,"unpackedSize":18421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJLnCRA9TVsSAnZWagAAGUcP+QBBlqeEaXZFdgzO3s1l\nS8KyKDlf6/g0SHZ2B1H/JAJJKO6pu8b9uPodDGWwTBvWZD0SkGin4X+pRw1G\nWfMDvVif0Bl0Hv5xNjNb0a22VdPGkaSwQoVcZEGdf1xxbTq930DeV9vrkcjL\n5mK4vIjCWsGxhyYeABBjjdQO9j6J/eYEwMnM9e9qLJj7nA7Up/6amNhgx/pd\n21hqtIzdRrbolKmZFt692bPYHBoR7t1FlxFujwN99Rhc7p3WWU+4rVQOVeTt\nWsplZK7iTn3ECNEriJktayaF3w8I+Nn+0E//qrGFRrIPNGJvT+L42UkudQhx\n6I+FoUP85FBc22va7VtXimIbmmDOY9ciJiyOVBbk39MC0WdUcx9k10XvI7TJ\nlmRt+dzhSGk52K3LwiN5qjDAvfc/Sqhx881p7ORakChj8fxwCutlMMB1dokb\nvAm7UMW3LDnioBC4wz1sC/BmtPhvI5lxu/zjle+yFgQgPmEB3TMSnYgXh5S5\nt6uV68JhovzP7xT/8IeMOfdVxH6VInxMzETnxm5QfHiJhehTYAD00xRTYVxW\nGCXFbpd5eTL4GL0lj2PIv0hv6PKh/F8XZFnnglk3TJn1XnUeku8Cdi4xcWp/\nEOptnfE7LXJ4adJWEcVbjj81MKLd3cqWnSe2t3ZTxBZ4ZArzGleZAZx+ssHx\nOfsH\r\n=m66E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCl7jKzYvXTcxgEZ8hnc1Xa84aro3kqSioKrGig6POPMAIgcIqO3ceU1cMtKISxlWjexlK9PaE0atT1oQPosx1MLcw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.25_1571328742899_0.7094958322050804"},"_hasShrinkwrap":false},"0.4.4-alpha.26":{"name":"@react-ssr/express","version":"0.4.4-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1a14e0ffdc9a080e1c09f879a824c3c06080451f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-GmHVVvd2kvPoFlLOD1FZuPk+BMcILrHE3fv+8eLFgpEiayP4SBWTJmN45r2CYFb3vTuByBT7i5FejyPf7lrxdQ==","shasum":"430ea68c03424b06b30fd58ee922bda4e6ea7a25","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.26.tgz","fileCount":11,"unpackedSize":18371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJMVCRA9TVsSAnZWagAAlQ8QAImBT3YbXyxaZNJXG4Ed\nnEzAAqOqTjJhn69EzNFybSliYTUHMq1ViiEtR1vaPreqrATcydg1MkWFNe8V\nzeRw4y3eHvyggFBnQBSK/YuFVpmftMXnIvoWyca1t+mJQ5W+i+p3tz3eBcdL\nMpwAKW3OL+wIk2UYaIKn4E0C7TnSnkHlWHFX+LnR8CYzCa/Ppjdi4kwnbF3p\nB2mVwoWKXyjqFQZ1qw84boghnr2sOsVujzGk4+40ndRIryCEQq7HPtmE95c7\n3G/el/tyz5YqFScLzapD2tVFxpc35k2AX8KI4uKnhaLJ4U8Hex17BfU963R0\nJG7Emjybz1psFD3HfoOMntER29AvY7z/RzSVg6EDQgNnAxwH66V0iCU80ZCl\nVz40C8//OVfy+tkpcRt7uKSnS1qvifz6L4NaGPhcw4ZeWwk+FwlQ5v3KM4tQ\nE9DHC3L0/b9KN73grWwkcRDCJhMGgxsm4srCuDzfMNl7Lh0S0amzQ1/RZu8g\nW9UnSfdLt445diTbP2pcQoX/XjhTSLmyyCTXDcwH8uYvrvrkxf0Csnk0ZYNa\nJx2H8c/e+3evqZOrWhnaIFNwANbTH4SZT9DXZQeBvHglGqNddA2xepNcwAg5\nS1N0zNzlUW/q04pqwxdmfB5aoGPF+4mdkD3Qi7EdJ4lzlffmosJx1BSXZst0\nfDej\r\n=hVC2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBJyZgF1lVN0Li6JZOSpjE02htZtNmdhkJAG9FFCUKKOAiAbo1Zfupjx/8lpYLqhcjUNOhWBz7c+Flzr0NcmInNskA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.26_1571328788632_0.2997857536280666"},"_hasShrinkwrap":false},"0.4.4-alpha.27":{"name":"@react-ssr/express","version":"0.4.4-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d5b2ab3200f3c0382102dbc1d9b8ed2137b2d827","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-DKnrM34TyOQk3rj2eca4GujnOagd0+bm/lv/o5IGFMYMt86oXrm0piCWveITUx6+RO5OvrL0ByE//sRvOz/7dw==","shasum":"0c345c9436a68f9b5ac623085f9ac3b1f2e4e72a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.27.tgz","fileCount":11,"unpackedSize":18392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJOFCRA9TVsSAnZWagAAfUcP/iXUjRZ+wwyZc3WzlUNG\nNMtFK8owvaunveokRTEEWHMFeMfguDRhpdBfhGpL3tH5qz6nNwI5QMKC4EmY\npXh8HpyR8MmVW7XUNWJN2szVBsC4whywBJIWQKehNM1jjEPvkxRTcbMDY5Qz\nV+kP7pv7l+GvMu4f2HahV/xULl63+CoN68Ij4+P7/oMzXEj5HMa+W23Yba4D\nL+7GXRhUHrzwUpAJ39jspxY6jueYf18wj+6tHa0woDRGi82NjJTAZ8DdvKYo\nf7TUSROkx+qtqdhE1oNeOXHMKPlkvc1w23Q8rXq3s6KL9n+UrCh2fVI/Xk5o\nVfxSBepb9gxJgHCJvtfEunN3aGuXccgvJycpk6xLylHPSbLLg8z90WlOGqy0\nMLmyqu8XOSjGsQMqgIT4HLqTXcHxm457De58f+2hGggJo3eEHVoJ7kvsrJla\nmfiuMOZycjkwKWE5gqhFZM8hPRxzuW+qwGY5bQPC5jg6gNwtgoFSPQ38ZC3n\nObSAelYuKVmAICYzIJ0qtR6WMZDiyfOI3Tu+oJxvkJ6dc6NXGy0UOvmBP+p4\nPTaNLb2tnzlcx1kXmOBHjx7SfNsLhHvuOpx93U9J5hQooiE1A49ifv0XnAAl\nd0U3XCUxApC5RdzAgWjLw9kauxCmBj9mMzmAsbNQNgBQ/+ZPT/qQG693rv93\nMpAG\r\n=6bCG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEX+nre9L1gaomTkQBKPzxdAIhex05c7Fo/LXkTx9Cb9AiAp5vpBY3gQZbVMN1Xd7aWt/jvCzOaeqCGFSqZYrOX35w=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.27_1571328900539_0.7356201143734382"},"_hasShrinkwrap":false},"0.4.4-alpha.28":{"name":"@react-ssr/express","version":"0.4.4-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8d3a43eafe48049c74afbfa1ab4fb37b44117497","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-N2Scokm5iVWI+qQSiGmJ/UMWTWLtcbrl0/t88mQemZhnbeU//kirspwAZ1o5ReApxZbXANBBNMWrZ410hE0HCw==","shasum":"785258fa3b5a4adca2e4eb9c976a0ed07d8356bf","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.28.tgz","fileCount":11,"unpackedSize":18471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJOtCRA9TVsSAnZWagAAjx4QAJ/QCtc12qO7b9nyp86P\nZVUwVMB2Ds6WDvC94sbBlhRBTjKTHWnM0jexN0OsBDg31zv5CJB83NEC9i4e\nQ2u8iBEPyowXrs/cZQSMToJiBiHvDgo4yAM0NXCXzr5BI9KYrBueFteaj5L7\nlLyWZ8cM7OTkNg/eV7gAkiwDlZ+sOIiVBx7hv+bmW4obIqHlUvexNCv1LnBV\nTQduDtNqZvIh+D7BokX5c0Kw1phEsJrnMNlg1d08ZN5mACZGFtAk+rCB7uiN\nNl7hcHb+19/jAMImChDCFMZigKjKglRkUFiW/oDSrT3i4Biy8LrMvt9K6+3X\ne+EyN74Uz8nLlv3t28Wq7WikxyiJQmPfrv/i8M1cmY9sWITUAvL8phYRbdPo\nysfJ3VfIA8347qOtjx5xol4kz776V3hGteU3t0fyBWL7n+M5dobBDcp87cTt\nG/QtVTBTmudFl1XsA2jkfECy0cmUmGtQXTqZsVWVxyFwumP4Rlh5Pn30i3df\neO0RvXH3QIUgxJHfgMMACYeTpSwM+zTgq87t83DBdNVKDV+rXm/bSra6sVvT\nh8UrqOEAUzjp8wzgrbY1skTXiuXHY1uskNFnSaykPWbbfkv0XqJKB2Dnz0M/\nq14rgvDX7ZZ2xlFKxOp4NK9xwBrY0UGE/oETG3uH2K77mmnJnzjTHobdPPEj\nOV/9\r\n=aarR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUvGXefPSNIAb/50uHgysxd0JV+NlqhC/o1uFyWN/ISQIhAJP/MaAiualyVubJVcEedzZwTeZjtjDWtk0Lh3GJ4Vny"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.28_1571328940417_0.24255480471490487"},"_hasShrinkwrap":false},"0.4.4-alpha.29":{"name":"@react-ssr/express","version":"0.4.4-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c71595dced299645f9e16c6c4af641b16778b101","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pnQkpUToYHetgE4PLLc16azVzWOKz9R9PjLPvaHDq263MHTbJBki91ngNmb6CtVFyFu0rWijrv3A7b8oyFgxdg==","shasum":"de440784f84adf616c15038597666347649bd230","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.29.tgz","fileCount":11,"unpackedSize":18608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJPlCRA9TVsSAnZWagAA9FIP/R6MjmZgIBVejmXUatbV\nIv9GMq8THObqk8z7muObaJ7U4ZN3cTQ0XQLFmJXe95caEWAvrWHvavY/W2i1\nUdgm18j+VwV9/RQX9lBQZHwjSJ4Ir1clGmVvPuxsYixUVaRaqmHUhT0IgYVy\nA3cjwnrMb+MrhmS0jLtj1DbCcSJ8lz4fTg4f8dOwmUqK0CXrDrFEcQ6hDDmM\nes754eZdOcRijH8V6ougfqB2YxRT9OoJb459yfVF1XXvlLSySZWbN1sNgUX9\nF45fudrNhbsvwlmgrCI4JHt79McGpM3YUccqCBjkh2Ci2doxhhymXAzM/t3K\nAsS3zONUtqy265nPZTTEAPP8dujiE8Je99L9uVDCl+Sgxr/WRv58BAy+nMgd\nwGMiYbAtWy5gEB83Sm+7yVwTim4fJjCSb4p18MFNQzRlVd4o8hPW2vp8kHT6\nqBPk7rSsM8OGlfDfpyHr87E2mklnU9UTWppitye3SKYVXMoQ8u7crhi+ndfZ\nQbdXZKSJ2wf6rnpq7om5l0qNnPMtCSA9TfEmeejRb9NVzSDWYERxp3dJUIpQ\nqlXQNvltPyio7VIkBnpSypE8O+z8uKKY7NlOo8WwenXl2O52eqFU8JBAEd/p\nWFveJDp/bAhxpangWcRJv/b6zyfoP0jUgm8cNtiApqT2UmIz9I+yj70XWOAs\n/zsf\r\n=dZTM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaGJ9Wap5gGiijT/gM3qL9udsqfT4ORMQq2aQ4Z4IEnwIhALVBac2yztggPFtUygxN/NhSQk22rWaK98OTphEmm2ij"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.29_1571328997044_0.7951038130116646"},"_hasShrinkwrap":false},"0.4.4-alpha.30":{"name":"@react-ssr/express","version":"0.4.4-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"20fe56e06241da36759055aa349c93fe68652800","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-W6C7Z9u4pWLtUretjaAKplY3O/dXMRBHaughr8oj79zWPhyA9bLixEcv05s2eeaLDkwaBYwns4I2GOc5bRS01g==","shasum":"526dd78a406be9e7a83fa54726e2115907704aee","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.30.tgz","fileCount":11,"unpackedSize":18677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJQrCRA9TVsSAnZWagAAj+wP/053Cz/ZCGiYAqP9I6sO\nQFNvVNNJH52qeModES84Pm1NxXnW4JA3LqpVv2eDpQ2Pbo7wStj1iS1GUKeh\nO8eH3Ob4wfMncWPBhMorDLSAKDDHeYTJ0UAU1kcKxEVfmO7Xl1MfiPbEpCEd\nfZyTtXEgLYJtMNrg/WJrllpuE4V10GOm1oc9sN7avw7wdyawD38XrNumAuaf\nbKWiQjFDmr5+pojtAPcU7DgUuxld4Mcy+EPwMr+ABllhWQtPYj7CFRpcqFY8\niTMiry0ya+wv3Us4JgIesE/dnkdG1Y1LCl330Y5/3sdm3sAsedZ37qCQA0x2\nK7XpWax1GIaHX2O01P1TaiiTOoxYIsF3NGw6jAiup8JXatkZPpLeN9pMH92Q\nQuGt4n162PbUP5K7u/qDG9iRrXaomceZ8WWiVTCEzpU3YxYn+Pll4IZC+OAr\nGhToawJcHqYClWVy4MagspoEx62xuq9OXp8m3zO8bWFv7XIVLSkfDcZ6gK1P\nS5iKJ3R4iFrzr9IEjvL0O8xVITQTTGhGMrUSKHfJjnrH8SNjw4y/nvkuEbAi\nOacSHjDr5IrZ4p9tyF6jEk8Swr9NuVKpsdksfp6cJHSxj9SHR5PXW0/XTzMc\nVq/Q20yETIoDu9a3wIcUfvpyUyj5p3ah/GMdQCT2KXS7nhb2USdqFhsC2ym6\n5sGN\r\n=hfU6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID8MGbjOE9kPP2XAVAaYgyi4w1XzmWzWl8HWo+llPlaaAiBqZIQjscaH/pgmare6VB0BPO95xTPDDQHEZwU9GEV0nw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.30_1571329066765_0.3086313135002481"},"_hasShrinkwrap":false},"0.4.4-alpha.31":{"name":"@react-ssr/express","version":"0.4.4-alpha.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3869efb1edddd114e34784e72e31bb56b49fb662","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FZKI8ZvGOAY+5kzAU/9NJseVG18H4F6avB4ZduEqTSpZs551OcMXYNJdYPFRja9XHUo9JozRa07cD+rgrXUH5g==","shasum":"4f85cef803c7abfab0350246b2dd1b0c2dbe0556","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.31.tgz","fileCount":11,"unpackedSize":18728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJRmCRA9TVsSAnZWagAADoQP/iZ6JWr7mJ7aUS4+PhYf\n4+JoY/j1KcKXSGk/YT7gmDBIsdyqRKsQ8OtKU5QqJUn6J41mHimvrRNz+SX/\nePXh6EPDlbDK9uAm/mccq0vTI93tshNbvXm+H34bnC/oaRkEIBMSNAk+48CC\nxbUF3qhZaf1qlHn4odBYWQT/5prJ3tvojEO7/mSL1qlkt3gis/aq2G5M3HmM\ngtOKezFUIfRozh4AUb3ImZdmn5A9Z83ycEJKWDX0hFbVa+fkY0nMeSm7etB5\nGRORGDmMzPCtquW+EtSoqczTs5TtYt2kBaMByo4HfjK0JEQbjXIndEB6jlbq\nKtN8MUKZjqSKhynD62IzCj0bs9px/cgxloAX8Yhr1zNcGXFliuKzIaVZwA4p\nbGRb3Kqld/wM949xBtV/oxmnUXAwNt2WBLUt9htKwsHxH4Ehn/H6fcapyqpp\n6TUD/eb4vH/2mIyO6+CqJk0LPzE83j89+p7ov78s/ipfRVO6jbcZo7+UrYQ8\nkdjV0Tgy/MoovrTDri2jmcbw8NQzxl34nwIqsUEp5zflThXG7+B770VkbX4C\nWwziGyZ3XqjZmiduySmnRf+yEl5sBxe9lD4psaL3OwH2mNckZpTJcYfQT8NX\nQPXcD7XHeqiOTrz9jQkZOhJYDAGqjAMYS2BFm+yvHmGxkqbIvDa26NMTQHiT\n/qpD\r\n=zuHm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEVT7MxVVuLgKnrqhtBiHTP3oCI57tVDL8ph0paPU9oeAiEAmTQTrrmycxLqavgz/UP1fxGxIBrXCTVF2iSjRXwi25c="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.31_1571329126168_0.6109820425043853"},"_hasShrinkwrap":false},"0.4.4-alpha.32":{"name":"@react-ssr/express","version":"0.4.4-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memfs":"^2.15.5","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1eb065c4e97c6db7f991d778884c3f5db2d7aca1","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-k2+rnV0X14tn4yMzab9lovhdyKkiumUOngK9F/83UqU0TVN9KzD3JQEXZ6d/qSszpP5w0urqeBYLGAsm3Dv18w==","shasum":"a03f892fb54fa93888333780c1aa681a70afc461","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.32.tgz","fileCount":11,"unpackedSize":18677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJSfCRA9TVsSAnZWagAA4e8QAJaVvGTggOPHnCok5rbv\nHv7A13Q2FGbP04KYsD9s7cJAXH8kzXzPEcOoYuaIAVc8ox2dBcrYg5lepYP6\nTkGZEh1rlW+uD05AzA/U1pgAuidx4dp7PK/pkIDqmA6zyKsv0oh6rjTmTpwh\npmU2j5+cLjR1giOhUY2ihYjhmvcDV/M6Bux4v4mhQfdhNJw9G+OkNr3m+eEH\nbTw4v7K2y+yTccYTiGyusZ52FYYGgqtamloqjoNbqp+rxfmr5Fep7chSxU2u\no7QB9DrUqLCeDTIBtrNSVdoxfv+aBYa7HjA7R+ZGY9KVoqmk5knNc6MTCx+q\nGqd0m0LH8ZDTBcahe/9GWzFWEQI31gQAmlgqWDKA9gibiFkPfFV98JfhATVw\nkvqDv2YM2R7YBiVZr72UG9TYCzjEfe9tXS321cHQlhvzZJo1RcweG+lBeD2P\n2XTUTfHh/pz0oFgl4HtZIvzoxXQTCEeOqsw0EaqaO73gxiEzTkrGGUYRMZK5\nvsH01QVqhxa9ZnJSgOpcHDixTUkcTrT9CUT1q1l8qY2AvNEug19lJUhkUoiL\nprFlwGWAMrcxmSHSK0384p0iPUwzpmTj6gHHSfNS22qcvYi8ELB6plIzQuxA\nlcFeBEtux24pSKbAlquNxGkRAqvcVqLR1JCXBPgocDY37QDWeN3YbqvTe4Iy\nUjXO\r\n=4j+s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAk0cbboP95R+72/zZCJNhYIiN0EGMJyFCfcNFbF5yxNAiBGYmCwQZK4ngucpfKTXqL3/9kdqDd+0qToJ6psPiHC3g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.32_1571329182938_0.10835098665603726"},"_hasShrinkwrap":false},"0.4.4-alpha.34":{"name":"@react-ssr/express","version":"0.4.4-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"318bde124ea5ef0f8ddc6370f1603b368db11475","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rmSqLYrmQNnkuPDN2jCAGC36tX8BfarF7OE1lz9a6w5BygMp3VxEQyx9hyEAbQN2zWDvkFRK1jHPVYfZIi7Bsw==","shasum":"64d04f1f24f78fb80c3a7711889697f2fc85a3b4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.34.tgz","fileCount":11,"unpackedSize":19367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJjPCRA9TVsSAnZWagAA9hcP/0mBRpdT/y0s44sfjrnE\n3oTTccJVD2rH9ElU6Y8obqeWOdTs9CKsM+EACX/hFvo0D3WV41z4+2h6Bdqj\nXVbnu9B5U6s0Ba6RQWQ1MAKG4gfk/WWwxZW3Xsq121SMonu8LUau07G4pz9F\nz+MkVRRnp8KhkNHUOrJ1w/pDDQjgno4nOLv+5FViAt7x/Yg6ah3wLO20t67t\nvuQXaE6RvzwH5ezeOZ7qxkruyhYGH7/fJY28IMWir5kzSQXVhr3B4urF1xA/\nLRQEvneJZV5Tj62trueve5Oot7Id394NBmbHRgkmYwg1arLyjSsx7f6C4ywt\nutxgjgiMUYbyYOW8KTPSh8pevhOx1Oux3szVevJNlqTwb9pJK2Y3iIBEI6LU\n/HhpGiw7xtftWFRJqmUMVUm8aKPe17/FuswQfz0WLEkVs6/24/SV1YuAMR4W\ntbLwNKrUysv8LVH3HsBRQlb8sW0dIjNoTb7fikRFr/k1wfNLUvcl4DkVqYpV\nWPQCBQavpmsUdM86zP9YpwG5W6eWDtDMuNmMgEP8hXczmLoO7NXWQlQxG6Dv\nB/ViQuouQH2k4FpWadQxjNs7dNsELZGMJiD2QinSyushM2FDeaCAM+ynI+i1\n1TlMRbzzZJOZ2mtJQniuaqhFgqNzpx4FFtUHZe2x2kzyYQea9RJkoUnMGe1C\niRe9\r\n=5JQe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICMHKL94eVNvx4xCxKqI+VQAytXXe/Ifdz7dORO25nPCAiB8egElN6zLgEI4q9NF4eBzXOhv4jLMxTzPjJHmHByqfA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.34_1571330255292_0.5061436372925434"},"_hasShrinkwrap":false},"0.4.4-alpha.35":{"name":"@react-ssr/express","version":"0.4.4-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"41e14500bb2ca91de2ca2df2e36ab1dca67cbc97","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2LVWX+zdYd6DkfjaZWTmlrO6iQ4XIje3TrUzpvZdtij5F86A6AkiHrujogflS+lTGUELcaEvycwpELxZMweOzg==","shasum":"680b8f2cad0a2f999d17b44c1fe2be285042eeca","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.35.tgz","fileCount":11,"unpackedSize":19407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJmaCRA9TVsSAnZWagAAS7gP/08OGtRiKd++u617C4z3\n1zcAqqsf1c2UUU/DjrvgWaKwWHc9WUzOdEhYCMwh+xSJYZ1K/5QOAv1SsX0c\nc6Mv6NPEKgC/g+KAcF3feeWuISXp8jB0pu+w/hI6AzbVkEKIJSoaVzA0bqDN\n0GVYPEcRe5SLhKMLHS42Yf+gtcAK/CZKNCd41igV8xjX27HmOH1gmy7lxzOH\nGue7tm/+SWi3WDd5eu3qSe0XeCN+w6Mzl6gYIixUxlg636h1PCLKSKaAF6tA\nqzQ0XBN/CKUP8a2hRkvDHdZjrehEQllipvb89CYEco9lST4/xWC9eyCD4ZEi\nacHT74yFKhhT6sI/IALjIDnfW5LWV9Klq9c9D9EJwwOPefUYwFzNjjQv0RLX\n7+fIMzHEMY3A8IgBdqY68U3e3b3/VE+4AoORNBNe28295Yh02pAGFOcVLDk4\nyItLBe5v1hfOHH0JgmLQaqzri0u03QobSwauzADwBR5ZkuJz2CUG8vXygnb3\ninepxciAog66ZJVXz9pgnO7wkpxK7eksteoL4MVUQZ2Uzbdfoo40OCKPmgIx\nSpG96g+wAqZ2jmafSSXNUSWOGVSqTkPWn5pv0k3a6DIz9NQXXQgRSjt+INp4\nSg/bnA9I1xUtZZ7kanw4u4HS/dRQGuS1T1bYGpAVlxOCvrAorwtRLFFUjY7r\nQpYn\r\n=0Kxt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtNkAIn/AyEqAOhy5FWAtz/tYxc8E/fxQAejLziM5LnQIgVc0Ty9WVm3ehQOpPxF1Hecos4n7PystxAlKPHVABDbw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.35_1571330457373_0.15974412993039033"},"_hasShrinkwrap":false},"0.4.4-alpha.36":{"name":"@react-ssr/express","version":"0.4.4-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a2aeb7f8929a1f16d1a8dadcebde8a58e9c06aec","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-55fDpDu2wBw6my7zoZEpMcGNfmQ2pvxWkCWv/+JTzeVWaPY4PyBkorOXzv6wcM0zhoG1PimBUl105B++/zf5vg==","shasum":"797a03560b2b0e2186629ddcd2105048a338f882","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.36.tgz","fileCount":11,"unpackedSize":19410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJowCRA9TVsSAnZWagAAkM8P/0A+sIcaORdmLlO29H/y\nLrSTxlccbUGGiOuYPLrdql3sUls9nS1FTlQUuI3foV67ulMVI66pz88GmkbA\nhO2YmJVtpSZzdNiZXLJdymrSDPEaFytWhhNOwIk98li8NioJOkNdtSRNAi9j\nXpQiA1tP1heF2HqemOUgAJH2vklmJIJiB1Uu0pVKFmyW+mmFIZvTmBNGKa2L\n3o8nEYyJ5geg3CZ6wZwV4sd3+aZRXIxP0/efdvDAiviGO8wwz37Rg2cVnGhG\nAOo0jrUi/a7utAHqztxoU/746ULJepzkNONck3tGQ0qxWBj/Gr04AQyjl0+G\nxPVuDuNVicn/63wZC2T7nTUQWurMNNRiVbXKpS/dLGz5MSRX5DoHEwPQW1kd\nJbCULkrCC+9dSN/NGlQflKK6gJpwZFfotjPrbkcAas55DWlBg3nxgh2JMPB1\nxQDH485tD7vA8cfFF+yAefOvttrln+UI5tS1POSTbGZJP79sVu5SU+k49iX6\ntasX+EoT0ls3sKNr5Rc6AHLNq0WkFeIKfk5Y9tWoUQDeHJWJa1xEGp7/uGax\n+L00x1odocY/p/Ax9bu7FEzh684lOY7nhZxD/qJ3ZNQkYABi63N915QE6Vjn\nN/Jgkq9mQLxlKRykrLjih0zdE4f1Joue3BBOuNJRmlVg7jbYV3Ri+Fp6BejN\nv1Qk\r\n=EWIJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaJ/8+IPWUo4PJypDRu/+TL3Jpvnbxlz7Sd1olTsCi0QIhAIysFFq95ooXrIXx/7GY0QnMvMvYG2J2OCrDtWexRr48"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.36_1571330607627_0.8684823851158172"},"_hasShrinkwrap":false},"0.4.4-alpha.37":{"name":"@react-ssr/express","version":"0.4.4-alpha.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"af5bbee56d8676b93e72b5fd9f1bc061e73e7cdb","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ZAw4nuby7HuYbVh6uz7wPAdQNK8SLwiz1h/db81PwmVxa6g3T2VUgBSL6fH0BYHfvy+4o3pOakOV8Ov5sFLY3g==","shasum":"c8ecd1e12dae3d91f8ac0ccb2044f2fd43332990","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.37.tgz","fileCount":11,"unpackedSize":19440,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJrpCRA9TVsSAnZWagAAR7EQAJnr5KR6iZQMElpuMnXc\nc6AfqqKU7cE3NYDuimCs10wbQ3L9hLVmBvRMIq4zZE50eHQbox9Bad7WxEi1\n1AyERSOBabCWTI0uMXl1NGmHsarjqZJ2URFmLwRWOj3JIdNBlvFot4Q6lRz4\nihPpurJfFd54F1szL2D0sSmC2doQ/jvwMvXknLtM3LDojE3MJfk8dRcCrtue\nmB5/3Aqe5wtn5ngZPz2VBZrlUnJg6dDTj6dUvrdJAt9+aBi0ccopVTX8dMBm\n/jaGtF/1uHjYUep+t5QAukFz9dNcFZTMnVSiNyBoE7wPNJiKNQ3vW5szXS02\nMrJjLzQv4s8LzU3Aqh0gYaLE2vhPOw/wWLcnDEerXMuLQMeyH9c7yci9rZqF\nwhB18/X+XFA5DO+lgR6Hd6tuDEdoxbBLh0ugDtC3NtFK5PYvhTf0u2HDkg7d\njg3/oU6MIAfJDBiuC9h2fJ9Zf7C2vxSaIhHvkAC2hSqZt0QYy2QN8yssYrPX\nCqZxHkaG+/3tsecAOfrTfDHIQOUlQ5YvesW8cFO2ueE+JX/D/TUmZdceu696\nWoRn9MrpkKYgl/T+JWubU8WTEU7/H935k3vmPzx0+XWXm7WLF5Al67wofvN9\nIqABpzlxs7SxbwVmUT+ERow73aeJk66MtLuQ16I+GrIGb5ZLLK56Muv0PbBW\n4hdw\r\n=6v+3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnSSeIjvnNJPli28mgf3982mUlbbrnCeeBrGvTa5LouAiEAiWFbEXmI1kMa5J10oo02jQwLVDUJMgb2geYzO7wIb4o="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.37_1571330793283_0.5568095692252613"},"_hasShrinkwrap":false},"0.4.4-alpha.38":{"name":"@react-ssr/express","version":"0.4.4-alpha.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"873c7406e005ff5b8ff64bdf5b9c7a3e64158b81","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PbtIDkhNFWyFrsh/DeGWS3pVu0AygbwVIvQoYKGT/bzBlHRpEYqPeeF7Z8YdpAi4/FzyM6dW8I+7IrPAGfuRkA==","shasum":"d86ca1b503c80e78b066a38eed0ee4f29afa7a9d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.38.tgz","fileCount":11,"unpackedSize":19410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJvgCRA9TVsSAnZWagAAs0gP/R6njLvchCH9RIzqpTAj\nQkHwydIj1WMc5wIXqjaErReYZMrGEJBjc4zCQtbFGvB2U7wM2VxHltuM+hYZ\nUGbUx+rips5gh13tra0QeTM89h46zqKo/JHSYgXc342D0+1xY5HwIs3JOBbK\nr+UlCG8R0BQCn2SD5QKGLHY+es08330qQl7qVBUZRtsAM07+r4qkXi5ldYZ/\nbMe+lWymSEVjEdl4TEbGlS/CLNEuhvs2PpVXw2KXvLH2uHFFD7h7l7t9sn0w\nRoONQYQscYYFTpa2/Jwz6W4aofsK8LkdWrrcTPq77Jpr3rkzdK6C6BbpEgK/\nFkqkDtH30NPzOdGMUKEDfPfd7W3NCrV3A0oyD1eiXN9ml24yiPaFxr0Qzl0h\n5p5mnZp0OV4W7Np1uj1oNz991GgKTvtnDLSYzyh9Frvpt/fNZY6PyndX8loV\ngZX/2IvtrWdTLJUUfgqgiJMav26mY5divvX9lg8dKKOK7uHBQIuOtGtoLAQe\nziSOQH085kyqSYdW/GmCj+QVLfU8r4Vm5mEObrfM9XKozkTUzucyCOY6HBnY\nTttEaGA3MlQ8JHJv0wL9xTUPZZyqopLKDSJkfD02tqAGhr9etgEvbaDzon4Y\nxNUPizCBUTTH3Xwbx+5z1lA2rKt5ta+KMMv3EvxEcL1LFzZKb/Iqjiy5OkkH\n1bH/\r\n=zKk3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICByNWWrk5wBKakQm13ZqSsp3IfEwLbFdYILKbooSvV9AiAkPevHNSN0Vjrdd42vH8OEUIW9pieb9GkkmUk6Ygnmqg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.38_1571331039810_0.2681442595383059"},"_hasShrinkwrap":false},"0.4.4-alpha.39":{"name":"@react-ssr/express","version":"0.4.4-alpha.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9c20ed52c23cde346fb1725d982ee5eebe58be2a","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-YvYAEglx2yDmVkpcOBPDBeGEQt4e20BLD8x+G1MMVtG85BlHBcQjwmR6t8GCy9cR3sZ0aRj7vQa3lXI4sAftdQ==","shasum":"1f6e7a8f84c049ca221f72b2dbccaa341e26abee","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.39.tgz","fileCount":11,"unpackedSize":19427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJybCRA9TVsSAnZWagAAPc4P/i48iPP7vbe3NeOOSua0\nNbwW1FgtZ20yU/OvhPiBA628PEvOfC2WgO6S+q1TboZdSw/YriiSwgZJjGr6\nT/mE3m46G2meCsMwuO8I6kD2e9/S7Ka9QVNFBcm2gdSn1dNE/s563ek9DPrq\n+BlwQ495nE83TpUxfivNvvOnDWPcy8xJJ1+yIkFFX/TTYMWqahV6xt65AMwr\n/SuGlpdzDbiHfLYH9EuyE9B3uJgfpXCZjic02ZPX8q6YKA+rjr3YbvZQzC1n\nbkOJiqz/qxHhO0UTjH7wzn8y95JbnzoDpGHGB34gLD3Qb/5kLqvpUfuyxNwE\nnXVkcJbvw3myB5z2wLr9088p6nVw/0bEYjxmcLnqO/lGsgQfKY5vAn+f9cf4\npiDEDj62IGe229zSqdSusabgnyToWdxR8RTEtZWF+esezvQ/8vz80dnrh/nq\nNquh/0gJUipMmAilXcMPuz+jJYl1sg5uRl8HCdizFYtwldejR0BlwEQ8BJl0\nEymJyROb7H20L3KDNVOxnQ3ba7/0T4nQgInKAIcDKKQzcsAehLicS750lW08\nrLEokeK9UURF9t/X7/ep4Vdxn9wnrV+0+YhjF7AgbNtSqh79tPEviZ8bqeLW\nm3W83KkKjL0p+FPqcB3GeS1M26czCyfjawoqWBORAghvtQX6oElnO1tu6mfI\ne9uv\r\n=UUhW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEHCaL/a3dQRmOFRQpBOuqQSjqYF8qjEBFmrc0rwQ1RQAiEAoKxfvhTehpvbvS9mHb+K6dkhj3IlLIv5G0uhlRFVy1w="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.39_1571331227356_0.04273100098769311"},"_hasShrinkwrap":false},"0.4.4-alpha.40":{"name":"@react-ssr/express","version":"0.4.4-alpha.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"29946c8f5bfe57ccbc35815bca7929b8aa83ba33","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-aAjl6G2smnMzH4PYkdVleX9qKY3O57YE0pclji/CmB1/sNCwZgLdpHAXhxb8oAbT3O7qyQFjyWcITcPk74VZWA==","shasum":"96a55acf5cf5c948aff45137c0f9822aa867ef71","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.40.tgz","fileCount":11,"unpackedSize":19427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJ0ECRA9TVsSAnZWagAAPTEP/0EntWlrH7NQqd+vVWjA\n3N7ghMFRvOZA64/r+YklVULbGSogj/9RQnNpq7ii0LOh0LkZGIJKR6okCTza\nGObUPWJxlZ59axcpKymgrDONQrJRUGxohpJlTnWIHUXLSwVME1a3AuBXzNhs\nyXSgL0oa+b4wmrlEDspY8Ov2A5VAwJhyWuER0QnzjaU5KriYaz0Lz4YpXzup\n56unUIId9upqj7tRbck7njEUqTGPhJKb72kRDRfChfgfVKyE287G1/GzG5dF\nWYAArE3XRGrZ47I2P+K/HUl6UuAo5jWIfRYPTtrNzfOC8BT4oSqAR+hm8YkB\ntXyjxY/KOwwYjfTBMcTKtplivf9zZtloWGcIYBV+ojQxXTDmce8acu530DF9\nlr8crFW5nwuF7bcNVU+OCLMxrNdNp6hS03MXXmpNMVFF5mUV+e/lVAQhfdhT\n7sEuNSfv+NDR2ZB8TAMsGdnJJNGjb9BkERK7UHl6IlSCfD+b9LGu8SWuzNio\nQT0fBgcpNg/McJeR/4xKPagxpVG8H3qhjx5gTv2CSF/nyNGj9CNMg/+UlVso\nbj/MJGoXExDQbHZMnCSzNZxypnm7g4Ni5PPFNS4J65Eulw/jaxFKRetkh9Nl\n+yPrFD+X2qAy7vmL6UlcMetyZ5pTviWCT5gwki3tGXY/fFp+wXvc/xGapzis\nZ0ZW\r\n=LUKE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFsCzGewa5qAbKNatmgMqKnZCo/Ks7hspt9+1kzlayrtAiALJ+gsLfZNXM3FTaI15/4aCxhflr9htWadjbAW3JnzKg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.40_1571331331601_0.6492435668860366"},"_hasShrinkwrap":false},"0.4.4-alpha.41":{"name":"@react-ssr/express","version":"0.4.4-alpha.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"64321b0e1daec246d9a94b13e83ebc0852592d68","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zv9tVZgomlZCP7JSA0EmIrWEADz60k6ML96bPmABo6jTOhcoePzDp+qT0isAnbmJ283XlQ/uGlisIgD/bamXQw==","shasum":"5392ac4f715029ed8be0fc91cbfa44e6383b09b0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.41.tgz","fileCount":11,"unpackedSize":19462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJ4lCRA9TVsSAnZWagAAffoP/2Xl7sWGVMHmx+e2oMnx\nNSW9/cxIvqI520Lq7bTXvuSEK7WVuKh8Xho3y2lafNqQaPQAdawvIWKDuUYA\n3Jn3NivGxy5jIwR4Z4/SO8DHoBOcitXuuFQ/HxSy9aed/AYigLGrQ5ZVs2jU\nRqmCwY+UukrCg7ZpKEd8B/hNYBfwaVBfy25fi7AymB1Fu5tQnXs/j0SR436N\ntD1XnGCObpM/yDOGjrUvS59TMIeNIbTuZcSnr+VxMnLOjniATv3QR9gZiMva\nlylpGn7sbduim2YaOVjzQiFqgs+3p1yRw7fKumdtUB3/8Yx9MndHPDbCp9VP\nQz+eTzCa5sGQ9izl0J/ef0fn9N/SDeZC5u5UfDp+2GkO8fupfK5T7dtV27I4\n2JgvyjnFNy2ex9UVkuplPfoEKQK1tnbx7oCPhjgvH75kolsZACAoKP6IwnlT\nqoWeqhG8noxOIOAsH3+sTLCUQjd5crWJS/hi5XG27ntBUROjCh+1oU+OKe0F\nur97yiA0/yXcNGzc/d4yZP01mD9NSW2tf6pIPIXYVnLnUOitN7+yI0AoKa40\nzBNYlaMIlDTxjfBPoZsSkPfvI2q0tb9vS1ewD+myrqghHzRbDnuIBCMn7/Xs\nMDjYyt+f4RaFEw2Y5qlKV+RzG2n2X7xIrgNZS0QtvQJYWt/VmGy70LKp0/q9\nSuw+\r\n=1LuN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDemHHdCDC99RaMSIl9PpjSyVqqVbx3jdoK6HFLBFp5GAiEAm/NET42UL+Bz9sfABAuYrIz7s+O0ptmr710A3zh4Fag="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.41_1571331620376_0.17384176438700183"},"_hasShrinkwrap":false},"0.4.4-alpha.42":{"name":"@react-ssr/express","version":"0.4.4-alpha.42","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"db99a5cf2a7a18f98820bf8eedf0b2599e4ed097","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.42","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-L17OLuKOn28dZYLyClThr5yASSaKDEDi6VekB35P2YYXq5w6dj8FHLo1p/SjT2MhaT/VpElnzsqBcsqYrNb7EQ==","shasum":"69ca58692d27990b5231535a33e66ea6c2a322ba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.42.tgz","fileCount":11,"unpackedSize":19494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJ7iCRA9TVsSAnZWagAAn3cP/1fSP/a4hC3gpfOKX6lA\n3cd3s9licVYps84vUbYUeXcxRCHPScboXM8kZycr0mKdRfAnqAghZIvToBLP\n4ZjJJxzbVu1OveY9h3MQT9edeOkKNVMewQq/+NU4k8J+XS0eI7aoqIFvuuQa\n0iiox8BvEFBIPefV3CmoEFpOtorDZPQXloyoOiGM6rSLPfPRqyzJpBtxH+Qj\nk3Rcp4yAJcMSbpKBd0racN+KF9+93nBseS3ZxJ4pAxmeggQHEhxyIoBmEa6C\nI1DyLfTJl34Ss4rRomsIDjwESObv+CcoumzUy1VjerEaR2SzzvleRaAynvgx\nyOMfcjR3Rc0FDwqJ5DpprmhnudOA4hd1xE0w7iH7jQZs9Ba/ASMoneXD3Ym5\nFyzfRnXSiwnM86toV96omf22/EIwImmj309KlKIKxe7zqB0sYaaGntSUEKkt\nXuwU/G3FMAizcNlf5Uteyfm1KEBhGscr/KrwRpeq+OOIO8SBm9eNSO3x8Sej\nspULfbRmKPBNuqP6Lb+sq5bLrpY7qtFUKU9fmJh980A9SrbAWxHmlCX+ZP7e\nqqOyMTB+mCz9N0f/Wy9KSvcqkQaKV34jPUw0GleBLOjQ4C8xeLUP0oGf1etn\ny/SnoTshSBj3o+cY0o7anunPlAg8d/jL9uohPViEnVHLkcwz/Em1XyvsBZHp\n8PR+\r\n=CX7q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVBqBk9f0jTdWv/Qzv15xbuwVIZoLW5XKy6DDPg75EowIhAMYNQ3kq7h41EiMe9aYJV/8iKp528a3NR/kMY9uWrBsa"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.42_1571331810220_0.46545957509211244"},"_hasShrinkwrap":false},"0.4.4-alpha.43":{"name":"@react-ssr/express","version":"0.4.4-alpha.43","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1e06ce4119f8ceb27a1bff9a1651511f81443121","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.4.4-alpha.43","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-IiDR6g+la79SayPsVs5jymj1nlsPBbUwhtO4hsRFazZKQp+33HhvyWkba60Ak1br1v/fAJogJNmlqifAPzHYig==","shasum":"af3aebecaed45a147290595916522c0c0715af20","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.4.4-alpha.43.tgz","fileCount":11,"unpackedSize":19533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJ+1CRA9TVsSAnZWagAAyIoP/iBUmFb3mh3lEkuAB1k+\ndJ25EFWaSecWRvTt45ykUTmYw6cIu1f8R7SfgMaK6sPUpkn8Yo5xvn1ykrC5\nhZrulMsfMcI+0KiIYxonB0U7ilOx6rz0jDVpUpNAtmTmRYGgKshGTSVLNHuf\n99tsjS+IXnmnJm6H97ec+OM/0OEMX+UqZ6kFNAzjZzP8uq3QeGZ9W193gvB5\nVpjKz1jsDJ3OP767wuO/B0SVSK5F4clMvZqDqivuET9ValLFg4vquCFwtT/f\n1X2o9hWUF0kDSn+HN+oQclACHQOVrYNuW7TTw88mh6YkGCnQ8fyL0WoaC0Tl\nLLpjXOvPcbfMwdtuwAWzGyaBBCZZukX9vbvHh5UEPIoTlIXw8o1Y9Ur467Uq\n3w3ylbuOkvB+eeJfa8Ngx0OtZ0QLZfAZiRbtQdOctpILMbbyye3WlCtpIYsS\nfmc/tlxzdQjtHWTEyRUVmOGNalDoOytKDlUjoMY2t73d9WSbDTX39Z7zVWXn\naQcJgpd75pH54fuYJxt47+7IvGZoeWRRshOT+bxqdrXA7RpHMXk6N8SJEnKp\nQ7CAtEQSktacVfpWrGOevhqPS1BuTBkhYvLpJO2X1N4w6QP8KI4Qnr0Naetw\nFSpcKxFPlrN7edSRXt5ixFymtom9WTmDSzIpCjK4vVE1gCm1EjWL3EqnWK4O\nS9CC\r\n=W4vO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1RSoHPKjBmPv8pHXJcTAkmNS7+Vcvic51lKv7zzvXegIgflu4bOqBfYz+x/JDUHxLgZZXStGUBqNDDNXn3pvPiik="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.4.4-alpha.43_1571332021164_0.31132085709530055"},"_hasShrinkwrap":false},"0.5.0":{"name":"@react-ssr/express","version":"0.5.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"94e5db13a2202b32cf2e852919371ac04b3b9753","_id":"@react-ssr/express@0.5.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NRNAp7cYruSKLSqyxbn1FUx/4A3w2az0v8gY3A00S0P3hyk81bUzJ4tpiqXBERCN8bG9JI16jTkv2B7+DaHKeg==","shasum":"872a04779bac506bc2212895edb912b1e2d9d6c6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.0.tgz","fileCount":11,"unpackedSize":19516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqKBcCRA9TVsSAnZWagAAHhsP/2WIhjWnRmClvp+MLJFC\nLp3W9GNuch7uhXAqG/ETywIGO4oQmcD2imUcHHy/CcgaZHQPbABRMmifZi6n\ng3058D6HO4xjxA0eJtemBpa3/m5eIz8rKHoLRpDRdTzCNT5uX23h5WjbMrBs\nl6tzpdOCOhf+22TwM8woWympj6gDn+VLV6mXlQFrY37gP39/sRK39///V3xn\npOaoD7WePF4pK7bNEXhtoCarPQT1pZi9kGa3Aj4lGwp3s5hNiRt+jkVmDEme\nSblMX4RnsUbSPhTb1KbNXqpOHItRokfjo4pck8+ZolHYeMmcWxKjag6Z5jzd\nvhQlZdPEv/7J7R5wdHP1kDWxdeRt41S6s3ic9gSFyn66fI7b4152LdZ7qo5f\nqzADNOP5gMWHwG79BWa7EBzcU7/xu23jsRsDFfRfWzTOVxLE2ixRtTox6Qxz\nDcuQLHK8jGQworhqFcvttEw6iFe6ee/z8tOEvxzm/S+BVwuyn6b+k9Vl99ts\nM1rzOj/vwJe4ezNd1DBbPwg/OVVYDFTnECnNloqwl2cOH3ADkYQnKTjoEm1x\nN1F/z/s2T9NT+rhcWZw/mT/BqA22j+SExh+Yb8fOhL/Mnd+IBrfHXrkhfNEq\nJCgChbzNjbvxvZLOOtRqyZzaZGUUCYsgnUogI427Kps6+f2X/Ao51SagU2l1\nBhVl\r\n=A1js\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA4vsM0U9JlvD7XhVnhlmThupJ9WnzTPmpueRlyki5B4AiEA5q/PhjGx03WAPDiu4/QF3ZywXUIX6/mk4z+xq9a/UYQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.0_1571332188031_0.22785403014005823"},"_hasShrinkwrap":false},"0.5.1-alpha.1":{"name":"@react-ssr/express","version":"0.5.1-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d1518fc7fd40ab7836af93739225b82784bc9560","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.17.0/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-bmSrRk1/IZfe6ZLqXmAqH66TsVA0nd3qNr8twsHprR3fiFTKOvqa27bgCcCykwjpkejJe4tMMYUK+GSUBdgmOA==","shasum":"5da70a22614d91efa0f0033e3129dac51b750e9d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.1.tgz","fileCount":11,"unpackedSize":19533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqKL5CRA9TVsSAnZWagAAhakP/RHekvg9qZ/nvlCt5kll\n2RkjbjXk/EOeH1jKxuyHLrpYDZeZ1Yr6e1iW4GC4ef7eBT5iAv6QosH2QEAv\ntx/TZi1G3blCHXvRNgZSiTKHRUF3xXkTn/vMP5HnEokkPaW5zugh2QYRQ0j4\nZh8YbZOq6csIWgIwWdgNeGq86XPHC0M81n13m/qcbMZ4eZH33sDdnoRHkjqa\nZo749vOZ5unTZivSpSafk+EWvrnB6BGg2C99sKfqX8f0ywifFripEhjJdPRU\nGxDCPYXBIGu+CutY1ylJNBOhYfePfuQ2Duk6Ig+q7wg4xD523i6hp0rfpwmO\n2YKMxrBPVvn9AWK/Uiph35u1lQ8ar3f2XhRqjOJsQShHqHqkYDlz9CkwfTKu\nef/vRJ91GTPLTUMw3eb7fM8xNnj62f6gCy0e/vhnb85vjb0poWdULWaneA5D\nkcCJt7TjX0g21SrMZMA1GVGsfwJvoQRUoZte9xX2L6UAE6JMLn0W8rC/UyC/\nhauOf5F1XgxKrxA2UERX2NK9logT6h+zi6dQCV3KAM7oc5SOt9vhJ62dNxWb\n2MWVH1hsiU64P2AH/ZeKpGEkuuwAocuNJHpTTEa9oKCsqu4BdoIU8GQlB2h6\nAWtYz6LGc7ccLAZ/pgcGq24+pDTH7Pz17u2FtD7PWQ+ke5kDak3zGBqdBHqo\noZR2\r\n=P7Ey\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFK9RLl0sn1i7TYj5fm+C2YXeMuSVS+Upi1bPtvX3mIvAiBUZE5mjhP3/nVg1guOb1CVhSGp778PTLX4pBL7kqNRRw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.1_1571332856919_0.07992970834154023"},"_hasShrinkwrap":false},"0.5.1-alpha.6":{"name":"@react-ssr/express","version":"0.5.1-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d39ba24439a6b4a9c9b2d93022af23d49c1200ea","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4nAQGYyrM8GBgNStqBwP4nmDGd9frOmiShkQS4XJo7sd0rFRvqf9gIsnhpMrzDAIMJ/mV6gbpS+tLlgHwph2nw==","shasum":"93289f28894128583c8e7c9c006b3397cf65800e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.6.tgz","fileCount":11,"unpackedSize":19491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOdUCRA9TVsSAnZWagAA4cEP/An4j8qBcjMsvsPoMqOY\n2ZXkMHwqvIM/hGqJk4ZaER/ls/badj0X0ztTgPyYKo1NT5LKbEyKt0fvg8UT\nt7kpsP57itwclTpdXhSSGcNzMAyYG29YWbpUrg7qFbdFmwQdNlbn6eI3mb1p\n020S9kaaBjbf+7xibvZj+WbQSNbgFIpNU5mZMq/wcTwpI4fZeb7ICeFWyIVT\n4VsGNGCLEoS8weF+qqhsT36yoUbU4tlZCPAfn5qGKTJq/p2b6rn8ujzy+1Y/\ntgmgGiW2cnQMTeQJ2jg/S24grpptqFof1qnBQxibczuzmOpCjYfhs5U0C3RB\n5y4J4Wy67xVmAoiw4utxZW1Qce3JExsPNAK9I0Q5+aQcEs4XDPsisc33lAiq\ncsFbW5ltdjNpjWrkObKZeIUFRwDkIfVUSTZ029pisUaDXV+BqIow/Jwv7LIk\nYR3aefBQuOHkm7N74fdW1wVXkjL5cV2gjb2vzOVnXWRvxgBwqhL21HTAFTqs\nn5PckGd7C3vz5w9mC2hQon7tWko11msqh22T6+cjKt0TbNqw6xj6zim29OCu\n97Mia+6xPc/VrUPKgA7zgJQnbba7Y2h9rMSX6yi9xlnPbvN8dWZm9Hr4XT9A\nzTeTNBQO0XuJ+ES6fXbLZub62ehCNhLuG1MlAOJ765Tu+ZhDzPr+cyJrjOxm\n/Xm1\r\n=c2qF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIElOXb/zzHzjnQ77SwOVivy/SuP01cWrkGzRqNNl7v+mAiA6UJjVjERSZ1KLNGX1F6CRQPU4SufxpbDJ+PpdP4iD9w=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.6_1571350356037_0.8957442401592197"},"_hasShrinkwrap":false},"0.5.1-alpha.7":{"name":"@react-ssr/express","version":"0.5.1-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ad5229fa3376d7d0ecbee174ec7f231f90205dc2","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-GhO0vXLjskLMg5QWrml8iOkXVRW0RORpL5qgkV8VgTKGCD39yLABuplLlwJboRCAxEahARehltwCuYcd7s73+g==","shasum":"ff5d3845b1b1e9954e9716aa5333d8ac6edb3af8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.7.tgz","fileCount":11,"unpackedSize":19462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOg7CRA9TVsSAnZWagAAZ9IP/30iNNKfK/rTcHU2S995\nK51Dh+mFQ5XDPOqiAHVbAlSayCLeS0huQaHE3t8BPPul3hCviX6fQ/9/XEeE\nhSlEl/3Gi9oIuOidruLzhYP7fGWllzuZLPzFrg4+1O+5ftKrm+K7dmojcbyq\nai85ADhvXl80a1JYbER6IMkZaG/ZPk+7pOPljmX4cdcI8v6NuVFV4p0/5Xfh\nI3gA2QThYRjktvn6O7k4Bx54sDtgSJ4iIfKaz6ZjswS9Xh+Dsa4PREEuF4Cm\nCtTAgmq8rKaEn0IfUbHnK9Sf0Ego2X7PkeIK14UOvVQMifyJlmZetAyB88YP\nskRaNhHVaM+vFq74Zeqdjr4tpDON01lAI/psIbYNSmCrTqCmImLXmZWIKKYH\nnEntlqBWjEqYauqJDkZcTfL/IHOSnftrAioEpAc55cZ3jCNxfOB16L/jVMhH\nKz3j1lYsGONuoe7YH8Ssb1ve3GXFVOXtJmjOLU97S08wPaEpj2Kz5ijzSOKl\nzkTT0M+gFRcSM2TnTKk3S0cMb0RfikMkmq4y/rINurA/+pQhGM917xYtOOoh\n/NthjUrq33Qs1QF/K9s7etbQuRNrY39Dxa9QZ4FnPepjPQ+IrCtkxsc4+ue0\nAv9C8uH2l8P9LFONMPzmA6OIlo9eekFIJQl5QRqBPkDLGHfeuJikCRt3UqGr\nOkeJ\r\n=x9Ge\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpFZ2B2gY7w78wwfbu/Rr+3Gtce9SGupnYZFnMcNe9NAiEAuLsqTn/0zQxSA1/bFbFfkQUKwai2PG7pt1vAO6zSgU0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.7_1571350587198_0.21415656055346277"},"_hasShrinkwrap":false},"0.5.1-alpha.8":{"name":"@react-ssr/express","version":"0.5.1-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f41fbb7fb00305dbfd5a357598ff80298015ca4f","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-OedaXcxsLXJWE3ZASPpu8EkAc7UXoxpSj84SL9d5Ckmh0zwV2wkEBUCat9uedioA69Il+7etWn2HpUSYASSGYw==","shasum":"03b4544dc9dd5e8b58a715eb3bc34bd2bd547143","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.8.tgz","fileCount":11,"unpackedSize":19434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOjDCRA9TVsSAnZWagAAp0YP/jetkTAARsWGeAqF39Hg\nZ6moxI7hwsFqI9ouDPY3zH4xFKhXIbwyEVAA/2RC8u50m3yTKfoiLMSw1juF\nesw62j2psDmEgXSzLsnUeZ5Z2Kk7aylrFS7M2NqWWMVU8QZkq5QqlJhL3yWD\nGItHNvIXvAwEwZlUkdbJdSaHAzEjbaXowCrFyXI3gOCwqqLe5hbS8lbpfJEn\n8bCWi+e6g0fp4t4kc/H/KUTaan7b00avc9bicH/cMIRtUy8dT88WTQdHuMvv\nF0o8o1X6TBVzV7djwBjFZQpOSkGL0w8cXeKiAwKZaZlUrK2QIwh6g2xpQsx+\n34DnvcZS5eXImeV3+eZ4O3Gk5SG3BKbq4uonNy8LLxaD7kYOVODHf9SdEe/Z\nBT6uvonDrZzekJ3bAoaBt+WuUDWZeMkJe1e1rUv7zK2DbjVwbujYjrQo83eQ\nJWapPVEFEM+VSGZJMcdG14fJXurE70FlUoagJFiWAtiaEicZ0d3cpz4urfWL\novkfhSEv8UhW2Wg5NL1o06yxUbpnx/a5D9t85r6UdVtfkUyQAz8BTrgmQmP2\nHOGtU73PwXKJ3XMyO4HL6sCo+v4Oa8H6/YD+LNto+E7vVx5o5eVdHGdbENd8\nVRBmz1ZGVJJjNfxDdfHOoglxDDqzpznYjcQBzeR+bHlNZoZ0Nz0Hf0Aii08k\n0cyj\r\n=ieAd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGTR3TCvCpfbvHF+/b0MRwqrgfZDYpwl/OoKAon8n8WNAiBTv4Ul1g9qaCp61iSJ+JiXIDzX2sMH3wZ6dPQcS1SSRQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.8_1571350723173_0.966401013667306"},"_hasShrinkwrap":false},"0.5.1-alpha.9":{"name":"@react-ssr/express","version":"0.5.1-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"308b9e198b6da9510afc7f1dfe992c0a1fad117d","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CB0ifPNCyPnDb1j/EHIVT0m/DPX6z/FPugpnGanPY+ar9QKH4THqGvVXE8qeKeDzkIE8IUuarLO+GHnYfgRXjw==","shasum":"f921104ef25403917b5f236013c26bb253b57af6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.9.tgz","fileCount":11,"unpackedSize":19494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOmNCRA9TVsSAnZWagAALuIP/0+oaGGfKxL/BPOEdJ6S\nBbZ+zqMTINzKxOI6BsCBzERFL3T1IsLkunV8oEwiu5zlj19yt9mVRaWEkPKx\n931Q6F9V89qJiBzOS+kIse1ys/Z4fAMm5piEpB286/UfzlkkoB4BjcrRCpjh\nufR3/9eauqCMA4AM2QQXaW90+AzgCqlEOSI/9lHD14p46OEnZTE/BTPwin6i\n1ItVVGS5sxCMtcobQ3xSjegc3K4egDXm+Z6dD0n5Mv890FEWYvLaNt5Ky5av\nt6tY1N3x2d66+IGQO+H3oxc3Asetbaroqc/c0CMwwTrQEVPAkRYjD3rb0D5r\nvNHpnUHmxZxcWL7YZa5AudqgG102nvnLqXVr/2tAPdUG9mthvWIqESafGjb2\n52gpujplMKhdaX0eGlq6InBLRNE/VTWf46jTdr/Tsun87ogI4LKOo6LvW9ta\nFsDAPhYj+DxTBp9ugTCFc8E7gcpecdq6D3+cIFaGUtqzySwBq4W0ccr9dfPk\nuguNvgCQOUbZDsf7uzqxWIAMIzFJqeNQaNvDDIoORdiMc4E8t+uFVmlyZ5GN\nEcLUy+lnJjzwxrQ79BE7FRAVkprlozpA43daXBnssPlTCDntNiOzMePmdc6w\nGLKHyvMfUG512Uvdy8+O0PQ1dSiYndVcNtDCpc8FtcUfnUDFQRC9iAvttC5/\n301L\r\n=BvHD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbEfaT/euoMciMp+Sd4QMlSQvTkfoJxJRKGygQWWgfDAiEA9Jn9AZFrsZusjf9UCf1mBn8oXVQGDZmEfRby0X3yM7g="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.9_1571350924635_0.6028239057464206"},"_hasShrinkwrap":false},"0.5.1-alpha.10":{"name":"@react-ssr/express","version":"0.5.1-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c7866cf3ef3c6209454ddae0bd4a94322c8145cf","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yQeAedfZ0jvqrWXXlNFgy+90MzXwQIwX6VtE6zUhGPsY2Mx9WKSGw+3rs2AfEJ8XHNvCprkf7IRN62IaHN9h3w==","shasum":"71c532943bbe47a29e616a85a62520d789e93e44","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.10.tgz","fileCount":11,"unpackedSize":19240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOraCRA9TVsSAnZWagAAw2MP/jSjlYraB+y1rNR2AkdY\nVqww9URw2Lw75XYikgeSH8W/5ViLsyjAST9Qe1d0ehwBO99TlaNlHk4mYbRM\nky+t9kphOUi00H7xriELe7tFXTFUZOaJcA0B7DZpSTj0hpna2IbGojwwuijG\nh8If9SGxyiZm+yORndsj7cTeV2xdK7HiFL1zdjQM/94nhkX6g3okrGQzIMF0\nv7doSrQiMrqbMlSPbluoJEt7MXiwMkA/qXhD+dYE+j3uzSB/xjqObyFnoosz\nhybzNb6fKprQN/icDivRTHEIx+KxviNClZuq1mry0DQUe1vOyLW/vSxlX0af\n+yBC3upWnRPGDHjwc1B6lzlvIEfd3ExV5M6cpDmDSRrJhFzduZKhJIGIVW1a\nC74Clq78MG8p13bBH10gRgLdbuHzP0YBUweeCagxmfAMEx822KmfVYw+jcuC\nchH9bTLXOQfjFgFCv33zGSS6gwMnUalxmuXs9yc16xx/5VvkaPUYGjROKuBx\n2YMbJhEsJa8oKyz1PdkW0UqcTH9IWiO5pCqqHsZqDFu2E0AxXaICHzDdKB1z\nVBxis+L0V0QbxckqvL98pUOLXUWmOR8Ad4GZsUkVfOM0s7FCsDi2Tn7N6mLh\nFCoPT/EKn+8PpB0I3kU0G0wjaYO58Pf4SWQr2ibk3ZbLCMEO+EFNMYpU1IdL\nNoyY\r\n=xvP1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDipI2Uq3MF1rSja0bfMNdiVKv9yqWmK8DIyaYVLn6vTAiEAt9oOYj5/TBL6sTn2mG40zaEoFPGDSHkhCSox9Tfk6zM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.10_1571351258215_0.7838844269125946"},"_hasShrinkwrap":false},"0.5.1-alpha.11":{"name":"@react-ssr/express","version":"0.5.1-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"87901a6d4b9f5620e14b6acb70706cd94280350b","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JjnyCCp+JZ40ut0AsKy003Cuuxocf1GmeAyFLiwoSsKxKXaT6VZdyMXlp9miF5URGzpqhUY6ZfvEu1Q5wBV/vw==","shasum":"4b4d1099ffb9e7f09aaccdb990ddd641fe9026ed","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.11.tgz","fileCount":11,"unpackedSize":19240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOu+CRA9TVsSAnZWagAAT04P/1i0fIfvgTBAEzXc5ZOy\nIKs3ZEmS6mo1/NayaHWX62TbwfIr9/py2n8uW8lf5AVEwmj/jzgt1/gBvEfv\nOdv22FclMLLzAZDOmwSsQCGnsIVCeuVQXKXWePMURmSjBSqm9WsnXAMwbpLU\ntgyuTjJbM/6/MmLgnvEwKMvvx40Qq7lLrZQhmoa7tdBXWwHqmV7Cv1g/P+ex\nBWjN7UMVTXrFOIu2xkMcx0Rj8jOnqgvC8tHPk0hYdzLhyF3eckQIbAmmsB6p\niJqH4SmKuoiNU2i1EJ4CdKANi72G5X0rEWHVu1neuZTOWxJDr9JjVicN+wOM\nHQi2uvimbGWfGCCWZlN3KSiGwywZW0wK/HjyVgZ9cUm5y+xDkwlc0rk1FeYF\nfD8tYkxQGIepF0RD6msTQeFfVqCdha0LZGt2c4wUnJtn3Ubeyg6IoWARDilf\nlaDLAY4ThfpwLqzWrELEGvyx/9WCXTvOD5I28/AYTNlxljMr3n2S6MsmraCX\ndwSmJrYJhGSdZaKksCao7oCi1x16jVpvox4mQKzytk/cejI0tFckD2Vy34hZ\n+9zSN/co+TFeQ4996rhN4J82eBLVVr++mKkLM/aNqXmRndHFyfIkQ44MKK/b\nq1VifFLHsicghWVeqX7vkZttNWFRDsVHm15NU9vDyTNa4dNykIbb8JL+CTxT\nHDnB\r\n=jEWG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDQTzqArn1Oah55ouqqL70rq7Y0i8Rki5NDLW+7/vjS0AiEA1ez8g8y8oTqWQoJIcELaUFItdQlFsm6e7bO6rTr0VuE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.11_1571351485629_0.7939502839859089"},"_hasShrinkwrap":false},"0.5.1-alpha.12":{"name":"@react-ssr/express","version":"0.5.1-alpha.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b9a8b00a8a2bdda14749f7cca17112e45d06e2d8","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.1-alpha.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-F8Qu/CRLuGnvcNT5Cl+9wBLwkintOgrw47tgNGGr6LjVpo0y3PIsaR/1mUOYMABvEPo+mdS8btQxWJavRIPGsw==","shasum":"93433db1859c74a7d9914bb261e49a8eed8ee484","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1-alpha.12.tgz","fileCount":11,"unpackedSize":19165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqOy5CRA9TVsSAnZWagAAfWAP/jYXf919awM3zGRDTd61\nr2f+Ranm+AG+vCu42ArxP7iRtS+/W6wN0W1gdJzm0SXq/04VEel/NJR4ju0y\nIvlU8X7WLSoeQtmCj4C3v2XiDu6m+103JUUayQ/6phk3AqlL1QqSfyyVHPt+\nJyb1FXu2mnUmhlnxbHH4+gpweJea7x1UJ2XCv1AeRvO0O8UCeUvt5ADzsBOk\n6QBId7dKUqSm3szMCTXtN3UIxRHhlsRW8qX9wcJ9U1DWnZLojSBKzdhfrlQB\nXCKlSGYNduvJHvpFzVHlhTpP7KWg7t3IFXVC+bKyxeoDaJxYcEZA380fInnH\n1HylrBu43s+ToRbsNsB+FnkqNSo5UPfbxTvyO+7Z9GH3Ky878o2/2OqT+KCM\nfPvLVAA0DnRKfVZXoi5CwsfOxBZbmzoooIJBuGxrA/7SnvqAMTpZGQLwnH7K\nXTL78CTeXnP8D9Sq/+oPsU93CuZYIsrZyLmW4GfYpsFajxw7pofozkNvABkD\nid9h58TuKyEofjdiT8b81eFMMmOfqpC76H8M51+Gt62LlSMLsKDc2ATyyz7i\nYwYP3FwNuDT08RCNLlElHwPkuRxX4NRwMpEEdgxZnqM0vWZDV+l7W3JiG0+d\nMEh/ysOzw7z5bM21B0Y26Chp1DXRFt/KRnfQ4nfnsBlmhJ5iSUwx20T7lNeb\nyxdw\r\n=2qUM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEU35u0JVsBbRSYh5Hv7k3rnXpbWHpyFVs1yvZo4rN50AiAya9SDNZ5Pj5TK0iqZFbnX9SaQ+43JEn+Pr6CP4Ij78g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1-alpha.12_1571351736692_0.7505598460056908"},"_hasShrinkwrap":false},"0.5.1":{"name":"@react-ssr/express","version":"0.5.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.24.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fdfef165a1ebd8f2b018974f1b88804c58119f71","_id":"@react-ssr/express@0.5.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ZBYWRJwNtF+jg4GTNA3La/Vm+GSxELAI7EddI14raBoE0vRt2g+UahFxtskb7FincN3yoO7iD+Boif+Ur91ufQ==","shasum":"95c1d9aa540b4e1a4ff9203ff15c026e7ead4243","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.1.tgz","fileCount":11,"unpackedSize":19148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqPFsCRA9TVsSAnZWagAAqPMP/1f/mrLgy9YXiz6w0cwH\ny9r4kaxEpSqNwmFv46nvB++7JPfvRSDbyjf0RYKztmtAbauRqCpEQEZk0IMA\n/Px8/mjWJe9k3V1YDeISfBhfmwWf1CE/ibsm1YH1pkY/wSKlGkxsg+N2wDJ5\nK60JANdsmlYXzAitBR4PWA9yy62UC8i+gmnapfGasl7N7pQitwhSeWnN7UhZ\nNbB7EqnuOrtTdbef7rhaPcKy8NIrghdoDPkf8Kv++Xn5F95VbToskZ2HqKDE\nIhQkDeEaA3ycZPiwChBM/Uu5SIeIs1RKhyfGA8t626TTYcwzLHMB/wK1OIgt\nSKsiArOSEe53HPIphfsP7/D8sx/kmIN3eVtFFtWhkQA2yaQnOGvXddJadF4K\nwJXg3/rcysz2a1i50cf9w3GBYndCPRvPoDpxFZk2xYMdahSrB+1H1Jf11QWB\nq+gcTsPY9WKPH5oowAnV9d20nGIRrMD5jQcE0C3Oo8hhcaAiciruf8+LqYuE\nJQNULrbazR4b9dMmW9iSJSznPbHuj9r08BxHKWCd/cBN7EuVHGGXBrdOsaMf\n2ZrA6JHqIuz67/6BSDunh7NqA8INAm1BEHgz08ail3zjDLmbXcBjqqAf+nU4\nnMvMHHxd+OoNB0F5VVG8C82spziGH0V55YawXdygeBEOM+BDwLze0i56iSYf\nqr1v\r\n=1/Xp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgWuwHKuKLBd6opfjg7EVGFwsh4TEjyMeKqFOAR6QtjgIgVXzJjhhHHMdIRNULz2Or/Y5/YUPjvDC2ZTxgOVgJmuI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.1_1571352939279_0.2771185343390723"},"_hasShrinkwrap":false},"0.5.2-alpha.6":{"name":"@react-ssr/express","version":"0.5.2-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"df061de1c4ee3e4a81d97ccf5710480d0c2bac97","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.2-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ck1eGz5OYRxdy9i9m0gCaGhEg6NaolU3wCQtGwwlQovOXM+jI0l3KPlTxN+rgDzSDuohtT8eR2O4YXuVF3Ol1A==","shasum":"c126f11d5638982aa0c8d2d5809865877e8a6dc0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.2-alpha.6.tgz","fileCount":11,"unpackedSize":19423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqqRxCRA9TVsSAnZWagAAPNMP/2+sSyrdob0Oz4dT+KfQ\nChLAaGHWVx6cPIxWq3TW39o0vdkReZU7FA6xd1/LD53HzpgyXKVYpffLZZxR\nlFluWKcHvtM3ln3+XYX6xQtFAnvnMKQguvOQrXGBc5oqcWZh1zQPrYk1+ykJ\nr8QVOpKRzCPeYRqjhMefCA4UNvY1Ur5DYR4jUZusFY1Qr0qXGa3jqUS0qrLW\nvGx1n9BpdlgKPQYkxXUtywSf6B4HE+s22OJTfB1HdBb8tlNQ7ljhDrsNX9BY\neQvrQG/6dQE/hIKruWqhd0SIbuOOkthEdw//FxIyvNgKLmFs95k99uLiA37N\nHK40Y/7SXw3Mdsm3E93F+uJROPigCl8tmYTSDPYNR1NVyw5VqxI9b7xlf0jl\n+4q5P/hnbeRo1I0W9GqMk6geiwLzVtyBId2tEJvpIWdJC3TbbMs5jkd0pcJg\nU+K6FOqF6keSzHfdiz0aUOtrnamwqkwHT8WagAFwfeSHcy7OwT1uv7o/w8yX\n+dvGiChmpmIp+LUncL0vjYa5aTNdovIus54v9GoOHpnxuPY2UigEkPMxre63\n3u7/iQBIzh5sqeMkxCh5feLsw4AvYpPWamyds3kZmuY9p0SaONtn5egMWEDy\nXhCN2BcqDCECkOTSQOk0eVbhmyat7DTK70Fz9i2BfxmdV3D1NaffW087pr5K\nIQ9t\r\n=p+8x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+yfchUm6b2aY9tyZfDflFtlNl5Cn4UCxP0bYIOjcrIAIhAPBTuNn/NcbeVk3GPAaMP0mvl+e/wI+vL7+HPS0/NyPN"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.2-alpha.6_1571464304555_0.327140161845094"},"_hasShrinkwrap":false},"0.5.2-alpha.7":{"name":"@react-ssr/express","version":"0.5.2-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2c89e9c885d10e5e972ca9ab18c5b40465e92445","readme":"😎 @react-ssr/express 😎
\n\n\n## How to use\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n## TypeScript Support\n\nTo enable TypeScript engine (`.tsx`), just put `tsconfig.json` in your project root directory.\n\nThe code of TypeScript will be like this:\n\n**`./package.json`**\n\n```json\n{\n \"scripts\": {\n \"start\": \"ts-node server.ts\"\n }\n}\n```\n\n**`./server.ts`**\n\n```ts\nimport express, { Request, Response } from '@react-ssr/express';\n\nconst app = express();\n\napp.get('/', (req: Request, res: Response) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.tsx`**\n\n```tsx\nimport React from 'react';\n\ninterface IndexProps {\n message: string;\n}\n\nexport default function Index({ message }: IndexProps) {\n return{message}
;\n}\n```\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.2-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-W911FYcWV4iHyQp+lfBj3XDnK55TIG0iVG7Xp4X4vB2lP2US/YyBnN/7cnG1woTQTPZeJIdWZAGUhq8xsvAd+A==","shasum":"120aa7fcfa3eb1649aa5fc3bce8342c0491aee6b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.2-alpha.7.tgz","fileCount":11,"unpackedSize":19457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqqY5CRA9TVsSAnZWagAAdsUP/3J1jR3OK06wmBOv/gd1\n0QDAYmMhbFeb3n9IVHTLa83dgbwE1HjZkQyOoBjOI2E1GPWCHMhIVvBM0bc+\nqLiizQu3b97D0jrjMO4sp7VPUipx5txiUz6ZeVyk8SUZTPTbJV31cOikHKi7\nL4oH80rOhr3ZUiYtH9Q6amplYHH8cE9WrejLFAe9Yf9FtAYcFEbJuppDCiQL\nwL+D9D+g1pQpjndiOdgPUAdNXdnlhvBK1ss+YEtyo8hNjaj/quUzw4McQu+A\nSS6KYBOXLCijQVS+g3hZO8k3RLmNXo1tkBjQG4ShlJl1vW5r7Hb92b6ZU+rF\nwMFnHzXCyd06ZrNjqKbOR424HyamGyASu4PBiFE4m9hoK73e435rRhkmEQEw\n1h6t6jgrppxY8DiR3ZhSDCuHAgTUizxAoVTMAZ0WO1aEjSHdMtGTHjJCm4Ob\n17WBj714X3IjjxJ8aSCdulY173aJ22+XyawQfihECAAy0sOD+FlhCYBze9Pm\nZ0BlNRz7RmYMV/M1ZNy3oPxpMZz1KAhvASSGIIhECHbpaFSflQCmrBXDhXV3\nEiVTbdFLGrnG1zhMV1WszwtGy3rdriLY90WYbO54K2jiBuqDFFOAkWSYz6uQ\naQl8P2auXxHHpYEUwXNvbAyv2CRmW8JFXZDDyosp2ezF2aXL3i9p5s0YAk3R\n8epj\r\n=6uxK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFusUX4hiapl1GhN3nuBVCiPEv5Fy+P9QuYM2AFr3mkAIhAKBCkm+bI4Ie83KdzhnXjcsPKzt0Fx8KeC9SsfIs91B6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.2-alpha.7_1571464761237_0.39480884503050717"},"_hasShrinkwrap":false},"0.5.2":{"name":"@react-ssr/express","version":"0.5.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0ff6d75d6cb86b986ceb5b1da47bbea64cf7b6fe","_id":"@react-ssr/express@0.5.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-m/dQiG/XDX6mnac6y5P2lD5xTf7WQYjJJfj/0Da+GYaMnO1CozI0wXQTYXs41yaa7bPbFdd1FdU19FSiyhT55g==","shasum":"66e5ebbe9d09874f71e71e32dfc392ff01e8897f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.2.tgz","fileCount":11,"unpackedSize":24720,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqqy3CRA9TVsSAnZWagAA7k0P/RypWuXvP3/Ai0M/a/O2\nUpwCzz3Nvr54SG4FVvAgxru+QZRQrzSCBpFDLLR0ABf8E9sm4EvpwLPKbZNT\nFOkbEYSuYhaRtd6LPOHbNWuBGK9OUbj+MYyY12pjuHR9BOd8pgs6B37Xdk9c\nz1OqQRmrOVCehIXB3eXgNuqu2pulBKBvnGHFDQ26GzdswDVAxgau136SGmzJ\newc5jpnL5UvCkJw0dWbgp6fI+RPCg2JpxKS9dkEX2mNJwYkHzgXzVmkgi7yO\n/5UPFTWtsHcBJ++fiiHHMpwwFhFZqeHiH2YQmpm4+CPjrBHzzzIKQXWYniMb\nNyVCbL3vqD2qaVDXeHxOJViHnH8P6jinjlH9CUGVK4yIHs70cmaLvZ9eUszX\nFKaaGYdryPzrWGuHA6xUh5j4ba5sUKkygDwIXwxU/7lBElQzk1ZNMplqEFZC\nEja9U82YWJGiwHXj+Itv+qptEY28lBF66CAV2upkQ9wRQ4t1N1J6yUTLL7MH\nbuQJ2Uzx5xCevrUxCsjKe6eK0MnWZUNDGJQ0X2M9YiYGxcFnFyKJEusJAgOK\nsODAfCLZXZg+fLO5mA7dZRWAkWRQFI/djGmgRQ6K05DPs0z1U8lXgUvpo0yi\n5ViMFrTixlnMkAiJmA3ItROlFtmQ0HDOlOkNhmtuBRdiinqqGQRuy3BbljVa\n+1VN\r\n=iH3F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICy1d+sCrwHHKLA7SgruHgCqKNxZiS7LfF9v6QYNqnDKAiBU6cLD5kzXE6V+Ll/fnvAFTAz7u5zZHi156xg1XXbBww=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.2_1571466422639_0.1790397747869823"},"_hasShrinkwrap":false},"0.5.3-alpha.0":{"name":"@react-ssr/express","version":"0.5.3-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b35d5139744cf4bdb5fae727af06df1543746367","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-x+FL01vFUVW/1cb7/+v4dz1kcT2aDVXw2IjaFKgsnaysFHavU/N2OKzC2Q9JCJJrowVx7bbIgOSoslMrlQ0rKA==","shasum":"c1c85e585a0a4e7a609f691bbcf0ad5b8b5483b9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.0.tgz","fileCount":11,"unpackedSize":24782,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqq4BCRA9TVsSAnZWagAAJO4P/0+kxPwJb4uP8q3MGeQi\ngL/beT933Ywqe/59nh927y0j/oLvLa69IKigm920IDMeBgWFIL1pJ1c5pY6C\nT7bb9EeZ7BzMtAN3y/76EJZzwWAwAIj+26k7rGxFv5B9Y4S6oCB7yPsrJpY4\ne50ZdbV+qW1/tMJnnPcq2nxeFyad+ajkwMPx3Zpu9TWkBqAoWF19l9StiByL\ngdM1O2qLcKIE0mtutB3KYpcO0E4U7Dytghy/eKMmX27M6V17Wn8cNuZ8Vs4J\nPItnChABXjIiTT8gO/wIEz7gMjcNh+4BPD8bT0Ju/P7nkGtRG0cltGAUmWea\nnhbORzHi5pC9o7XDxx8EvxKuJi+okxdH9shil3kAZfgi+5kmn+Jtm49+1LKD\no/CZ+REEPEFCY9V28mQFy7kf8ZVaVpJRFz1WroEdUN6rwk/jVDgo+SrrbebS\nPtdMLrVtIF8enYeVylxaITAfRe8oXMeMshuoKF5a88zPSVE7Bl36A1F/dt3Y\nMopcKKg9DkuGrTwzmgwXM8aK+vjkpehumD98QKqk4VCGwIRb1iSp/R8aQ6d9\n00gEMHVBo/yPEbQp8/809RILY9rn40R4CS0UmbUaSpq19xK3I6aX0c9+ssue\nkeL5YpxUYb8x1F1mb6uLwCXpwJENszrGFE1XGcSgW0ntKJF0MWDWkHnoGR7T\nfV/k\r\n=xsX0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyXLo8LPVUHdrzTZFkoLAokEqr1mddRxPLbkwI1POufwIhAKnOeNex4Ar4Jb4WRs5TvZhEOV7DtxcwQaDU0XgEZAml"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.0_1571466753044_0.35861002507262585"},"_hasShrinkwrap":false},"0.5.3-alpha.6":{"name":"@react-ssr/express","version":"0.5.3-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c4719cf4896a697839d5dedf34940f7fdc713905","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-bLlCbbsvE3M1T520LmnXeN+Z77N+uKulTYdxPv7Z64ZwVpvW2Cs7uLF28JpqKTIVbaab1d4jTHozJwAhP4b4pw==","shasum":"c230140da43091517dc6c0c79078a1e9e414a777","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.6.tgz","fileCount":11,"unpackedSize":26500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqr9aCRA9TVsSAnZWagAAPVoP+wa7YKoIBDFx+JptTBaZ\nZ0UKK2dRSSo03C/KhDxmVi+rAEcWsqn4wspWKLP5UVGT2uCQVmHT9tlGtI6q\nXA3XSrewSjv4/4YLOJJ03fLwTLj8F7sAfSlOMuFJ50w+ALqVF7EXV7j2h0D2\nQzZotzTnqMJy572e8OXut26eFAyXx/L0enGltihIZoUWIjVyi0dwHFFCW0EB\nT85w0Q6u5Fa5yjpVcL9Reu/L/QRrfwfaqJ3xPxHfXRZ92MqoB5+Aw80rapTc\nPocAi7Ad5+uvudEz2QKQ85ccXNxZb92aIKumivcuNHsJfzLD5aMDZZ4n7fcd\nCnGhw31mdm9dST5cfWGGEyNgQVRAbYxh15QdlBeX1jIRKFrcLfyn5yEGbQV+\nfLWK2Yxymy4rbwxcqpKkx3fzUGDVqwop6h8C2ERjT6I6xfWhAIsuGSDAWr6j\nMhWpz3zpPU000H2mDTNPT+IGB9owXu7h5HKOwaSw/n2Mqodhm67MmGymIJ/D\nnGU9S8JgJb1JRzjpVTwqq8VSgFxMdhyKUhP1ELIK4Em4Q34VQMk0LoZPePgq\nk5XTz33CCFJTujpuHjoV5SIeKulJFC2cY95W5t/EgAfUbeB2+gNWrCmIKEeW\n4L+CmUlsuW4HKRv21/LTtb2LE7rXLvvC4MFnkbPZyvu0lLnQl73D+XGQmFhm\niRf4\r\n=clOf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsUvv9iCFAzO7xizLI0KZ/QLuOieVN0ztzBKvWFe5+NgIhALzSj5XLgyVa/rVhPfNXnBCOSbSB5iBTn+ORmOia7o63"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.6_1571471194114_0.2030413379084075"},"_hasShrinkwrap":false},"0.5.3-alpha.7":{"name":"@react-ssr/express","version":"0.5.3-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"254b5724fc11c7b8c3a0738cdeb85c63615f7e3f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-s70171bUUaZ6D/ab5aeghW0tUd6131xln0FGpMOry2Ledto2WBeTTIPuvWdpqEc1HUoHdcAPk5mr3FE7UXO7rQ==","shasum":"c02c3cdb2b7b4b05a92b9f9a9c8497f9b2050642","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.7.tgz","fileCount":11,"unpackedSize":26476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqsDvCRA9TVsSAnZWagAAx+UP+wQEHBJuGJQr9PikrIj3\nooAPahBfRrFkYim07+S5GCywAWoUSUxEfmG1nJHV/MYElovSc9ql43v9ka6v\ntPoUl4WX7rHfh3Tp3GMKK5mirj0pKc2wjSxkipgqfSVpG9jI7wGqFO6785Re\nYLXDKxPZWDT9I7yBYCAtLO7y79T6ZsEg2D6U8aDy38NwHUtHgW4oL/Yk/G8g\n3lgrsq9cbXGXSCXonKzzR4PLdbnf/wh0gOnHFRNavDR4GZXkGBMsR08TQbcZ\nU1R0zGMtwn8teitRXx9EAslRG1JqQKfEFVvVYoOWL0Te9WJVnuNsX92HI+97\n+sokvTlIQAUXGCIaqnDYPyCY9nPznCHgMVvP/vY6AKKL+/tReZVW7BivpONb\n/1fSqymBRu8bQ3WW6ruWMAxm49H/7zJRAhZPy+CstJPY0Zp1HbmD8Ow53tY8\nTY47cn5Spq8ioRMbnCn5NPHzpbaYqmT6XBMiCEis25GNNRUW4DyMCMj7GlqI\nNWq29YaQUH0lKIGkIMdykIRpnGLe8tscukqO0UTuvHw92nJAkZDUy9XGjB6j\nOv6N8ULAos5IXVnczWArLeBLmvHClFKdm/q6i9VE2STgvdG89x+cKPDBUatX\npcwsgow1tndxjPsCCOsi0GmG+HcTPaZEZFpizV/QQ5sRcBXuKvSdeSCIBOED\nn/H7\r\n=zMFw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcRksGHC/5iFkngkqYht8xL5uOlP3kclqqAvSn+XwLvQIhAOM8Lc5aqq3mLwKM9XAzswy38jDxcBhzMTJo+qOCKitf"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.7_1571471598345_0.03421820209552573"},"_hasShrinkwrap":false},"0.5.3-alpha.9":{"name":"@react-ssr/express","version":"0.5.3-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1825121a343f5b5f6a393df9454fd5e90a0b1a1e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zdA87fX5FTexgblumC3mGd7rwHSAmVu5n82EF2kGdTQUIOv9ts8By9bP+QpwDnr7G1Pj53m9qFkaHrqFagQiJw==","shasum":"b536b31e8a8a31cd6186ef6ae64946f96b5cd4f3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.9.tgz","fileCount":11,"unpackedSize":26543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqsHNCRA9TVsSAnZWagAAdwcP/jj3oDdINrW43sHccpbg\n4bcj6GMw1rT0VIxK7oGMrtK9mrhhBDZ0souX/3wIvN09EImfA8ZFIglrDsnm\n8MihODU6X0pzzmDFe/+E4mlbqsgXUKJ70oU0PA8PkwJqgULjhFETMH4fAiQf\n+z3ltTONlotHLvITIf4fTbCDzTuXbCW73bz3kzdV5JngTJSq3c8SUc2R05xB\n5+Vgn0pwrE/UuKPAlHmzzHj68o4CLPU3Cya96FGm6vtQ/tILif8nqNFa3ER+\nOqwXu5iIaxtw6xSSgDItuZug90BjUMLeB1h1YvNU8/Q95xWP6zyBK9Sxi8JJ\n3S/jwOcT/HC6NST4j8g9HpZx8uM4e25a2Wcryme0lMiyy0XVmjqcIP/n/NoA\nR/DHVmlfMhiyx2ff89ngshRNLCnKsg0/rA5EryvtCCoqLgfmrPfccsZSuCDA\nO+KatWuD7CTMIGSQGX6VvrIWZClMKeyF6Dp4t/6Dr0X2JjwGYst8KlDwTTfP\nfBEaohzH8pW971x7I0PLh1eLnhJEA9Kx4dVGcbmavQko2nkjx8mz0Uzb9V37\nrLmyMD7kPyBM+rEk4hwIVlNFLEq61jGCQlMTTgC0Tb31k6HRShZ0qDCnQc/b\nmetvg8cEtG747whSDD4vOIXaj2x7AH/03hX0XlP/bwAfFM66ElkvZ/BwmqCm\nCO2z\r\n=O1L6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1md63eI0RwsnwSMxotApp1rLJuvPEGue8vvXcs82pWAIgSgDq4GYg6laWjXOYImGCx8C/8nr1Fk1sAV4hBFZAoJs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.9_1571471820960_0.264509661495427"},"_hasShrinkwrap":false},"0.5.3-alpha.10":{"name":"@react-ssr/express","version":"0.5.3-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ba2cac303ec3db8f014f116105cfbdc174d0d21b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-icOlcNmozUzX7M/s1g1PuLOBUYk9SBV1cDXH+WzBzep/5EeR236hBq0FpsLTHfpP+PGw1Uu5BuFQE7mBVfW/yg==","shasum":"88e5fd9e95067669733ecd8ef1b22bc31dc9242c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.10.tgz","fileCount":11,"unpackedSize":26543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqsOhCRA9TVsSAnZWagAAL7MP/0yboBYYkyYwMubKDrkR\nb1fWzD1WCe74KslHW9e/X9WOm80295DyLZmztamlYorL4rW+2c7NnOtwAg3g\nJp9N63xD/8W7uHvWQRxxr6stOgtZ62lfer3Jo9a9Hi0NlCEeUYHJQDKzqhE2\nSXamef7AUwllJRgxYzhL91Ll9Klddx1vWDUR8N/EPvZXqyp6UjmTg0TnOpqM\nGWDSG0YjsJ7EiJJ4geRxYBVu3Jfz54qjh3evMEzQDnnx01V9PWX5gdMZ8jEk\n1/zcSBthMN3sYekbqn7ADTOzcPO0dfZFYEzdDfHqBnyaBqRy8rRMPiNX+yW2\nt/XxgnTaOGreM0ZOarZ0qbgDqFT0fR6Tjz32IPLNre2ZBnMTftWLWxgc68Y+\nyWFXvMyZFvuFndHfas5i3DQ/jl+n9Om1CKmYZPcioai/UCoxAwt7GJ2U/qt8\nAKM+szHrZXu0P+aWk7TAN43KPFdYXv7AgIO+4B8SEG2V2R9zgcvih/JlLifn\nAq3S/H5MsRiHYkaYqjEWSp4P8qk0FyALOy2EZ4kK+jypQlbP6KISEObz/AJ6\n3EyeYiZss+WkiJXN43BBuDv5Hite/kIRcW0/XKKu1jZAQd562XwaxcHDHLNp\na9Fo2tB7Yim1z3QeKFdtKZSJ4qowG0XyBlYDJd3hx93TUSq/Mb9/2B4QtuWN\nqaKP\r\n=RXCC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyG5l4EbDJRiF2jHbHD0VUMGeYYS4bb7eyX8cQV6M86AiEA2QDJhp3qgBwBGGhTGQaqqGP2ZIM9X6Tm/T4PT/Znldo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.10_1571472288853_0.2653314534327875"},"_hasShrinkwrap":false},"0.5.3-alpha.11":{"name":"@react-ssr/express","version":"0.5.3-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b6be7e738ff84b4ee99907f10f572946df0cb291","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-i2+k6PBYOsflHNdZD8ZlNZX2vE6FlQRAE2FPw3mY/TBk3J559y4FpSR1Sn4w3YrO4YznGBOg3Og3zPYGg7IeEQ==","shasum":"c8f510f52232633457daf0676887d0777219acde","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.11.tgz","fileCount":11,"unpackedSize":27281,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqsz2CRA9TVsSAnZWagAA1OwP/3X4J8G+uCGEZlnT6J/7\nW51Tb9rDUZIk2NrYHSPwJZ1NK6gZU5KqVC5epMbqO7hCJMzdE4CpslcsTonf\nu0U3Otq1FSuDjuH7esgQra9YQmkeMfmX+OwYLvxlUbB27yN4A8xwI5ty3n9n\n2cAXA63b2mJN5pZR+0cLmmHxiGPyNR6F/ogDtFyW+1sn6dvNSwQQ7ZKihO/D\n510B8t05O2UH2o8kYFyNeozNu7wVKPE2mLjg3MWIu1KrahP0KSIChWH7+yvw\n+1W2qWwKl427o4j41uWqtvYwQX2gdN5u42IycA/YmBorFwznxY43qnh20aBr\nxTOgtXUBoOwbS/iuY37Rb/AkrELVzrUU4YcyKyjprQ1K70rPRJFe2t9zxg0S\npZd/O2vdUWEBem/WyMEGveEiaCUM2FAp8ZEfJ339wU1d3LmCArdkSd6N9Ghx\ns06dFVRhdn8YZjRCKJgNhepGUgTGVI+qSCeLh7h2gtfQsvxvOh1YQWnJkDOP\n/i4C5ojfLD9UtJjmWwX1/wPqZZVfoPkyqD/ULd7cu2SSVpEF8Do4e1xGBAik\ngxD01TkyJMAIxg9114gObltEV9+TYSVn9O9wiwH5EgCabj3LbysLdTzrl40P\nw3BNGeOMsfmlzdORQJQSvGfIxVoa7XMc7DjxdSeAVeTgDHhlCo5XzxATTw69\nBR6O\r\n=tb/Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqCatDSO6MOx9skAVEY8oKEnyRVW/c1azuiqMSDaMXEAIhAMOTg5q+2qHH3LXjhdVqTRm0e5JPopa0doMZ6NfU0cR8"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.11_1571474677354_0.14302612186355756"},"_hasShrinkwrap":false},"0.5.3-alpha.13":{"name":"@react-ssr/express","version":"0.5.3-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"673c59d915d983da359e8dc0ad612b40fc21a3b9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## `data-ssr-id`\n\nIf we use the SSR supported UI framework, we must specify `data-ssr-id` in the body tag.\n\n(Without the layout, we don't need to specify `data-ssr-id`.)\n\n**./components/layout.jsx** ([emotion](https://emotion.sh) example)\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\nimport { css, Global } from '@emotion/core';\n\nexport const Layout = (props) => {\n const {\n children,\n script,\n } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Ze/4mvKkB9osSpIiqxQsuskVZ5Rw/pxzRDaY0JZJSIUw2XWPiA1od95WiCyOFIfqf7c9fGCRf1S3MIe+IxxCTw==","shasum":"6b59466b459d32995a03e0c30b9e0ae04b63aec0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.13.tgz","fileCount":11,"unpackedSize":27833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqs9XCRA9TVsSAnZWagAAEuoP/0/Ybyt/n816hIqYcYDz\nnheJmYgiZzPJnmrysafnaoJPBYdjXnjGY5AAxDlxwRQ/Mpn9WWJVgWni2mpH\naanejthIddBMN7e8v4FddmC2g/WDcmx1jmP+8WIWFpJSE9LumKMY42dYbrhi\nD0RPpDwVT7/76wS5At77zRXHXcStbGJk4E1By46+CDI4cYeAs4Ge7d5Bv8AA\nYL+wdTt0+ghvX6Do263l/7B+U6BJgvMuCF3y7sDXm17m6LIrPJ2WPo1gEWUV\n2nRxtCSXu21OS7E+PPlrfPXFTySyYv6OqBhs2OrWi9AaYVr2AEwZMXJKPgKI\nmNPUNM4Cg94q7wREliI9bQEG0lF+M+5yCJgbEy9bybZkEzKIJ9BD17pJXR52\nrU0MKmpUGer2TXU1zO9OIgOekol0PI1ZY/A333ubNH6IG6ujh3I8YXvC6qNO\njqPejJGmW7l+3j13WMoIhf5MDAOjTsvccgS71OHuoGoEPVUNOjeqIkij4WeF\nPCUu4acSHHZ/gPl3SCwZrBiUU2z305ZwIODztrjKBoBGv6Z/gf0myu8TXXFw\nNItRUKKXtQpykaMJosOt8MeakeGH2jAJ4dV2lQKQuPCnrdqo9xaKK6lJJNoa\n33TR2fwP4TsedqjdXmrT12Z4etRcwA3r9oO6FOOFw8XEtHF28VCHrphMsjlV\ntEZG\r\n=IoAc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEqEo9kM8JMw+yoGgULJ53VF0OieidGb24i25KUye+YCAiBAajlKB0FDpxqPRQzl5BitJq63Th4MDk6ADrJQLpYiMg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.13_1571475286515_0.9184219683340251"},"_hasShrinkwrap":false},"0.5.3-alpha.15":{"name":"@react-ssr/express","version":"0.5.3-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"402d0f4ecc2ab2aef9377e27ed0e4f3263e6bfe3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3wreyMD8dvDFs16+2HoN3Ejf453By2XRzAvCT/55mbbbnyd6nNuUtohrkJTz5Q/QeqtTbJUwAW+GpP0jwM6y9Q==","shasum":"615c45aac952c6903efc5faf9d7cb1f9f046e17f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.15.tgz","fileCount":11,"unpackedSize":26816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqtIfCRA9TVsSAnZWagAAZdsP/jVS6e3XCU5t4ifBCNSd\nL0ggKQgcrrbQaj3DpClu2ZDhSBySOYCEUyewsFl1ZjVfTDfmpvihoepugGbT\n0X6bIdsMC0eImTi7qVvxqtflJl/OCzBgzV5FkIv+3hG8XG5vb3FEMebPn+ja\n09torOBUi1zISQWSLKXCe1mh2Si8u19tqza+8q3ZLt/6Epdjkkx0EgcEt/pA\n2Pwg1ncxl9EyDZbBuNxrR87GbbfgSwAifR/ZDLOBwbUUkat4v4CU7ofX3o6n\nD8Xys7q9/s/s0FZDq+0Hl4urYRZW+fHk5CtcphjCavFTrUQJBaLgZ6QuR5yO\n/ufjemwH1eQIWhipr+3Mh5ixOpYrJkT9OyNe4lh+vO4AkkKhSRLlVnVZZtuo\nzAtkETjXMZ7IEBwokYYhQvef8d7bP2kgqqyX/xoDx/H5ojzb/I12xVYqsUcv\nZJTj8ur/HjWFnGJqWe7TJ7adQWeBzLDvhri7xQ3/9mjLqM6axRcpL7TqHXnG\nKwDKziu1KZk/gveJh2nAnhSwxxHwdtfv0CcE0MTtIxsofz5+hdy8yrUJGQ8t\nfEaihH8vIvdEXTdY0Jwfom6zR2T41z/tnTgNHzxRPWFn2uiSVr8o1U4RtF7J\njzGtY8E39mhiJWu74nA7OHlCoAVxsV1tgy8E82IoTO/evpkIhyBwsLwcFOiQ\n5u0g\r\n=uUFQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwppm/m7xktLIN4dWMnErsrndAHyUhK4gsV76XzbxzUAiEAziCal1okmxk5kR0nHt/nWjRkzpVhAci/AeSORqGPmas="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.15_1571475999168_0.16558646720717252"},"_hasShrinkwrap":false},"0.5.3-alpha.16":{"name":"@react-ssr/express","version":"0.5.3-alpha.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0d5b3d8794ba8d62f6ddcae8c77c74c88a9a8542","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-e3zKnM3WV+yKxMKzv8BDf+Iab5SSb940vVKJCkxlbbWlSov8gX2Fz9ajgEVGlcVXJO5dBaXfrzu+7qKGvl/U2w==","shasum":"fdea7a994aa8119657ad94badc1a927db3143e2b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.16.tgz","fileCount":11,"unpackedSize":27421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqtPHCRA9TVsSAnZWagAAgyMP/RSVaGCYyknIyv4RpC7G\nv1cpD1ry82gF82AlYKl3htl/V5HNC++DZjRCAi7hzZM5kDa03cqArTXG0+BQ\nGzaLKTUVhO/cpEM6fQXoTTWO2G3EaXLc2LspDb7UyKF+AF5RTqomPSlfjhiH\nDTJHvioiSS3BrAai5EoVH/j6VLswNrZkH5ixwW8EdbQN9tajhUcWeC9BOpRZ\nKkLk3KJ/DNlBMWbGv83T1Iwh5QypLZhvsPlxoKrE6f7/fHPW+YJMzZZiH/QU\nGJfCW3jjM13VtIZS5BXWR7ybzrYdtUmV49LH1SiUEho29/GiXTMYXOQPrFHA\np+2EBQ7qHwFs9VG8zNozuwiNmkXKpUoNdHeKw9VGmx1uHm3Dtyy1LnngKFbH\nF8tFCFAzMfafDlK68wQ137n/NbQ/DLKyBvo0zM0CViJSnbBara34rRCGJqba\nZFFHy7Those8iKxOkECB65XonI0CQa/IqupMWaHOE01d+/uhR+yJEmhMQjYJ\nIrWp6ZePwpI4quskqGgCPuYgFyOkXTxKX1DlXGu7aam4gLElbgxw5A8NnI2X\nzcC4AHZdqIys+5Jf2h3HHt3Mp4dBQHf3TFc+tNu7V85KWtcuc64ks1wwxhGF\n5yn+OIkK7sNWLxvOTNwOus04MyNs82TVmKi1mXsqS2ki3kQyoCcF0KdAuUoc\nGeFg\r\n=poqk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGWnoJhp7qGgb7m/MN9YBSPdYnsptQayhdzjyNXhR/fgAiBh2vBuuQ+dxTEvHoB6S/F0CipnusTB8x9MNqUwpokNCg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.16_1571476422505_0.7210649513591487"},"_hasShrinkwrap":false},"0.5.3-alpha.17":{"name":"@react-ssr/express","version":"0.5.3-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"07fdf5b87940f2896838dbb19c7f685a8a1e4300","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Ru5ZWI3asoGT6WPZkNjQ4iLbbq+p5jQrSsF84yRwdgEeKdhfMmBWQPf7LVfEP3uyg0dn8JUyeHCrqMOmHaDtHw==","shasum":"6fa3375143ed0d18f7ca7d6858d2c0492a7348be","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.17.tgz","fileCount":11,"unpackedSize":27357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqtWRCRA9TVsSAnZWagAAnuQP/A7MzMt3Mz0wFGty7vCK\nMD9v7xTKk9+OdoiejgFSSCxPrY9X0h2OdzXeuGthGouTceKvbEjZGGCYzmFB\nUP9lbiGADxkEYrx+IoF0Wrobp1+2uDsWd00VXFDjxs7YURNxHGq47HRMJ9Pe\n3UFSnS+iGpPoa/Nu4MGgFxvBu6X25WZnuxd7Zz7+IPOT2qse7oVxpqXpBcZZ\n5P3xE9gICoOJPt/a3N3yP7+lz0k224cnHgvwpXujqXhKw901uRtc69Gj9t5Z\nlKExxV2ozKXTEBwvC9DQSn+QWgeM2ci5HkeJLoYRpkIwVr7GM6rXgq4OrxPZ\nOT524pEZzOy2d0X4qm9PlEGEN71Y20OUGzDzo3feG1l5SzuUHE1S1hR+fK1g\noLE18mEXEaN120zOjVWzUTw4JVBW+N10Y5sLofoBxIb1GGvC9vk0LZRkcMzv\n6Zv9eQmQW4DPog3V31AeYB5xS1ltacZ73aKcXVeKHUcs8/KIK3BmLsS2ztnF\n6TFIzpw6nll7zYag4ATYWs/EnEslSnZR3uPAh/PGEGwr0h3HcVjvMTBpo9xb\nP2RKqnmWWGInsEqRzlWpW2zSkb0EYTIYP7QKkXz12Y5dAVk+XaE8kRWJEwTg\nSPnlLXgZTfux7FIMp6LM/oyGvicaToOV2YYJk7hI1LmMZjL07NRuppn0SFOi\nrA8q\r\n=50In\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd75sgkfsOscZg250eod+hwrMEVt60xCwGwLRYvsboBQIhANr/8xypKwX0UuHqJNpSSAeZ0XwN/oE/XBwGeyuRP5Cz"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.17_1571476880391_0.8358107960587147"},"_hasShrinkwrap":false},"0.5.3-alpha.18":{"name":"@react-ssr/express","version":"0.5.3-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"059e455ab3aaae029ef27fb0b3d5ef20ee9c544d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-5MFPjdWN4fa3tYcP0ax3pSnh6MKpL+Zr4wmq8Mr4nV5X/AYxCBOX+3a/zkVluzd3/KDk5jR1GFqK2hJnOCqMZw==","shasum":"e5a5599a80b66db7bab93ad40ee2b7b98835d1e9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.18.tgz","fileCount":11,"unpackedSize":27250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqtZGCRA9TVsSAnZWagAATc0P/A2f/kCyTNcvUuaYr5zA\n8mMt3NmB9nyRl75DQGZ+u28MmdX/YS2Pg/1SnIj+xoHv/Sce8yb24ZtkQQWX\nuNkgmVR6oSKIkf0w7frW6MFQDzJ8CCZbp5FCNyHp7n6xEA5NvRlVcoqLrQfa\nn9lFUUU9q9y6UdZs+1M6Yq1x1gN6KYbDB/5K6/VIECCLk2LcGHus9at+eJYV\nqyDjYi/C5Q+TUZYAtsLkjiV42gQ40MuIrByMST4RkzI39yA9no13WU8klI5t\nBfOQB7NQGtxqQlSJBz14J0PdJcNaAyGCjsLF3fVREs2oQ+kSTNfIYiMo4wOv\nndkQ2YgQBh2F2Hdzzio9DBpkWJe1G8fnwBN+59iK+UV9RVVfCTI9gp3ihbGj\nCbtjCe0McQC8rWMuLfYK8VAypyaTSFcKh3pSE1LlYLxKZZpxvGHHlmMlCeU2\nLUy3aX5RvdAnuqOnX0hNhOwRZyeBlwoiWap/MX596pyq6JNHe/inQdOpaw+d\nQaO1TC+xrg9oX6UeRD9K/AOLktle6cXGfDzT+cnjgL7/s3gfmrkOvh+wdSC9\n4J5RG5+58eOU0EPsHYcyLancW9kuDNILqgkh4D3qA14LCOxCXsLVW7sgSlqx\nCbTXWR85mhClRKn5KRTRgjF34NkO6OakGyH6BtxCMPmNrKC9tWL5BziVdUu+\ny0K+\r\n=/ge7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHqqlc4AqU/bjVNHUZYYMKgD/RjKLCOxoRwfJUhr1SU5AiAGfVU9WjIttLpmMwsJrF/vGpXO1qV36LlmTrcQDg8BfA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.18_1571477061455_0.6621290738589392"},"_hasShrinkwrap":false},"0.5.3-alpha.19":{"name":"@react-ssr/express","version":"0.5.3-alpha.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d4ccec9dfd9db85bcbb15f2f24912dfc9bc19669","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-RfPLCzpPHmaL2iUgo5SXUxjij2HO5h3YKHhHDGZtTBHVIs69ceF3EA+FibQYcVFxUlj2Z97sNaRo8xQ5cwLkMQ==","shasum":"1dd124971e4c54aed1ef79a271f7debec9dddc7d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.19.tgz","fileCount":11,"unpackedSize":27328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqtcnCRA9TVsSAnZWagAAJNEP/R9PsXgrjiueJ45RkYiB\nTbDfg3JID+XypvMA3qdeSJR0SQkfnrErftQW9R2499asgUdBuNLkgcHPDwFR\nEMEOvP7ECozRL/VuOMm2SWLrDGQp9LEOS0x1FS1PNKaAKNgBXJdQo4FhAAl+\n8V+AAaDlIQVbR7UzbE7oH222bcBx0exxExPkrR7E5dboqQDrCKaGJP4e8EaV\n0v2Qw6jucyvRuooS9Xk97I/ioCev4jNczgU4zsGlRc118G3VgYXXHwgX87wj\nl8UD6fpzmgfDqEbifwON1wOhPRNQKgE+LsDZ2BuYYPazwSt4DPlHxKYysadY\nHUDW8wRCDSx0Wc7tRug8V9PO6wjAQ16In7QSv4PDfO1kWuZeX8b1xR/bqgwz\n8SMb5ERSJtHJiGflkSsAZGxsL6kmohF74CaYrZPs/qNUt77xDKy3Jigi9Iui\nMmk7SpT05vU+5tVNVCrbbW8foGiM1FtFkStAKPJj7qChsxJikMTe0LCeDT96\n34aPToi8tr3h/WhKqOr/9t2edNzuMxC+SDbPjxKKn1hlfHSub7Lov3VvLtF/\nX7abqlRWSgIb2qOUKG08pMRJQyf3v1GJgZLe6q73y8gjFSZid05Ymaobltd0\npu9ao4PnZKUarkkhb7EDEkTsNFh7yBqjYT5dO/fIK1skPEhBFeWW6BQWRfkl\nkGq7\r\n=EZ33\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICY31nL8O47PTIFtmnApuBid34Yzk2k/NwkoRkLBBD+AAiBMGHTr0SNMPbBdesdIZSBfZPWP7Q9SJcZ0HG5yaJt+2Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.19_1571477286413_0.3909593522796835"},"_hasShrinkwrap":false},"0.5.3-alpha.20":{"name":"@react-ssr/express","version":"0.5.3-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fca86cfa81f84d191117e1856b9af27cd4b2ad86","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gLlHBGUwz4cGm+smoo1v7+TQbeFI4sL8LRgNvyqnXtaxb+JnfiCTwMOFx6Ut9TSmWl4gx/3x0erLLZ2wkXsNWA==","shasum":"de6ff3aab66bfae8665ac8009468a88dec27e2b0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.20.tgz","fileCount":11,"unpackedSize":27367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqthPCRA9TVsSAnZWagAAdRgP/0feS9agWuhbIE6m01SB\nYZtV2BQozT3ekeGzKsP0RO8+qIKTB0Ub0CoN3wX2ghGxlEPTMoTSqTR41WQX\n70+BXgekjP9KBBnxE0xqyNvnaf/15+MCrPo//l8ipI7PGBlbv02JWW/MImFh\nvxROmeqVveSTJTh63ZNJgrda1meCLRrGnZb3TtR9T9oH0pgF22VccEVfbN6y\nMwtF5ez35ZVvofvXWLBkbk8DsQBsSJ5Qb30kexNcyTyY7XbTTtmU7DjmEjV6\nFLZLRFXE9/XPCagfqQy1cRutvL1TQptjGgfiUwYC52E+KquYDH06ZADaeRev\nyX4kH+Zqamb5tWTAZvqZPe1t1Kdhgayg/0hlBALDMdlL6YvK6k1Yhr7cKld4\nMNutN1+zxhWEfpX6GuEDvwPjIdAxqCjoK34ppIWBAprtV+1Sblop3qGx50hR\nOgHXeuG3YZ1ranb+1RLOHCDx6k05bLw6BFLiZMQLoVQamPL6AQXzrWi5vGy3\nJCz6JuVAhBJG3dnlRhPmhym5rwWLz+WJaS/ccHRzZkPf2AMOKIbH1bC07+tr\nOHcFjL0WHCg5LP+6GURu0h6eMuDQHRbQ8+kaC7JxYQqVGzFbrNm7aPMIw3z3\nqNs5U5dGLGE59SyrRPAuLat+3OCH3DI5NuLx2RN0Dehv6p9vcYvqn7S0BETZ\nf7gB\r\n=YlXP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqoIrLSJWDDgjZWfPBABpQkApcjO9otLq6HAHjZTVRGAiBZbmEtErl5YCWY7Vyk9kvsQMrjqAmEypVGpqjXBQ42WQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.20_1571477583235_0.9859402492210139"},"_hasShrinkwrap":false},"0.5.3-alpha.21":{"name":"@react-ssr/express","version":"0.5.3-alpha.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9c6eb4df5a25ae565e49cce72e7084185f170eb3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Hjl0NYRv0Yb4Y1KlmFzz6qGcRxJYWeRl3USVizHb3BQsp5iBPV+r5/6m1NJbZQ+hQuRlAmJcAYxxFFVu2tmGFA==","shasum":"72cb291ce6722cd480f80569abd12d6f271a2fde","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.21.tgz","fileCount":11,"unpackedSize":27454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqt0MCRA9TVsSAnZWagAAGN0P/1zcaTHJI5ZlfPLm3WcM\nkNYc+EKlAXxmzW2mgHOq2f6mMknWdVCpwi7o/c9cZ8+0SMoYI+p5lSRdrMHW\nMQESi+RxfY1usYKJ/0NvEnd1C2/o3KHmKDLdJXB9QIpzAZE0Qpvv2F1UJVhZ\nOnPQB0lZkWv6MIT6LrYawKuRicaBVTlLueX3uPW0+Q/EzjGxXdrz7q9g1iXI\nz3/bBitcV/IGxQsr5yIUCcmet+7PxxDiJR/yg0Pxnq1LXHdS490p9cugoRDB\nzekkO/6ThRwiVrm6aSJlaDf+lsRA9MZRo7WFz6GiS5QCp6WCPTKrwPCQB/IL\nlf3HHiiGcuI7BdNd6oF1EkVEdtma/vn6j2ca6+vKM5x5qzKDaJi65VMq3UPm\nlxV+kab9fSNiElvHgg+W/swgyg9yzAcMMmtrhQZnQYOH9DRbuE9u0iXvv3Lp\nonnelpEtcodZdb8yuFi8eA7wlyvHwXB8fJ6QM8v4UaZL/55fw2NsERLwycYB\nNZXdNiZ0uh+WvD6dJc0a3M1rEDSILuUbaL5tvX/rldjl/ZlVpKCeYO1YynSS\npui9gBoZYbFMGgh6sqgfQJ7/xJhNddUTbyXfB0mKpU1z5bHcWpUKEBThxXdW\n3vDFo8d+yeHdi7JW3wPC4ihdAYZa2cn4MSMenzjaZ5wJoWm2zkXqrA+4XZHX\nQXDM\r\n=L+bK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQriiOFY+SGZRZK7ZCYqCjsq+1JBZVmPC+1v41KQ67VQIgOwenZUAjo6/snidOcBb8V4HcOD6NL2oH2yKUK7MdWW4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.21_1571478795995_0.4453469835050079"},"_hasShrinkwrap":false},"0.5.3-alpha.22":{"name":"@react-ssr/express","version":"0.5.3-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"45ed1417e732ba578325579fb04051e0ee04a835","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wMz8ol9wzyYZf0HVmsAPd/yp0P9glXkKOUF0twIh6Z4p+rhTLU4iOWNisniuTKgAJdA4POxUm0ufzGiO6u79cA==","shasum":"5e6651be858a3a146036603530228b9575e9b96c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.22.tgz","fileCount":11,"unpackedSize":27554,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqt9TCRA9TVsSAnZWagAAJJMP/iORkFeZHTkFWASKmDj2\nE3XK2lZulsX5zdGtNLEy6cxzo3cfsEftKhCrkUh9JRNFb2bg4IahvwlFr63y\nL20clvPF2Rh1Jali4gVsa8ohqvk8mFd+kvLVmzkqQzqnQxWEE2siZm85oWXV\nTFIMqXoScK/h54eTDSGOHBDa8RS+6tf1jQxCFPJsVlJJnlTVUODhz0mTab5V\nyh4qfzDaM6eZCbSmBvkITDsMf9QwFsXEeQ6P/Nbb88llWcRwaKpMr6Xwux4k\nyfV2wUGflNUstTSTuxhrSLOaVpSlwkDiDdwGLfnJwOtdQSl/awEfe9MJdRFc\nzooYP3tj0A7U5ePKrnl4cpuXumghJRwytiGkfezNCjQHMHELAqXvgOZIZVOO\nnjmi76xlejV28Ll5jSIsSMDrzsMqD+5nE7moLgc3CIPm7NDbhVv1zsHITURX\nG3od3fte60Ogki1tsenDHi9bFRvbtt/iURC8yEBO1fWTUVbjFLXyHxyJxvX3\nX1c/n0+8Z6Vor0qjT8vqWBfcM4YgyYE9r0vcrCCB9N69xY2SdEXe/9ex/Y6d\n2KgL6ZTE0/OjZ9uzSTH7doDVcJvvhBBS2GDF3jEGUcR70BPchfNlnDxgTU0p\nEbNxo7tSXBzvb4eSzBEZWAcwrryB4ZvioxENIjd7dxGbz+jVyUEkZMU+SZ1z\nFutL\r\n=rMt2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHZngVl/7+9Ahzk8SG27ys4zXpoPllScxEAO1XtJ2v+3AiEAgGVMmrAh2uhTY7Lc651MQyRN9HOfWO8TOcJFX/FrdtM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.22_1571479378817_0.20036174589160605"},"_hasShrinkwrap":false},"0.5.3-alpha.23":{"name":"@react-ssr/express","version":"0.5.3-alpha.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"179be4675105333bf555fed068504265940244dc","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Z5ApAyJL7uQ1Vsfg0RkhdIuhipbrRwMbifExvcVQ0EB6fiZA4y2IlUnJ7bFYFBb1x+bPknwazfpcWFQhdSc3XA==","shasum":"ab621ccef1b04cb7781d2fec25ed83c4b55d2d16","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.23.tgz","fileCount":11,"unpackedSize":27310,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquEVCRA9TVsSAnZWagAA27kP/jPLK/k35VRjP8h3XEDp\nov8L4SqJ6c5e0FM+5dPWFKlI13qGrExqVvcC9aOQwPvZOa5UWYneFnbJen6Q\noFIvmfabESEcNprMEVULTM4S5bGdfyZyJt3DJU50jE7HNM0SoslaZS1t7Lr+\nvq2EIChdiV497ZGUakMP/zCAENF3x6V05Ika+WEbC+E3mjSwu1unCANYO50r\n3nYIASz4AiUB+yETB6W+OERn3aNdljlAKduT+06nOxKEwTz2iJV+WfIojLCb\nzH497jCqb/tpuyo6aum2/qYfPPOBcNy3hvVlcKBTa0vvs+fmr9QfNU3mUiOI\nGIhm49KeAjZYJHjPcx58otyMY9H5nRwxK8IsX95IE7ddzCuYwdFr4KmQPCcf\njAhc10rPN5ghFHvvw/5Yd9C1Ac/jh4Y1G7+iS/E9aJGt2VhHdA3JXRq1Z4Yk\nyKxvO/50kUW/H73ZJ3+NBbNSzl4grS6LWt+5d9ZgLcCS2fW8BqAy1rLkbMRK\n3fhD+U4fxapNpHLeqwBvHDRo0iW8q8tLpqhNHxB/bgjtNNPhhwwj6zWHlpO0\n7Na95FAPbLRdoCCvXv1hT9FbdUUGP9Y8RT+sypp75axhTxIiCgn42Qc7yUqR\n9VEKLLoxZF/m59mVeBnwM37DSgIlCsopVxkV8a+RWqzr0BQJTE8eqvOMX/UY\nmvWa\r\n=WvKN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7wTR+MXf55GmSW8YcxD1wbNI/WIuOh7RkgAprUnXn5wIhAMZl+uF6T8PKzSS8l+x7KkZWNJzpjzXPLJ35JJcs6HRp"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.23_1571479829215_0.6485828898563182"},"_hasShrinkwrap":false},"0.5.3-alpha.24":{"name":"@react-ssr/express","version":"0.5.3-alpha.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"17c84f8a21dd2c7480e082276d4999c707bfe24c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-fzYoi1Pv27/xr5qKNHHc0Oys4vxZdXOqb5P8Jrol7Q9Iw/v/Pd8UbLN0As+HtuBfJO2d9OdWQNxTnpPkh/BjQA==","shasum":"2c5559f9b723c71d3d2bde2e1d15071f9f35847e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.24.tgz","fileCount":11,"unpackedSize":27348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquGJCRA9TVsSAnZWagAALnMQAIjm2Uduq/aJvkwx/VUf\np3+7Ytb5sU684aV+JRWFexUN031nBRBwrVXoI3DnJTaOMHPHLUemM5BL0Iqc\nooi34tbXH1DlOX8bXDQXLzkJYKLDep2Uy5urIpeB54V+8dbU0ESAdgazih0h\nmV25SK4qmZDi9VNTmAhz+CfRkyxt6UtBO1UXHOGMJrqC7HdCZb2U774pPnrL\nlA4RNd98csKt31C+06/2H1txZfjtPjgaixnawBChc0+JYhpqZLzS+89XF4jp\nOcOy/wp0UgfJ1m/UTTA37IHAh4hXdhwZPgoEURFvfnpbqOqYNfYu61oD2rqX\n8DhU2ltQT/10hGAnY82j8rwsjn6vHCR/kt/OnZ9ahPKMOjw+VWyG3DbHKnDK\nAZHtbHvi921zlfMkmdTG/ySDcxnq2xKBvHtfT18niQJsT2FbimIxS+NzUfsX\n08gMs3lFkcPBx2vYrsj4hf4zvh7dBJJcmYht6xxFjfQ9P0bUKuWqG8JoJU/x\n5M/mrM7rjjsHFYGCkqovAHcEPcXiv5AVWLb1WjWMTbssYv9tPTnfclJkQP+b\nDv9OZNP252+juahikRLurG6uZlheyHVyXaNnrUlOlTMyMFEBufULWxiRSOoG\nmd/I53gZpZIwMesu49EGrMs0x8LyvduUbP6NPBEcecnUfmhqrthtIQox7ukh\n7mob\r\n=MQDW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDnVqCaWjnyUvw2j9eqZlg+XMciiJ1k2LZJ9oqwBaC2AIgDcWbvCPQilKDSKhGRl11xu2OIjt6idHFltMm/r3Xy0I="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.24_1571479944922_0.9340957625474575"},"_hasShrinkwrap":false},"0.5.3-alpha.25":{"name":"@react-ssr/express","version":"0.5.3-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"800385eff1f9c588c4520fd090b657cea34b29e3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-jcAN3LjufHaiKk6rxF8TggF0bcTnZEu9FTr+JlVO1VwkS8poZG/ODKM7SuE5mMuxE0U5ez7kUgU+y9ZJlkBDEA==","shasum":"1e9c68ad2f5f487152f260f9da6d97a96948b0ff","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.25.tgz","fileCount":11,"unpackedSize":27297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquIfCRA9TVsSAnZWagAAIUEP/3U8v7KSt8zpQ+oNKzRA\nX+rElSXRRsL8DgTIR7T5Clez9D2nHJNI9od9JsrR/nSWrWSXQ8xvzyiyLeya\nexVHDgOIxiYZkcoFOgrbxGU845kz8pjw1qcjNnFMZPXCi1Radmm6YMSUVbFh\ni6mGRucUaeU3sJBzYCUeKrTiLARSjpdKj/B1WPAS7bzX14bS4P1zZULosNYh\n7EMF0gfMYUl5AjUiIrEoAIMIYA7SAc1NBjjae+JmkPopvahCCyiQSma31LNu\nAVmaAfVNuLLLRLwiSOEejs9JfmNPvcPcMllKkqnWJ7IsXZhagYshx7a5uRmP\nLkoS6MuRmTlIg8tzqujhhJ7E2Op0c2dWcdSitZLIWEMPmF/c71EPwcWidUzS\ngqX+sSCREELtjZddyJKNCMVWjwo424iADJTzDkZS7TiOAZklezZLxb3JOkkm\ncAPB3x8EO8HgB3aRbYfB0Ya5E/nC1G7I8h1M93VQFNj1zvHMogOPpfYfFzt8\nkyTsoRI2g7jb0w5fQ2E/BnkutOeSWw0wix0Zlm7w9QbNYzKEsRK3spud0Oqi\n4cR94dzFK5AW5c3nGosXNsQKQfNYU0g6wc3IbU1QHVPQtOB5U+YJjf88+XxJ\nIckmgCPDcycv4cuVUxoHbKH42bUeAUITpSXac2tyTUPDKPufEED/ZN3vaTF+\n94Et\r\n=5TNa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2QlKPnV/Kq8VVrTgIry/Q85nCdUx9TX7gEidYcrGOrAIgJ1jkwCTuV3NL9C3j8zs25Uj/7e/D14HSON2r7VcPFZo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.25_1571480095304_0.7347795147631679"},"_hasShrinkwrap":false},"0.5.3-alpha.26":{"name":"@react-ssr/express","version":"0.5.3-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8a7fd9fc0006de15036a59a04a86d5c5cfe0bfc2","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ee+Pjd3DMZTZmIwDNTyZ/yDBDxFzoS+3U469hBiSw4BouxHfk5K1wHpdBtuFTZGheaedXeLi3ACxi7QGhc2yWQ==","shasum":"1fa1800f86f966b8793332382f329e1a4a9d06a2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.26.tgz","fileCount":11,"unpackedSize":27303,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquKjCRA9TVsSAnZWagAABQsP/3uHTaG4F2BjuGtFBq39\n0x6aXwGiDQZlixdPRox/a0GXKwakQbnisvdTYbdXaHw1qpXn7Q4QO0t3TPmu\nqnTE5ah/iqnj3LpCm6g1jheq42+qiBFFlwi3NVD2x5g4vnDt/k8rNOCjADit\nt6I7u/AcDKCcA9jOtlDt8DcHIE7GW1fbyP2q65dEe6dmCMwdCV9Pzt6w0MRJ\nw60PwB+f0oF1nM7JLefNdHPyGwK4T+YLtPSkiPaJ7e0EiiFDil38M66yM1CN\nyoEQLKerxNWp0fLkQCJTf4Th5hgyf7P5E53E/UtJEiIXL2nidr6Km/Hhidti\nTufgrXZUYVv3kK4nqNgVycR7RPd3v499b2x9kTUMknn20dsCBmrggSyOH5fv\nznEZ5/nHjR0nFcqjeb2fJAbeOQsEFovo8dakgzmDCbCYQB9DG007Z6/Colsc\nh+oRE/qzpAice1HAZbZbS/k+JYxu6jWqyq4K09HOfpnwq2pTmaxH2O4xGqUl\nGFbYHZOCoPIZW3RshjiHzCFbG84hdeFK6CWJ7l8F4TUCIijZp+vzXsQQ00D0\nHaA3RChn/y5O+pqDw4Dq4LMvsbDLav1virFUaJtM0Bp6GDqdD0LgDUOrnQxU\n0y6hS9h6LQrGymX8q5gYplP+M+sizxp54UMK2unlP3Wvp68SzlIYd8FHIKzy\nBNPw\r\n=bMIq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGVDYB9xJZNP8gDY3CM6S1zbEBtlnGNQ4fk/9vhPJLJhAiA11jWtjgiCycZNSiZ/aSoM3d6mrxL1RCchBW0OrWOl0g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.26_1571480226998_0.2658716695015335"},"_hasShrinkwrap":false},"0.5.3-alpha.27":{"name":"@react-ssr/express","version":"0.5.3-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ebc5466f9a257f8667f74c0d7088538224a63370","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-97MW8GOi0Osu1y/MzhcvFKmKrscfnnexevb+bQA78dPr/buAlTNjFu9Q4B6x2SgI0AipYZyzWdLkVY7fkNJvSA==","shasum":"12bd8b77056ec6b698e81604cb42998c9956c46d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.27.tgz","fileCount":11,"unpackedSize":27345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquNNCRA9TVsSAnZWagAA0JMP/AzUDE7BmkKflzsN36Zn\nLeA0z3rJIH3FYJIe88Epx6HWpUeBBX849y8dD2EobkHhkE/LX/ru0yMUFlTt\nRGCugbtOLe2nB1isZFF9t67OSQyCTYYH03qSuDS9mtI+Xj6TAOy4X21rrMC+\nChNDFJDnEGXmdZRXugvttIXfVlRoKQOxOS/TEQ8Pf2OO3YvKxooLWqvkVCss\nYb88C9B2NkF1UtMt1u8gkG3hNg7LLtQCT2OwFH1r32iG8EAi28R4bxwZRSGi\nlC5mYNQI51qKui4PbfBsngUoY+8I3kqovqq0VdDgg2fSAYbxh8EOyBc1+S0A\n6RReZOqazrB4fHhHSSlotbX/JNbELm3A2HNYyLE/eBYO5ZsHbC2ih8zJwCiw\nUwp49V6W03xuIpPwS6juWXKD/kXWI7KOXPIGdgalrviukWfjjliVEnXMKbU7\ntIWp0eGmIivCj+Ts4uNjcZCPE9lwOHu5r7Bven4x7vw+2f+AniH6AdSyZE48\nrhvaczElwz+WfjA/igzeIKbVfrGTjaO6hyFN8CQtaZHj3RyV/81uqtJ7yOj7\nXL0enGw+j9cA81FiITITMqEuS1uN3R19LZPPZMOpcQor1yLOZgnxKQpbxrGt\nNAWPpFf84l8phvhQOqXbOjSs1hZiWbW/Fvv4N3IPEbo7Ks+gC0ciDj/kiYF9\nklfZ\r\n=weqr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAgTcCLzEy22jZUdq26uZq/pzv9nO2l5bzx4MekL4nOeAiAyFSVsebV66c6Au8gSUniWZvXwclo1Psa26VoZTzQGiQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.27_1571480396262_0.2241565018105811"},"_hasShrinkwrap":false},"0.5.3-alpha.28":{"name":"@react-ssr/express","version":"0.5.3-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e512f662b78abf3bdd70f206982a2531f0f95c8f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PnMPkRBaVg1XCXrXGIdDDydmeWhSFwrUXv7yV9CfqxIFhGIAUol3Wd6B3ntXvQVOASnecIWP77VCLtQE3A1cVQ==","shasum":"18845060c31c65a00402eddc47747fd8c28a4773","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.28.tgz","fileCount":11,"unpackedSize":27411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquRfCRA9TVsSAnZWagAAYmUQAI03b8FjTtz6ZnS5ToMm\n5Wlro1LaS9w3VeWWEPCDITd8xUeeqrvY2xkV6AtAvvBgRQvPkGpxTSq6LO80\n3Son8SLIHRh49PzXVitAffHMFMgDCCZGZta1b2l1bRV5yLbscxvJeMZS5/h+\ny4RfVRdNCY+OGQfvPODFHqXp2NsMJqynMulLF8/1sWKsisBvdWuDCSOcsmFi\nQ+NkBxoIa4z76DfJ+gr+7EElrFFbhg78xRJnQAOzW3k53QT2jWbbyiaxvXGQ\nbghYreelJ+PbXmAeXfJgboC9AQgTjd54dBKBARRGwQhyl1zLzVHhbNNiak/l\nZVYYhvnDlRHNvRI1p8HdgKQdGEXosft274ZYi9ciQZBiwOJ9Th6NXOF1jJbO\nAtKSYFRZpMQ6f1GyBDf9+U7umqkin3kgn1IePCY+bnubsL1xYSF3PMHueHHv\nIQKmr1CDBFI94jl10IqqPTRMVHhMj28tcJBkWlwnHAwj3Zi67k+JSB5YB+xx\njB9xwBo9W+Ztx6aQRQXjt+M6Kq7fBjgQrRh4z1V73wNtFAfHH7xAbD4dkKRE\nrQKFNVl03WsAXeuu4c6gYQtSyoA+9o0eUrT5pN4O1Po33NM8DZjoadXAeOzg\n+O9t2q3HNcz3alOqzidJ04pl3X0tqPxwNdADsWpUWr5ApqUWyOEmris3FJKL\nU41U\r\n=/6Cb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgUtyjkGHUryxMbtcQ3xQmee/jG50f2fN8CjqSp6S1ngIhANQvW/H9taR3Hvd+4lBBKN86b+b5Ni47QypDRHGmy+AP"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.28_1571480670815_0.4077802110384865"},"_hasShrinkwrap":false},"0.5.3-alpha.29":{"name":"@react-ssr/express","version":"0.5.3-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4a2b4a64296d3b8de567a8ad70ad7c2cd7cdb71d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UKpTs6oc2kg0U1ydkerux72uXpz0pfkccdy02cesGfF5RpVbJ7OnFjLXDSj355vMV7d9NQ/KYdKAaKA25hvw3g==","shasum":"eee081cee1d003078e88f3992ea24af0aa99de33","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.29.tgz","fileCount":11,"unpackedSize":27424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquUgCRA9TVsSAnZWagAABXYQAKS07zncUfYNpkCMTE2+\n4euAVE0YfyWQloipzR3rtFNz2vqwjDmGWFXt+ZPNMIHB+HyF2JvAb/LViZ04\nMyB5E7/jZF3bg/GTNTvOD8+11VsskUdG8L7xf4GF6qInou0J+DXq+TRsYCl/\nh05jDqcnvDvLE/ZxTfmWlLh0dYh2POrDGS8cce3JhPzQKwGR1R8m6Q8ErtTh\n3PStgc02JIJEfmCZAq5HzDLDjELKLO9GDRPz5QJmCW0RttD49whv3/bZCjFq\nVQIug5+d2gfiNqmYOCcm8xXjCq5NK47QVjeSa0s3f3NieWX/ljsqNG7CmQ3Y\n23CYzm0xPO3+V4vqoLFbZdDVZ66uieMa7a3cGgiKV5l01M0Zn4a6jKUuzTO7\nZoQAVuLh1HPKvixVKEG0QKqdOXHGXhHY3lBBWMHLTp43B61j7UcCgUnvllu3\nqvvbUmsS7e6kHxFaaeh6F4SZ4eM9IjJiL0pokVAijDioW+f0YxAxAfI4kx6O\nXrtn2WSN3ZXkb36W7/J8QpvMz4YD+czhDhjA2vElO0Hecb0Do8tIaQloaFc+\n36mdEMfmMRmHlHZG0G0OWn3WtiZcQ9wySJKyj+9DNm9N9jtRQPnkJj1VGYO8\nm6huwkkQF8IeLwx+BkrtE8wRJ4rregYWU2e+R9RPE5a41Bvb2CH24u4JcTkQ\nRwrI\r\n=8Aol\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHT3oMIjcAeI4AepItAY3RPj3+k7ywz3jAOTAeelFn+pAiEAva8HeqF3KVB27H5NZYFaYktvxUUb/mAuo/f2mCM3VBU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.29_1571480863457_0.2718948413757145"},"_hasShrinkwrap":false},"0.5.3-alpha.30":{"name":"@react-ssr/express","version":"0.5.3-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"079a6a16f75428b143631730e93497935685b41c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3GgFTc2iwBaqZx4HBqoswIRofWMzY1ib0sBivLWekZ/rEFTP+LxI7hRgTWefgfWSkGCwE5x3rDzJIwA7tzZ/9w==","shasum":"a543b02e88bdddd13cb8525b41f93cb966834ac3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.30.tgz","fileCount":11,"unpackedSize":27607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdquYrCRA9TVsSAnZWagAAUloP/2Bc1NEA/81ULQH3L/zP\nxakJgqCAHm/L5MbHGFn9iem4/G94PpvL6zAk0SbqH93ahKRY/d/PqQP31HZN\nKmjzVxjXqiKpROMYSORWJ87HJm5NL3D76eAI2vtrncGl8MY+Jfz3Mu8MDet/\nR/1gmH9D1oAHSfc6UYXWceN2ksW4dAKSN398NFYYEevRmHefNtXQPsxvODki\naEbliJIRoHURemb2jZRQdyYInPrUpW0ahcVGiXU7MsPdWLx8xU366SZgmj1K\nwWeQexmTMY4Eb7FPStHSaGnmttF05+olkQdvNqIujR7a5QG5KwTOyVRpv3+h\nj0UMYpxtkRMHM/caEFn8dPneKuIngOdXkH2n70pZdo0aUHpoBDrM9bYzLHYv\nCS2ANLMPXNPV/oxvgCh8y55w/U15P/3G2dLVioLtUA/ZRnQhyMiDY7Tzl7+i\nm4tMiAOMd7t2GUY/9chNgE30JeCAzUIybW8U+Fw6ONXlodCOzBuJI98ui70s\nu+MEbD+sUZBh6JWD/wfwzdp5g+sCCrZssz1oG25W63ZAkFkxFDBQIr0pecqP\n/DmrncV0XE3Av+jV49v/aoQQ9spDz5Igddxgar3aGn37UZv/uyr/9jxBRAuG\n/h+6XN3Y5Blyj2Dkwm6o4ZisDL9ZZEdquPLDZdVeyo+rAzW19UxoE/hplPIy\nv8Es\r\n=abdP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFv53qkKsUPcAxPuvltEilM7q8VSOLlOzf6sLdrRdARXAiEA/Jyw4FiBDfJJxBOdGONFC2wWQ8tA/rv3hmtpo8RGcu4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.30_1571481131048_0.7207027514152355"},"_hasShrinkwrap":false},"0.5.3-alpha.31":{"name":"@react-ssr/express","version":"0.5.3-alpha.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9862ce502f0f8f54f34274de75474b7f284cb8dc","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EdeawxUUBnmdCOAGSm/cJbyBAXSM2uUzVvKoqAiTypFAM1Dkt+yFA03/eCr/UZzwI6Qx5ksgX0qLGsUFpJO03g==","shasum":"84255238ad5d4e39350790718c41724699a92397","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.31.tgz","fileCount":11,"unpackedSize":27434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqusnCRA9TVsSAnZWagAAS6QP/iJAZY2SXGM+/fmyntBz\nS328xpohHTFYJn9Ww/6dyXbOp5weYCCsBzA/qCIUxUKFGxtXwJWpU0/6OMC4\nmXGHW/VuQ+DvngAMTKwvQSVmQ0rYUTqCvtix287hNhPevBxyra80hNi+FFZh\nNkXHgNkz15rHZMDZfm112KGsExjVziKA57trRK4Y8D+xv+veWJW26jK5xqv0\nOXQLeku5yMmcYTdrQSu+//vE4Z1pYZ4wefWrx4/7BlJ3efHNGfugxXSb9qmn\nxP7phOdrn9LwZp0qDBLg0ffmh9M5wN33r2cB465a8Z887H879aTnceWCEfUL\nsEOXVguhCPrEh2GwOrxqJI8LP/UFgASrp1wgUj91g2gxTLZrbQCcaK1sgM6U\nzEJE7kILcUTaIS9ZPmxD55gs8r8BIBGfawH9mORDMG63fEFqgm/Y6WeGeVmf\n2ZDxB36bLxWb3dvBsKiG4Lpt4+Witvpx2IC6YzSuMJ+1Qml/s1der4LRxX7b\nq2fV3N7GWQeRdRIH/XOqdyFQxOX5Z9k41Ar/DfHz3O1oOMN6IDiWSpEXaQHR\nY3xQqxCRK0cXZIbmfZbI6fDT1Ryat/H+PMR2mLWE8bfEt8kD31mqp6ibnII4\n1UdpwYzqsfCxCfG1R1uc4iQOhOQnQdp8Axk9obNAmUwsRnEA+tCRQF9cxHqj\nCKdu\r\n=zAuI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBY+7ITG9Twt8syzgXVRzcuof6UB8Nf6d87LD6fJgHNbAiBpit69Kbur1snjgN4+t1f63Yx+7QzRaZpDXNC6PMKnMg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.31_1571482407160_0.011624542867277654"},"_hasShrinkwrap":false},"0.5.3-alpha.32":{"name":"@react-ssr/express","version":"0.5.3-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c086598c5cb9cc500ef741b8adae230f42ebbe18","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zxU1/lpywN7NZMEyEtosxJD3DGii10z5HHB7V6iti1goyCJT0/QxP4FTbx+wjFGRDi4YMx74P1e7PMYHzfIftw==","shasum":"5ec4ed599e80cab48fe7211399b0eacce8840368","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.32.tgz","fileCount":11,"unpackedSize":27394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqux5CRA9TVsSAnZWagAA5H4QAIrr5GYDmvOXNoPieskJ\nIWSqw3F79YAg4xGtSv087AJbZRAUToix27lynCVUkB0kwgWQst7B3bQOPkqj\nWwon8XLP5G3z9U1EyX7Wn1++Fg/QCrbHcSKrH9u5NYW5/t18YPEU1ivTNB/E\npqH4flN0+KEcED+g0An8WO1Wm7eNAEHTIzokpFzPTf6IHQAO+o5m9dk5bKlq\nzybZR5zWKZ1JrT8xiDk4lmRoGIqiwyS6AeMhwY6HrNHugeNeaL00WfdP5iwD\nxK9k9mFPGuSU6W6h1gRBon7Eu39oWmhpiqa0jEDBjHrO9zX8FBFfiw6FPi3F\nNsMh4cHQcDVVMoHjB+32kafBE+ZRce8PET7adlLIkoPjAUBKztalUtEckEe4\ngK5rbqeDdhfxWtntCh1SK01qA8bQSzvJ80I8H6QwLrQLsCdE8j5FLh1VB5hm\n9UEsH4tS8kEMc/HPhQzlSETPBUifCrw6/iSWgK1CQ8gJyWI9vF//ZPF+uVw+\nO9nAc9SxOvrcbr4CMNK6W5QM/9a34IPEjHuGCpvOqhH5FCWTLCDFQauhpTnC\nrC0vxy4ngAjVIArkbN+hRJNAzz0ZSfhhj/SrSCgtz3CmMoC4k3Bz1ki0XC+v\nXKqZPms/Bdbrb4DZpQNrMgD16g52CMfsxtEycKDiCnBM/+QW6dk2QwPzcnAZ\nKKm1\r\n=55nx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBRCTAACIVVxlCmOkq0lPsCtvKGIQfk0gEJfmudClCGoAiEA4UX8CxL2Yl/MRu9paGGaKSppH1t4/6V3zOLloqzS1Cw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.32_1571482744950_0.01834205632227115"},"_hasShrinkwrap":false},"0.5.3-alpha.33":{"name":"@react-ssr/express","version":"0.5.3-alpha.33","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"76b01bef49818156d138220f1dd88664982ecd42","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.33","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Imja00rq0/D1NxbCIsdFOfMX0u2U1qEkVFUymVbPlE6v6f68cqYAw96nmx98mGB+3/KN75ktZWUOoi3ilxxTYw==","shasum":"787ba384d6f23d94ce443dcb6b664212768f952e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.33.tgz","fileCount":11,"unpackedSize":27566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqu05CRA9TVsSAnZWagAAgKsP/RYUootKi50OfesEmF7j\niYrNkGWzmkylTP35MB3wBVvm6HysU6H4euz4hnzHa7I8rlPIGhNYO3rN1f2W\nDE20vgzeUID3yN+kZoQucfSM01CXzRNaEpzvBox4LIpFKvhE/nna7TW005Ar\nTFyDTdRCqKqmcX38DDVBztNE96QJ9rtsBdRD8DTACf/vy65dXMJsY4r9RBzW\n5k+y01HA2dMi5H2wBNntWV97n2X8gnEIbkoMjagEEfQ3UHQt8rD5zFpZOuZz\nxzl3f9q0cWJxKdqegNevjCgtWkIcME6eewvaODDSazqCEA62c/Zt9UgeVHOp\nOg2ilDbjdViyxk5WSmsXRS++1B0NG+RQ4CSTiZKjz/mmKgBwcQYc1MJ+XCxQ\nbppFF1TPsXEf4h+qyZJ0bIFcHx0n2JuWWNjiGSm/0xnNQnfNJd09WGnUy8vE\nnyv3WSvKkPyU0Bz6YYFVi1otvtiELci+U7OLFFakBJIp4tKF19PNlu7bYi+P\n0/544xIzUBL7keuS6HnAymaJvT4bE1Q4xz713GDfgf6XaViKw9S6YMQIYJkm\nQqdQL/5499ym2oa4BRoMYii8HdsnXyFq9KfX5w2MuhWWZ0kJYLlXcu8PmUjb\ncXwROhah8TGDXwb81pFbHsTCP9aa/dS5/30b470aFV6hV0/IAJ8XtEnPLfS2\nY2EC\r\n=Fq8n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuklsGD9+Vy6P+8LlWo6dTrsHDb/BqEi1//AA2++AdfAiEA62Qu94ZvqAO1kWkXLXODcM07Hs7ZX4B/Y/VBTwwqtZ0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.33_1571482937188_0.9843682633079314"},"_hasShrinkwrap":false},"0.5.3-alpha.34":{"name":"@react-ssr/express","version":"0.5.3-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7ffa64664bcabf3586cc5d396a05af06876cea43","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-n/lo1IG/I0IC2xWqyfB0LlJ/QAXkqKAfnWyEfoudTYuXXBO2aloY+mZrVdKkEXCilA8y/O3tnCim0pAotQnh5w==","shasum":"d0ca481fbfb0f1ca03924bdd790db2b072831906","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.34.tgz","fileCount":11,"unpackedSize":27417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqu+LCRA9TVsSAnZWagAAL+oQAJOkj3GTQ4F6nitOuxoV\nzbYmIgWukBdX2LoP+Q3sOKRkplp/VSVCQy74IJpVmG5xV++rOaNzBv5tMphI\nLPnP9CgxxDcUTcR0Ae8XVdUUvXdXaTrZJDxhAti0wEQSYaaCPa/LAXBjeVZF\n6HD4WSOEnoEPJhQ2qJDZ/GxxcqWb86pjaUX7qu63tw8r+4MgEUsCEyweDdOs\n2C6zJ8qkhJGNaq/EfWKzyQuewUvBcDud2rJe33N4czL0fQJuTi1Nv4RLAKdg\nR22SuYzdTDpdX+el3xOMfJteoFBd+YKVwN0hN4RFAwwG1JE2s6gFhoZ9Th2s\nTZSqdViPRuVGLHiCseEQJ61lWGdpSNda4wLvjBkbvuMiz2YcZdfuSfrxzJlk\n5jDfpJN2wT9eH7AKhBbzbQNNlZ2TL4US3jpEhWHLn0HcJzFK0onO17fdS7oY\n3KtvV56LkWaD8kxwvqG+O83u8eRYYPEfXNsMbstCbkl0/xh2DzVQeYSJ6jb2\nKIQp3LQTULBGl8C2282qsC5Mn2Q/Vczo2k6Xw/l5R5PmdDa9BgnCQv+wLJm5\n6pISFHqH1mOuAcUrIEg0IMYpp+e+Y8VZOhlVQ897UJ3REVC2fwdfCZZmjmFV\nX+TFTWqC+zRVLaNFnONosEhwGJfoIDlNoswhkw1qtoMHmek33Vl0MvXIOl/T\n+7QQ\r\n=2LkG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkneNsQDUYDDfQELrJFSGdD4vmP84mBUY36ViGO5pZigIgC6BVXcqZZgKfkufdknrd12UzOPrb2BLea2FqOxr2Tng="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.34_1571483530562_0.80404666893423"},"_hasShrinkwrap":false},"0.5.3-alpha.35":{"name":"@react-ssr/express","version":"0.5.3-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6a785c8f76dada16ec0966f480cc4b3d739956c8","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.3-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-64PST9L6LDQUhkMmq6CcJi/7Y5fhkx82oP1IR3caqLj1ceT8sfAxBGMK5U5JE8ofiaxUUEh2m0pwNNvRYyWvsQ==","shasum":"f405f799aa5fb638fea61682e0f3555dd5403e4b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3-alpha.35.tgz","fileCount":11,"unpackedSize":27737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqvpGCRA9TVsSAnZWagAATOwQAII7v2GdOZ3yRpVoDtQP\nZEbIRwJH/2kUcNxdU0GyaXsPEkPyHJ74FulS3V3no0IceMvyHcYHLCqtIcbC\nReGQ2cvLNaYlvLCYBVfMHrd4uqGzGC1nRmk98Y4WBZlKNTd0l30VliZMjQUp\nyubiCqQY4ZigVPU3rp4AVKWhe9cPN0zihN0/ygyis3OJhAwCM2T2cPq2nOVH\nJ03VgaATx+RJ/9Mf+w1/+oQpk3oGx+qG7JScUh8c/OO8Jv9/80n+WhEoOxTx\ncb4Do3iBzMy6wdRAOx3KKl1RGkce8R3jJ7NCQcbuamWUdZqtZQA+iZQPSrdq\nOfRIqa2oOh9rW984JaMsNazEI4guyb3H0Q4CAI7CtdCeELuwgRCbzpXeWzk3\nvCq9latu8AdEa+e78ncTtfgYAFJPA+S6v3svytGvrhjtVZTC1sppeDq+vFRU\nFIqDNmU63FT/XKaZjPEcoWZuWEgqL/x25PB+gfJiX70wPeA/IZnAu0rAbfdn\noPVmrq3W4awsMmTSx5tTOfZoolf3pxjblUZu4ovmEAlcoFFcHp13q0x+85UL\nJFpjnCay54NJWzM+AknPBsVPTY2AheIctQXFlQw4HLyL2Ua7s+eAOR1xupv9\nworBkw/QpqqHPl/3r4GWpv9YEOvvDXqH0KN1MTG6SOudD5hiP1TpnQFCkIxC\nD3/5\r\n=OE4Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID6nEY6AhL+601q2jZ9siEp9g/3wH/VlKZpL2IpL3czLAiAfOtO3+SCpQwaueQJ8vCyhuWFQY2dfoxSyr1n/Gupo+Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3-alpha.35_1571486277805_0.2133501939018545"},"_hasShrinkwrap":false},"0.5.3":{"name":"@react-ssr/express","version":"0.5.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d787071e36029071a79d24144d9910ad1fc0b917","_id":"@react-ssr/express@0.5.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1LImEJ9gK5qrpCiNX1wnk25/o9MncmAcpnazb8XnoTiuUBJLIsMRP1H2kY+b22NPbBjzCJHbwWLEPgXqfPqrTw==","shasum":"301bacf9ae36a5a9ce864cf6b76c5df6964fb8d8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.3.tgz","fileCount":11,"unpackedSize":27768,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqv46CRA9TVsSAnZWagAAO40P/3X/W5N/mmIGzE3aTErn\ng8eE7ZCZwJQlmmYbR2vkSFgAlzfl72n66OgQHjWr+Pzc6fX0Ok/GEu/Qa+lS\nvv2+IFtmL4s5IgvvfUrrFNcFs00DAPaxXxR6M80C2NYrDQpGgY6m3jKYAN2p\ntFnF0C1K+0ctSAQJML5ABpP2k5L0ngP8ZXYN2qFsUT4vydP9b0J2B+KniWuH\ndGDTde0gvcjWnw2eGKaFg2JF5OKpO/kpJJeZpQZiBW2O5amW0hUxnbgVFwZu\nkQCCgAQG9J/7S4GL/XHQhPbcBA3qbp7QVVwNrr8ZwJrsNIWdulxNlN3E862B\nS9+CaY/gXiJ4bZvWIUF6hCfOUM40r70mbEYFlBmkYmtuJarbQzjRwyjSxHHo\n4TRb/3C8YWoibxFCbfQTG60LCD2snrzewit/jQDb6PSDNqP0aa0CjxY0dADe\nu49NqmJIm7gVqEdlwAHYRVX+Y40hiLc/G/rWUEBPgQkKz1H3pgDimjTxGyuQ\nYvrAx0Q3eJLNmbv4lOODj1HEuweXXu9p/KO1clsXuSyPzD2v3UDGFyYJrNFW\nV9Qz9N5i2ygBXrzT13/eK4iJM983wTzbzparWskVaXVPn/i26y8Q/4GON4Vb\njI/S23MZcav3U/oZDR4SzO39p0HWRaYT0WwFHtLmwkC+QhRB5KWLlskIcZSF\nyFnv\r\n=qPes\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkBrW6utLsQLbKlqKhJRlswErMYEjpW3HHCWzUw239rwIhAK3KT+yATRBzoO0o+talV1uu6sl1On1gb/s7zxsI/UWc"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.3_1571487289380_0.3755696468265177"},"_hasShrinkwrap":false},"0.5.4-alpha.0":{"name":"@react-ssr/express","version":"0.5.4-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c6c8593539afb4a5fb3c9d2530e818df5c8a4be4","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-VpYD8Cp/AzuqOUerylAKAtR8shnVNm2uM3QgGtn83X2/VH2G0/PorNpEqJWSUtATrjQRZd1WdvuV4GOs0LV9lA==","shasum":"08487b8596ac961d3e29d2f6a49b5e92c1a12ac4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.0.tgz","fileCount":11,"unpackedSize":27348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqv54CRA9TVsSAnZWagAAW6cP/jMQDo/MrTIl1HfVxMt3\nFqoLFK2f2G0jaDKCsDVfmoFcheG1M86HYcRymQUBwc2H0ebhikm3ByZQTaYD\neYD29CzZ5p5VY9+j+l+GSfVrj9AMTfHkgMjDrPXGd1h7U7x8ppw+BzGNCoRD\nCI5WZ0+/krRFbbSLrKX8mVyF3UR27Z/RMUkvFmWe5H8GcNtZUnTDmQ5FyLuX\nBmE6Gpd2NsCg8EhbyxrFjG/Np09SuFk39RAJuD7Ytq/nP/3OpYwLoXs8yb6b\nZIePEgBwvxKWIcjyverwyRmixpr0+SJC7oPw6sxwEbvyJDVyJa1zmvty/wZb\nI3MGSfOL+a0Jc4XFdEwLEm47l7wiH5QRDP7BUb/NVQxQlD3DgPU++nBc0Kzp\nCQ2nOoSqdI80ofmxgsgYFTOD12QpUBmUkWl2tG1rQHE8nEls8KUiYiiBKDhN\nabgLK/XVjGSIk6Gz+WHk7I9xNzEYuAhmRpHVs+LU+rbQVFmkhMWaR6RGEnbd\nppga7gw3EtyM0Kojm4DgrLT1hHef4lPyquggP5cXLuxWTgoe7Ve8DYCSuyAd\nnwN5Hb+dofxHZp0G506SXtK2m6+0cw0o5hNtUZaWVdDc+VSVAk+uyeavzpy8\npUq+xv+2ANbx9DE8CJzskIZ7QSTNp/tyZCWGnZoNMO07stT4GJtCoO8lve4D\nWHLv\r\n=FVEK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCyeXTjom49fOmmJhjVK4yw0Mwzk1iSRnTk7xHAwOUBAIhAN5M1shW9XlxxUX3UsHVsqUJvDnCgb3GpCVMks1kLCIv"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.0_1571487351662_0.10305488632234217"},"_hasShrinkwrap":false},"0.5.4-alpha.1":{"name":"@react-ssr/express","version":"0.5.4-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4d9f5cd304f62defe78c9ea6a3effc8d304e9bff","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mYKkkfQxI4TlcwfkZNR2uNoLDON3NLyCcSiywlBdvLhjmHuGH8KUnmVUpsbrg3KIZXOl1lom93hS6e9kw82Nkg==","shasum":"c754ed89963cc57dcd9031ca4df9c36714b4e98f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.1.tgz","fileCount":11,"unpackedSize":27359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqwHfCRA9TVsSAnZWagAAxE8P/2Xq+emlTYtf0sQX57lj\nLDK9E6RBytKUm7UcDNmuTQ2C6Qgy4dj297ZZFZKRTJmqay4/V7KPGBgO8Lj7\nWKH+TRSFPykAGOajHJAN5n7ah6ZwC68o302md7J4Fl0iuuDjiPSBVjtG9dNk\nRmICvYQnFTnDaSN1gNc2ht7vLZtL54D1Nnwz79sbObacA7ak9fysD0EcB7UF\nZqRVruNLedwxyT5zvOmwlUdZ7MGZfdJ+IW9G98I8lYTBppkiZkB3HySWIDFY\nyxI+7DbW69JSSYtlrOiXoJQXap5BZP3eCjNedhsHxXLFI+/BbfLq+eoHBA1x\nZEnc4KZugMTJtjkKfibp1Y7YbqpvtbpwUZGno/gi/oUYgxSJoyNozuwwriO8\nlGc1zYmXkwjtQt6SbELeizG+G7KYFv3JRWXaswKtNFrAsPQX5KArd5ITjpYL\nvF9JTR/b5MFZcq9S0BO0VVw03QM6TviOKvZHDp2dsHkI2x4fgpHXL4D/qGKt\nWo5Kf1G8mTpPKiCy65zk+DBftSbOgNFRrf2wO089atstfBJzqGWgxHE4rHlw\nrSGrAOlb9DcCfBG1Wcd5s2gQsU+BMLoN0l5MAfzDBXFCxTxmIOdBb9g/1DCY\nX/BA+fUmMhdVDbANDjWX7KWPVZTAQ1c5V1nef92HPLfyTq155nz5CZx84vfV\n/MQJ\r\n=qpKW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYb4qUQarrcwbKgGXDsvckmBJenWALF8ah6k4ukHfgrwIhAMDwEm2Pa9mXpV1WFg/ipQ91bgH9+OLoa6lg3jWZiof/"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.1_1571488222653_0.08107794888966868"},"_hasShrinkwrap":false},"0.5.4-alpha.2":{"name":"@react-ssr/express","version":"0.5.4-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b56fc4e6bef2be30dc1e9bb7391ca9c53cf18b2c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HT2jykkkKidbyvxnaXUT1NMWwVft8OlIkVvvB+w3syQOg9+okb2aTsx85LKn2ti9JSt2HUFRBHQQGFCCWD7Gpw==","shasum":"22c492569a5a3cf633e1914ebdf8b4581aee8ac4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.2.tgz","fileCount":11,"unpackedSize":27477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqwMSCRA9TVsSAnZWagAAa94QAIxtSmKhJMfRsY3yb0CH\n0rGIKRR7gpMLgpdTxEzd+8FDY0EROfJnjO92GRdbw8WbmuVpsUgYmaSDDCoV\nQKLQ5thpSvfkIcGGzPzjIYupm1F9c5hvuXxcd45mnBkFyd66H3Zc+o5ePjqd\ngwnHzQVNiQctU0zfW33GGjxa5t6zyXHSoaHrNAOdYptth1GTFA3kN4bSEt+x\np3c1kqgCKKMoWr5cmHvaoNTKNn6KVAIyv2En64WLy1+qsxwPhp/i14rycQcM\nSXW3KObU3EYgn+pozQrdAOnv4RTu3WDm/DAFGQ016y3aAJC1LKbpcI3TGJR+\n+xOz2fdC6Ot9qHu52Ir7Bqu9VWf/8+x4ojpDcmPiZhHL8iwB2Oq67Cc2hXuQ\nWMeuwj/oFQy4lxNoZ/H9GNlZ7gzUWFnUIdzQ80NA/O1DysjVRNKYiq+wgiYm\nWlv269WGkgYL9bfeLkTzX6kp9A1eJZtQ4yqknhr8SjbnFTOZ918eFRFkBujv\nwEw/RfGcgQcGoLUWe20xV1/HFTAbz023CpPHJRPEtFL4Rb+4IUfZFASQCKuP\nJEGvRCqbg4yIKw1ZaQMUUhWHrxT3k03Z8JZ6hOuHrs3gWceUNiSFqwtmA4eK\nLQEiuRH0vuyelvqBS4uUKuinoBZp9VaHePL3FcoFSznceZaHvHt7OyAKLfSS\nBVA0\r\n=y8vb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcuxfvVtnc/tqHOwF8N04ecQL5aArI+AcQrW1HJ+rQnAIgA/IX9oylRWQDRJKAvl/LrUmrY0PXD5IW7ZYynH9LJQo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.2_1571488530022_0.3106933164842858"},"_hasShrinkwrap":false},"0.5.4-alpha.5":{"name":"@react-ssr/express","version":"0.5.4-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"98eb5c23f71c6ef032b6a5630355645960443d60","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CuV7IytofXjQkm62fO8eEcbYZOT694ASenLEFDvuEgQjZPPTfq1EhLW6FFr7LS6dKY68nQxrRCTFgEpIj3MymA==","shasum":"7d70020544a6f6e40f57eba6e681d28a26d8365a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.5.tgz","fileCount":11,"unpackedSize":27494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqwgQCRA9TVsSAnZWagAAVoYQAJjIUCS8FOgIh+kqkfYu\nsRjWjFKELK9uHzqSE9cAaVIkMDAhG56/z5VCBda69RUQD4JFpivNZwweEid5\nx/8+tku6U+S49NWRor1vDnUl38o2f6z2jzETbSwA185IE3bDoo/kVKHPQi5E\npaF7kNhSsEO/62d36f46EccUrvNLPD2CwpziTAmaiJc6BOY9rzfZmGKt7cRq\n77WjZw7brFtnTiYFjvbrB6P59VXm8OcewaHAvW5MwSH/hB1bFU/2/mj334Cu\nH9eMr3jcGL+5U6DbbWkhB6xUt80NH06sRfz7bdDfYDC/LdvCiCpLPQAyfGuB\nXGEIierr8kNcvuZMcGbtidiQNIhQ+RRsc1eTp8KpykHt8ziGU13AwQ2HT5Pd\nhDuKJHccpsnwxCGLhYw02jHby74jz6c06MT5O5EagC5az3eAoVJ7WniFZDNu\nm27x4nR9lBeGisEVq9nZm4OIMIRnv7roIYxjXjioPDv+fYzEc6YqfsVrFXR4\nvXBa/Q4jI8mzHoKxsLpbgN1BNWWctCo+3eErtO6HEPePlmjSelGd5x0FuSvL\njXMe6VS381CrSM4utd7RA9tab55u6eWBZQknDbHdm7PvAgsMkCmqlm1K4ZZq\ns5IVry/AIf86xAVIsOqdioaJ67QQrLCCa+Cf/L4gH6vGNHIzq5ZiEAwwpv0a\ncsIV\r\n=crkC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGggZk3iOmnZvmFIM4+zYeZgrkQKgtbpIiZxFuVF0bZpAiEAjSrHR/UIkz+EIK6MpVEgOfKLNKzpphNCI5/1TB4xfCM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.5_1571489808347_0.3341714349181464"},"_hasShrinkwrap":false},"0.5.4-alpha.6":{"name":"@react-ssr/express","version":"0.5.4-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e4b460d8c81e70766de8439a8911bd95323b0a0c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-XV2XuO+4wOh4Njhw6Z7j7jxdGzkU+5psgjG0Z511Yv+eQWcByoRk+BiL1R/ULlBEUJ4/NzU4FbPWcXd8FdEQSg==","shasum":"7c5ac4ec69e0c934e310089d22ab459f60feb362","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.6.tgz","fileCount":11,"unpackedSize":27500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqwkBCRA9TVsSAnZWagAAsbYP/RVGzzypetcqpHZjblyr\nUHDY+N1o0NtP4FCqy9rxeQK6yFKI0/AZIpB+g6F+Z5Cv4YOJ5LDbKzhROEvm\nZDsqPMfVeWOUCZoDmop5JE8E9DSXA90jSdC/54/qQtOsZbwhu8Dy/K++TIj3\n53l5Qb5hk9nVPbDZ5smmLEujKoPiHEhW3xxY2HnpqEOQThux41mu4LLc2l2k\nnyhouHt3KqLPLpSpWVbGQ+qzwjDFmtiUReO9lqkNqDBEBh3yBjwLPLk03Pfx\nix8ZbI3kXzHIlkudfqo99uQldN7E3bYTTCZPptzzobRi1CEU6JHjl3oNrEdw\ngl/3iUgKFZB+QXEFgRqRTpT4x7DTX5AKf1bHxhErKmttf6mPQbkSIkYUgAfN\nokNHbg2Zg2CFevgMtmNGz1PBvanBv8UaD1pGGzFT/RH0Yd0Ze6gYo4iwIWl2\ndYyHU7MlIgV1u+eSZk8t16TVOimJkGwq1S8AQVWvsp0GUzSRt7msgdhobvcF\nVSaV44feNFNW8hmLWoMuvUMKvE2rz8ZWPz/IY67/IPlIPyQ8jUqT9OBbq3iu\nXcy/nDX7q2gZUgZcZXmLUt/YXZyIBBenZSFAn9kg2O9AihpYEGAx1z1ytgm6\ntwi6Fwh26/Mr0RLxAce0hV636D2rDWRTFVtZRgxCAg4ZWS9vdF1PqU9gbo6Q\n5Kob\r\n=3tZA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCntnZsVkXzRLIgJWh9v/3oQgOOm8tzRaJ5AjP1GR2ZdgIgIEUhF7TxMTBWHY9IHwpaOpJiUk23HqcjUSPp0T0Xk6U="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.6_1571490048937_0.8521439333658583"},"_hasShrinkwrap":false},"0.5.4-alpha.7":{"name":"@react-ssr/express","version":"0.5.4-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"79028fe3638e52f9266103c6bf713cecfcd1bc90","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-oRf1LaPELMuWN1V9zrcVyQ2MH+meTibHvLgzXqQ1Fj+51VAB/ehIBxVhbZnjJilsckmCZHkyJifeZk772JoajQ==","shasum":"18269fe814869c49c04fd917a0a2358edaf2945a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.7.tgz","fileCount":11,"unpackedSize":27862,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqwvhCRA9TVsSAnZWagAA4tgP/A2HfCsm/D4+O3dYBJoW\ne+Z1NvpnbZoYYyMVRcOJ7vQl9c/GYJq2NQCPaTT4EtCz+ScuYxvxBLPweqOV\n6WZxYifioGwI4OjqEmDS3ItlJ01doRHtn1HuqPVZApPgPIPWyQXb08s3afiS\nAr0W3OQSp4N/Ap64TLs0uA+O9ZpPI2VTy/Mxi+rHX+BnWNuhSQNQhKV64Amx\nfeqdJjdoGKxzZQwCoyNwUZRRQb/ARPgCn1uSTMTCTzLJlddDB7W1vdKILHvf\nrlzxri8aFGFos6Lleg5VQfSrGyWZGZpTP0EhTEWrPFpglcxNf78am9HvQOC9\nAznIZCM0tX6wY03vHFvTrd7fRca6txPYogM8ZuOEfaa6J2taWcWpC2I2I1aD\nJiZ793Isssu6/6+TesEtLBdOwi8PDeaKNsNR7Y5S4WzbebOUx/V2iSeqt/rn\nLGnr94zOvcR11kR6mdH0vtKG3Hwgby2m5qmw1g0F9sBTmMbLZ13TM+MPV5Av\nHOUCcn4dRCk+5OHswAR8BgKDwnPwhzBGcbBI3ZC//8PeapcuV2ey9+uI8zgr\nUZLHFCAZmVTmrYgflQpQvMR4+YfVlsxexYtBT4S32Ap29n739bFw4GjVW0tx\noRpTyFYxlOlkKCz4DHTALqFj3ntV15W/t0CUy1qtSYmlu/5k5A1dspmI7mpL\nR8uh\r\n=hDdI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGn2nQb1yf/OzBDxC2uFbt25uKchZJPIb9m2BPQx6bvGAiEAgm2IfC31B318GwIEwHq99loKUCgjb8mk2iOzVPCurxU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.7_1571490784360_0.20994457196264515"},"_hasShrinkwrap":false},"0.5.4-alpha.8":{"name":"@react-ssr/express","version":"0.5.4-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2","yellowbox-react":"^0.10.0"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"562e92382a82d7b1e10d2673b1c782d7ba47a141","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-p0oV3WEH5ZOOqy9+sONWDX7ysOPEkbWYm9tR3Le+YM7V2E/pWJGYYLJQ2KuS6wJVjIVTDbnDZ4r1fRiCmGcbLQ==","shasum":"fc8aa36839c785522905bdd9910b197d9c87934c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.8.tgz","fileCount":11,"unpackedSize":28020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqw/uCRA9TVsSAnZWagAA3NAQAI7ct3ZFBulm3+L2sO1R\nmC7iTOykcXnen30swjqAN4lpBNYXxgsV9WrEhHrrb3SCRNzJDJEc649Ny6b8\ns86lcOmfPNf0lcq8ltJY+Pe8XYX3tktbFbSpEuFgaP0BPb7Ysh9NGKLYIco7\nO80ydIDZTbWvTI/0nW+r0zTD+gNnkgqosvdvbuNNzKxlHUtbY1fQeDs57Ktj\n/mEhdIQ9wO+if34h/6M27zzRneQHSd86N0yqLSdCEvaGdZ1km2spgjOA1F/2\nACH5Rw5arRxT5kBVAfxLaPoVQPvVGr8YhefaMB+OyFHsq7IVH/HBNpZSddlv\nrOBrnwtDzSqhPCt2DkE5xHWfb1YpdUClhTcUr0kgQtNEX5zpTttdHTM5v5MJ\n15a6TjOaiT+qFYzTOUprN5OnfUiMn+CuQvz4V12QYS2Y3C46xh6OhI9yE5m8\n6+YEdmTMEiXAM9KdgyXWgxz1Q4T7XRccSg+Q4liOIKVrrQOD7ftW9iG/c95c\nkr5ns2LM2u4ZA1G8vOYk4gY2Ir9gsoPn/TOS5dmD8ukrDPYN5QGPhAzjeX5Z\n8cKsrOkHGEcveTP2cnNxGDfmMB9Ckj6Vqt5W6GXe+p2tEt4m8mSMLBv0QLMq\nk1rKP1jkik6zfY1VcS1fMuQH+x1U5T1I2kCTqmX/zIqL3YYJ49qPO61oAaFA\nY+v3\r\n=iV6N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsGQJl91kBW1ChbMbahxlrMNxqYZJ8fIuoawjqUsjbJAIhAPEcKnCt1F9wRkZ5sHzKpYCsvkqPiMQUGLUEQ/FkcTW2"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.8_1571491821743_0.012726164617830493"},"_hasShrinkwrap":false},"0.5.4-alpha.9":{"name":"@react-ssr/express","version":"0.5.4-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2","yellowbox-react":"^0.10.0"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"53a66f6bc7c83c197b128d2facc3ba474c685b9b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-x+vrg2oDKvpdH1FjhQ6ioCfEmOI0p6Mum0Jg8hiN4Hhxyj1T2lWzrF0JiIh4xgnjLjcTiQmMKuI9Hl0Jweu3WA==","shasum":"70c2d49c1538530d68e3377f22d625cf8bc9be5f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.9.tgz","fileCount":11,"unpackedSize":27686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqxCiCRA9TVsSAnZWagAAIXUQAKGG+bQ+rDhXZdjyOOwg\nGhqOrN3u6DESVeQ5asIXlJ1g2WMGscqZZ9w+C7DxoJ+TBlTaP80UWvAOo3g9\nqOUmK3OiFR+Wc1xVOaEy0NxQz51RRj9JANEOup57tS8OHE/2n5pbOw4LZULg\nuYXLs0QqCWlDxEX4Wf/fA898iGHQqZNNd9GC9UOUfmoKLpELKlO0SiO6v5S+\nH1z5aJOd9Ujx8JoX8H0ugZiz6cUEo0YN7MCWPaTclTaluhc2dnAVTbF59DgS\nhiJ5mmqyKmTbqdv137m8ewYio3OHzR/1zYPAzY4yszVmkzzh7B41fk6QyRGB\nOad61s4NwQXjSwYTANEi6gKSFO+6icyYnJdPUZt2X0rwzjq+iQ2duCDk5HSi\n+zGtrI8HAUmcN5KQnqlnQXC/EXRxS5hP+9pLW6pghkt/vDg2FZhzP4pTNJ4N\njkMmSagK6hrf5elyIK7rHdG8d2h8t91lMBSR/2alevPOM/+rndESB/QCw0S/\nqBPXEFrWW2vpcWI8PYVibmqnzxpwQDaGmsUj6niYkY+0ttQpeq7Ppx4gBVwy\nrH8qWabWCxOxs615vy+DD7uR8BjtVYEZdZ7iOoH/PX4qGW4zG6lwru9/HKek\nxCLt7c/FaXkkFTdl1m7pPRYeTMA8y1mQY77t37XLYZ/WwVLyUQhu2m3OqDSs\ncnbo\r\n=Gh50\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFFcP2GGjFSF++IzY9n/owsmsrFZSg+FHMlyVDaIlmCaAiEAulj4H0JfWW0kV+o/vZPBMS1bFvpdjqpOrfrVdOxlWG8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.9_1571492001941_0.7425228200918885"},"_hasShrinkwrap":false},"0.5.4-alpha.10":{"name":"@react-ssr/express","version":"0.5.4-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e41140982484b43c6fe1e7fdf93c2e98260961f4","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-SNWc+KKalPSgJ3GthxoWRB+Ds/hOqjTql/Y9eyrMeSJrGWkA5QtzTLFJs/ddSejgWGXM+48uX4ieLg6JeVcmJw==","shasum":"37ee4c91be95407a5ab809ccd5af526ce4488c4e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.10.tgz","fileCount":11,"unpackedSize":27478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqxGdCRA9TVsSAnZWagAA8K4P/1mcGfz19IkjJZpeWYYE\nkcT7FkAp+GRAr9UzfJjvUA4FPhpJGbOLQ/E8gwwlT8uL9KFsroNe6xeSLQl+\nWYgPzkDJ31ZAD2dSCmBpm4oV0hHuX7fsKZMvnu11/Vc4oeGrvxA80jvMIyJB\nEsi2Fhg+Yb4nwPlqJxx2JMabtraO9bZ7DL+B7ZxVdRnO0aKG0jEazpM/1R7V\n97AgILzO0Fh0jv94qH4hp8y1cvleh3HAKQbgnRi29VVbAISLxKHESS22GBK/\n62FEBbYeWqBKyDTn059cG+4QGtAS58K4BQp6MbCO4MZsn6PpxXZWuIQ49lm/\neqFM+6ZwQjlWKWLbKRHxYbHHzP92VpZ053qNhxAIoXbxRd+Yehv2QI2rD7Ao\nLMQ/UIT0399rBnDMTyEmxSCjFjpjJbfyVwE8Q4/IpOrvsrhPBqEBSWCw+O42\n/AhaB0YSaLAtRqOYcTJVc6ECKV6wcHo+Ux4qmhlaCR4GgQDqILx4Fb0q9klZ\n5PB4k0V08UYIgNU7pxCk/hkUSdzkYxVVeYzVdQRwg35qbZhMVXCEinEQmv/U\nNYzdNpfdrkiCEcAmRJs1VKH+HnIeK4Hwgyf/sTdQjApf0BnphpNn0RNBu0Az\nC7xU00RqYZ6XyLAKEdvEOyz2IG7aVCrZmzFaGtohd+W7l88ZxeBYPyDPdpNy\npU6/\r\n=IhmB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAMGV416AruWudaLTzmaXXdA8KuC48qKuiZikz2Uap6OAiAuQDtSfVB+IP/xlEeGinWJqtr2lAYN9PLaq+Lj+HmojA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.10_1571492252638_0.45013869288555686"},"_hasShrinkwrap":false},"0.5.4-alpha.13":{"name":"@react-ssr/express","version":"0.5.4-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"121fa83c4a1a3cdbe8faa37e88a30d013e5d8b39","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-36CuJIpWl1fpnI2d9QBh1mUD+rMuQ4c65zfE5FX0O2DM9LB5qUhz9qxsCE+UnR6S5NWwQvjShpsO7n15iK6Lqw==","shasum":"5abb95b2ff9341f175bf9c1f42ca6c20551c239b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.13.tgz","fileCount":11,"unpackedSize":27154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqxONCRA9TVsSAnZWagAAVBQQAJ2L6H3sVBshhigBxIXp\nkNUjdhzDTmto7Pz2XF0o9vRV7y1RyTIkddXkQXs07fZEijNRRA3NSvMQAUf7\nmURmi1bF/IE8h0Im9qVE4qqrPeNmKpGrZ875tRlEEWhn4NVsbDhF+4AOL5Be\n/spwqWGLv8yHLLqBMUIuDiov5jfH5DF1gJxC22jRVEikFHmC3OomnWdMKUGr\nV2y9a/PD9JuVdg3Kduw9AVA4QL1qqqpXl8nicQcuBsWKA0jIC9eUPB4qohJ0\nj+/qugXBTScJmFzsZ/+WhpnTWtbv0a7TnSWzukI/EJFCzGBvsSZyu/CL1/Zw\n3uPftKVtaeQo81ur1hIZctjYTx7xO0+eliT89ksEh8m/WXfF11OK0apBcYtr\nzCpVGG1/0WEhxpt8a1YMSf6qSDmzu0PjxMCet5OHzs5CrFEnWOhHbqsIUaQm\n6uJ73tPJA4XYLAns6aqI3TZrM1RM4gbnLZV39gNn1ERAyWawzh4kqNn1Ksq5\nKEmO92hkVTsbyA0e88brTo5mtq2vlgu/ZbzXWtRDEwGo/fQf3AJVkKXPTvlu\nZstejZ1pUKk7W7GutxWMytCAYB5SWWHtKzPDa20ObVNnbAhe+2A+8d42NtzA\nsmxZmXkDAuVzzQzl/GUyO+rbE0DBbjGitu8chKtqay2+ePUkuDazmxSCIsiN\n6iA1\r\n=pH83\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDnAijJby01VHTW0VtsKPkhAxus/CnzNdIc5qLbNKosSAiEAqVAvVbe+7Zw3u4feZP9806v0Z+9SuEDnG9kY9LxUnn0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.13_1571492748580_0.7420375170252604"},"_hasShrinkwrap":false},"0.5.4-alpha.14":{"name":"@react-ssr/express","version":"0.5.4-alpha.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"85f42b64ee865f8343794d8da050ea8817228a2c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-r8fcCr0vY92rjr3aF4N9FbhnrrnIhApJXT6nglr7UF2PZXWctn3aNH+ZTAal2HmGRsqqSQQu30cRGljmggBFFw==","shasum":"53c62772777744b6d7d5c87044974d5aa05cd526","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.14.tgz","fileCount":11,"unpackedSize":27148,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqxRnCRA9TVsSAnZWagAAubEP/3Ip8hQysi07XyYvi5PX\n0CpQzgv2iBsFw3krcc0M3e2FDghEUCxzABJAGFR+Cuah+HJovv3fhQ4qBNZs\nUJfeQruMWG7ZipJ0+LkMg7VYhac0hs4mW6fXw3tsGcTSSUzcfMiewr64MpyG\n/OzE0RZ3+UlSpRgnHo51K4uxZ9gX50qWlPpwhHP6x0OBftn6D4CvFOh/+7ZE\nx/xK8OdZE/wKrVziOwNwaQJjmA8/l7mGAOxzvfmkSTYTyGDVf85fHE4pwuwn\ne+MYcry20DjnjLFrcCzh7WdwAZZGdx09LcTxPioDnwVtIB3HZ3FJcPIdZrdC\n3XItg9rVJv2oGQoDxPxJ/RmK6WDa//TiDKfp6SueG4zHB1mF3aP0EUX2aynx\nsxLr0uUdpbYBdCbhj+vsfBuDyj3vLkxaPksRx/lz0D5f9bwE06ROGyjo3+C5\nSlYj/RFOP0mPNW3rquJLd43sPpVLXUE4RsSGXb8to+bWtjPx6o/rXLlVYpzY\n+x+5PVPL2j1F46CgdWOvD0jC6t3+Ihy4YK3dm2WVF+DV3LWAT7HZiUaUTJFl\nn8PV6iL0yJ8LCZpvDCo2tScHc9A9OuFTP03C+NKgSNjxcShofPR/ELf25FQT\n1JfayBOCUNCfsaRIv1UdXAqQCFRxApYJc0xjdPh1RKK+JuuD6a3OOxMx4Wf3\n0wpS\r\n=wogH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFJ/5Z1uwAE6H5sZNcF15e5JK5n33Tv/U9/1FhGGgpgBAiB2RP7Us+qsJ+PESyGTyRlosW9L0roN7WivXjBxQpOIqg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.14_1571492966402_0.7858457673993395"},"_hasShrinkwrap":false},"0.5.4-alpha.17":{"name":"@react-ssr/express","version":"0.5.4-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5ca3435bd04bc5f64fdaef15e6591e3e5f7e88fc","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ZGr9nmfTBChXrrUC98jvim+w7XP/IKnvomZknk4wdChmXl7HQyTHWPQYw3E/zTgmC7emp2xDrzg7wXdEzbP4Mw==","shasum":"ddfadf60b5519980663b433dbcb6e93438c41a52","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.17.tgz","fileCount":11,"unpackedSize":26843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqxXaCRA9TVsSAnZWagAADuMP/iQYcDkcNTQ3z8iYhKQi\nKVw6MNy0vm6dwAW4+xNSva9pyt1PItgR6k990/755nrcPi4GeuFxJ8dWipzv\nEJJ/InyQh4V+s3NLyAe2X0+qnrqNNuooFHuDnIirRXD5+d8cbAE6EBzJtZ12\nBHmn5v7ALrqA1W2VtgnI/TVlnvJ+t14evvo9938ALtw+cgnF11uGqB+LP8mK\n2XKjARoTlgoD5mSMDMp62HYB2tjmsI0X9+tiVv5oVWHDETrMiku9IMoNdUoC\nD6Y637k0NQNb4qBFO8G5hluiJDeI71fuioWikaTP8L4B2A/v7vDzPgPTcgBo\n79QISUnRIBKEaXDtZLg0vV0y7othGYIhIr7Dc8pfhD174AzwsgaPW4xpNWpG\nmOVHnirdcWsh26lTeWK4Q2LZkBGGPZLRHSgL8LXgKVIIABrDNN5huD9G1xZ1\ndA7nyNBAjdbFPzwfa+Dx9eqAn4CHAVrSFdoMZvoaFWnwNYw8J5Eie+T3jMiA\nlbuE8Fgi7jqmUb3NieFXi0x8R7dRXZIH1ylaV30VjKa3gA1rct8PHIcbMj5g\n9+qGoDy3vUZD1T8JYURXM1SJBtAn9xHQiRD5LxHRz6ez2gKeBh78pYUWlxw/\njIrKF6If4TtapyVPV72jDa1iCxN26fmsYqqYlGANSnfoJdtw9SmrlsWRFqJU\nX/nd\r\n=rRVd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3FYQQDVNxLK8nK30M5rtV3XIt/VOcHjsi45in7UZsZAiEAqqxvqv4sYPnNZ6Gwobxmixime3kB64rWQ6PMi6QGCMw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.17_1571493337854_0.9944535685387987"},"_hasShrinkwrap":false},"0.5.4-alpha.21":{"name":"@react-ssr/express","version":"0.5.4-alpha.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"14a69614cd08e4c86d2dd2abc380b088043518d3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-SB8wYM0hnkAwKMBtiKfBzDC3bbdnOcY7xatRyqMmDagjeKdy7Pffs43SC9pdaB//OVX5kaMb7zHxpQk+MXCCdw==","shasum":"32f12a12551bad71a97439c421fffc0cb4e65a50","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.21.tgz","fileCount":11,"unpackedSize":26690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqxqACRA9TVsSAnZWagAAuE4P/2o5i2RyBDQL4cc7Ptbt\nbfq69clSxntMRrUVuYEdxFCJNM7pWFURMudH5bCHVXpGGRQ7l0YPgZUgn07i\n9d+QGWSMkbcHj9GRSg8GQJG9509GvSmHnbSDcDBFW/32aKA213rojvRRmnP/\n5+zTi3TAO8m4FKA/WdrL6IjU9wY13KQkv4pNlrJ1/DHrnvRWJ+S6U5ztXLsK\nVBdLHn26VwNVhNOZZz+DNxgnlc9Ah9XsfxSJ4pbZl1vUKfxNSu2peJ1x4gyD\nMJPx0Q1jLV+6qgmUp77K17OCAbcpOQQmzBFrNDOTCZ9HeZoDFxRjLgq8Dide\nhN2ZWtq4i8r1ItyFID/jIU9aODU+Irf8E8viDOMCwC9mLX1i4xHku37d1LO/\n0gHT/zFxzca75G4aDNdrAI5lr+IWEtwhjD11uQMuJSAI1Uhz0EH8qymyo//l\ngvmVy5TKmlI9jsYx2jo09mqrVLLrh+Qjdua2Cz3S5aiu4Cz5Rimt/7+4BWrB\nhswA6SQTopv0nrr4FuNJ4fcr5cDKhMide/oCkrz8Iab4bnz+WJQrkNjs4afX\naRLeeUJqzanZXb1rLocS5cP2wQr6fbAmSxuPFjGrm6yrdnoEJE86z8lgt0H3\nx1dcSAXDemLGecpfbB4mP4RXoDRUPkoHf45uz6u9N5kNEL30qCIfZhybkfAn\nkyjS\r\n=gWzv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHlvHnyLMrJ7w83lkFJuBGsU3TCdEwRBa4cgHQHu+JodAiEAowwyqBx/cTtc3PQFhvxYqByKIKpazqqBXD7VRaM1WRo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.21_1571494527338_0.6106758847798048"},"_hasShrinkwrap":false},"0.5.4-alpha.25":{"name":"@react-ssr/express","version":"0.5.4-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c092c4b3b1a308173710b5ca6d61da5a3d3c68cf","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vuU7wjt0BvbsLsBRW/C+P45Ef2MwQNgsHEPBesCvK1KFQUzWUAibji47VIGFBA33pE2BkKKrdmm1gn4bqIgTaA==","shasum":"539b54c8bbfef76374d8016355376282dbcbf047","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.25.tgz","fileCount":11,"unpackedSize":26690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqyDlCRA9TVsSAnZWagAAIh8QAI8FxUqs0lI+piwEtZmJ\nK+j4atwvfGJiW+t1JBR/txX8v97qzbX+ianTDr9tyJ9DbGdMGfeoRwpxrr8c\n+mTUrqSZLzQlNJIyXRr6wuuDpC/OsaSubMozq+Fbtfuvt1diZHCd8+tV8E4A\noQ7JczEuIfipH4/g0eNJXiUBcsP/po7nW39j5pFteRGf6cmbhYQ+Zi0sITWT\ncORySCpx+BQvkDTycYNtgX1+JYe0sKz7HnAT8IycOBDw8e9vtD97lxE3bcEy\n1V6XGv5fQKNPMOhF84SM0yECk6fiZlGLGFMAW2koVEA1QVTE3X5x9nBoe17g\n2CGWBoeDwxjJd1+xMyMyYxWN7VI/paNZXywFV+N6Gicu4U+7PhctvnuEWp6C\njETwJ0FYR7gZI1wk4pCVu3Np2V9lCGn4FUbmkokMiLUINx4P3yjmdvxquj7f\nDsJxhePgNUWCxony9s9xvVHahdHOXnYW72MY1G4172yKo/pWB7wadkCFlbyM\noCkWRz2fvEi565dzk0RZI7RtCYIBC0FkXxPdJoxb/Z4EbB5w6/UU4dMWGj7h\nQX2T8XWHnOTF/uMsdI/4K0KVXIrwQx5AuIY6Pw4PFxkjzpgpfw4CWoQosySQ\nFlZ9lNeFXm+YiDt8Fv+f6ygbLCsuBEE8uyNA57lxVEw1WBbPwxvIw6b7s1e9\numVz\r\n=W63s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCkM4NCNlXNSf37weWBTgawI7QEChGImu2cNkAS1GKlAIhAIpYPO5va8fif02IEnAKqr6MujLcYlte4vqjxECx+cDc"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.25_1571496164589_0.49461318140619226"},"_hasShrinkwrap":false},"0.5.4-alpha.26":{"name":"@react-ssr/express","version":"0.5.4-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4e6c3a2f1aa1d1bf38a1d806c99bf2380e95fba8","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hLHP+Q9WsVxENu7GkLH4I3ihK4Dyuayw6MfyZwQ9EFg2bQ++3WGgN5rBVsIB6TCj161GQwEe6ufs4lZ7kW0Jvw==","shasum":"917672126364bbbb24e431747b3af1b492610a89","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.26.tgz","fileCount":11,"unpackedSize":26695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqyNfCRA9TVsSAnZWagAAfswQAJvGsKzUM378bnureHM/\n+gTL1QuOUk7JwyPvuDY5J7l1CGpFwOfNWdy8Exbb7elRCyMf9xnxkj+vk+qY\n5OXhywx9Fir9fI6eoSa4OMVhybVam3dlbXpoaEyhxprSj0YY2LFkFbHg6ELV\nEMUVJyIUDJl/gWEN05QrIjjRT7GQVtydvbUiMM9snkdIeHtIAmbQ9DHjRwXf\nJdhzzaeE4Unn1XeRoHHNbjO6iFG4+S2e4LjKSEPDKGom4jewSPWRGWK6Isy9\nJHMH+gTu3gswFIVotzJSXoJlSP9Sj4GMOn0nueg7wySN4VanYykejLO2gz8Y\nnOHrJ64CKwy+LRivGq3oxbhhuuQ+rdC/pQBCuhZKwOE+iAhYISwHSoNIUL+s\nJTlQgKkQ7f5Dmp39jaMQ5Z3mQL/iFBZE4gNeSKIiwKn/JftmBemcWSaDdoo8\np/odrY3wKA+0gDqaWCGo/4u+4zdzpynH5JW2oIKhIQRj6ioBNoE1nLn4tITC\nkSwi6A/yeqLaDUVcptS3/k4F0sTdYZbeWl+pH2RI95PQxvUrKFIzcGjMnAsa\nNNLmWOy525E/Ts3ukUpU9c1CPlbg5BRDpvpSy/s+rjVbTsec+2mSgJezCo/a\nCfInyydzW6A7qtd2WNVneM8ZAd3XuipjI9SlMpBsCEqz+g7KZBbbu9lVZ7dX\nu4p2\r\n=q3Wp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDy5X+zndF4Y7Dtjqq5gKmr34zydarbQS11cjckaZsaVAIgBbNpheFDY1C06jaXmW04/rEw+6tfdBD2KHIt0AB+iPM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.26_1571496799083_0.3091018812873687"},"_hasShrinkwrap":false},"0.5.4-alpha.28":{"name":"@react-ssr/express","version":"0.5.4-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7942cd0c2525b4dc3d696c4cc926bd9f2fa0754a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QeSX6rDdZDmAuyD+NcxqxzMPwDJh+Zdh8i0pQSKpslTqvuH/8QZQkqAvHj+ONBrBlGJcuRQ9NyCDlgMdkdLfmA==","shasum":"e3c932e02e82a2fc474ccb97e792d5ff312983d7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.28.tgz","fileCount":11,"unpackedSize":26729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqyStCRA9TVsSAnZWagAAd24P/3KEpmyN5Tc9Jv34QC5J\nXnOrrYm+YnWxwZZSNnoxWFOGD6u6U/I6d54RsOCYCARQ3TC2OJbf0fNFI6Lq\nn6bHykJRkAvpeK9aZFRAiq9GiV9q76cGrUUCIQyHA8DG0Fe7TQB9h7Co5KQs\nkqqaL427tLzhadOis0kyvpu/dNCYEjjNgOowi6oVkco3n7pL+z5Pg80Ql2Tg\ni3zqXk7U5pZv6fkfGi6DTJpQAl4qhUSdJXHQ/ou4PUxITdLSk1vH4cKSbwX3\nXN3tshCIcAV0rFlyW5Wdh2NqKqUagMVXDokJTxF6vMaMfkgDKpS/F8P1x1xq\nMUxzZVC18JmM1B8dL2bqWf41cEIO1WjclnQ3wtco/3r1KTKCfGCgYBwQZcmF\n2TsKXdtdR5Wqlsb0pF/OU4xKoW68U4aznX/AHtkCgITBwxR0b8AJaiU6pU0e\nY4k1Awig3jel6j33QNkW8NlTd5MXmf4WkHJ3zotM+1VAUVUlMtQmkjwWpQoa\nBZWoOqweRgENwvEuXbx8NhnxeVTMAZzI77GgYflQD9Uqm2w1OsARzC9OuMsF\nU40kZzrEv4LDWf1PbYyTo0GX1yhCQA7JeoVB0ToPw/XmzPSZr8EiVhM3Piod\nomLSUi3kgl0+sTId4N7Qq/RQhq/je4RyCv9A3cCAtjAFy+d9vXwBa227qWV+\nSGUI\r\n=pdik\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH94PwLJD4u3x0PciYxUvXtdE1eky73XNXYr/QlcwIYtAiBckxt9UgtGsuwtolHsq1cUqaVkaNRvIO7l4a2Tl4/MDw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.28_1571497133052_0.2515205295371721"},"_hasShrinkwrap":false},"0.5.4-alpha.29":{"name":"@react-ssr/express","version":"0.5.4-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"29bc107478d0b5c9e059d74a318686f256c8bd15","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/xEeQe77jp0RcJ1xdcRS/cX94erZl2vEW0mFL/peMhZZvtsUDHaH6Jp9w8DCnEeeb/0hB9UkvGYf3tkGeAfcGQ==","shasum":"366e6da44499ff114b3e917791126adbd5808580","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.29.tgz","fileCount":11,"unpackedSize":26804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqynpCRA9TVsSAnZWagAAKkkQAKCAmpmIpWDP64KrSNdj\ndo74ROEInZh6QwuznabO7GGykjpFfavorXCykk6BVl39gAjUPM4GVVXnIFAI\ngfy2/X40YlXsV3n8UCWplyfTEUdoAWwvaBWkR1zHXEvDadUQxENCZG8rciLP\nehwL9hj1fSySMhMGPsubQ2APYm3HqHnwubKYd0nrq1ydTTXzumSkckDRg5j+\n8hpqEQZ+DvPgT3GvbBWG/7kbumeqEc+3rR21kuilPdGzzAXb+T6m8rr6lLbf\n27fs6W2EpDEqTVDEVCQCB+Zj4c2qBCAFPRYVeSLezeECU4qKobOmaccJm1Ss\n/vXS+bM7SK3fuyrClR/LUObSYpCDwd62B46D6hp8U+28dsrgf/2Ug6pkCUj0\np5u8sikLAQySxGtcp/8+SciX1mFA5HCYhX9uew8f3U2uW6vd+zk0djHquJNX\nkxp6xkO0BaK3x3fOBUcl9eM4MYIgczZLs/zghsbrQF2/W/RZ4npXgfbd9PP+\n2J3AXNupgsnClqG2g28nrXBvCor7Mgmk4YymuSjKePXF7gLe9xfXvkL/wIwC\n3yqoteTHh7zFWocjVMZwn7mbkI2HR+ux8fVYXbXmkKjoV9OaD4OG8voNj5HB\npQ70StRF9aEof2POJ9HXjzlk02Z5XcHg+Vj9dGOXXP0vZV13L7A8jcIf9aD4\ngR7M\r\n=jrwW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8zoFMWR9WVEGROYMu844QuOSVusqHFRcF/7CVH2lvNgIgbR5f0NNdRaKaeSj1YCEMJXzMV7lEUOzOHpfgaVokSX8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.29_1571498472837_0.10706059665277912"},"_hasShrinkwrap":false},"0.5.4-alpha.32":{"name":"@react-ssr/express","version":"0.5.4-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ff1eb4c70a1e7183376025377e2fe44d1573d6e9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Z9K02402l/Ut4cGybRiBvoe4L/7ojw+9Y0JKdRUyWMngjM88LyIxyxsufyRu0ea4DO3adoM132y4X1+jH21H5g==","shasum":"f60d7d39b9c6408cdd83858892f82af7eb7e5493","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.32.tgz","fileCount":11,"unpackedSize":26957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqyv5CRA9TVsSAnZWagAAF7IQAI/UCrf2Dkn7AlrfPE2U\nF7zKHH5Q6UJEVrsk03NlAD+VjEZkr2agIotGvqHJcLI4hpJjmJPIefBFwEBh\nV0JKXowJG3ycYYxsnNk1w8gWXkwSY+nPzhGv/jbS68Kq6n12zNFzICyHDPFX\nwGhWauGsEb8rTUW9iV7vJTI5q2o4HdhK5ugc2ebrP4FK7jKAcmZAmX8WJP04\ngF5t9VCaelKJl4zbbrpXGHEtXSWs428PSCRcqTcy4TAyuNbqu2F3xzP6P3Y7\nb4mnTAoWkD3VHQ+6mTf1JKDw3EE+19F7Vu9Dws0Qk21jRnlSPw6422E7FzYx\nJyyFIjlISXr4XQKSlGpSpxV92me1OGgU63Pe6DWbjk7Y5ZjOoK1dLXPxjLt6\nsxv8iTfxoeW8Xo3gxxCtAMN/v0wI6bYfkTMzPZmbuv/ktlW2QW+3cEpoG5A+\nEhX9q/+WZGY1PsD6wjrmQLlN7l8CsOk88t4NcPnLAasvSMZ6AZS+/k6QrNl7\nPA66U6dBSHyOkPudjdrz5LM9z1K/UihIf1PpPibQR2tQho98QO4/bsc8x3hB\nHyFmlnGERuLyxxTGvXY0nQ7mnD4Vt/tqB5CBudAAr7wwQxl89dL2Rjh/D8nS\nv3bHgWrcyiMC8e0bUv3JXmvq+OBKNOpse+YLHtzWi3i2Fb8IeXY0L0jllzVm\nR88W\r\n=qgI/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/u5QvhGIhn/YvE1S73gaCs7ZXt19dwH37fJGwezhSSwIgT8Uzp/vHiu9TeQAqqGZ3/c4dEoQkPxoE3T/Fi/JA7IA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.32_1571499001195_0.7288652218878477"},"_hasShrinkwrap":false},"0.5.4-alpha.35":{"name":"@react-ssr/express","version":"0.5.4-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0b02ac03b72696b4195eede5ec22effc7a9e165e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-AMa9tsThtmPBGw9FiZede3vW8+XbOukvfJhGQp55GB1dENNrQXCcIkSdEUebomtTL3+tEXeLQKtoyvPFzUyoEg==","shasum":"b9a1d1771f9968ba4b3fcd22ce4d63f08eadfc0a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.35.tgz","fileCount":11,"unpackedSize":26957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqy4WCRA9TVsSAnZWagAA+o4P/1QqYHPV3w9up7PKuQTn\nPrTFKIlaYeNnMRvxkpkhfA34t074zA34P2sLBI5Ix0kD3muVzbosOsdGKZyz\nkh2kZZwq6kjLbvoRh4RH4szfsuP986jWRjRw9sL9pfsszcPZg2gnKCLuit28\nYNif/emQv3S0+PetOlq/LRLyOacXwxDdmQ3ls+E2HOmFWmyWZ4uDtlV+P/+B\nOHFsEdobJrKLJl6KVYeAZavjkF3fz79nJICKuYqwE1VEWcM7ydTty8hg+6Qf\ncEOZgolnODTjTnTh+BlHujDZ+/8Rydwr4oy9QLjhYmRvONozw/tRTortZuhh\nwJ/W4xUZQZs5MSu2oAwZg0HaMPNlzA3jEAiuOVAuZ4NDG3Cx5JYfbPpi7D9g\nq0lau9SbbELUu65XRH0Nb8Ros2XiMC6Zj9RwN45leKJagMO/C0rDT0wrAWzY\nyqjOLvD3tDqwlGfrH53c1YtAHyElT5JsDiqEkj/lAjl3wuZh8nHwDTrEl6Ak\nr8tPBZJK3y8nP4RgVg51yATv+KXfZOjRxPWatCccx22MpL7nEOeEge+orZk5\nFYhmvKxtmCxM8XEdcY2Z8guBzRN/alXUqMzriiyR2iUf40wTWwuwxDy6QtU0\nc0hPc6YZnkF3hcAW58bw74hoh4r8tNJSbSJBgasW7EOFVjCZw02c/sTPkdif\nd4H1\r\n=v20e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDXN4e47SDckwqMcnyCYl+SwW0MwcbTFO7B57m602LhUAiEAtu2EtkRxFMpdJCzlAX1gYXFPkecM3SWtgRVzyPihzSU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.35_1571499541685_0.7971114419194874"},"_hasShrinkwrap":false},"0.5.4-alpha.36":{"name":"@react-ssr/express","version":"0.5.4-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"64f2017feeb557a0bff3897503453ba7b7ac7d6c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.4-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2fLejfTlCD8BENr1LQoTwcwLWbH2W5zgufC3FLr+PQ1voLRNGkXafHYIRAP4ZXYFSd655VP+pMDsg49mpfJicg==","shasum":"bc64b8f38fe4767a72d8c7ebbb559397e316bc93","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4-alpha.36.tgz","fileCount":11,"unpackedSize":26975,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqzBiCRA9TVsSAnZWagAAy4oQAKUoznVSEZvWoA6XBpyU\n/SLyC+7l98PEDUkuBc5yRA/wdyrhdbTik58AQOY30zMI3fBf/v8rINrMtGZ5\nwGmbZ3FBfzF+ayM545y1ldtNLAt+Mw6sqteSiPBOS2gXf0q3oNRGQT/OciYh\nM5/aPUeqGY6ebpTTUvrSwa2EPw9LgDOl+y2wL59xfY2dHQKlvo54U0nWEYzq\nmj8M3OPu4Wqy/j0Dhh7R/QtpTMCAETKSVwHOPi75meUq2SukJ63BJOWs5ktj\nIcr2N5OcUWlUbSYIO947mX+WBi1iXEUsx7tw0DLBUZGzrhgFG9Nr1SpUKQHI\ntrRXaa2ZgaWvw1hD6hr781J2CV9ujmO4Qv7fpxPJafjlIqkxEsw5i0GixHWd\nSSS0vlYx//kLgs2bxeOqVoSX9TG0UMS5MM6B/Mth4FU2lK1sHDjoSogYTWQq\nKBJ0xsjRr2Ls3+mH5tFLBPKGLQZTjuTR1wMFmxLYb40qogprd4Aa7TFHzplL\nXhpSnPpTwQisUwW8WV3FN5g18yx4FqqjkpvWyO3nVSV2LDZ4EImo58oXc9gL\ntHH06+q/4Twss9HOLkjcsknreEVi6Ct6xryk9Vs2LR9GnHYT/XMSt95iL8MT\nriKx9ew1rLD4qKapku0w8rI0VyjlwAXfxO2/G53EQ0RwXuGyV4edcCYfob2R\n+UMN\r\n=ltk0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZAdRIyTZHAhuoTumfjwF+jWYpz3XWRo8sjhU7WTCVZAIhALSXfMlUZhg6IgF9nBVxITLXR94S6rtXZDj47UPYC2Yq"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4-alpha.36_1571500129537_0.8137408881928492"},"_hasShrinkwrap":false},"0.5.4":{"name":"@react-ssr/express","version":"0.5.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"312704a1b3353cbee92c82e9cf6484ccffbcc33b","_id":"@react-ssr/express@0.5.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tWWYhLJBEqucrte2TNzioJa3m2xSodKurXrbf6wOAzv099bIs2/iYRdfIUcG6/wIB7hp6jPC1VR6NiKLRJEEBA==","shasum":"6ab04ac1f3008f9aff058d83c40428549c6324ba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.4.tgz","fileCount":11,"unpackedSize":26958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqzK6CRA9TVsSAnZWagAA4O0P/2BAF8RrHrdCmCKHxY6J\nJbxCxbd+qwRH3JEu5B3W1g8LQ1kjTmYM5xQF6UmAOm3NhOLSoNDV7wJ9wviX\n1q2/5hNdffryLC3mJktkHzfTe3qJSAtoesMMjMvwC0JC3p/GijkkBcnu81zk\noUG9ngmcHzG02uv2a/JUqJ82doJK7IBo3PpvpugX/tfy14ws51cR9fg+h3PX\n/cCdUEyV/zTUSfUO01+Dx7mZvRc15WigzUewvWzFt798CKQImeu1QCjOdp5r\nO0Wgw9DwBrMn5rWpA+DZPbQqkFHwVD6JOrSRZ8tNwomMcZb4tPZdRdY1uuy7\npiKKfjwTpkN4Gi0E4MOJxLVqqGgKqDzFVsXE2cSJYVuxZYsLUTLuxun1ey54\nWFFTA3hwgmJB1xNdi91H2Ub4y2a1ow8t8o0w/A443JhpUot7xLgfRNVK/7gM\nzP4ym4t6SBfVXiAER2g94sdXZdxyfGCswozOJTp4WUE+qeGXh9I9wvu+uKIK\nDF4MdBNAkSRF8D+qqQk8p6BMlDGFqPYfkMpPUgZdZnRQDqjCkfZGhd//BEY/\nMEcCcnakTzGt/5d6IcBOVLLwDfZ/GEHFLN7z02Xv4oe3ALbYFEXxW3YBdqhj\nVh1xUlJDmP/7Ej2DUXlXyTw/rSvjZ3jqFBle9RLVYg2qfxzcUXzUqu63JlJv\nLmxq\r\n=9E7N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEOe3+hKQb7CfhIG0Aq4UjWV1dzbroC76HI2zj9RevvyAiEA/BaulB9ximTDnRuQf273MPuTntnqfK1l014hx4pzDSE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.4_1571500729820_0.30055928240450247"},"_hasShrinkwrap":false},"0.5.5-alpha.0":{"name":"@react-ssr/express","version":"0.5.5-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5863da1e6e3c29313544595bdedbb32708f1486a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [ ] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.5-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FGuhRD6szXbtgNFb0ODWNGm7egcrbAL2S8TdSyRwyG1v1cQsFu6LsHRz4n0+CSgHJzQleCKi6RAGgqtEgK9pkg==","shasum":"023bd0c7750b3f5396d129d718769ceda56f4545","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.5-alpha.0.tgz","fileCount":11,"unpackedSize":26601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqzemCRA9TVsSAnZWagAAuiMQAIEsl8uU96/GwqdzjJZg\nnz14mOGjL9CtjCKsxUqKMQ/o7RU2YK0npsB10MaQYke1QWg1EVlLP3SEi1mX\nxrZqEUY1HfNGwwWydun8F0TDr3/stxJhfFYqwJIMPMnWZM7d9k8YSGUTxcQY\n0X0p7JQXJwPHOX1z39eXId1Fjra99BzS3VmNrMKCd0E960jpFVeddoXnBzL1\nxU9aKW0CxwVqX66/y1gwu342L3sE9r6jHvfTptIH27rnlDPW8Yf6PVuQeHSA\ngYwJ8u4IOKSEgl2Z45OrC0FEtETiJ0reVlbbbr5TJBxbUHj6g/TzrozFZ+Sl\ntY/5CnAGQOdqHyGUp9ckx1tsk6UMc9PgzjZuzdRc81GK4EzQuEgfZOBJYbwC\ntt+/LgCVU6FWopUlNGY2UohIQrLzwvgLiLHmM0jTE12u9YDiYCWaLMrQAZM+\nK9lhon0ANZvPVnbSnbD3ESrINYn0tDtOdboex1js5NjIZ1lBZCYpmgN9e7iY\nleA47TlC3P6XwEWa5Mv1LnckZnQlN/8YG6+YrQNrzoPfwVw7gdLyTQ1tWGlM\n856YbJW85dW48MPik7gTNQ0NpXhHg0jHzYAvJ6v3b37yagYpSmjpnefoHYZt\nArqckgm+LdWcUon7qrmqj5ytFJK0KpgU/nk3p8j4LBkasdfsWKzpUOrbYVRq\nH4v/\r\n=H8tk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFGCav3jgZotQ7yRkKk1Mybzewe9ri1Sej7M6JdihkLPAiAdlMDwfChS18OK5/ecqYD5iEjDVhE3Pw1ZBj0wY3TBrQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.5-alpha.0_1571501989459_0.16438310339346618"},"_hasShrinkwrap":false},"0.5.5":{"name":"@react-ssr/express","version":"0.5.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d270758de3c43e84a431861a3e2e531026ea57da","_id":"@react-ssr/express@0.5.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pUdQIeUqUdAZrIOtMDswLolohl8rVxw4jr1BfcetEcQEWzSkJErbBJzAbXEP9aqRA7RiM7WXnZS87VLh29sI0Q==","shasum":"192878a243fbe163496fa7a7f70f9baf0a49f286","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.5.tgz","fileCount":11,"unpackedSize":26924,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqzjUCRA9TVsSAnZWagAAqGQP/Azip6OQ04ADUcFkwux7\nIVEfkZa7U8VErwZaCbp/zu9JFqw7cNErpWi0GrfrBh4LNsgzSmCKFsnt+lh9\nngKoa7Fx24dtzpx0zmWkbjvtrUzm3o7Jrey1uirYXSt/SO7RSGA60ue/zQnY\nG/ZiRgM9xLr8iOeod/tb0GDK3ZoK23Ot4cTgvyM3SA5yJEejgzaVVHwkLQTu\nwlAkFs9v5x4cal6UuYL/LbA8vvHM47Q1coZAoQUhXX0QtSfcbZ+Nj4vZ2scs\nD92Q/8TJP4vFlsSuQVBPEFZJNZKJOEaNF8+MHZmbvpQdA3EKerM6rpx/aGG0\n/Oblm9oXutEPCK9TzF5OQuSnVwOojD0FSruGNoF4tD7oOUNleaen5vO3CkRJ\nzZp/00BB7/T04CqJrhC9z4ZX1cHk/XfcjFPpaDNCZlrVHTPQ+k1VAmvUJrXc\n4DI/t7VmlGXX5pXfUCXSKRY2Mz4Ah2iNHZjaoFbNCtA9vPGGseSuRWL8ERnD\nJ7im4SmvJ9fPfT9NwwnsQovZZPQ4TjRFqF4/0cKWOWmNAyB419Mr0x6cFXv1\nbiLpbMg3jFcHptvwty97qiXd5N5c2B/BNezVTVSdlwviKlj8phzh0Tmj61vM\ng7NQ6lfDUxeuUZH91KsRYsUqTctrCbywB76tY4NKm70jnm1A00uVBfVJn038\nP2hs\r\n=K8Ly\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCW6kRaCXSo6HPtLgE1tWHXJ3sblq7XWNPvdLsIEU1tBAIhAO3pJzsYCHxEsxf3tGwq3BaGZqcY4t29haxS3QIwe8vk"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.5_1571502291712_0.46326104683317126"},"_hasShrinkwrap":false},"0.5.6-alpha.2":{"name":"@react-ssr/express","version":"0.5.6-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9a1fe020f96017d710483f53688bff7c33cda529","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LJ9Yjc1BWvMNdhMh0F/86W+zz6ZbCFwvMs1tnU4ueB32MsgcGmpk1oyxZVw0+EN/XIkp0Oi3yBv8ivgf8CQi9g==","shasum":"816233b3d808f16d77d47b03fd77e06ae4faba6f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.2.tgz","fileCount":11,"unpackedSize":26955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJDGCRA9TVsSAnZWagAAfw0P/1w7h4rbrxqmxr4g5HQj\nqyQo48uIbdYXPg9ZDCQ8alXih1o4HhJqm4WX08T6SYNfjez0ZTYLJFeffQ41\nnwM49ZgVi4TVaAuYbWPdE0vGNm6lRw+1z/5c94LgkZvnJA/dK6/OshnN+2xf\nrKgWPXk5SYRnDS5P2aqBBCOOcV/0eRp6XelIWex+o9r1hkSUiUFXwgntKGee\nlmNT/sqZoF1mijyXK+pAD9o9nS9e4JxuQk1cqseFl3J11kBvX9qJaCqkHLV5\ncz9VOSMFxgP8+B2WCtrFOz3qtvuSjAm8aaCsNVzIMeX/DQj4/GieV0/cHZu3\nPf3HqF64nZRk4pPmzMYBAkE9J8INua2ztA4BsOCYDsawAcWr4gRk954OwrpL\nHUgPpXfXsm90Jq2D8ojmpCT8ZrwulGKoxAXRVv7X74Ri5CSLTWviy73Bt46D\nvBWnKS2LfctRR84CMmP89546K2OXilCsRWsjM68Pu8l0en0+V/tbACWKet2m\nYM7k6QN79XOs/sDLkTaTWK9n9JFK518N0c7UNjSTte6NCNyoSNVv2S/qAgKb\nzqnEiJx3xCZv3nEU2eoj1/TIndxjr3A8HOxEySEVV0z6TBoM2FZlwd0GXdcE\nM9TQz6gVrjqyLNSGtqJ16JY6GnppDaQRWdyQ48lolaIYmGeQJmqpT2LZQhUx\nd0w8\r\n=Oa2Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFnAFUR4KKhgZ2m36RRu/L9tvIY7YLbdWFZNro9y+2inAiACeBDGSS7F/DDoOFeuecVAU4JS0+kiv8GSrVS8XpHFsw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.2_1571590341434_0.32557121614189377"},"_hasShrinkwrap":false},"0.5.6-alpha.4":{"name":"@react-ssr/express","version":"0.5.6-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"018ae14a81d376fc97b46a32d9ead08e82f943e6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4LQ1SaECT+PG7Pg2QOFQOb75oPvg25Hc8ul9VGv61XJaJJEHqBK4Jkaz1m1djrTq2iFO/P0wImNsKLqXUtxu6w==","shasum":"d00f693e8b693a0a7e24f464fe809c7ced6c3b6b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.4.tgz","fileCount":11,"unpackedSize":27594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJN7CRA9TVsSAnZWagAAp+kP/i/7YvKm6wIGGrVfZHdD\nDZBfZyHOKX0Gi/XL89dc+YR++45s9YX+ugNsExt60CgKaxDhJirykmxIzywZ\ni3zG1ghjInk1quDTXvtWrYgQPdAjjKuEFl/FDXR4dSGu2U47jkw0n4kdQRSe\n1ggBbRQ8eZ/QCP0s0r4GHyyH61yBzZvNoHJme7ngM87m7ZUG1JtcsWZT4q+e\nTYUDq2sA/maKK8OT3u2uFRj4tH45O73HnhFudGVTPwCV7r5vLIkPmOHgeLZF\nP8KnNOdu2fuq+j9o/AwRQCQQQF85kIKUNc6UCVzoApfr73JigABZC2VyNkYx\n3p4lzP5P+4g525WTwOP9EujNIjrWFEurHSina8IS8FED8uxJ6lTE4hLeyRMy\n6u2BxOxIylUqlsvIO3KPQgor2JHqBbIsjBnwl4iGS4xiI37gRqA9ZpqNDMI+\njPtFAfeM1RZICq4dQq7e+1JKwImqVWB3YSLIg/589ywN63hHaikHn3Hupqmq\nNzS7sTtd91OdZiKZMGPG+tA57fJB0xa6hb951s8gxVQjYg5qj2S7fWn2FCty\nNLp165pjjA6vjxf85v54FkqapfhrxEQL912GDlbBekFLMYNxLRUubpecN3uv\n39RXTFzi76yOkcg992XNwjkuVbylBhA4OEgpSLqx+rTwNXc8d6k8jty6uIln\nG6BT\r\n=Wsbg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEl2uv7+Rt6j/10vVon/H5IvggCQ60wpZ4VxIZBZ4ro7AiBEM2Exn1tiiBzatA8P3TAG3Ig+kLzHqsAklRP1vTnfbw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.4_1571591034438_0.7424779569217033"},"_hasShrinkwrap":false},"0.5.6-alpha.5":{"name":"@react-ssr/express","version":"0.5.6-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7d3b0cdceae92ab842f442368e28df9ee500b706","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BwQnesVeaj/NFejuSV+m2+kuE3FOWVnwETtikgcQxSyYeZWwG9Y6hA1WfpB4iN/3/2hoIcfKPlcIAC0KLB99kg==","shasum":"7638c3d5d0719517305d01a916c3d8a27847096f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.5.tgz","fileCount":11,"unpackedSize":27639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJRsCRA9TVsSAnZWagAAqg0P/2hsYHVy3lBAFvbmceaC\nmu775Kv4F/nwSMluR6rpkx5zbE4r6KgvP3v/5X42674efoQpC+oQkJ+7wK6x\nFbX7fMI3RfTjSHgFG7qr4fRbUkUE6VfYj2wYSL7DO+AgtbowDhY7bxhiRne2\n+PZ2hw2gigi2rqOGrqUHPuwRP6kxCixfQ4+p/p73YPLnNGxWSXrcNC7Wwx3g\ncdp21El4YJnwAj9yBY9Mb3qbv0r7yI/6xYQuLBgB+spx3jpNfNwJpCeWeXRg\nfl/FvjDdeUTbIUdqalc5EmnJvHtCjdK7xFkXTyiyitiUByhDA5xF6ctzpc3n\n4cVsrRH1gU1YMqQ9xbsS7aUiZnshypBsTqBuhNHEdSiuCqNIOF+Sl1hjvhqa\nhYfSP6UbAaStTz/DX7SS/QbcmbU01Z1y0OGcXrEFw2+iuESL3wplOA3KwdlG\n2JVZN1rkK8IgRLtzLmpu0eYpsVqfu39lzSnaUQUbRQd1V0awIZlqVJYUYOP5\nz3WOPjK03IfzGtE5/SYYd2/jrdaslzzxjIjETG2z5FMZ9/DZPhXVsShtwcOW\nIA2dQslt39SH6ZVZsTVBePcgf62gwnNo8kF7ts/qqAslW5Ml05qaXEYZa7ZK\nGjXNY+3xOrV/bQt5dKe2GGIi/f1uYuYRcGy+swozBo05c3+9hESvhLuFJobw\nRL6o\r\n=Hy/N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoh0BRX3ycftHJBlwetnZNsB3+R91xmM1iBaIWVMYtNwIgRszssog1wZQMvCezSIDytaYAO87gpHZgOLnKvHnQw6o="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.5_1571591275744_0.4719908555572858"},"_hasShrinkwrap":false},"0.5.6-alpha.6":{"name":"@react-ssr/express","version":"0.5.6-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b2f9df37ae25a71b0debfff9a3156f5b7b329021","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cuDPCs/D+iVJGQKpjuakwG2UrnYeRXzIP7BcaWwSvWKkeoOiNSiL+2sjn/b7xw744M1MnL5bsHkeMpOZ5wmkjQ==","shasum":"6796e88f67b23690c7a74145529eb8be472e8bf9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.6.tgz","fileCount":11,"unpackedSize":27673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJT5CRA9TVsSAnZWagAAB54QAIQBD3h0V+tkoD60Z6RF\no6Nce3994+p2i7TT0FJsioRydZupYka3CGePH1jNrYdy9p+in/d6NCrBqkej\nZyLO6MZMasw0tu/cu6zbA5JJtExmFN/7kALG/HaUar4plEh/nz/jegXGRUda\nZCMyUiDRSJtyG7OVlfy1VPzC+/0x8EmoUcAkcaI3aSK3IBHlylnGa3qB92TN\n+6tY26+sTH+UI8zrgNIoKM2dxbpZA0OhmxWPSzhCZIRFo64JNxFFP+TzDoez\nGStNAOzHVTlX//yhxmFNhUGjxjDbRpRcNLpzi9KFk7XWdgS3yl+RuYdkXBL3\nZQXW7B4wD7ZY3lJFjoBDUEv9z3gCg4C3MFja1zWC1CeBNaKDUtIMS/CHIPbV\nBBnjlF5U28kN5y6DJv9rNgDwvApCNdiCPZbPdGeAuh29wwvnTh/rgkCI/3nU\nwKWQwSZLYbEmmZdWTJkupZhDfH4clKNvr5E0IokdurqYc3loIfFZw2XhV8Ui\nq+8gHdfEn4Nc9cMBNIDZ/uu9fVep2Y+MyJ7EXAx/yfzQ8tQrEwpsomBVvUh/\nxL5jNeUPvxDn3AavRvJfJseQlxa71xxBoysFO6oxrIqXx13/rdmFTu7kTs9R\nCO+yHAge/duwj8jdsb1hGWOUAuweEr5sm6NBwYP3w/uyWWhZyPMdoPdPhnPz\n2MbD\r\n=1Vdc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmgQHfL65WrD3vOgzoLhed4oTuV7H41lvJXB0UqqvO9wIgVO4Ep4PkB4k7BEmudCzEaQd2TMJAowgmazSvzF8nd9k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.6_1571591416606_0.5211202768995171"},"_hasShrinkwrap":false},"0.5.6-alpha.7":{"name":"@react-ssr/express","version":"0.5.6-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bd75a997adcb90da376e8be42976f3a27f943b52","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-E2nQVIqgDIH52WtNRHQ4mJtApcwHIzrhVEUpWxKJRnUyiFCS0mDwhaVe1KSqgDbrthIQS3dxZwRqKy3FIZ84BQ==","shasum":"54aab12cb3404541112ee9ef63f8f68bb31cdfc7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.7.tgz","fileCount":11,"unpackedSize":27658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJYnCRA9TVsSAnZWagAA9OsP/RZve9gw688056jstEz8\n7PLOsQAmFyRoF5NoQYtgOUttgo2hmFAE/IvF2bBICDO9VHxEH3DBGJlwHSJS\nHXv2sm1VMQp3O1MWSDR11Q89hSeGBx93B/VJEkqV+vXh8HvNDyKKbtrnxpqZ\ndQc9UlDIqYRc6s8LDjIZOL0Twicj/7pPHIXZNNs3MO/MuhPDEMp3MBGmj6Be\nkTvIWwH4hxEqlYrANXV9cwzIwHI+5rGrANCvJBFfqE6wOuSz8syAeEIgrbaa\n4Fyhnk5qIbaGpWNCsYxgV1FfIVTXfE3WMQA/7FQljUOxVSZQ7U5fshuRF0Kt\nmABwVKviAQ61mZTyPj+6b21lOamzPE88iZrwy37YYXLsDhRha26fKYxjZVTF\n48BgXf2z8PeWBZFndhV9ZJYWaO2LPH2hlhG76SE9jHrNLStB+imhOLzODe6U\nCYfl6ffHKQrOG8McLxvTna1HWBC2tT+2+kybTbhoPXyWxvgNUp5YmiCD/miH\naxmUx2moLww63YKZ+WcoN6eoVn+f4w7D8doS9x/WDMT2mevFEn11KgZ/MDNd\nQbNQf6RPnb90AqF0K/uq0V+WUgmjhSNjUR05COYRwGNX6Tllju+J9Fh9yJSr\nVMWSG3Aef02SVZ5LZh9zNhVDF0BrofWpjP4z5wdJXuMIVgX9N8qhulPOC5yv\nVxlw\r\n=DEBf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGQhahF6T3j1gqeB2nTTbcHav24ttVmvcqS8vagVBuZwIgMKzh5mR5FqLTp17VeSuGI6cFDeRAR91v7BnnQdrNDzM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.7_1571591719344_0.5525627720838113"},"_hasShrinkwrap":false},"0.5.6-alpha.8":{"name":"@react-ssr/express","version":"0.5.6-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"577241f100b5ad2c4e2d2a13ed94aeba1ab89a7b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-DF0nzi7HbnE6U9fRnf4Tbf6RjjacaEEYfy6LFEUqzngxQhoYpbsvoedZ5L3avQT6lwPfzlWSQbO+9t8YL9qU2Q==","shasum":"5d08671f2df882f597dac15221cb46cff0a57ba2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.8.tgz","fileCount":11,"unpackedSize":27638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJbUCRA9TVsSAnZWagAA2OEP/i4yq/hYcVxNww6SlwUv\nC064H7AJ4B3Q+Vf/TVPa8OwefYoLboKrAxibr3Trb+llTdA5JAJuyEWwgX08\nFIJPAW3tA/xWmbmijV3XUITV59v/t3AC47m06BtyAdNJHx5iEX8HVgf+eVAD\nYLFPMh/PVPgE9BwcrU68Vgr/Da1hwRl8rVwqXY8w9UgRJJtBQGkVC5rUZGXW\nQnlBpBnammXLdqFqw8VpBVNlKzUV+eYkygB60U1vpGIu9efvdA59rD9xf4z0\naNTcpYJkcj9vX+S2dD7ZbqTmesD1SlKXpnSEG8Xb80gVaC0n986PnqV96fmY\ny5FC39LXFlrAC/x/mAo9Sr/1T7AOQ8EHMw3g7QYlbXE9TO18UVqXwEHfBBWA\nWpu9BlsieWhZBHMVYjS0yliWMVhGuGhLdv6Bm8o0Ria3weniv5n5ImTrDAAq\nK+AwcHqqdWaNTaOBfiqexrN4B07Bsg1jJ/DfnlgL55KkNp3/7s32IXFyFEbb\nVhMfDUlg87f8FK289vlPp1KFhzQydNV5w5Dsvqe0GePhuYS/dumgROPXMbSU\nFHIjAP6EdL9P5XYudAuZxIVX6V+ZmJfyWGQiNeU9GiHMDxs/TRgHBOqQ75TM\nvJ8/c8pmMFy020G/VDNgZ6cf54ksvLAl/VLEIccQYbtjRtE/Bb9k8uHE09kb\nsQCz\r\n=yCW1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxb1xfpnW4ZEMldUHeqh//8MAtzfEeoSRzO50X8kMU7AIhANj0r+QePno01ABpVcrR8vlztl1ZvxAnrtQ9O7PLttFw"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.8_1571591891731_0.28341668057647085"},"_hasShrinkwrap":false},"0.5.6-alpha.9":{"name":"@react-ssr/express","version":"0.5.6-alpha.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"66bea2e2de77dc87a00a82b0b75dc662fddd660e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qOopboEWNmvjInzZdmJy051OqiIjlQOlOASi44rcsLEpJOmL+4qFDV+em7QAGGM8C5yrE03uYrh2q7wEefrbZg==","shasum":"47b7b9e797d9f4660624573940ad789d69cf9fb0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.9.tgz","fileCount":11,"unpackedSize":27719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJjKCRA9TVsSAnZWagAA258P/3CEsj7G6gwvaNG108En\nM+h/CVJqrsbhTtSaixKragFw5z+1Sx8NbaOcg4d0LMUqoVLWEy7Es6QLxpAE\nJSnlEgucopQlxriJyCIc+nCfLDmneIPPujHRIDkwCNT7W91Qy5fVghUq+ITh\nj0DmiSQ7Kt+qmGDrVEWI6upkxiYr2Xhhnzy1KmegbcCJjuP36yvpYmQA6CTe\nTqBhirTRLJlD9DRpXjtFBC24A2keliXgwkiwT+9XimwT4V6Tv6feUlyT5gQW\npzQe0DRkY+2DFn+vn7dSltrfGUxgDtO0hHM38HS4x0it/3oMmWIRrxogJ02i\noaM6wmKV6RETOq+jtD60Oz4bGvMjATrdezuAarFUJZ4NgNY5QCgp2bdxVlKe\nu3LfsX1wc0uBNwjPUA9hcncGhEkKaw9hHzV6cIclGXchw0VTgSPfgi3yUwkt\nayeOFluumiVN8UBwqqavvxRwbzdJl0+gnLWKmtlTWuo1sSXxuo0mgLdmmmpf\nT4v2RSCncQtZXfCM0DeY/GZq1ADP5VoRG6If+YL93MRId4qLzzwP0rq0qTNs\nHZH5yY2fx2clfTwuk7P7fna5an9U2kAMCfkL/fh6XeB/94d2zX789XrKOekt\n+kj5Cy1upxutQwb7yzCCeDTy10iCkvh1K9D6eJavvtq8X3wHcof81MUchWK3\nr70k\r\n=7F2s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVN+MUOHfi7NLIMGz4KqHOQNzXtDwpemrQONrXourj3AiEA0CHLjJWOsG3/iKd9q7XE/MopJ6GRtVkdUtV4lws0GUA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.9_1571592394311_0.10157600562988978"},"_hasShrinkwrap":false},"0.5.6-alpha.10":{"name":"@react-ssr/express","version":"0.5.6-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"83967de5d1babcf3f01560acd293190cf1b19c13","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Pbh0nSZVX7wqRrCWVtkk8gy1tWT+XMBjQ/muGgh3EAp+9+I2QMCLIHxcpgZUmCX/3ROGK69AqyYXTDoWjzakPQ==","shasum":"dc959557145f1cc4cb0791322b5eda9f4c91645f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.10.tgz","fileCount":11,"unpackedSize":27723,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJldCRA9TVsSAnZWagAAAioQAIat6TRHaJ37z6xliTAc\nBHgHOOwP3F7WLZvkBOJeyYrbueiU0Gaj1deLWHnTauRehKz3mNWsBzGiwVZm\nVS8uM8A6AZUH900zYppEO99Q7dIKaNCc+fRR2YYs0CFst1FGB1WqXzLOYncX\nzA3aOcc3I1kck1mxZihv7VViA7AAiNlCUYZrFU13uYh9LcBmFevwPN9o12bV\nh0gcEA4HClBDG+xuMRu5nEes0EhNWbDUB7FnIwK0LJK/mhi1XiNUrJSXpkjg\nZbsNnX3mdKVeWMRYla+YzVFQDzJXTwSj+35p+11OOvu9yRreSYT6TGr/FUcd\nlHVNMIpOS6SnmxzEH4Fq31RV/5lET5TyYhavmKTPs0/1Cy759YAW++wfcDI2\nhp+dWiUMNAl4jCPHn18Tbc+kkzHZFEnArv/P4L+DL0QnYG8Vjka8HTvlp/6q\nA1ECk768JNnca7QBslsdC6BeUVAy9uPemlblsfKkq3JTuTVa0tYWQawdhWmQ\nKuRt2t3+UP9FCWaaoM7vsKDXb1gWtci8XqUmpKa7BVRILxEXX95N2r/ECu86\nLb7/jEvCkmQYjlP4DSwqk37sqTLsLwW0xWCElix/j5TdELrk6b1Rb0v+A5KN\nmKUm5S1FegOFFfGBaZiCtYqFV+kr4BVdtKiJ9PfwTfpmNgQa17w5Mafhvwl7\nzn3b\r\n=IKQq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtUPRC9tHmx6bHni51TRufOGjHo5vvx+/bTd+KrEO/wwIgdW+hopcX2GP16iTAI+LzT3DUm6KibbZhEqSU9beZFKI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.10_1571592540722_0.19328946954961235"},"_hasShrinkwrap":false},"0.5.6-alpha.15":{"name":"@react-ssr/express","version":"0.5.6-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b3e3bc4d0816498bd21c1ef8824cd6bbde9ed956","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-VGFeQncpYQ95ySDLhRVO0ErQCvVp0zefwQqKwXim9XwMk7Zhgom7fgLOoEQzt+cdBL8LJDT+5du88iAd3kzu0g==","shasum":"67fa553ed3e53517cbe2a627e37bdb3ee8d58170","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.15.tgz","fileCount":11,"unpackedSize":27780,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJ8HCRA9TVsSAnZWagAAxb8P+wYulrE+vYVBXdnpD8ri\nEUaHwmSwiWbjsmtzC4YG1cyhpuujqwfrM/hiX59B4gVHgIftwwuYLVN8ohDO\nZFS+OqJjEMB3r2XC+JJM85K9Jw6n7rYpvRNiwRq0ngZkSnZ46tXtP6adNG0M\nJr1bLbFKqs/FMR2fTfVedeMcEKpweC6BnuiQbgTOS0m+92Yk9e5Zo6IoDbz0\nYUf/6AuALj8rVYy2FhSfImCijvOAU1Q70kgtyTEJL5u/irzHctpYebgqZHBJ\npHUMDTSJG5MV+5Cpu94f830hPubB2vMwAzYeGj8RXccek591Cd0yOmg8Rulk\nWnNc+5eGsJYht9suZ1BSItJhWOgH/5D/evpxkqLVLfVzhGcEvOWdPInHcsiY\n1GX4WuJIvm/TTYtyuXpNz7WkT8AjF0xGMWzAY7DPIK/pl3oqGgCaVfetuBgn\ngSJBugqRDwELanRUmKrPY6xDwYeZf2rVolog/9PyrC0DkpwKSjwGDaSxz4EE\nkka/7588r7vXwMOBMLH+ULmD3xxkR/f6eXuSjC7wxfAQA1gsFP5H+lokVSyV\nz4+8+i6zZiFXMQ6PY7/TbC3X0SNMCg/gpgkdeoWZp0S49i3xYnZw0EsDdD0O\nIJ6zQY+D+9+KgNePLSai9SXc4W19E6/wqmiTsQgAurnFh1cZcRRuWcXhh61I\noIxX\r\n=jU7D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICG5v3UOSZJgX+AnYc9x6EdNKcvPxTBARnBiMUZiYTJmAiEAjwllFYefIeR0ULP+axQbchEcZ0IT27MRCZRXVV9k1u8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.15_1571593990696_0.989016946436807"},"_hasShrinkwrap":false},"0.5.6-alpha.16":{"name":"@react-ssr/express","version":"0.5.6-alpha.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"31b231b823c39758cc78058700e34ab0609cd614","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-H9iZnGMdVDR66e5fqCwl20DVAj/Cdisaa0CQx3oYDHoygbxgawnm8fZhbz1B8gfoVGT+Vpm4MWhAjPattfy0UA==","shasum":"eba233c35e778fe74445ffb2dec12225c33eafee","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.16.tgz","fileCount":11,"unpackedSize":27607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrJ+OCRA9TVsSAnZWagAAhm4P/1Gs8O0cNU0kNyRfV4MK\nsd5Ls0VVooS4prKlmQeWW54eBCFY9sddp67LR6JFq/uaAbnCj/v32u+9W1jD\noR2HYYo/U/jwGGCmhC0fhMzLvtjhCOtwxy0NSWa6VfiXA9O3eEDDc1UWezBR\n0Ez2HpTOsQpM+WorK8IWzEdn60N8onLUiP0B6Wc6cohzaCmG+lwyJNDO8SmP\nfPQkWi26PxT8XkMjJEgFMYa0NmsiMBfufvPPl6fZ1eqiCFQUnLyG4YNx7llr\nlO8JgA6dMPTXaXz8zuhHj7T6FveDZRJbqeoglrU4pBMuferFrM+SOwM/g/jf\nf+NwJutFQJNmCgSlfy3M6+8JKGUToT7T0zNrU5i8b0oqE0+bIkqvTeIFbzpf\nukvHX8FxhnqVk9qZ/0Vft4/vcCEy5gSuv68lrEBnvzBpxkntRVFM+wexZQOV\n4kNrhHrQkanvz0N6idmQZuNXKadvvkE55EWWVzhlPZj3xWyqfGSrhXp0J776\npQ/pbj579YQVwoGCQnYeBS7wErME/DI7etCSzzhDmbnhoiz8e85gNuAswZn8\n2lLPjpP4T/IFyQHfmVC8FlzV2JUuYvD/a/PI8P5pGuO1+PuHGhYRwKllH6tp\nAd8PQLZCNn0HOwg7kOtUxiCMB8jVfbhFIuX6Eok9zxvgkKQLD5EM4b8yXhbI\n95cC\r\n=eDQm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeU8egRv+wzjAyv/yWszlw79WHVRuEBdbdVQ8GjJLNVgIhAKNyLHCq0WkWBUBOwTcCidjrg+Wk1LKOjpWmcas1Rwt6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.16_1571594125832_0.07768761067757501"},"_hasShrinkwrap":false},"0.5.6-alpha.17":{"name":"@react-ssr/express","version":"0.5.6-alpha.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"69025f18cdad3e95ddc939e3980c216f755208e1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cb88hHYSJVJtOYhZ7pKQSSs3CQ/nGy9k1dROM1lsyhrR75pE5byGUMeaHxE9tz0ZGk1mRKVxMaLYMPUV4duJiw==","shasum":"e379a3297ad536ef343942e28d7c1983ed3432de","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.17.tgz","fileCount":11,"unpackedSize":27622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrKBRCRA9TVsSAnZWagAA+0EP/0jMEj1iwltgwmPMm+cS\nDhg5IHf32A6P9VinLhMr0ltnFicJr7bQb82ArWFaUWwxdh5zfy2KVHYBwe4l\nZZu5S1c44BKQ6RIJcCec5RVdRHqwhGGC5jNXDa1tb4C3lRoMtvAfocvrjvmY\n4zEizPjrFNgeTvM3NscRER+tuIxr0Wqibzf7eu6CH+G5aUr9gOHQrnQj5Xxd\n5TdEBigs6egyXri+UM6nG9JYrg3ZY9fzV39CLIK8QsGdngvCmlRYgCUT45Lb\nCbKPciZMWzsZBRuT/63w4TJevaq/8CTxOoILIdWFfCZASK6O/9Tawpsqk8ni\nBmUYRbxPd6O7cr4Tg3NCC16ZZKhcyrRgU6MxOLmpcFR+xQJmTKYsO5X10iwR\nmaU+744XoXiccAzUB9vdJyRnRyDWH/6fZLHpXCxUURUslhEHi4Epqxkdpx1V\nE24z+QOgaGSjy+qd/+RCjnqrjVkWrJCReEfyjZB0DNOKkwLLWcviWUe1xlG2\nYvFRjhZ9Xzeeg9P2IvcH1XsFHiFlBJfWe7Dn2X/zd0fEXVP4M2pFB5ljwV/S\nKQyaRQL2T8xSM4SnCfO0kXDzB5eG+jS2yYDzw4Zvq1XU0eNIhSjqJUrwgZGS\nPjRPBvfcJAw8I5L2ovfyqpar8t6enSUCcu5cA12h3DXnss6EmgU5dwgmWPcJ\n+/g1\r\n=JMpS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmJda+icL/T5ODtjoRJ0BDgnpJdesU1kPgp1Q6P91wuQIhANC/hIZiec1JnFzdkwvz6Sg14vT3lZLg22HXXUbboZLJ"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.17_1571594320974_0.3545834964111314"},"_hasShrinkwrap":false},"0.5.6-alpha.18":{"name":"@react-ssr/express","version":"0.5.6-alpha.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2c1d66cae6ee540c5e8ef510d92850f9c3e8de3a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CbETB3lXs4VmnYTa78kBcSX08Fnw5jv3xdoL+SZpkKhoPPLF74R5yIAJ6nMQG8dHveu27rJbcuOPofpnL4oxDA==","shasum":"c4ddfc698faff006cf40a550ecc15562f5634fab","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.18.tgz","fileCount":11,"unpackedSize":27795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrKO7CRA9TVsSAnZWagAAmgIP/RD99ZoHmb4pCy0q2gc3\nTq0gkfJmX3touLb6HyX94oNC9+iO3RiMZFNt+Fw8AONgOAxCOY7jHEJz0+2Y\nQeHUrRhVriP0RWAqAn2ZMahDgKn7zT/W7NP/ogvRbPRNRhajSRIU63XtJSpr\nYpDlBjkTXBcp4bRqS7/tJXO2Z9ABuwraTEVKGw/DhNMQhzHmM9nPmtxea+l1\nRrCEAEWvPUtGQ+6sf08FJYOGoKKFetW42dpUbTiW/kOPhTU0+I75Y/TnR/3q\nu8C9MQUg9Bh6w/tBYOLJbp4QZRGdNtIMHTgNyqIJzhruf2XPJD67ojQOI577\n3VURjr0GAhzpZNB8ol7/D0kpaTw0hABAOrGAWqif6wZtJCf3r6SCWuf5vcNM\ncs7Ge9JBwqguLnNW55zEBr8sdtYYBnWyb6V0UOq61ptMgLRXD+43j4b8odrJ\nfiLF2PmRe7H4y9UZGa5b8aPGK4GmhLfTSCu6Bv72CIE1rizec9BR6/WzLMFd\nCrP9+Iu1uuP9RKx3HTV5RCWxJ3+Bf/Evo5xAGjlR0TXlXJachsLyjGImeXH0\n3mSfTLeJLLThGBgmAjc7HNJ13UUAP5usuBJboLzujj9KU8W9HZxpVG97wSrt\nuiFDT1s9jxb07ygYg/RBGOkQulPdNATK1ITIBGUpJ1loqk7W+6VBgvq6Jc2Q\nftg/\r\n=DdBt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcbl54XI7spaVZrkE8Kj50JFpTH0XUhbdjPe0KjZoz1gIgKVVQrKA8atrDrcBqATiCvVTxkxqNiu+Edk/UNLSRtLQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.18_1571595194550_0.7265787929555139"},"_hasShrinkwrap":false},"0.5.6-alpha.20":{"name":"@react-ssr/express","version":"0.5.6-alpha.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"725b8f8305aa7b055ffb63fab8acc42aaf9fccce","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-y7CUMq/HYtaXj8eFG0Fu1Mg+r/isc/84yx1gbfwEZ3dkZQWhrzqJ7tqE2GEDNis73WwGZ0kIOuHoJ2EHEeWs1g==","shasum":"dde73f5a760723cf13b05960fefbf2943e11dc44","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.20.tgz","fileCount":11,"unpackedSize":28460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrKh8CRA9TVsSAnZWagAA5z8P/iTOn0j2cfda8C5D0kq3\nI9obRGIEWFp1mUiNiEvUpEBFdHff29pb2LpPmcgAfyKA0WazWB34s7nisIdX\nxcMquiT85fMYSPBS7K/gjnBLQXsfLEPbSRLr1itanF2hnkWwFNfpikEZT2RJ\n2aHe0aqfHUul+wA9bIghBMfohLG2d4fEM6KnAL7d0VAigg2dfDom4hkz+Rtq\nAY7Q7aez0cKcHwIADRqNNGsjLzQ+lpUAOA/593/LWkCYoIGI6Q1ZePbG5Jpt\nlSG9nZ5EtLBjruI86dV3gkLg+TgyxGsw2UVlNTNGY8ajAEjUJU3IHn/vJW4O\ni7c33od55D2L8ODvp3czZYtws0CtVOzzUwItenMpbIOwhXz6vTkQKGB9OZMw\nK99Dmxfp5hZr/TNAMBkgjLQS9qLAO1j9Tn/EqohOCDB0kMxzQNqcQpbNdWJv\nukTNbAJAcGY5IaqWFG4n9A68E35ypSc308QsGGXTYFfUmgaeHZkUfziVVk1L\n4eWo6zbB7FWapBExI2pv4Vnzf97tF9PutpVJuPi4saG1MrMeM+8srEAeBW5Q\n6Z9FbgEIEJrPWizBHQWjUzryZ83N6Bp1BOdJgsO3r7bqzQtDKztjq8C4fHMK\noWEecSbjJd2Y6jwvrriMleT+cs0hPcLBQTFPXjVF5FnRf2JLu4xSDz2MVAoK\nSuWe\r\n=ZRrP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKevEhwl9E/g/jdP1txVHZpXJ3jZhsy8kQewDXuaVJpwIgOkvgqJWf0udztd3rOtlx8lHJyRfm9jNq5wRLv5FACyg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.20_1571596411524_0.9967598208979058"},"_hasShrinkwrap":false},"0.5.6-alpha.22":{"name":"@react-ssr/express","version":"0.5.6-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"88d045f033c00a8f73ed2bb9eac9989ccb5ecd14","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // script source: passed from the server\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [ ] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"babel-plugin-emotion\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, if we use custom layout, specify `data-ssr-id` in the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[saltyshiomix/react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.6-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LOE5xdcJ9ZPpueaQKkodpWNl5cIaPxr0X6go2ttoBLre+VTQcaF/O0o8S8mThnRVwF3frXoLImqynHfsv9IJmQ==","shasum":"edd53779e9ad46cca232281020b81aa135b6f121","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6-alpha.22.tgz","fileCount":11,"unpackedSize":28790,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrK8FCRA9TVsSAnZWagAAg8MP/0ONzw7G9Mu55W7YwL4T\nBSpY5OZ9SUWd4ODiWSF4HxGf1rXRxrzqqw3CqQef2GVhHtUAUVOQ9YO0swqc\nsGJWQzBg6cBR8/1MwhZa3bmRzDvkmOENkWf6n6t2YcfceAk9MFnAGh1A8/Oi\nFVHYHfJSqjyzq+ZHdCuZL/aS+C90PX3LMHM0mLkn44LiKi8JVQu0zl/6P6kY\n5w0XQtIIrpOoWjvxell1sBTLa6XyVU08R6WX8L6wHiGHk43fzR2QREPdAMKS\nMvpzejlbduLdppstZHolCMU9jSXzypSGAJPAC1A8+aVMaUpzGEbtFIocySuM\nxQWfPXmjb9LaotcqXWv03OLwHibuYV1KyMizIGExVduI6dLpSJuArNnGU6OQ\nraZFYCppKvac2deeim1IKurbiqH6ypXZ34lkhPigrLRuom2eiVkFTjJ70DZg\njg7T6fVrx8dtY//+GsAk+4oWgQ6jUHTXnfHbXarFPOaxA08spydPKiBpbycW\nhvYqAaGyqMPtPuMNMOobbnx76a2W9Ey5ichH+KSrLQ4ysYWqoUtpQDyymXOc\ndnJXaCp0JCR+MkaxS5N/nIqFRYN5oWd/0JHHMumzx2Xp6FJ7UMwyK2b1TBzi\nyq1rwk4AXLPciww6wImE0ibv0c1zA3w5OYOe2F1K8OW5iVw6t61n4Om9F8y5\nHOi+\r\n=6Ftv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGVrqcze+AWisulwF7Ip0e4RH994QV4XIdO2eedb1ghFAiEAxb/NaNDGy7OUf7YOCKmYYxt7SRN/1P3Rgyp3Xyn5JNk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6-alpha.22_1571598084444_0.7671644080270081"},"_hasShrinkwrap":false},"0.5.6":{"name":"@react-ssr/express","version":"0.5.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2bb4543a6b250df4de4f1160c1ecf19fa1a9d06a","_id":"@react-ssr/express@0.5.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-x3AJeY2RI7/ZjyokaHB3Sh6syixSQCRC8ourqIXku8P0NSLNNjERTSXyrW4OIrvUEw+lTIpbkqbbeH5EL65koA==","shasum":"bee2d6b27918f677909edffa438e8bf27bacbf11","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.6.tgz","fileCount":11,"unpackedSize":30297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrLUKCRA9TVsSAnZWagAAJ1oP/jAMSSUsoLGaTKSGp2NF\nO+mhQ8AvU4EE+ZSPcvADKiZCuuyVIQ5Kn4R5WcmvE1SjS1nb91sx9X0jjY5Q\nPEEIPkAwEtzpSJndZkXW1QoA/Bs6hlZNmyCzkvYz8zk236WvpaKPURpSTg+x\nhb1AIhBhI2l7/o+znWjOxut1Gdh0s++tVAgHau8MLR8TsKdsUQuMsQ/6jfgo\nOIh8SXFLA/qI/zgaWed+uT5bSoAW5+lO0NrSsRERxrYx1t4qjZeXzXmr7ZqA\nFu8i77gt2cxeNWLGXdSvDAsBOPYYY7piSupAyh+tP8p14jHN6edZ5RZlm68x\ndR6NxjewBupRwCFyknEEhNoaSJRZO7Z4vt3DEhtfmufDGobEP/KIFoAVmr60\nXejiP+2xCTWNb00EmQi2Q6PFNPx0ToR5cbLyzIJlhZYkFjPNWnkEFZWaKnkp\nQ9jqTYAX2f5PobrtoeUTfLEsiSHgV19VeJUTNeMzagiOTIHluyaBR5FpDN+E\nK/t4rn8E/KAp4rBlRTEzIIitgLL5lSXXXOLDgGy/FRl5Wb322WDTCmwsvOeD\nOt57tfv7NqfP6jRyDv3gyoLC1HYiXLYGsIQhL3rSOMdTo+ZyAKU1GSwn/EdC\nf26qNpCT2eiCtChtqp6QuODRE4hVbVio4UtqfFrJUGh7RekwFSXebnqJBGoq\n+0Ah\r\n=82iG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBWC+MvDiGKABttmNw05suhD6IQpAa/7hcGxr9Ln/nleAiEA1Q7fKiAvjtk1gTiEkqes0ntiBNZSxuExsoPvBUN4j4s="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.6_1571599626265_0.0757409184762945"},"_hasShrinkwrap":false},"0.5.7-alpha.1":{"name":"@react-ssr/express","version":"0.5.7-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d9294ac8e3a0dc0f9f31be9565567f6153bafd4d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.7-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-oGvrh7tdYMcuNjfbodggO+5y1YvKErL5MuhjzqaBIKvunJo4Gf9vyGVMYbUL5EbH3/qYoBmRmtAvo7QGDzCutg==","shasum":"7b200287da10e9a11f9fcf23cecd79cc67b20428","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.7-alpha.1.tgz","fileCount":14,"unpackedSize":42332,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrMwyCRA9TVsSAnZWagAAV0MP/j0o3xMhutYqC71Xe9kt\n3C9GP9sencHqPRfI+79/cHtAqfAgKjZSrqvpajiPRHChWzGZQOQTUE2Oix33\nEryBvenhSZ08MD/t9Oi5hyozRXm71seFl1ReiPS9LR3cxN4K7BpXIiTMRzxZ\nF2ttsZECkI42iAGH53hwHqB/mX2GVmr2/zSxib/jAssdCG8WnQyhm9BM0bC0\nvoz1jC+d9G6ndavZAeaBnTr1h0jFgQZAovDyBc41c27Sr45r+ni1GqE/1eiC\nj6sv17qLqQOWdEh9FmK3Jj4BKI4Vw4l0bAtexpQHZh51aTzwdErO6YkbL1Xo\ne2O0QLNB4WVNFqiUSww1xhsc7oMFcvfgAOdf/8lz/Sc9LdeBWF0RQNboBG8U\n+9DSfB0Yhqs7vRT8YTBnz0WYYrGfATsWi3exjaChKGJNYbivTfiW02V8Aydb\nOWHeiW8R1iw8vapH6WeL4J8Y60BXzQiuGdMEs4vKHe4TzAWC2mkfsZL1hpVA\nDEf1tX8N5+Jr80AOkIjvm831Pl358Ix5n0IltBAJoRDtS6193XnITbvxsatH\nalcxzSQeid8yp/YjIkxdd6IyjFuZixmyEWN70dNlU/M8RQFulFb8bCX9Ac6W\nstqyDGG0oANAOwwBA+MM3jJT4pIsaU1QLrIh7dqnzbGtMDXXOkfKtmxfoZaq\neLMi\r\n=5KZw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDU2UqhEPRQBITeP/OHw7Wph7hBgJ4gxOlAcIxNgQVeygIgBlULIFs9tRhz/67L1sv5C37cyNAh2OKpj9LUDUrcRao="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.7-alpha.1_1571605553460_0.7631481015718624"},"_hasShrinkwrap":false},"0.5.7-alpha.2":{"name":"@react-ssr/express","version":"0.5.7-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4ff4101034e05c4b98f42ca3429072d60199ecf6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n- With a Layout component (explain it later), we must specify `data-ssr-id`\n - e.g. ``\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.7-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EELzHLjoAqKt8IodiOMW5DX22RKNQMDB834JZhuBOT8z506kVtD6XeehVv/s2lsFza8TuX2TMfuX4oQSxJ+3sA==","shasum":"2d0555b59d6773cf9eb50aa19bab4b7aaecbcd8a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.7-alpha.2.tgz","fileCount":14,"unpackedSize":42352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrMzfCRA9TVsSAnZWagAAwFcP/iDqt7kQhBDXInD9TFWb\nujxp3HvuafvceZIMpRBmjTavZ/j8XAjg4cor3YFwU1zpfHDaTyo407LLC4zE\nLB+QvZ0OFKXFxfvKsWLhQutxAkcDX01zRgXy3QtzQTgRfxoWeP4RDDplIVbd\nW56OuAmVsVgVkwKV1OoQVrEzlOoGPf0Giz1zeDYaSA7ufDu9PkqZ83xZ9HVe\nK/CPtDOEpLYnA8DG+b8J2iF0yCuJEug9D9Q3aEkRoVc/4fIj/tcKLVpBbSzk\nKFQXW5hGYlpEKka0uJ08SoeAg04Z3ttJbkbktMHA9L4vPdE/NTF9WfsJN2zi\nZE36aJU7oU95s8nL6J7Jz9o/expgg9TKcf/POd2UPp/Jt1r9r7WgkiWSKcIM\nVckVt9S4GjCfKAu/LbG+hvpSGuwlvnXc5KNc/t3VL8HNAM/dKYZjJxss4IxQ\npQCVtjXimqwNPAFYacpJqO4BAP01GlyEDwE0cWW2xmZJcWcpxFvo8qO2q9pD\ncExrSdCCAEcnfVFOz7Fsw1fl3uBtpwtrNX22pHzXK3B0vMv8MyC2PFskmzp9\n87Hmz/AjLWRORFelBhW6wIlpmPgLb41rfA81Soepbs7eZG9gvaCSJ4DOF/rr\nn6hKTmgiev5qUDnn4h9BZ/oD8uRJprN+kpWY1NmZimkz6T2Pbh6XLR6yz2y0\ntdqk\r\n=d2Wj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXWBmulEzhDzaQyyNctnERK1mc2jRAygntB/oO4maJ6QIhAPzcM05ViAS/uFVKrgu2iMWtWXPbYjlTGLBc/mdy/hEg"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.7-alpha.2_1571605726920_0.6834368365018668"},"_hasShrinkwrap":false},"0.5.7-alpha.4":{"name":"@react-ssr/express","version":"0.5.7-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.7-alpha.4+9d0fcda","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"9d0fcda2b9e799d761b88629b0140ce9e8260577","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.7-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KzVYxxw0QcpzTxjLHqh/cBnh/5WpylddPmiVpxMYzkAnQ1GQPL477wB5XEDCf9YpFMrcJE1MBWmXJxtHPbGA/Q==","shasum":"0868a9eb9925173164f8740a071fdd9925644b9b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.7-alpha.4.tgz","fileCount":8,"unpackedSize":20078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrPdLCRA9TVsSAnZWagAAcFoP/RrO/uWE1hKYkb/WGdXS\nK6DwSuWtAMlDjgOfgtai2JEfeA9jfbjThgGl+JYED4iFUoJx6TRxfUtYQXTs\n5G07JQCbJBgkzRLwzGQE/oo+qMh6IpYsh3RvdwN+97E06Ify70pUJgvNEaqu\nUgiU8LEHYZrhtuYaMcMqm/t7RIh/EvIpooEcBd6kvI4xsdI9UJKgRzoKUh7q\n5fje3Lo/qZd1rusyIGoB+OWGx3umPrNbtTPJUYCj1qraDhl/DesWWupJ0Lop\ne5ps8psfHf19TVYDedf1HHAQUAWn91nMC8oUHWAgBAl16ooQd7ruTgf44J0T\nZmWqlTTVAO6GDJRLSvK5yU4ljQdskKZs2l+sNOLhPh2Y5RKNL29a9qVktnN7\nGHxSX4/Un0Br9F2PRpllVb2upcH0mSMUh1lCIPSktIgFlWeWmylIrtepUq3E\niRghX8Gk9Sdaft5jKfBtY6LyA0CWCAFKbueILaP4FG8XdfawaDsjJeQMIDHb\nOSU0kglxk3Rz6MWO6XbXVtM+tPZOoqeQP38INXUfsrgeyp4YoJqqKJ9OzTjV\nDG0No8SJ8/XxCYKno6GImJUMDolzMxCmgdqWMppFuJvTu8+yEHKiLySF+GFe\nzFgaQXq4XLdR/8gBSOBHFoEzzKzBAocW0kYnPjUa4mCG+Fj8osN+sEzuFNZq\nYclg\r\n=v1rE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG3zhi/zhceiYje4KhJAfTcdXkYaH+GwdBep18ZSY8JMAiBy67XnQClxY06grNBdDjrz6/tf1HXT7O0yu6ZXAZmswA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.7-alpha.4_1571616586558_0.38620214853041324"},"_hasShrinkwrap":false},"0.5.7-alpha.5":{"name":"@react-ssr/express","version":"0.5.7-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.6","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"5631ce432a6d1064440b1e1caf631e47e3b208c0","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.7-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-6Pqyb+XTYC6qngLptD/6fpC446qEls5JMuZE2z7HgYci/myAN6aaHSJiY1FE4ysBnDQW26XjaC65cyPzwgcKTw==","shasum":"c231d69efce0d9543280aaae16aed0560e0221d6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.7-alpha.5.tgz","fileCount":9,"unpackedSize":20137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrPgfCRA9TVsSAnZWagAAaPUP+wWHME2PE6QhvR9Sn93E\nWp6PTj19djLXlVqz3UKoXEtGOg/XMF0r9oo4nKr8OEMUwHKxE1EhsKBtHHaP\nb4UpjL/EYXOf2UWxkRJFVBIbPa/HC9HPB3dWfPr1f60++zRjlYPQjRHK3gaV\ncLWbXAVcuvDMd21w4yge9JXMtf2nLagBufVGEaPHm6u2CyMdPm+Tv1sUGUaQ\nHQrkhlBa+io+Ir4wlN8z9nb22iTqia3Ji1wMdce66tGBiJcOFA4voIKkaHQF\nTT2guBI0haEHgv1xFJnIibhi7/0zPcMCWlT4YHPzMdm/XwXg5nXORgvv7CmN\ndkmFieEw8au3+svH77Si8NiL3JhsZmnr5lCMCRkEltPTovjsXcBnjXWmRace\nSgu38c+c8Sb7HI94kMI/6209NO/Guym1g/LY9+aW2P6M5GYEYh+J1cXLd67s\niANLqrRDW5U/ktiZyaWRar5GH9dt/ZU4ln+6d9QQ6jJZUL23+pSiIMY3+16C\nrnEbt/RkDq3+8WcW3sMrEKM9VBbCzJiwRSUmZa2HGwQJGG1LeiH0KmMUCi8w\nmowSeFwVceV0waelVJL2k007RB2RxEAlbR1y+fnbcVYjh1QYNht5Z6BoYxDS\ntreWykpJ0DrvaTLwdk2IMgJNPkmNBiC+c004353/H+qQi1Dv+pFVvJMYfZ44\nAD01\r\n=y5YC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDx/LQtD6O4dLHT8+blPQvCoWDL2hgYeLcp3RhHjouMeAIhAOq6SUZKGqbVNbc5avETOcsmzY7mzS+NhXWhsJZeI1N4"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.7-alpha.5_1571616799001_0.009261565108745762"},"_hasShrinkwrap":false},"0.5.7":{"name":"@react-ssr/express","version":"0.5.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.7","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"29dba97c2a2c389e00ca467fa8e1f23e9de2b143","_id":"@react-ssr/express@0.5.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-fy0jj2sMYgOTVacnfLYOE/RiF9eC2+sVOQAFGF83iGdeYNotlR0NgqdBQHQgIq0Wv2CyZuoftaZD/cT6ZYemew==","shasum":"03ece243c8a4ee624eed6ddb3de7591568be653c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.7.tgz","fileCount":9,"unpackedSize":19501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrPkkCRA9TVsSAnZWagAAryEQAIR5oe6NVOOQWOR3MtoD\n76CQSpDf/EBDO2NBULA66W/U2E10FKSP/G7g1/8Z6JcO6H2jYeduloqy5XL7\nV9oFnxG4ERI0R78IH/K329bOmQXGqCeHMB6sf630lGDi6gsjmILCo9kkkdVA\n7BKmc777OOdY4v3vKNaZNvhRg6HPmkcV9Z44JU5Vw6pRErQ+TIPNY1u6ZDA7\nXEPaK5UjAmOGCHQEGBtfS4fB5skaG7IVV80qmP+XKtOy9+/9yAZRRpW+XOl8\na92NdDr8XLbZryyz+DWUWTVw9YG3Vlv150KpKeHssSGQuTCt7QSGqsD07BQZ\nX0J7zZdWTrFh1lRjSCSkonqOlWGXhlArZcS5O+dZH/ivfJ60VkAhbreZsS12\nRkBRj/n1qRED7VC97cTKGENJUZIwFYQMLUbQ/cslGdFVtOWBzvab8ceg0CFS\nVyl0FOhXor3mRxxyIF0MFOVypfG4ys9E7CPOgEStyJfLHNP8Laxyg9n/Zspz\nMKyMbdvR8EroAUE+R1NGI5NKVPito+qVoknkPNNuW13TTsmgcr1yDQ7eDGge\n0PDgX9xbWKtNm3JC8RZUcPE2DPzNws4Hc9BfSRMBjgVq00N0yU8DXK1Fde30\nwTb55o8WzFn2D9qXGCNh03UbDZs+x1jq68HvbohWS1Xw/a3pvoUMyexbp9zt\nYUIC\r\n=nRQB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAnkHH7CxaBTRSn0vFDRiboEgjwhlFVDvTXCCdSznFPxAiBSDdEVYP3AdoPVpwUtfrRDHqKkzmNjCsxK7Ggo7OU04Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.7_1571617059518_0.4939182034232461"},"_hasShrinkwrap":false},"0.5.8-alpha.0":{"name":"@react-ssr/express","version":"0.5.8-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.8-alpha.0+ec27d07","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"ec27d0726b2f01242774aacc644ea5347ad29d0f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.8-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-kbQn3P/vxZ8OD8S1lV/X1G6ZeZa/bAuNQ5rDYBGEIwB84Y9/mOmboaPY1yEtJseV3KdlXgIsArRnt66L3Rdh9A==","shasum":"01df2b83d849b43e76640fceb0fb1fafe1d35ef5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.8-alpha.0.tgz","fileCount":9,"unpackedSize":19595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrPp5CRA9TVsSAnZWagAAeZYP+wWxLpMguu0P/YrwrUWv\nPHJAK71qsMVMH47HNdvjfmneYbFWAcqvqPr307cwT/kQE3du6J2FIysUuT0a\npS1Tc8hfW0mzQqmq1kh2cKcpGRffj4YkZazZ6ZTc8WyKQcJciiutboDdlq1N\n+ZMvVG+DvxPGoYuehYZVStci2O+8HSI4b0xxipji+x1x2n32Y40ktHWCvzsm\ntVJQl8Q+IEIs5HFkehlkyCvF7mj4pHXO7fiQvwGII1hCgpvSZTdHIEg5GZAy\nQSyTPI4m4yJaHk7qhU2LmKbtXK8tLLuj+QoCPx4mT0wJOe7XmEkXxLV4fN4p\ngyG583N6CxJybtM6hdU6m+TpyYmt0v7cbwZ7H/EJcNW00+nR72M3mf0NH/x9\nYI1OwW5C+2nTNNldD8aOCCZnIZvakY1Ph5CDmDcK9yApvq2fYfBx4lTUPOK6\n4/56JiaxLIqJnmUwjUNNT9J+tabs8sh8OHfOQlScyPucHpIcg2cHeDUNXCAz\nbCHtbYdfXiGx7dUFJU1+Uw2fpqVdUEldCdMrOpOGcF18j+EJ+lPDixjgXSm3\nEVOceDshg4MhzH2Am85WI0H5vgjqAA52iBSYnRTSZTP6ENWLw1i7dqqow9IK\nYVDGX52uiz49DV08NBESjid0D5pjSLCvMKJ1X4cHS9RQbVaPq5k6BOhEIuI9\n4ztk\r\n=+Gq4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFzZyYnME/Sy6bAhhBMSR8MFKK5YFk8QUl/iBeDQVVsgIhAIUapPdnH7z/clLYm7RHU/2YNSDXtuuSIKpUbW+XoBvR"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.8-alpha.0_1571617401184_0.17476601756668386"},"_hasShrinkwrap":false},"0.5.8":{"name":"@react-ssr/express","version":"0.5.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.8","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"285436ddc2b134ee8561d3a9716fc90de68ce885","_id":"@react-ssr/express@0.5.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-iD+fsiimQ/1YOmKA8K021OSTzIe/ENVsJJAVKJ8zJiG9V1cmLulEcLZEWzlLA15unMq2YVmJDrWweknqQQkhlw==","shasum":"db5286da9ce39cd13d89d14f0b71d8029a9b9e8d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.8.tgz","fileCount":9,"unpackedSize":19595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQGACRA9TVsSAnZWagAAHtUP/2s2J4NyyHZXltJogDcD\nRL1aPk2vX9NOqciPbZuk0WxcO/FEKlds/btRKidqyIDVvVBuRK4cMz/PIeSS\nw5ysSyVhZMIWLsTq6GwsIxhuOHoyyE5aKTzDbnOx34+/pHwn5tMPLontLvTP\neUFY+VvPn6g0Qw34XRj2bVlMkOt8Iv4Zv9pd1rhXKhutVEiyFHH1jb/fjx18\nNRNCNMjN8nu21Cjjo56C4p0u4Uk0jn1OxCtQ/MSRAGbmP0gMVl6I+bdfGZx9\nqTYVlrzKZ6nPcF+DP+aEYxMXKFJWfo5Q/WjWlhLKxL+SBkSANcfNHhs3uJ4M\nxf3R6HlCNQNgNHmloYZKCCq4eQqj1hefm4yr7edh/ubM3Sd7X+FKse/CxmgL\nELHLE+YdAEHaJ25KFg3EtIUEk8G4aHClBmfmhcSpkxdpe59WCsfXMlexL6Bz\nWWiIy9trlBZLWiaEOBlSkPvxOuSBYo8jaSTeALxZi84QmmAQJz2b1UidwG2G\ni8DuaxUSSzowW3Ne8RUuV0tsmPMt/QTZw9QJH/r8enkKFSTGwhzjmA8YF+yR\n5wBheC1HSP856/yxL70lmqaDsF6MkktMZf8sKrSv1a+OE6jST6mb6sFF0DJ+\nq4Y15h9a/Zvb2txuQ8WCoTOWmMHv3C75vArEpKW0wkfJHUbuosXATtCyELyx\nHtEm\r\n=JUpD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAERqtWKkKc10/J+N95S0C0refK/+nNCpPHQO9VzzpGxAiBi+6erYcpEriD25hNPao99IhZ17HJChAWfu4p2sxrkcQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.8_1571619199652_0.06893485941847666"},"_hasShrinkwrap":false},"0.5.9":{"name":"@react-ssr/express","version":"0.5.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.9","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c5dd8762944c9afb34e9c0883353fd54b7db2ffa","_id":"@react-ssr/express@0.5.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-y6uBngVfYPP4igykbZCzA8HlXi2OxhqS2XyIXuMg/kC8mq0gVlUEu4o4YRMFCNZeOkxpCfc72OWFT2hj+FZoeA==","shasum":"a85bd06dd1fbdf88ec3389e8320199d67fcfcb22","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.9.tgz","fileCount":9,"unpackedSize":19595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQJtCRA9TVsSAnZWagAAPEAP/1/7Evyk2vNoG+OXcU+M\nPEJkNUq/PrBHQ+KaKOQ28i18II8ReGcXz3mNQ++oWdyT6MQrmIyyw0tdNEvj\nNt5YPmmYlWH57vlGS2NRZF+/IDeQ62InMZXhXMAM3DbnjDWvpZDAFj31h0XM\nnM/KpRLGMxTo86T0OI/FpgLCc2DTVvde9Bq8vF59rABvERXtxDSEkZSdQovT\nicGL0wdkRoOw8N6zE8PkILgT71d6FEIlUncmr9TlFlRHLREQR3C0t/udo03S\n9gB1PGZEP+1UMZNRUR2SHAX1lXGx+YBkihmuGz3xR/ufDFa505dyiR8zBQv8\nV+nX6TzNeyF3eN5/H/t/4lxt/mQwtOcHLng/e3xwRK7Lyrf1LoD0JYuSf6uy\nsk+PAiyqJW16Nyjv/FfAWpuGSLi7+oDw4my3OqRqT/jdeR1egVwo3RzEqI8H\n6wyOnowOU0NvrjCNdViQASODOefeWlVCl1fxsEzPmJP2vfU35BWE78xweOrw\nWFrNovwbKNRkTKVST3Oagvq7M2Hl6yY1MxzJma9vE0z5QNYm0xAgrlnUV5XM\n3qaJgcxjV7HYCEAmB/4lUkR0ED1JK96EAKpEs9n/a4hnf+Jxdm27CgK1zM6O\nwaNni6V/zhuIVQc+MJmEamQZIwYmepSw+G33rIEv9kiMYMDnvFN07NHi7uqy\nbZ6e\r\n=lw4C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+/yKDKWlryvDF+/4n+aoQn8rkXSSEWY3usEXB+BB4tAiBPXSuQK5hiprihP0zaRVWS6ImiV0LOcjrSrFULo13WAw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.9_1571619437299_0.11908206220644146"},"_hasShrinkwrap":false},"0.5.10-alpha.0":{"name":"@react-ssr/express","version":"0.5.10-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.9","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"8d29444b017876750dac28590a07d1f7c91ad61e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.10-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-F7BzIEPeIMpyJ2UwnIslbr/E/pAHbRpw9sictcp5tOobIKeAIyZ9u+yxr4+wL4eigIMVX5T51bWlZ5ppqlOQFA==","shasum":"5a6e4caacca385eee0180cd62805a918450c75fc","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.10-alpha.0.tgz","fileCount":9,"unpackedSize":19597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQVsCRA9TVsSAnZWagAAg5QP/222delnCzcEjCgrS/FN\nLk1zK7+NWLdYKcPQvNkP48gn9ZuzjyBM69jKD3pTo8w8t+tGWSaxjNqdw5k5\nhUQvEufE+pcpvWhT2CyEJhA3FswB+mokDmo29WAfLqt+JfHCNSY7AH2pZCyr\n3sWYGUZKPqt1H2BWKACzpyfB/4QtJg8DoO6PRQVDzVMuLsM4ye7n7M1psgs/\nB5KtlHwhMWny81617cKSoS6pu3lCBlDDdUOa95iXLmdWHtW7SqPfztmRTk7L\nAWgsGy1C9hooLTkNJndiXJLf/vVEQnT5lwrG4DphDhm7ayTjWIRec1qPR+Wm\ngHxZMH2hHXXmuNYpzgjk76JNXMZ/qbrzMexrOvLwbTg1chFUzmhR5R+cRiXB\n8KUaM4hgjmG0QOTstcA5DX/qEDWQpDuf6g3dfMmMZdOw4z6AK+Jz7c+wVP0Z\nrqviVKdHEOrYfPfHCos0cEI1Qi+SqNjNFhjGvE8JXPXkjiJqjVICxQwNKkKd\n+n0+hMxErA6v4s+xNZ9oyasDcM8q75stt0d6AUn8XOCyCpA9/ZgvJ/OIxTqQ\noZoK5lXUkJX1YnIRpKVN2nldCGrO5NloVCbdVdcdruL7T4ZGGDrfGkA/bBMc\nTk5E/0jPss89cfjgAgqzrFP62pgSDeJUQkG7TWMAlWcgcroMY9MMds7J2jfU\nnpWY\r\n=vsv1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFf03Lv1yqzmmJJvQfn2qmkVfqr0WqMlxPSY7q7m0VpWAiEAg875MrclkrimM2Y6MemdVZGWxQsMg+7gTUkQhuenjls="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.10-alpha.0_1571620203392_0.46208421651280607"},"_hasShrinkwrap":false},"0.5.10-alpha.1":{"name":"@react-ssr/express","version":"0.5.10-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.9","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"af45e47e342997502ae13adcb0781afe5c303b78","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.10-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KhlR+bRcZn4Znu4DtBs+yaaeEHTfZKNHZA1K+t/rLrlo8PsJdcjBxJOIwQt90qPIzLfo5XJwQhK/TYqCP+chUw==","shasum":"23b618ea379f96f9000c6835c92a5a00e5084dd3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.10-alpha.1.tgz","fileCount":9,"unpackedSize":19598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQYoCRA9TVsSAnZWagAANrkP/3ILMUBVsYedrYzRafa/\nIXNi9Rt5I94IghWp1OOur2mGGDVpuIhUu+U0hMZU9bnzyvB6Ie+EZC5qszTP\nhye1EbQmee1HGhLWm9KmED9j+Mybb5E0eHpKC/cDxWF6a79nmAv0pMeHSL4q\n30zZjLn+WG+v7rL3svDQuHGsdteVD/FQFKV2kKuIHT8td/3fmIjH3LfxVYLm\nvajGPduloifbT1iCyq1gyCNE511DAkVWd4m2ztJreFTIGKxuPd6J35kkv0NI\nwRyIGKi3CkX66SKq12p58Yht7oEGrBTiyywpF0NGjUdfOVrf1gPjsh9ynfMA\nA55RYvv6zDLzF3/hvjy08MKemWES6T8+rA40xSKBhpckbQALgrowCETJKcGj\nt6lLLYrsGQoFF9a1c5YFxK1mRhxtfy7fWUe7aAAK/AOD5kv01TlyB+WY2v3U\nVLx//mSz8zpzp1c0FgpvDt+pOokOScCR2q332QYYRm5NqFL7m8k04IJqg0Ph\npPZeZti1g1EN+aIqDYJlsIOeJwUurfKhNfdaQdn1f3eGyl/8Qm/pfe4s3nwo\nXWyLsA3N9S3vYsFxQC3ifTvcLEDhUtmevmX8V1G+z0ubA+3e6PKelEqgA7QF\nQxRqeh3lCIcj0DWAMxDn6CJx2Y28ErJBsoSFH9kv/ycSqrJbJHgpE4AaBPAh\noVBW\r\n=6vZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEJ4EZl+n11sxHJypNBE7xV+BNKsH6rcnVkXN5jHBjhcAiBHsgc4QPxGGRMlOqQpc5rh/jgC3NDla7QlU9h7VqAssw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.10-alpha.1_1571620392248_0.4912741876043263"},"_hasShrinkwrap":false},"0.5.10-alpha.2":{"name":"@react-ssr/express","version":"0.5.10-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.9","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"535d42b83e0c6947af086cf54e6896b64eee2e81","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.10-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-X0a579GGXnn2SV2t5MlvIi4SWOrn6OoM19mpkAc2o3ZMIPNn3mt2kpGaKWK+D//ggGi8qpWKz1ba7hye0gnhCw==","shasum":"f00e6957a7e87dbafbf1324208437acec0189da5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.10-alpha.2.tgz","fileCount":9,"unpackedSize":19602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQaECRA9TVsSAnZWagAACI0P/REdOnjXshCL8+RMKuLe\nilNceNe4ph08dCrdakpq0j9567RR2TY/RVXMyeVREGOAhxHwjsfSWYSdbErd\nfXrCBHzhBB0pd5zHEM8VyQGkzvR5PxNIl0bnTx4xSsMjcSfsIwfSYIvsU5Ha\nLdI5PBWZn3lxDnsHOh/vFYAt2jcUTOLLSiYgXlKC+eYK8CVvRjOnPH781++z\n+twPB6knBGT4ZPnsI28RrUy0beAmRHo6aRJUjck3UlzNvUNQEWitJioER+Q3\nOrNN8jWiR7NwQDTVMr0uT+qxOLwquek61hA/D9ZTYpY3uDpq++IjGV2ZxtTq\nis4MY+nO0J3zSmhbKoc5nWbT9nzaZGGmsYW6u6tRS0F2ia0Dzv7snmDJd9UO\nUkMEu3EgvVsjNeAu6S5G/0hW4bXOO7Y5VFxGbJnDbefH45TM5TFbsqUhoW6+\nxSveG6Yall2GdM0pewfooRLCoNK4uzoPfchV6xvETrI9g5h2m1alWiDbFDqR\njSTt4vgaMUjrW7gLp202LKY71im6jmFAJIECiQvu5zQ806Dqlv+3TLx+aH4X\ng/T0vnVWx80Nx1hRBNou/zA9nTK4QIMIfNS8Y1DN4Wt8pQsnppYq3H1q5sru\nN8+CsC/53/0iLi1J5qCPoh13rsSNGJcbJxfwmpucrHW5+eCgAaxg1dyFqmJ3\nhWtv\r\n=0uRI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSVK6HA8oIOdU3pFj0ftzClJnLRsPHlsgBaYD+q6lTrAIgTVP6xgj5BKyVHwx9pAxiU5TELvi+b1zc5NneXDevZYI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.10-alpha.2_1571620483653_0.5456747750898576"},"_hasShrinkwrap":false},"0.5.10-alpha.3":{"name":"@react-ssr/express","version":"0.5.10-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.10-alpha.3+b0996e5","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"b0996e57979fb5335e09f6f33821c51e8217d0c5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.10-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vMbcBoRH8IN+igu2RqYv9DnaEGsHx80qzlsAULsJsbgwYXuVHoaoU2LKovECPINSd/1TP4VavGjL9/9iUHbF+A==","shasum":"2a55e0bd174cb389b2e092d277c26afd9a30e00a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.10-alpha.3.tgz","fileCount":9,"unpackedSize":19619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQjZCRA9TVsSAnZWagAAiy8QAJ0OjkbVJigppTjnV5ZR\nYrnh40b7SKI5pId4viFiTGjqx0AuDpjGOPU3rnmiIBnSzHL3joZQTxd7jifw\nM/sFRxwMZBgiefUNzp65IDZmxvTGknBrl8KENKwDCqolAdViZhDrl5qeoZzN\ngR9gv3mYN3KA5MdOqNoJIpiHI2W/HDLwW9oFmd/1rTu+7VVpSBfF2CEW5LqM\nEF7eTpyEhkwiMeLfon019AhDE5JUEVvqfZ8vyM1zS2NFK6ddSi+GI1/G4jqZ\nWZyo8rmDDy7w/DvKMhBZkzt92fpc2kqa7uHehVJ8lVekmXfruzYp7KNdox/s\nwa3+/xVCI1ezYGUvvsUW25VKsG94XE6PWwCAAgKdZse7s2H2CKCe1e4h0PhO\n+QLnJQyYkchImj3b4f02NhwRhIzFdCUlxlxj7L1USHY8nbPUSwubmX9Kkd+b\nLuaGGHkJJJHPcC2slgELjCY9x672Fmd2DQNcnJHFB6JP0absPUtwq8/YRZLb\nztvcxj7+gJMlsFTScWIAcwjT47dbsY98bhTFqaZ1X6gUEDj2QNnzb2nriv/0\nLDxUbA2ySllBumPNtPb239xup/U2I56PylOyn8wbRYH+Lanjp2bhlYPYXaK9\n/ryougN6rpU5lod7y1j/ZAd7bttixQnZJwmFzehf+UHQgFaVBGNJVt2/BbSX\nJK58\r\n=VFoJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAoHdFOd1i3MhORoKVdrTm1We4wBUVNOoLMyfgnT28ueAiEAjsV8voD9zySjiSYj03CJq5gi0HNUeY3yWPnd/dNBTGY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.10-alpha.3_1571621081040_0.7795714139581429"},"_hasShrinkwrap":false},"0.5.10":{"name":"@react-ssr/express","version":"0.5.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.10","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"386318d42206db3ca66894e3d3fb70cefcd88ba3","_id":"@react-ssr/express@0.5.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1zZUM5At/VcTZ6nM2QsD+uweCc5rJaCd5YDpmIoyIJv4t3/r4CfhHl11AXtWTLVFoMoKIREysxfo5SYubMmRXw==","shasum":"7600f19910a0b9a1ed68ecfc5ff455fcfd4fe75c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.10.tgz","fileCount":9,"unpackedSize":19587,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQj5CRA9TVsSAnZWagAAbcgP/i9JUN4ARCxkJOF6ke18\nMTbwGVQIny0euZIoVdgjy9jjnzxznMkrKR+k+ML4T9ZakcQZAYdOvXXA55aB\ntSO4dn6VLLY/SS8GVFQPnDFsERno9ivBpqctN0w1fGWC5lbCiPcic3goGfwa\n9vLicl4DUNCTEs3BZKQr68mRxqe/3f/eFH9im8RPBIHZ8mxJWrAuEH0kYio4\nCpfjnTZ1zMl7rk34R41T07m1IY2AguFaHkqjZadp4wwLfAjWg6t3oiknKyyY\nvn8CI48LJ7LylU2Cy9YSfQ5R7huDWhwgWD8iePaHp+C6UT5U22q4ntvv6kiC\n8lW+YNuTfHD0qSXX+Mkziav23LcMtHgxYcVKgKpsZ5+MIl4K3pKTWDQuMO/d\nBEeA6Bke9/D3Dt5yInG986kcdAeZK8WYMKiNVhTe5+ej3+JlDTmUuEPPyGPU\nSekWAUnQFAnNKnEgL9GNo3V91RamZMnE1Whhu9jnC0rfoDR7vSl9pqpJ2/0/\n/Fuszo/bkCCWf9FgFTXDmSULmYvXhDme/nynaIKAKvTGK1OEgOTkVte9lOQ7\nI2iAlf7t/Bqg7hY3QPHiEGUFjIDPY9+uUCzkI/FqPCJoW9ekpw+THNENyeTL\n0JHEgg9SqDNnXb1AmV7itmAyBVtGzmqNPuGRHkAOKXRYd70i3LwNBagfJ1zt\n+0wT\r\n=mA0r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGWUl8CbiAtk8hI2VrlAHztzzjMr4Wp6QJ4nySzsjPO0AiAwazKCVTaSf6pQwL0nl4/fk9XuZ2PNaToXR6HOcFrfyg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.10_1571621113387_0.19794631416954456"},"_hasShrinkwrap":false},"0.5.11-alpha.1":{"name":"@react-ssr/express","version":"0.5.11-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.10","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"39b5feefa4b9afcf76a3d8487470890f41e3fca5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.11-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-j84kiQNm4ApLTvyLkLBLP5vSXFydxnnJ1TmQMPElNoeVyU2aTq24alDNhQZlLgD3akKjb+XXBLiQxycHl/EhHg==","shasum":"29c303a089c0c447dbe92e80851fb565923f0ac3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.11-alpha.1.tgz","fileCount":9,"unpackedSize":19424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrQpwCRA9TVsSAnZWagAA1/UQAIfdmXAxbNvGb7nJPt9A\ng6xEobp/Mk8SW7l14NXCjqjQkeblBmVL1GbdtiCEfedEAq4uds+zO71EXk4h\nFXN1oyxjPqzPbjcOZtnG+/Mo+D5cnHcobIGBx/1lr/TSqI+GLmx4tCmYExWu\n/eRZTf5JoQ0WEd0hw9+F3MXWTrPqyRdwlcn3h4kzBrPSbUj6bYn5pdcI0O0g\nPRjTbgMf81le0DwRzqg69RYuQCOOgsYqMGoFqPZgfec2qMYsRB10lcjVyqyw\nW0s5OnIynmzMXqx7xbhYRfj4S8roeAa2hTeEiukGKNeKlMYc7MN13ABY0SCT\nH/KSC4WnLTBh6SYqvwJwCvidYhf4tkpoadEJ1AV323klf+Mwb7jJtVyqD0lB\n2AlWZVp7CUWYqmXx2kBpRkLaJKnHJBhQ+WaevpCsfisKg+rXLLUdw9XZdyXv\nZNUvxZONTZIEb5q04KAgvww0aKQMOZc7s4DFlaLQv+IzHRX/+GJmfCxrxaMu\nad0nFyyD8WdmmbyzdqNNPZLmdjal7JC4UKyYhjEmFKlM97eD9GXpqPoIuIkE\n+7z8S0FMffaWlzTARpMwTG4azzt+BWZTEWplt5O530Lv+Z9tMpk6Xserwl8X\nbIFQJOOsJDmq+U6ax+VUYD4ug1Xs4O/idTOvHCbZjP7d4GpszVwRl6SFmpN9\nP2qu\r\n=RaK0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/ia1qC8jxqiC0JRhkz+C+4RVrKiFwpSmBZCsheVf/FwIgFAQO2woIpHheOkAjPxDKvAOu4qZS1j6VbHGFlBzoIx4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.11-alpha.1_1571621488370_0.21051832392951964"},"_hasShrinkwrap":false},"0.5.11":{"name":"@react-ssr/express","version":"0.5.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"7.6.2","@react-ssr/core":"^0.5.11","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"1ea4ee9a66457213c8757a6bb3451c69cc593546","_id":"@react-ssr/express@0.5.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-nGDKkcx7+K0xr7UpwnzO2lD9qqoyKdPnnA8GMjIVVinTvxgJ16sMtUsxqYAQc9a3RaH95UAUsTHPYqSILb89Bg==","shasum":"7d961cc194cc7bc0f094a68598a6c5c071831a83","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.11.tgz","fileCount":9,"unpackedSize":19408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrVuKCRA9TVsSAnZWagAAUsYP/2do9ns5hUF9TPnCu4O5\nUGmMfSqmDWnofPnGyHyofQzuKIgzs1rVUHu+ZhpqD5NV8CZmO3a4Ox2rOe4d\ntgSqGH4emhMDCo7R6vFy4PLndlwhgItua1hG7MkQ5pYtOHUlL16oltBsAhgP\nk3Y4fDt0SRXgNMKomGchV9qSpaOVD81b7eaxTWQuRniWn7G/T0IewhqlQpeN\nKAQ+6Nxp4+YjDG0nQf21WFDKKcmEbKIhC9tO2KaqS5I4omT7aS9A3CNygzA+\n6TfzuCiPeojgtukgh3sXmB4YLCMep1kdTZkatfhq/YBJ4EJmBwmsFDNH8W7+\nDeizOuDJ3/ncsQrkMczFMAxL8bIj+Cm4qpQZnbpdcst3ZiGEwS8COR6Zp3wr\nUBREIW6d3Va8hXpurS++8K9d953xP1wqbumYyUHufz3AikI+rtX4qmB1V4X6\nVPrbuCiEMEHZuvduhZ/bzEqSK7gqDZoPZK3LMC8ypfaZI8tJRemX8g5NitIl\nQxgWpIUe8BauXuXVljdQBPfC72dN3MiiqWmHCGvct4QPCLvO7tyUv+8d+qhx\n1BbYR0x74ej1J5aIvZkrax4HXB3cAFNeSwxQIdVULArdK8eT8u5orSJVPVGD\nCmS7vf/6tsc/hr5PkyWeuE0riNZjWFXydhox6HRWHvT/HO/AcdlgOCUMwZeq\n2DCQ\r\n=Ej4i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBUPDjGcAh3igXhd3oGi6nGm2NWKLwxNIXk76/B7O2ZwIgSaRQawt+z9BWpx2HLtYJgHXkncXRenPAcVAIkz2T+F4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.11_1571642249509_0.9261821742741219"},"_hasShrinkwrap":false},"0.5.12":{"name":"@react-ssr/express","version":"0.5.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.12","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"a786ef1c7e5dbd3386f83e1967eee51d8535d1c8","_id":"@react-ssr/express@0.5.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-IqAZbDMyEQXG4S4ysGjZEV86JyzTtiwB9weALhPrMvc4pfhLgQtp2OYQnqEReTCJw/E1XRLY3G3rLGhj9IR7BQ==","shasum":"7d0e1bf420b3e386bf7a1479e4a2e7710aa4ffc3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.12.tgz","fileCount":9,"unpackedSize":19317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrV9ACRA9TVsSAnZWagAAyLMP/2ocK9Ee4j+m7e6KLpNd\nryMtqktDYlvu04QH0eDL7MTN0A4atNpH1KG+ikPB7OOFFf9VzyF36G9OFcn/\nrsZ+Aa6BjpRIRT6UqbGt2KpLdH7o6jDhGtA+OIaZD/TBh6mIKLH8MCUFwlh6\nrLSFwyHlVcNKEDMB10N9MO75AvB55icRHt+EY7zh6QJ7BYq8iVKuhjWJ1a4r\nAVRKE32yRQHwVvVycyZsq0x87NTcpFj0HEbOFGOX6ZLaTm10Xg2SCggDP98T\nnR/Ew60Nt5o8ogupDwgPy5aFEbDIGxNcO8NqhISEuZq1Gerztldw/iT8oIbb\nZswkuK159bCqSVprNRYWhidtbc8ainqNR7Y1JUwsTluFi3iV5hgZy53aJbPC\nlOJ7wSy+PVHpjybMusf+LYcDJZORNHpRxMyomSpCtNCRcrvAN0EMMq6HX2zS\nZMplibE4uwrMBHergm4ECVFNyjAiLQC1woyzePLrEfuzgyC0k6mFuqIHoZJ2\nYufQUV5ENfCfXSIG1ClmTwGPLpF42VOnYtAYBwkEd4U848leCiglrh5AqMUs\nBNnV7e5MQphwADUcIKXkWPYR0ht+ubUZCfK2Uilop1JAAh0RxqIoOe3vvq1m\nbH6LE2FCD2OT0L7vWmwLkpJV5XWDgCEPyaG0Wu3GrD/WjXCx/wkIjHnU710O\nS/M5\r\n=5T/u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDRa2iqT+743TkI6PNuQIYy8Tyn0qFmKHyIymhowqcqeAiABs1bmsRLFOQqxo3JKc14Q0DsQ9XPweqbHW7Gq2FRIoA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.12_1571643200121_0.053770770756247144"},"_hasShrinkwrap":false},"0.5.13-alpha.0":{"name":"@react-ssr/express","version":"0.5.13-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.13-alpha.0+7167d79","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"7167d798a495726e7fc1f2a720cfff6e9a61752b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.13-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-VVtD+Mk4z3SCoOTT8Kor426tTSGP+XjNLUXWI0YyddnFYJrcC63V+hjDrN7KpF+7qSnxtA9DUJemVJbhbIos2Q==","shasum":"08db758960bce340490660f4d9d4c81e0794f10c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.13-alpha.0.tgz","fileCount":9,"unpackedSize":19349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrV+XCRA9TVsSAnZWagAAiXoP/2WUKX9YG76+CE1Nujyb\nA8nor5oVIJMjlIVYfwrGwSRv7RJZNlS1zZ1STnoNf9l3e0kuu9z+d/VvXm2i\nIS39umg46CKH7Q0uAE/zjDG0hV3AGRloMif5c+29Nw5hudV+/KUG50nBTx0g\nABf24fkQm6B7OCLT7gVro2fwVanIoVt1VVmrNNWfCEoPJT6hCDIY9/hn5FUO\nfxoaAZK1qikEsgdqyJTeoC0osklU+RQbAFJi8EB7AZ5bl09JVQ8P07UXT08D\n98BgIuaM9WgjtEMwr8OFLnERBwYn+HvQ6XSh7H0H3HfTRHSK/4bjSo3G2dzs\naxAPLEYZ/dTq9krcL7LYXGyQz0thvDET5cLpbrShx0Twyb7DqVOplXKlmOvH\nt7iOMJ+zxlDzIt6Iph5fjX9fD6bFgrqUEHxHKC0EB08aa2iXejbpDcz9oihK\nzin/AfDE+o+kEsbIgF0ef1TNZmZU9mSFVGcw8zkAV1lRX81f7p8qv2m+nELV\nR+umqRmlzirXT5VKFmFEgr63Y7wN0tSL0HvP8C5TCrspW2yi4eRAUR4BZ/c2\n9luZs1H03PtOVifnFoWM7/j8Q5qcQuBy/VWKU9hLM1JNRIwhraywrme7SONv\n+JMkX7i65gYJ5eK+K6lQViEvs6NmaqyXNHmHCx1TlijIu+nQNwWyG2mf2s41\nP98/\r\n=A4q6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHANabM/1eYEngkjb64HgwgkuveeYB+X0dhQswSYQPn3AiEAwAHZg7/mHHtftRDM2VWD0iPRAN1LLIwuME/RaWoaV/s="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.13-alpha.0_1571643287267_0.4229167112326535"},"_hasShrinkwrap":false},"0.5.13-alpha.2":{"name":"@react-ssr/express","version":"0.5.13-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.5.12","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"65badd9ab48f6790779c9dc7f6441dcb32a55e66","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.13-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tvE59Er2q4kK2K5V8zcDqikpyd0CHAgKi4eTSy/qIcRWIDgZOxTPrqwXaQNBTVvaBuYxU01qfyC9nJTpiNcC4Q==","shasum":"3bd1c41483450bf842ad6b04e4fa85e747f4f6da","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.13-alpha.2.tgz","fileCount":9,"unpackedSize":19326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrWlYCRA9TVsSAnZWagAA8V8P/05iQ4tWkYSVZrvYb2na\nMcBLjmmPlX+x8N0jMPzlZwjDQwyXmfVYso9rKDqeabmh5shnt5PZgSJVQAGm\nNCLf2wyOkyR55fAJgpLVyRYC4wnp9p5Bte79hBipXY67Hcx7xcyNpPsu0yVO\nSh1MFRIDLsIpYQ7d0YJAuu0Z4eJBkLplksmDKPzmukR3eaDnCogh7XKW349d\n16iioUNE92gnqy51T1buNJlYjMhUeOKjdebHixBVXzb2Mwq2uCuezlZMC62t\nDoWJsyS47d/xAvEO5eA/l9cfrB+Zt398AlD6qUAvolWJzJS8703PYSknaSXC\nCEf68EgdEQER6qwkKpnBg7EG2IhVuCdHwyOqcv3z1uZpwV04HwRdu3iVwQnk\n70+/ZX3puwu7/PT+rE/e07XF5gMzOJz14igjUz/I9SuT0HZA2WU3SntLFP9h\nZFHJiMLJa9bOmJPr24gl0uMwijNYVhG5ak6h5NEQtyBDPUe+S+LQDOo+MQs5\nGBDrW1+nGoVCjc9C4ENU00qLXF/yt+bVoAn5FAQ7NQHbczYGiUzFaxgHm+DE\nJsgcBKEBuvSU+jmfcb+hlmOyY0BS08Mrrlt1VMi6gY7IA9T/pa2qAXmAflog\ngx7eqKKm93GrHlD8mkzmx5SjUQmEPtqw537ujqAADX07E3NOX2y/FdmZEfzZ\nJb+y\r\n=/oSp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtYYWMaY1zOjRqODi/HzHszO5ODFmtKVhLfi1YtmdElQIhAMxfXZl+ysXFn4bfGURktwYM1pqbaHLtnT1gctI0UaGg"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.13-alpha.2_1571645783290_0.40761787763778967"},"_hasShrinkwrap":false},"0.5.13-alpha.4":{"name":"@react-ssr/express","version":"0.5.13-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/register":"^7.6.2","@react-ssr/core":"^0.5.12","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.11.1","@types/react":"^16.9.9","@types/react-dom":"^16.9.2","@types/webpack":"^4.39.4","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.1","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"8e9397a934c82d7f46d62f5f8957dd3184ddb590","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.13-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-5wht9En/e4IsPyzoSgt1AN4rjVsfO0puJhndZ0b803sYfocVZWZ71VeK4DzRp+5mX97aUF/MD756HefIVLrzzQ==","shasum":"2954d7440a2fb7e5c9451767e2959cf921969e52","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.13-alpha.4.tgz","fileCount":9,"unpackedSize":122996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrW0mCRA9TVsSAnZWagAAgzQP/A6vY2WQi6XEPXcrTH81\nUfldjJAOh6GZ8mC1jHPKoHoYFPnxY9bHSKrKSQPmw2pC3dXbKsm3fgRuRDRJ\naT0XLG0j/7/C+2vVDp6ANsHy9HZibdvxit7XFWiphPcqbJJKOljruBP2MBAS\n61PO2kD9J0yD0ma/5YuDX0P7OabVBXseLLMmiYybyZ1+vnzuaTvwdhKCiAqH\nXBbuf8TN8a6lnpaFdVDYPYVy2dhuw7kbxUjuFzyjy/+Gn8ce6TiIrV57apwJ\nhzNnJ6f0uJ0OA0IhZRAkssIwQMVBJn2Pd75/FDG2V1JmPvJj46F3ZSIixCD5\nIP70Z7ORsyijvCcDOoTtvP4QPGILxeOBISddn7VE5+oAjGVP+d5XyCIUhcek\nYu6Y2ooJjCTyxjFweBaQuTP1WsKagIy+PwSzjIDKQYFrNHaEOqYH1Mj8gBmi\n31jBvYdpdJY2kdq+PMhv2WVoBQ+xWhSr/jw0I6DD9Fiyw8ehWsop9zU0Ylmu\nTI9ZAeGQiJB4Bt3CJCEsypH8I7Q0wvefNkJMi9d5lQedsGAq/FANvtcSan8+\nAwMNKhUgooOUhSCTg3fpvaCtnAZk7V5PiKTEltg/cjtmbiZExoEol6CelLnC\niTPfZLPVYPDO4HMyEBxsp7PZy/iZCYUx0SemjvMZ8EY7JwEchoh/+/+C0pm5\nCVDO\r\n=RMfO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA3gQgYGHq9D4XXiGv/8Jus/0UJ2sJXH6E3ox+S+Uz/eAiBiy+bV0A+0rNGh7eBVLTHiPEtqISa0/teXLfH87hHY0Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.13-alpha.4_1571646758234_0.8977487847320287"},"_hasShrinkwrap":false},"0.5.13":{"name":"@react-ssr/express","version":"0.5.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6e2cc5de1dda1168f8c71321f7eff4018d04f492","_id":"@react-ssr/express@0.5.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vCPCt3zscTdgaU+i7NaakLV9ltzdUe92TauAtd88y00PIzv17nAbS6BMz9WOwZ4KgElSuTkHqhr0IywqpKU2+Q==","shasum":"c36ed5f5c25f55b7af8164e546dae98489ca7f44","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.13.tgz","fileCount":14,"unpackedSize":42221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrXCECRA9TVsSAnZWagAAQhMP/2tNUOOaUggmzppen7z6\nLRB+Y9TMqpVUA9tcll8dBVLfr6rJiTbJFy5plzOtlSmrtxcjEpo0mxUP6pLl\nRCPCLLrABdHcOXkqF+8kL+1DHEySwTm01Di0UJEaG5+HRnvm2wS72RIDPFk9\nRm4Q+5gF05ntD0onp8zsLNdOLVmLI8ElvAIMzV+Xm/DJ23B6Y9Iw61/to0Qn\nJi4g2N/MaYEQPaD+mu150vvSnWNApB8F+65hTxsvcFcNAQ+b1rxqDDRG1sc2\nbIDdgCUfB8c5aW1WxkK/vTHU5W8SKPSpVYRdIPRuu3+Mz21ndrHWv+XO+Yxr\nIoO7mWW73ZefjjPnlr+FSyaJf5bixC+HrfJ+dA2rkaHHSNtVTjLlPgowL3y2\n0bdf+oa0bxKnDnMfydUh+TtOp2rrHaHAiYQ38Z1flMTCspSPI2ZgEiysK7SC\nZpFFRT22uDAPxpo8VuUoTkS7CC7u/TFrjuz+xn/3nvkv18iZxkDtNSNCL38m\nWrnex4gJgte0olNcTQEc5S7w45/h3HwHmjtQ58fTiwSvFXsudGPLhTeqRxcc\n8rb74Y9S4GxsKvtAl94PiMZbAIV9iU51kU/3slre8JO48dBN9ReTCkfW509e\nlLAEZ4yESk1WtGuF9tNVQTcGkdtsMuMfs1WBWjxXZDVNKYG49geXC7B7wYJU\nyLFS\r\n=ir7l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQVK1zHqR85H8z6fGA0qcDjgZt7PWcShYmfrvGeLxvwQIhAN6CZP6TpZds1X+jQ6U33ERLpWM1NMS84iOYv4tuhrx7"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.13_1571647619438_0.6106045952633596"},"_hasShrinkwrap":false},"0.5.14-alpha.0":{"name":"@react-ssr/express","version":"0.5.14-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c539e94b6a4169cc9c52c88531a0ce5f67453487","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.14-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-V7T02sSkzL7Yq4MwJ9MlRzbCZkXmWDCMXJEE0y8LTjchZ+rfM8dzIeZiR2cdIGwl47TkacDZtWhxbhoBctIE3A==","shasum":"a5263c31bf855b6eb1ee62b3e811c5fd17f84454","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.14-alpha.0.tgz","fileCount":14,"unpackedSize":42262,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrXEsCRA9TVsSAnZWagAAwNcP/iw5ZQ0tT68k1iQUm5O4\nf4OPAJCrNt2hMLrFpfY8/iKAMMeR48ZkjNO6PJB2QMNsU2PUBfi+FMpAjYD+\nH8ufef+qLcOK4N0p/uTJEzue3r8ZJ85q/XRSYezIxm74VcWiGrUARcb2Dqhc\n0/oUibyz5DY8/kV9SBzkCawyYs5H3WSbRHOvWdH/cR4YOURUnpjAYwE907YW\nETDMGdgc8I4ZTIjD+FqR/uiJ+6hrUIehbRVaMJtBBUS3tFK02fhg9+UHg+Sb\nVdRbVmTqStbdmiLQ/KpCrCeAFhnesLz5Jo/XPEoHTOG9Ntw5qU/AoICPIBzc\nly7Hvx3mLWxTZ2wgZDBIslJdZ1tkQfpSEfCwYRnM3dnCaooP7yNt0u0h9Doo\n4tvQNUFsef5Xeyv0AyvtEgy/3mwx0YyfcGiYf/7r4bqdk7HY3a80QX7T5gbo\nMOiUHdQmc86oUPRxyeGjWjtLYVimVjUlfYzqIfGxqVV1lQSZvBcfZkIQHt36\nMgY3+IjgtqfKHY+nj2icpyGcIMMzhjxYAynUyzYLB+cixX+hSo4KZaCjjxli\ndKrXpdG3EFKj+gUpsrf3IZ3CV7u505tcAzqIyQO0ygU8le+EElDVwUfzjIKX\n7XfxldCAZ+JJYHGOmxQUANPTmYldeihUGfA6ubbXFDak9mHivnPxZlp9QBbH\nLcuB\r\n=7qZ1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAS5dpHGPBc4bvMVwI05htIGC7WDSyskVFt78nXBD7ooAiAHlPVgIGoG8tP6UOhIo2o+PJN7rYJXXWv9LOoOyg2qbg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.14-alpha.0_1571647788323_0.9171581052435287"},"_hasShrinkwrap":false},"0.5.14":{"name":"@react-ssr/express","version":"0.5.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"84eeba81493739dcc8e8d766a6dd80e13b146e29","_id":"@react-ssr/express@0.5.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Ic+wagOD8eWKB7jbR4w73dXItOmvahR6SCCofUHWiTr8tUA3lTVj/Z7HPd19Wy48rZqUSK/6VJnJ7xaQPpcvhg==","shasum":"ca612f824cee96eedfad5b185fd795d8e180153b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.14.tgz","fileCount":14,"unpackedSize":42216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrcMtCRA9TVsSAnZWagAAlQQP/15fzjn2lfeE8UMAziZb\nKehW4EgTLdBray8bXS5fDr6mhJMGXPIVJXSh7wNrqaRpSfm8zx/TMJSqYyf8\nUIamyweDbrL04iNYYcgh5mn68d9Z1c5SpEt9gMSZ2kyRl46ZLontf3U3aP2X\nOQM5dqhm+B0SRSm9Fhvlw2CJjH/YUF78I4lsj095qX5+vOcOnpVLpas0n/e9\nAwZ4XBLYAA6t3dfiqF/9YH/jCydqgoJ/JE90omIlL86PpOdTFDGkqrx93ece\nJghvp6JwCUJZWY3g0O0bVB2aQOOMhhwuwbOTYzmQYXstxmS83oCdsklKN8Vr\nro8EYOJEXERt4u3ybTIvFQr3LwuUcHu+CgUnGsXR7RTQKsRPRF68sZ985krs\nF1n6Aoowe2PvBoCdzaGCz8XOmKzkgHUkhw5Cr0v18+8EzH9fTHQFQdq9V9lC\nGND1RvOg9HiGb0hka09Em/PRVza4/sn9sY7EvsK1BCOd7EmlhKWZjJvFrgF5\nzwyr0klNpUGLls58wi85SZUC4TbuW8v7EUl1Iqu63RFjgGKD4a33lDZtdxjT\nTrAHhxsiSFkmDMS7OOHirmvnJnx18Dj3PSG0sdD6JWvgCPMC/VVy2pSXeaUV\n87lXSZ5cY+3LAV40NCfbJPQeC9STKDifxAvpcO7VCLFm3XKUDugH85YFKjTb\nP+IA\r\n=n81c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEUMsKczyozh8GLpx00DduVDdWWJP96S3lKvI+l6KumAIgabrZY40+BMl5DJV2vcqiMh+w5CnMHgjkonwvZZAggxI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.14_1571668781198_0.3493090557369336"},"_hasShrinkwrap":false},"0.5.15-alpha.22":{"name":"@react-ssr/express","version":"0.5.15-alpha.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0d7d9784bb6596b0db7312d7dc53cbf092d43ad3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-N/dnbN4MFPfMNDGsjXniuq7BzN9va8LTiKbOmz1EGu424jHNRGlRGiwQ/T+7rJeVMpHTIgpKT378rKNnZXky7Q==","shasum":"7a1e724c5e619d7e6954ef7a67a6579b47bbbbca","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.22.tgz","fileCount":14,"unpackedSize":42384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrsHdCRA9TVsSAnZWagAAhTkP/1WXJFN1osJJhzfNrFAM\n/hn9r/DhqpKvMRRLi/cu+XkBr11if8ts4J3KO4WkVOA31n5YGulPVgGpnhBJ\njFGcjwFWSPSBZ34s4rWjBUW3sQMVAqEyy+cWh4Z75p5LhEAwD7QKjfPll+yZ\n9eOMzc9XVr8L11pKMuLLKxb+jLiL5bkFU6R0Av7QodPVywyW1R82FDqiqnDD\ndHAeU2nZirK5OnBofJtiEzPsSrbG1ItWz7iXl0OtnneqO//09Nzwr7MJxWix\n42ciDH79PnfVbhEGhV0sxd7wRgBGzEzXuwX3UzFrJ/sHO4pVhAm8IkUxdqqn\nJnuXHs3J1jNnH2YutbeP8GeKxoUnr3q3+ZHltK0ZjEXZMBCXJHGQeGNRTbgR\nJWXM42egWnO9oB1lwncvFvLTHutPvHCEq4VAtk++Y16oiahqL6eHKxovZSsx\nMrbpwRnmh6q/a8RZDpV8ZvVhEKfgxWzdvv7oRtsZY9pvoFVql6Qw8+Ai1DZH\nMpGR/QNjNENOoGE13sSA4uUxKUhiEn2Uek8qY623KtU7jCZLCm4VjYL/NHl7\nR1CU0dQBArXpD9k7AFVqW9jFTBLRYP2rwsovY/vz5wKhN7lRScz7ZsMBx4YK\neX72hb5aleAZfm6EnxNQ9z/LuvyRutisFN2Wo78pHOuVLYPVHDViYA7Na/fB\npewK\r\n=RPAF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGWRo7xg0GKWZ13jEpKw27Y6zazBKcDKsX4S6QxdbCEJAiEAlYbuFheGDIUHljzXk8DlmhTs4rmeMTtvYNo/Hjx01OU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.22_1571733980547_0.5704205788890557"},"_hasShrinkwrap":false},"0.5.15-alpha.23":{"name":"@react-ssr/express","version":"0.5.15-alpha.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e2cfe68aa8c68da34031dc1522f046520915542e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NL0rsK32FoG+9EfW2W/H5kGs7YyO8oijb+afh9JQkcDzFcI238PQ7IZlBzbXxZdyVXfL2pfkQ95JdBHcor5DSA==","shasum":"da6940137b0cccd8926ab7ff9dc973c3dcfc895e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.23.tgz","fileCount":14,"unpackedSize":44986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrs0OCRA9TVsSAnZWagAAneUP/iA5O6IKVlpYT5a5cWJR\n29/rMZ3e9zi/YHmpGOB5u1orthImOJuWcNwqBa5hLK1e3WARapnGTXuMFirn\nfGmeMl56SgfGABMDLYZLdLR6LOqImBqkE5EwoPYh8+hX8Mq2dnMdX/E3lBG0\nQya9v7HCTipKEbbjrL/+Exs+uefJuzLvGyB32hjGcfjjd5XXxgGsZ8/Xx2C3\naJnrT/NlB0RiNGbEPgipxy5DaeKECAIGR5LsBV+sDOWDunUirDHO5lyjCLMN\nciHVxz5jh4uiwmcYMP/mERp9J7V47Up0H8ldQvVdSs4zlhf9z+QshLqKofap\nV5o5TJP2aRFs9Sg3URaFfbvBB5wyYZDkSQXNMvpuWVSNsS0PlSK3ZAQViWdV\nVT2cCyw5aY9rjgYRzNdeiI7bbEGaMbsSDSRfh6lN8a4tR+VoMdkAkFj4Sc+i\n1xX25NqjGv8Uph4qghe+iJcUQeZI8/oJRs2qdnmPSIS1uIk9FwwxMOcoFFuM\nSiAKj4BeYQzS71c71WiBk+yvV6FFfqFt+upv2kcftby2YbCeQ/PczrO65la/\nEZhL57VGx8E2F+UAL9xmbqmA8778ojlA2JymLazrZYVjb7trxzzkxzgeH+UG\nn7PFQVdEExTdpUaXotf8Hi+E5uHUJz1Nf7dcHzgLcQf2fFIHhgSpMO32qbnc\nbFML\r\n=jESC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYAJX7bnUMOXu2cu1XbGU3O9MNtnMzGhdYdJRbMEupDAIhAL+iXAYCXgDdg1rAHP0Zn8bXvSLABwo9cLMaIYo20o07"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.23_1571736845365_0.32487487095086687"},"_hasShrinkwrap":false},"0.5.15-alpha.24":{"name":"@react-ssr/express","version":"0.5.15-alpha.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b080b1c8be4ab9dacc04c2c18a80c34436af2529","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PvhD060h5t874Cx3orZv5G8gMylVqX18XpYXOEifi5eF4kT8MWt7QniEE/XFrENRqDrvaaUArqcMHtmrfLOUZg==","shasum":"215c5a9405b81126b109a9c27d32173799ca0a10","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.24.tgz","fileCount":14,"unpackedSize":46252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrs2lCRA9TVsSAnZWagAAoJIP/j7m4JhycOux9aqHHm+d\n+D19gVBoQ7RlKmgSYXUMHb3XnheK7nPJzS7VVnzE0tTGHTUmtcgv3PMFTtrc\nOLtLxQBGtfv2Vl9RG+neTeW/fIpvJoh7SM5DMXaKwGP6BIZsK3oaZgFGuJqb\niaxcVayzT+jC1uJ5QB91c9/gz8c9DwLydw3fekqcjpF2JX0IKJjse5+1Rtth\nNxzmXkF/GMPZ1GMNlc7ajBgJDuXpc07DLfFpLyIhms/LeVHkaJbnyIZ+9rV7\ngpJNbyfFvnKN5S/DCeMXttV3woP9Tp8W7Sg2qDKQMzERGC4OpJ/0BYyVtPgM\nLi3e5vusFm/QiPkFwT+yYfDP6WTCOtnYUYO3NvhFDaCnjdlGz+PAlZ5vyhh5\nWKGq2rfsJOqRtRgB9umH8sZzNR/xO8PK4bJcOxQuV9p0mbqhl+Rm8+0sIV/Y\neV9IoXhLdXjHa31B9uFV13wU9cPxCdWNvtWmtoQz8mXBxSnHDTVN1n66F7q4\ncNDu0weGyiS+qZt3r8sp1iDXrJhGbXS0C7c/n8s9jZM/GGluRhi4Z92wmPSc\nVD423aY//SMRRXMDDYtjyojw6oLaXrLh2bD2XwFQiQUNEO5+nkRB00vfvRZf\nTsYXeD0ye8DrgPMbc5wZ8oWG2ofTHA3ikRjxFNGrvdIdbznco7JggZwBz/Ln\n5bd8\r\n=FdRx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBqS02icEG4FovVgryTUn5ZJibrH+sv1oI7UWmP+gfd5AiEA3jsBdgpXClRO3r4dOuwUTeoalGcdGXtSgjU5I+BTSxQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.24_1571736996545_0.1296907668047831"},"_hasShrinkwrap":false},"0.5.15-alpha.25":{"name":"@react-ssr/express","version":"0.5.15-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7b69abbf16e8070c5d0d393ec193e430214f19db","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FEJQsw4Ke9b8bsjXXC165hCKCvtbpbfwTqmEQ+p0Q4LXlaYKo5lWWdJyrUp3E9OheTZosON5P80wnRH7JWXUUA==","shasum":"0cc2fb5d35ed1cd3bfbace6014f0603cb178c2ba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.25.tgz","fileCount":14,"unpackedSize":46260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrs4sCRA9TVsSAnZWagAAEKUQAIsnCyRh7mvE960pTY3m\nMSUgFsqChioPE2s/RMka8zh0Tx0b9szoX6kw5WBXuix+d7DFwtVSlm55roLz\nZ50quxO+CaADEtNZHNojgGSyKL8H+IyzBUPBiMu7eW3VK1Tk2tYnlxEWZsFc\nA7W2UILBK2OCLfPbWed0WjzapryMur5e7rI/0AgCw/8f1Qge19KJDwiSOpJi\nImw3XQ9m9SKiE7d8/5msLPjenoqSQfhNPwbB8XkSVdWbpCCRp0DKsYgXHvFQ\n987pH30GHQmYohOpM9KLK1rkIVXBeEEj6elbjfTEVE5aggVhsMQMMgsn+q6V\n7N+cVyVCwAhsYMKU5SLi0ZUhau2jEb36KkZtDr9O2q9dPi++Xk2cXaVE4aF7\niCGm9u912JcbvDbC8c/WEwxymPz3LytU51Vz786xL1+ceZJT4L0PWCFoE3Cb\nEVHqyrkr8rd+34zFl0gbzXn4+/Pjjmz7oAZ3BaQ7rwziPXaIsIZdJuE1tFB5\nUCSif7ss0RAFC+/WN2I8EPi1Ci61pSNbK7UoGrvBZD0GZGui73TROZfFwflA\n/YFpiP04G4lk/+sbjSzbeiqG7yN19VgZWo5W1KsBoRO8vQG5IeQre9mVNfIg\nqXo42R2T24E1rHPBPBBllIwLOBtwTOlAWiPVakMFIT+BJITHslDk6ykUqAgJ\nBWWd\r\n=mHa1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHR6dT8O86wRuJ9hPbY8x9us23HU/Q3IEnPK5FqWsvZlAiEA6spFHVYt6TAzfJhm3lfmEJp/2bdWKARPWRxE/mznoYI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.25_1571737131556_0.9722354494789351"},"_hasShrinkwrap":false},"0.5.15-alpha.26":{"name":"@react-ssr/express","version":"0.5.15-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fb3ab71132a401cca363afab27dbe5cf974529b6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-e0sp/DM33oWYz2r2pB93FtWwmpZFQvZcCmfnmYDAVDwSMw3gAQKeVtV/D9/r2IaZW25aGz5aXrq45uobYKsWig==","shasum":"65cd8c387c7ccec3341517fa678ed578354f073a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.26.tgz","fileCount":14,"unpackedSize":46256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrs/4CRA9TVsSAnZWagAAplIP/3KY8kxjktPVcRxzj1Nl\nL/3e5fSY15aQyK46RYxAzdbFELLaS0cW9C+82pyE3n0aNZS7C98XlM7lt7f7\nQ8F6CAgjhiAhNmw7K5bW0DccHmx8X83eAjqT9mVVoCYDDeCIKcNpSbMULtNK\ngxvkiRk6oAGMKQWOL60ZU+eyFIe0uGWmCEN188YxggdrX/Y8ujHEsYhfEJpf\nW3/dQTw1Fr1ivu5XcaDl940udoAVpBD0W9nflR6KvBmsH/aq4iLEKGVwZbqi\nF8esJYqwiQigfsK5OaaCvBdBT70DIeCoOGodfhLlXmOkHRgZkduX9NZRPOE3\nI4PJQD7nzLvw9BzR2U7OgqU7jn9IUi4M61DbMsfwTfEDJfbpyMIVZyUnQJNX\n4hSXOOSLTtPpjhd44GrtEG3Kkqh8UPPLK6XozyzWJRPt0NRZ+FLjnTL/vKwg\nXBMDcWQeVL0MazYOwA8znSm2/Kjr6GIj73RrMkiHJYhh9INxUBtrJcGQ2rmn\n5u9NFCxQ8ijkW3diC/k0Y7brvha1JCe88vMUrL4SHeoLkLpMx29sbUfeZoNH\nyufsfsWHU3HmxBCbsDDXO4+JNtpFQk8s1Yhp5zCU9KNT4nOhBYJ517NvVLVK\nTLrDVqPojYKZRn7vHwVkEPwB/Q/eHY8acWYsmPy5oZ6uJvFnGU6Ytb6voijD\nj1Q7\r\n=sjOG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoV15Zi1UpdPywWOoX0lP8xXVXeT16H+cxGsbRo2ewegIgaeaoGMQFyDv8tMleSvSZvdn5huzGILt9srWxilHqGkc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.26_1571737592075_0.4074716267229981"},"_hasShrinkwrap":false},"0.5.15-alpha.27":{"name":"@react-ssr/express","version":"0.5.15-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fd2cbbc7eed4b15a950ae419d515bdf6d0e0c72d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xVIFjhV2sKgQ8wC2qNJ7h0FmP6ZiJiKtuBfl3RT3gou5+bAjEUvgQeHpM3Lo7VF1/oWQuJT2Wt5bGD+wIlZyWA==","shasum":"916b0f1078c6861a1103dcb979acdfdfa2e61bd3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.27.tgz","fileCount":14,"unpackedSize":46260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtCLCRA9TVsSAnZWagAAZaUP/3M2dVTmu8vD0n115NRt\n38Xk6pSzIT1CwkmysbSkkyTk7CAGNNd3pe/1hwpCDdSW88DKdNV0Tp+Jfv9c\naNbTPVUikaa/7w0zivELi4rqQ1HQvMwPtwCPE8f64ZeQmJZWG6EmH/6xEyNd\nZ8LOmBt6TIYSdIvAsQ7aOUbhyaHsR9f+P0RLXpKFqosGFYiglVfQPwziWakO\nFnLnsSS2CUnaDqkLT7yCCn9EccOo0TJYhu/051xPDKn95LuLFd5vPbvXNuqG\nOqp6sd9xP3BjhsbLUqrAdhNT86DRfCqEFO+S1WIJ/a/VC7fXE4ua1E63w/xu\nfaQo30Fst7mIC5aXqD46pAUK77bet3KlX/ZOB5WI3AZOfriL3MBJi4DM05NI\nMAEMz764TX2sZCm2lGVjxJ6yNSskCNjhVbXnLtFx7w+zjOwEkO2TkU1Oz/HS\nMVJv3+Z6ytdqiAgTI7G3z5boKKgKD3jQYQUVBcGtiyesvw/w6yLQx5MNK61M\nTJNh2TgHBYHMFYg4ZvOdZRbH+SqWZ5b7lolIeYSuFU5c4AjnGs6296B+T9/z\nDf49EpLl3EtK0rSn9TB6qLC9RtUMj4QqWr4IiSSoYIJyafVD5yxRYKu2FZUy\n8bu0foJp7Fca/zKBWxnC+RHWQkT+dRBBfDEyan2xcqjlMJTY8vQnxo3JkHwb\noYpy\r\n=VDEU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6O6eW3zSbmhXtD8aIYYbDK4tQL7y/f7Gwt9NUlu0JcAIhAOiY8tqYLkzfRzGHsU2KFcR27YCHsfZbDjI3le36i3Z+"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.27_1571737738700_0.167802795509699"},"_hasShrinkwrap":false},"0.5.15-alpha.28":{"name":"@react-ssr/express","version":"0.5.15-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f68246476117b07d51b35ff07df9c40e2b140e80","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-12GwW85RS0VTmCEdfCB8INkPP0qdEwpkdh5x8kALqJ7YpBaBdavGZdkfLmsyQeAwpIlM18Kxc1siA8OfVRM4iw==","shasum":"035697c413f47a53b7422424f602bb7c415bc5af","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.28.tgz","fileCount":14,"unpackedSize":46288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtEqCRA9TVsSAnZWagAAC+wQAIr2DHSWFCCGnVhssFHA\nQB8seKGlfbL3GNik4OvcwPsNPLNnyCCt4G/NOgpjUDtDaXCSsv2CJbZ72OHX\nJ6+JPYKfn3Vkljz+hI734Q7toKDMWLn+3hLoXGR+ZRG3kooOJsTbIQ7tjYtd\n8D1+5oeirT9EStA5f2d5rdhXfHhltRza0OY2kTr1mdfc5HHrWWE0Bw8ba3ds\nZT1p0zVC28Uu2X4Jwj1qFwFJ5+/TcLcs703ZpNnt5IWI36b4mW/bxXjGCF10\nvaWDooWRzQAIRTGV7zDloBWy5CTONmYXUBNKjLJyc1cYSvbVSeGjf/rJ0fLh\n77wwTWKbuYB85LTdTMCzsKOE4I/QpMxxV37kTjlmz28F5FH4ZqMfT0reoY+i\nHqD/042rxbQjrvIS/nCZ6E/yPAJrdhr5ze/ocyQHY7WVnuKrSx/SwTweGbRh\nj+AU+h3y/Mp0fX8f/rC9LkPjxcHVy3MIauW6SvgkRXeaKSuuvt6wrdJ8zkYO\nP3qiDWcO7EidL+POTzpEr1OCbfHx1CaRurqGuvA9i0MsALbepaJoz6XcYL3T\njyLQ2o6rr4x84yNEbiabboNaMZe0hHIqNHLSNG+m/kBR3hnNveciDV/irdgs\n2+UtRUnxqsJwjghD3kpzEbpYoSXJzZMFrrVX4G2589KdO7D1k5TKI+qnNZY1\nKGx0\r\n=7UHj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG4zI8TEdUFtXsJtcW5wktiuULQNAzT/4E2Cg9yiec24AiEA6i9dRqJvxuJz1XnSDOXzVppaBEknk9GfxDF2kTwqZyA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.28_1571737897758_0.9797490748791899"},"_hasShrinkwrap":false},"0.5.15-alpha.29":{"name":"@react-ssr/express","version":"0.5.15-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6e69fa86a42138905a579d466e4a684cbcf3f4be","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CCzkL8LLS8SYsmsqQ86ZemxMtHiBD7gv/f2K4UKSnMX/RUNJLix3iy6gxIA2Gs8CLOVcwu9f/j3xNja7hqUogQ==","shasum":"8171da924e034671aecd0899242eedccb7c14ed7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.29.tgz","fileCount":14,"unpackedSize":46326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtF9CRA9TVsSAnZWagAAR48QAJZ4L2tE5/4B6+vEB/Z1\ndF6PCyDo7oqGer7eQf4p+auS15d8KqDEvDjMN2/ftRBCftP8Wo0zwRTZoLQo\nhNIc7sCwovLzEbVM2+EI9zJx1bAT8V6nolUCiUkW6g43mZheTd5kDP+UUzDp\nV5ks8ndenQ8no+p8LzAmLZRkpxwB79gNCK8/WTq/o1SDP3+rj0mAWTLZjkfi\nNx7SUbBjvgHoW9/+WChsPXQflzuXfrIJdKTBewbYljsFLnziDn6NA0E9d0Np\n19/RT1Rs6NjGzziXP86JHHrLNJ8BZE8F+PgvOP0z0OiPCnf74W5CBdkAmoV9\nFxkIq5dLhtFdz15oWKoZANL30Jc9ZJJs9yBQiCkYw4gPc+1DNMRACFc2DKyv\nl6YVDDFwn+wAeqzSRc4uwsDGBFpMnsjsVnaCtPYWHakNt1GSAFYg48oHAgKR\nykej9MnmHWtnmyQBO5OOQNlAL9j8cnlpPXee56Vv7WYafmxC2qmvkleiwYAX\nCwXUdlAZEWmk+Zcf49BCNZk8hGVQJ0gDLR0ZINyySL9aVL8VSQPcqyrIhesm\n/ENDcjl4J+HtS9euiNTl9wSBEVgqDtu5JrOPcb5LxMB24xMDHPb+DY5IrVd/\nAEK6BSbRWYIHvIhBmMsK52kg+DyBdu7YgK5pXnzAHE1nBc9XJYurGI8yelGm\ne607\r\n=Y1gt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFB6BDi4U9aW8geGVzjP/Z/lyZdthnzCKznzQ8Cb94k6AiEAzvK6Eq4RZirlxFRQDo5mnkqTy8oepJKZcIn+6MUvqoI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.29_1571737981219_0.5999173658356298"},"_hasShrinkwrap":false},"0.5.15-alpha.30":{"name":"@react-ssr/express","version":"0.5.15-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8ff7572e47bfb8aa764dd77d2aef633628854aa5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-grfFfqN+/kqDnnaN2CGArm2UG4GUQ4yvADH3oeLCteQIbm3937sGsWUp7o0U+L1ax0hr96RyHZQvrPgsbq3DzA==","shasum":"fd6103b52f5c6d4f1fc9b5a7f8a64ecd1c923508","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.30.tgz","fileCount":14,"unpackedSize":46298,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtHDCRA9TVsSAnZWagAAO78P/03bE1dEUlo3GLwaCD53\nP+Vxzl0yuB8MS1ImLL/qGTTcbylwVShvO0DRWovW8KWtc67L1Rdqv8Geyj72\nWpMQ6nwy/UNz0Kwp58El356VxN2FJmIh7hJZvP0LO517eA04ESp1QeRdK0kG\nzGkK3x/pQxhZwF/WOo5kz1sdGnXGoTpFjO9m10Abe79P4tPphrYLWbpOeZ2/\nBRgBSTocX3BNqw8Xk5PFefiqSVhBji1b1hCCTZdic0M73rROEqunxmsr32Ot\n4Yf0efrRu5Rjl9Hf1W0LaRLaQhFwsU1GcjXEo1dpPJQpDuk6+g4QFqlX8ZXc\nfoE3V8GdOPfHwbweMKx0VVCGJxlXPEdbU+/y/APX5aagNooWYEfsOfmX5IhE\nkhjZWY1YQVNBFO3eXGG+Rzw4O6C/SJUgAFaAiay1ae+K9EZ2i6Ig29o/JPga\nltTLq1KZ4UA7OP+9V420eihqd2039SYtHCrfCrkv6wqMNswF5XPJ8vTLnRyB\nt3ciGezSNI3GOvNa2cp4MNIC33talINRRjmpyUr4kufkQrO3/QRDhQ9YN9Da\nYzIrgWnkL1a5Dy9vfdFuFFVEpcEusmwV4WhDcP1A+nVnF5Lgy7xKIRcfxmOI\nLscW1hCE91EiTDyZvqhIZcIIl1oDJ35dTPLmNbfA6xMuuOMRcIUO8KIINBaf\nRF2L\r\n=dDls\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxBq89hMiDYmP7fRSlA9x9GIKkWw/hUH68/HQTltzgiQIgeCs//k5iITJbhiwfIeXpNogkjj9om3mHjw5K2gQXUy0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.30_1571738050971_0.9956518392890128"},"_hasShrinkwrap":false},"0.5.15-alpha.31":{"name":"@react-ssr/express","version":"0.5.15-alpha.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b5908264cdbe21679111389a9471fec313ea0ea9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-U3h5vsX5VzObyKwJJlOi2wsridAFFdb6IJxd7S2XqN9rvwwBQnsPGSesXex21TKyGb0eXQbUB0iAnuH5a36oiA==","shasum":"9102dd25d214fd6e87c1da65583025505f39e31c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.31.tgz","fileCount":14,"unpackedSize":46570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtO+CRA9TVsSAnZWagAAphQP+wV0qBFYkJCm4Rwav3CY\nZzmA7+MDnPxCFr+tcFYAy+qcX1kdfAYEdNYfP0hDt/44lL2kK4WFWKmMVbxb\nfIWToVulVG32C9Yh08TanWnPGSusr55RVrxvgxbCD236HJ4mf+6gooSzLZNq\nO+kD3wgiWstbVT0tEGI+wCkNSjc+yyZt7+U7DHXsZmB+JD6TJV/AiGOhV6BZ\nbi4e2X/ES93U9IJKwUhtyupHndm0tOnI4UPucrGNo2/Zax3yTyxhTa3bn6s0\nIY50zzlp13kHcNtUeFKj3jdECBboATNpcQXsfyZvyi60h5xEK6NIUXeep/rj\nOHiOp2uJbT2k3ldpY3Nl4su89nYgmElCmNWz85exZ14qsVXNUCQf0gmGwZOk\nYr+QtjKUF71KG5odue33d9P3L+KQv8yQEdi3SNU4QRo33IG9YKLt2l14l67Y\nhtyGMundm5wo1MQVYt57x2V8FKZ5uKIUvAXJV7DKpxOWPucUCDmYg2bulsNP\nuhV39Ghf35+f8scNVOK4DIepUx1zsJNeNuOyRCGUY6IaUvEG/zjdd4HwxLGb\nSY9ayHAGKQhnja+nAADDrqHI2eA8Diu7iNy3tg8amRAPEvrB8ipLU8bX/Fsf\nXY5zOvyWS4YEvU7US6KkPNd3hdZHs4Puwz/oEphk2/O2GYu8TYf57cvlHSrj\ngGrk\r\n=7v42\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQX1YZupJK2qcdQTSQfURdl/C1swN2WJLQbx1XDl79TAIhAJIxqVf3FxXfUWoQG3DccvA7cMTRrAytRFiOX2l7D5HD"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.31_1571738558223_0.1126889678112406"},"_hasShrinkwrap":false},"0.5.15-alpha.32":{"name":"@react-ssr/express","version":"0.5.15-alpha.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3aea7c41c73fe5e859d511e3b6bf3ef644837a81","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Sbt+IzA31fIjcXwkMwn8nOg3+BlcyWviRWnRGaUiuccTxxjJvmRsyTVqhpZYutmVCzqMYDVyZcsWEUPBQE+Xiw==","shasum":"bc7930a15f0a2b464c491aafa2b4e06f3dda02f7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.32.tgz","fileCount":14,"unpackedSize":46600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtQbCRA9TVsSAnZWagAAbBcP/3vhpFzY7QtcyNL2j6/B\nT+n1LE6fwPDxgZesI5goZlG+hcGCkiApxbQeWD6PL01Q242GmMfHRQA1QZXI\nryj1PvsiIb++TuOKTLLKq6SAcIXSb94M9SEmnbJ3MPHpr2zAeRDHrZCjw4lI\n8/+m01/7h7JLWSxipqagbIzW1QRlU8dhN6GPYVozWcJlwDOfzj+wRa2JQW+W\niD58MROUlok1QwzDitd2gKsWr++QXjzSggmfz/rMY2qZbpvuce61dmTb7d0D\nnlU4d4xkCHy1beTBneQrzr6OUJvvpRdvXOabfxCnJXsdGCIFqrG3sJapsaUJ\nT++aqYq2AeZ5fzs2YGuToUWLUJckA7XqnG+CzJkrQK/maVbCbpjXlMuLZERx\nRjLy2mVuvTkvNm86yI4BsTvk5BkInqqcbV/Y72irVtxZT/WlD8P2NzfTl5zh\ntIRyBQ0TA7diMrYaj/wcwb+M/P4Z4bizRmJ7n7KBQvMrMoq9BPNrnJEEguh8\nD/1uMa+l93Gym4KE0I9Z3yxJEVvvHmOlHLiYXk1sHlByyaZ1DeromLOkUZPk\n4fli7FUT6AG3QpckEEA/3E57GvyKCrobrvK2gE+Mx7m8Nmz8hxctOwzuWtpP\n5PiqZuuiIE5OYvEANU509AEUWGTkOsDz/vjxJAgVVVX5HPV0M386T2iVGuDP\nd9p0\r\n=E4oF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTqJ5JcPs769DXshXHTe6Bgkamtop1mY9YdIK8CUwaLAiEAnNP+L5GrHS7E7frAQgW7wn17XfUIosbihT6FD7BLgTs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.32_1571738650542_0.6067338491898668"},"_hasShrinkwrap":false},"0.5.15-alpha.33":{"name":"@react-ssr/express","version":"0.5.15-alpha.33","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"036c18e1f4d3a5731a61267bd48f4793c5186c59","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.33","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-dVJF32dR7+AKFs567vmKH5ta09C2OaDD7iRYicQJyXwblX763vvqHSMZlXSDQwOPGwUXbyYnLPmtHsvgQAhBTA==","shasum":"8488fda63bcfc9258c3a7473d86b861a162a05bf","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.33.tgz","fileCount":14,"unpackedSize":46668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtUCCRA9TVsSAnZWagAALXAP+QC//bAlOS0vM8WjHN9z\nvla9sbfL4Cz6dOkIfpp5b0w9no1Ur/LotZkNVgmwCCbuUffxHRWXGzH0CmL/\nGYJkmYMQcjjKWzxc50zwDvaMbZ6s8nqhhAtzHMoGxy0RJKAV73HbqVzoL5BJ\nPW+SaQO/xBD7LkJuD4hrgGw3fyHlAa3zzBjMfm1sa+w/P4Jde6dgQa5UV+lx\ndWtQduHDeYPafLN5Ouy66P0FOBTD85AYbOtGhNt95m+xlMBHl8jkcdWyUQlW\n7sAaLA8jZokHCD4LEwre+b+JfajGWC8FVnvRB3DlHxiE3I/HGMiiwm9Xkw16\nNifMNRnFvcuxz8XQpIBHu/ke0PpMh9yJPUFuEQxXIx79FcOymPOMNSYXCsT6\nUFxkoOL7TrYBRiF4EkQ9fPTPXlSSlEMnCweGp43IasQdwwhO6QiV0+fx9xdS\nDM4jx9GYJMFRwAA+/vT571XjQ4DDtE4jS4XJc5jZq7IaQIg0wgTAXjh1zV1f\nQVJF8MsFDICn9cW1q/LmX01MZhuzseFjnR97VJOtqzkM79+Ak4zNLcvJik2Y\nh0n0sux4IOatpFyZxauBhFNYCZtjQP1J99yKjeYmaE3zUyxs3Qfvl8vq4UVU\nuVlPxDLa23f2x+0gSielCkdog6TuCsFqlWTHPQ+tlZ20TGL2XeErmowkQKYj\nM4Kd\r\n=CvG4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuQQGvSoUfa6F9DyrYWnL/nDsFqMvTX7WGRAMqxmmExgIgBTXfOCqHYKYZwXSqaY+AmJYIKX+Fqs70l3Ehvx1yI74="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.33_1571738881680_0.3463714689575159"},"_hasShrinkwrap":false},"0.5.15-alpha.34":{"name":"@react-ssr/express","version":"0.5.15-alpha.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"23e1aaecf1437d4867d4fccfad8e6d8b4037812f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qj9OEJ9QZVk+ihwY2SRjBwfPzvGZneF3aeDtV5GwJUhQNprTPYDdu7rFDcsaANxAGdeweYoiE/ADOBfqk9Lk2Q==","shasum":"de971513934117397599eae62c18c7bf3437f6ce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.34.tgz","fileCount":14,"unpackedSize":46654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtWoCRA9TVsSAnZWagAA8RAP/jtclPcKb0oaxM/8q0mu\nqRKE7l8DryuWomezjMeVFu2PbsGQXJ85PZB2eK+JHz3cH7b0zDTiljW1k2ph\nru5UHZIur6MR8POE8Arte8AHKjoB46PebeKyQ2eZXZ7yN/pNZQkIl5NG7gqR\njiQ84lqBSNxg1wOR8FO2bcvw1rVw3/JoeAuppNXj4jjYSyrml1/XjIZKBdDj\n/V7aVQxHI77GX/uXVR7On4SX9gL6r/Dc/Vgvn8wKG4Jcau0qtMh/q58vlshH\n6gBwRo5ETaus/G624C0ZEibSZNYjDyq048WImDa4k5zPECLbV9YPY7mTVstk\n+2eqSxXHsYIUxleiqnBQTL/Gfm8fI8PmDFWnSXrhY41UR9yJMYpwvbgTT+PJ\nq64ADC1WQgueOJBLS68AArqlfeACeBK6pDudLgqK/hdHUMbuIPwiXiYggsX1\nxlQF58cuiSsaLgWwP/jh61/8JbobfrPvTQawNFN7jWB3rLl8mQ1dJWzrGo9T\nsRzO2zvbpDhvC8FHur57jIWQswtF+cgy3En/G8ZdhnHZ4uFCyxfHIltTEnW8\nEhWV6Mm/A3X81DDp5lnsEExV03kW7rjTEQXNcY/HR8GwzYomuggV/NOeUhO6\nU0ABb1oYI7u3v80DVXnYLBbCoU0p2DUKURxPf6rhKONNDmQDsrP1p+Tyg0Aa\nUhM0\r\n=tGFd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ8xgY8qLoErb2RSKB+jihTtvQul2YNOxfAS2OxN5BTAIgR5Lv/DgVmdRdm7qavtlPYRvaX+38SFK3vTMyR/plU1g="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.34_1571739048235_0.6447738423634335"},"_hasShrinkwrap":false},"0.5.15-alpha.35":{"name":"@react-ssr/express","version":"0.5.15-alpha.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5a62bdcb9701869db940a20744b62fd7b8609640","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-0JiTbbiX+wG7ih2zYX61Q9VT90WVGNOJ0EYF6L7iVDH1uSoHflCxn4uwlPfSRTbNm5aChIF1RZRoS8ZXf9vWiA==","shasum":"2648f6b0cba3e347238904f43feaacdeda8698cb","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.35.tgz","fileCount":14,"unpackedSize":48050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtZaCRA9TVsSAnZWagAAGF8P/R8C7cSd6rCf94K7E3/n\nF8+CDY0iDJ+2TuQ740DMFXZ3Mj1OdozGoRXFhj8BeAnOXNtoidWRCpz8s3WL\nQZxX5sQ4w6NoNcBjRV2Zu3zLYEMWV7q8mumINn24Ypw4OzfMRs9RYtybAzND\nR05dugwVIWF8n+JdHta9PeEaZYicVj9aKsDl3cvYoguvayKWDIR2AgekuN8u\nqNGiHbYF9mMXBy23MO/FmckpNA67UfiQvTc4DoTLhIBF8XFcW4bPo1lRM7mB\nN4nnw/N6uhlx9LpBfo+J+7eRUzWueSeSPjx25JbFVdwUj7Rw9ztrrYsU/X61\nrJJCguEB7I1ScNbiS6OLxrbpJ7DwsneM5o28gLTctOpTmeJzanr3DysYUM8a\nh8iRco0N2tRdouYq9SCKhanPnlmxh0/D2qfz+HeKre5qlUIN4GkfVv8e1xx3\n5s1i+nQpTM0iI/GOWPGqqQ7kjOS/TOl72TsI952mBJG+380Ma1hs2NL7yqC4\nDl9jJPAjGxF6CNcOi1U6hx2tDhYmjEQW14U+3R9ahb6AmEcj2WYorCZ0fTg6\nokU4MT0b+Dlg92UEGGP3jUl1CSV55B1xuqxNLWfC6sZKXAxKr85FvCJgxNtL\na0KxAf3/1Kbxbgvrmju4J4tDqiBUNL0N+SmzCvPiQdMK7o85a+RmE9w2W8Hs\ncVsd\r\n=860v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBZjUQPgp3FESX8Og3iKgMS0XYKPA+/QVYeOjsg17QlDAiBkfhgaUEtsoGgVQPvlo8hrnrMm15PoHSE1XzAYRXjY1Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.35_1571739226062_0.0574127054404765"},"_hasShrinkwrap":false},"0.5.15-alpha.36":{"name":"@react-ssr/express","version":"0.5.15-alpha.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9323b78b2134f59d7aa82a34c388994e5aa54dc6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-P4RR9uqRO4frcBCpvokYbgiM3kJ8UixGP12p58H8TpD8yKYDkSMAQ4dpsPqDD/KuYaIl2oteG98mECknP3iIKg==","shasum":"5d4396ab4330b0b9fae1acc1eb5469586178891c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.36.tgz","fileCount":14,"unpackedSize":48050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtb3CRA9TVsSAnZWagAAjwUP/iKsu1HHLhFzxZnErrBa\n8p3gl6jXdIaEFM6huVktggq1DAksbM30LGDaBnfaEP0/QU++QeyfOH01YzTx\nq+i6w9zUDNjpb7SbRjHob6BwWJlNPcDSj8r9+JT5EndE8yZ2mxBXEFB5lOFO\noeWxTgjS9IVIE/ApEfSGgZFlRe9Jz8VNwCKrAUlPFnyZIoOY6GNEba776p4m\nOy23SPKNBFPGc6ZDYDjFW7KKUNTOd4Ab043ysimr9hDXdAG+SbWzH3ef299d\nNO+3krTpJgHo1S7hr9rKuFNrpAnk3LdUQqMJDLrmoYLlxp0EhiEV9ev7+X8w\nYUIcZKuMu0dzyPkR2G1X/hwl3NTCOC6FnjnbE1ibOawDek5zytbFT+cSPF6N\nWR8mluSFRbE0tH0M/gem+B8QJutO98iRSeGiaHkNZfIfalQJOxPjHGaFTpSt\nYZAA8wKpCszMpclRD+5tGbqXnHevv8hzGw0nxC+SjuVb5gxIR5IvGBCGMLVn\nhYNBLriWq/2SRbqmCU29mxTk4I+zA2oRbnJipCWox2vXhw4oejzUbCQzWzXJ\nvTkKSDAmrTAdQpxfQSfvOOFaW8OyDfRdarzxkKlIAgXAKpuBeRVBqOot68o8\n03qNqm0vhmadHlNDN1kMjXmczMfy4g0mXb8MrQWiPy7Kt8oJpyfqMJmqhxMm\nr7Xe\r\n=cQl4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIClhutG6f2XeSL5Hc7EprxA8ehU4JE/9E8p79osk+8IKAiEAoeo84ZVIQT4U632VfUsH4RvtEizTn+3uRAi+5gDea/4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.36_1571739382966_0.9005227943280567"},"_hasShrinkwrap":false},"0.5.15-alpha.37":{"name":"@react-ssr/express","version":"0.5.15-alpha.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"88d5fd15fa117cefb4bda3e43d739ee18bff55a2","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-uwjyLo6AwvfIgXNLl2SN1N/VDfH2NTwZhCAA1cgr4cTzUwbK3Se5Cc0+pbGyTgFeqaaW3fcGUM9Ve/l9B1r1rw==","shasum":"932003e2f4f2d94d55fe7991d70f1c4921ebbb00","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.37.tgz","fileCount":14,"unpackedSize":46088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtrdCRA9TVsSAnZWagAA8AgP/Rl/HgCotwVq3PxKn+Ak\nDrOdr9KVlKXCb8V7bRPQX/88WAYIB+b79T3Ah41HN79m0RN/8gld0xKHtCIk\nUl0tenueAitNpggHSXAZrtucYm1PI9DTQDHsCSoDxTHw0TXdbXDPNVr1ywHv\nAJeZjXUP2WdlVy0OHwrpcT10oeOE+cz/dQJqyLlaUwRNhjrv5ALkHI01WV2m\notJW/W+OfxVXyytWXIaCdTPhPFt+yQQy75fleePvxMxiI5I35l79AT2Ib6y0\nTpIeevytwB5dZoiyKTpoe8CYlbCmb+3cqp+nQ9CBvqOErcLSqS4K1LkL8rAm\nFhX2lL+tKtGqOVjNkR9OIH05kO+qlpDFkD23LPInk9C+yaQeYHObarx58uGe\ndAutpfJaSFwa4NPWZr4p6k0fdL7HWVvNs3XMGbvoMlpSQNOsU0j2ETlZOZWh\nFEt18SMDOZgHDENe3pW5B2GSyYny4mc9z5xAMIipl9ALKSqZm2XAooznwMKi\nxcASSXGnbo3nS1MalJ7vsxZfpd5fyfVCpemNSSATpBZCfkKJd7KDzDdqwyGR\ndCpvq7b9wJjGkn29QGeng078Sv1ovxv1x2NYVpCqaFzaIJIyorivL6+1FFzs\nH4by6cFPNFUqAoSW0RZ8XPUbnUi3TWi3tcTqW9ecAAccqHcTOd4PpDajPWrM\nSaFy\r\n=B9OZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVus+DK94GEjm5LA+SpMCk1Jpzvmp2u5Z0t0pN2LM4bAIhAIxxh7AD7uTpgWmW7yv9jBQI/0kMMFY8A92ytvMfMFut"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.37_1571740381278_0.07779149863212709"},"_hasShrinkwrap":false},"0.5.15-alpha.38":{"name":"@react-ssr/express","version":"0.5.15-alpha.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2ec8899bcf9d50e9429b6c52be62ce2189450ca7","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CtEqS/ThFddjBJk1Ne7SVmHxCLHJuiy2+0yKGPQ5eIhuDDmrYv1nOXm6gnh4b1XW9QHPmgTPNHnlsVK5/o7AIw==","shasum":"4c24a8fed57c223d8fef3a0f36526577ac810012","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.38.tgz","fileCount":14,"unpackedSize":45950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrtw6CRA9TVsSAnZWagAAYt4QAJUOi1PL90/6Iau8N4fS\nvyJ6HlGqhrUaIjhIXGUT2nVbo1NSwA8TBTD/8xQ8ZxLoExBXQLdhU6MBLpMP\nqvADstuzbJBtyL8oLWfXVhAvYeTGmWz+l6v/HqAkCxqEdflEqVPK5ysbfOYb\nPl8+2JUczlOwlUcbOQrMmal9c3nyr/iibMDsUDLek55pMAXlaKBJkVl9BffF\nIbOScXivOa2zFUiOMNx1p4C7FOzzutX9fim/ZsSVOpeOPPaEx+9iHZEXV8oi\na6n5Oo5oVATfasp3nYD7ogSAxM7V7gQhNlj6gg//r3rk3MdLeEOnw4CMkTCK\n59hPVESY/XfuLQYRbUWNyooMX+063ppCCp7rhz7s8m//zIUWw+89H84gLuoM\ng1Xi/mjPw5LfHL+ea0nP3NUnYaqdRkVlWUHeA7izlrsb28xQluka7gEjBo2K\nRONsRbglTPiogPJ1snAWxDAhnP0LM3shXaUN6C7zQ6k6VdYPLOS0JQXbAM6B\nnRv2gWW4IqJxUrwyJM9hAYpBfy7Ar5gU94lN2MazjL2rnGEmQYThBT85cYGb\nLym4W1Yf2prKpYJLRSOGtkdKIawIdNaTBy3OgL680n4ImwO+cViv8BmWCBOD\nkTrsyIb6hDzuRBtmIlC+d3wqtHEUTfrvl6UL5DMnSYZHSNYtPTUE1cxB/wDR\nFPiw\r\n=9i0t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGhcsTLBH7Q8CL1wYno/k3RI8C7tXX0UiIcCqQhlfmKbAiAg3mlGZGbA4gf0uvpQWu0mEFGPUjEJdjLqSBZL7y9AqA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.38_1571740729546_0.9696611402849915"},"_hasShrinkwrap":false},"0.5.15-alpha.39":{"name":"@react-ssr/express","version":"0.5.15-alpha.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"68165de4f30b07b8e601225147b38d72d1172c15","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ckyUrNWWiRebgOMh9hfocTihW+tRMx1w11p0oPq5njjhDeSQ1bXRcDuBEP1hHVhZ7OWUR/MJI9x9/hJvOQU15A==","shasum":"e325a3cf00165267f9dbd09a34c67ddc830dcabd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.39.tgz","fileCount":14,"unpackedSize":47497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdruVVCRA9TVsSAnZWagAAI64P/A+XHQ+kS+BasdtP5cHb\nHROqVjMSFsA5IE6uA/IEpPi5nVAQsm6prA8ZqIQrnB6ogEm4DDC2OHReACcC\nS2d36ZKz11FU8lHryi9qbmHZOuuY+Vv+TpriOyuwYAlyDtIOfSodZ3c++dgn\niZsl7P9TFWEltO8NjCqB7335imn3bOO9l3/cwpYZVace1CaiOTO3Y7UHOH1O\nk5XJ+r4VRQM8BHNhCkdsmpXJFptnppVIb3ECq2Yyn4iVaUL8voctCmrs+W7G\nluvMmgOh6nrpKEmqLhOPj+4hVkkjJwiNkkYBvHSmrl+AdmXNSKhhTNyoREtC\noBlaGJfIX+RuA8yYdYYKaXOY1+brwZwlI+VtajoFntVSH5fj5Iz9F73P1oYw\nrcwt8C0KsxukbJ1utfwkwdtM77ZGV8qURNtb+BEdOBe8rsfZF2DaFTsOax31\n3fKovLQIA8NfLcTU6YGDpaxw1Gd3T5v21dEx1x3QUhWZV4159EHj9/UUP+2k\nnexwF0TVjxzQ2A8lDMKBFLHR7MgfuWCUq72czOuTywkxmC+IKowLVil82OwN\noVGex/fAcB1naEOTFOl8pPdc91beA8xyJeWv660kljErdsgpAkIOxE1DS1sa\nvGmvXELGP4IVPBhVoQxtmbVPCL5tEd8gMal/krHiTTE4DZXwVPXkme50p/mr\nIpxH\r\n=S5uk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpQk3YzOF9JJwai5HwESxzQpISMg7UvKST9iDquAnSPwIhAJDfGMA0qCjOpTbKbTK/YzDFgxH1BmQnq1Ty5wWEGfAg"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.39_1571743060858_0.2548364328359587"},"_hasShrinkwrap":false},"0.5.15-alpha.40":{"name":"@react-ssr/express","version":"0.5.15-alpha.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1485908fb482d8e9df5548b281bccedac9ca1d75","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-lnUf/Wr96edercx9WI2Ud7svBNhfCwVTQHpeLN5EI8cxvHu2vlQL37MLd5nOT+KiG1avhd5Hgg8aSOqwPJVeiw==","shasum":"faa234eda4c9b87fbb539871b9bf8f411fe617b4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.40.tgz","fileCount":14,"unpackedSize":47557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdruYfCRA9TVsSAnZWagAA/5QQAII/qR/w1dkiP67LKoja\nK08tO0pz1tXt1VtFkd6pKdoW/NyJdHcMrw8suspaU4oIVS5epmGE9RVLZmV3\nkHdUOUJyaFbEoy+xcsTl/Q8ohCKsqGo5E6jZu+bJwdSzAVko5zh587bjX0+h\nUWLRlUYG/2G+gAxR/xWJvuhJr0ikih+Y7+b9XLbeLO+U9qZ2U6PBh/itY3S3\nWPUQxpAXqCIHBqjOiTuLCQqrt2ZKz6fkYTxpwN0dB0PTtCjnuBGRcEtdInUk\nbmgJ1PAJtWkwuBmyVmNfWwkxLXzdEyArDm3zTLHCExFHgM5Ca9Hbvvz4aq6S\nrS93IRIP26Z1jCrWBRXHdHlFYDQkLU2dtfnQ25MELC7xBZIluZHEtzsnMe3N\nGAScah9DS2tpQsU5dXQmQWALp+7n6n2WJJgJSAcMrKX8EUDqY94c4WATHQGT\nd+FQsq3V7H9RRQ3PGawb23pgls2v6owQN7ginIwWL7RjeV1JCAlP5M11zLGJ\nWIrPpKunsZGhlVDjMCPUvm/QCNOIbAUfdQi+65IzAKAeediNoudRL5l/Es6p\nUR/jGHQFQNZ0I0GffwfwI9g6aA7tN8ZC4A8NloSsRs3b/E8qwOyxqOL50c6o\nIlzlk1+UdcU8gTmF6Nk6VvjbP+qzC0n8dnAovVBxaR3nnVHpnbC+FDOrlNlQ\n7SIS\r\n=1Yti\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbzlEwyESjautMziDW9X85kZWB2TVdTGnAvjQ393rVTAIgFx0wzzVw+IJ5VyoYGqE7qO4thKW1995N5Yd3jXVQgJU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.40_1571743262598_0.12324853705957772"},"_hasShrinkwrap":false},"0.5.15-alpha.41":{"name":"@react-ssr/express","version":"0.5.15-alpha.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"eeb47f0ba1d9eb7d60b6e6bdaf606f8c1b01a2f1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2tPCRnrFfKc8W2hjil65DdQ5wKUoWh8m1Zfw21RdrT0dbRlYkA1ylV/toJNflZbrUYiLBJxLscseVrjAhpu2DA==","shasum":"9cb822e3c9509a1be147d7bc7b54ca5343708675","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.41.tgz","fileCount":14,"unpackedSize":47543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrucYCRA9TVsSAnZWagAAztsP/3ytEGJj8S7VEwPCVGd2\nd3rvBl/C0JELwECzLfuWlsFiB+xH1iicYtch5AP9IWKPgAZG4bswdoQojH2p\nVF2TdWaBEzhKN1mu9rhbcvs4hqVutL/ipAsDs+3mGCwyLzJV8InpWQ5aduNR\nAIPDA+evNd2NYoYPa6t1H1LD6KguGxhaDYoRWr6y9KLkunkvyzzag4dwKwlp\nEMlDcap4l6mOpgBWIzQYhDSupshftDCovY7DYYYAeiRXKXQkq2zy6hIHpsiG\nI5Y7WJ7/7vFswiXgRjCi56sHhnATs/xX9fnId+WIOko0fdYzKLexf975JquY\nChGssZ/t7LBD6ZreiPtn/CIXvNS1KZ3ydY8dF7jyQur7FBDHilapBvmkGfNh\nVpG2wnCWQz/udEWu4u8v7POdDOvB8oDmWLNM+94Lb1YzCYQsu5+ymOk8BOpa\nYp/HYRo/Jj6VCJzXNX0glCp66zTHc20qTz4CpB6kP6pDB2UshzMFqhIh8tri\naq3k5ELDCiqndT3svPKTsADFx7bpIs0csNfRMWOGxs7ucW2rbKDkypCBA/sE\nGkr6mb04mCiDEm/qQ4xr2Ul85si5YVp49ZwiRMWxy9ZLsHnre64KBckOZJIx\nXZH2ovgB/m9+I0ijnKIJxAvaHmbJv6h4YIhaxXU2jmfo4HvtXg9apCodqf0O\n++YM\r\n=Dukz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTihAfm+Nd/OYj+LrH0pnQ3EVDTIkKpZvSHSAbjGddtQIhAKxn1m3o8eP1iyB9Pnv7zEFhNj8/F0wsH5W4FmXsO1fK"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.41_1571743511605_0.5430034285580696"},"_hasShrinkwrap":false},"0.5.15-alpha.42":{"name":"@react-ssr/express","version":"0.5.15-alpha.42","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c60d7f37e56351ae717a44998169235f4cca7b3d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.42","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-t0YtHSflsKVMe/3rTG53shpcEQAhyIzbRlDtiNlhxQ8nrKJSLef94DkG4jU2QNglC6aFceJPQHomsb8f/ZbbiQ==","shasum":"8c31f03e88606c735d3b1a181994ce434b8f9bbd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.42.tgz","fileCount":14,"unpackedSize":47381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrufNCRA9TVsSAnZWagAAhYkQAJEhWZw7WP69R5qrmtwA\nwyTBn6OJHsueJlBKYJAg6NU4TC8d0+opvoqcaERyDCaQGi+hPA99PhIPPZFo\nefKwXTqie3MMX1AJwQ5LjixvLhx7pMVPQIGt57e4OBabldDsPq6UKbna1hLb\nqERKuvRwFzQy6ovs6nL3y7sFSeyJjBuggQuGTHgAVeXEd2GSApF2W4qjbq8X\nz8qb2JRTpcn9XUmRgYlIHTGp0Ch3EgKnXPdKcvNFupzfkkQuMFh7iBbz/C2M\nVOZ6JSvrPoLGaSrusJfC4LFIjQrDF0zfXeVwKK906z/Qopx+T0ebYTuNspv4\nvv5oJdDghJTn0/u5yXPjaUK04o8cklgNBUEwF7188O3SI40GDVGHZu8Euacv\nHkv5mekyI634z5kbqQQ01ygGUHDCn+hFxHGphV+kWAQOLvu08FAmpTgznvzh\nBj/SqI4PP4vt5ErCi3WuOL+58tpX1L/XPm2mNcXZeHHuFRdwnDqUjNJclqkk\nJ6TPaFomAzzBuJ9PVv5AeEOS2d+/o7nWamdyE5Zm6LJS8r//5jJ+WK28KzQx\nUZ2Uu4WGgoVDBCQzbNiewX738iglCCBs0y30ezk9XCK7QFQ6IU0bfTfE5UGw\nsunPMh98CpUcZx2KIGb5bn+/tbUDrbU1YN8ENLHu3ldinOo6hta/0xN4cy2I\nQfcI\r\n=g5me\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEmuxcyUNNBTKjGUJY7qSAi0B8/iCQQXEIKEwMrFns+xAiAbKRns/O2jeZ/Q10ET1q4vjw/xVxTZreGmDLvgtSpTYQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.42_1571743693153_0.8256861902525634"},"_hasShrinkwrap":false},"0.5.15-alpha.43":{"name":"@react-ssr/express","version":"0.5.15-alpha.43","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2950ea33fb256dce64b19cb92bc29f62db9ad1e8","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.43","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-AB2QTF8PIouQ9PoiKun5ztT1kiId35lUgRwCNqT0O8XsRssvANxGUbP9sZry8lMhgsZ5KN8gb1cFbhkbSIsfNA==","shasum":"c4af53fbb41c074f843b6517b8f908a3453d8376","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.43.tgz","fileCount":14,"unpackedSize":46267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdruhQCRA9TVsSAnZWagAARnYP/RC9IC5B8iRilf9YZ10s\no1f4dYIPe/nOLaqDS5akagevmsUBiHlyqXmml2j+fD4oKkQ4EnzFQxScUMpT\nEnPTFz6kVIEoVaJ6GczSFua1mc3OLU1ZLhcvYV2Nf476ffktzEc7Uekj9fXj\njc9YHiKECJLxVuO2QurUjISeCnLt/VW8apGyTXPEUnYPK4cDQoR434RvU/ro\nz+QI1bKYRJoBu+GgF1fzaWuyID0dpVo2mR18JwntEtTFEPXp9akedNVRou+A\nvxKcq1nFeikgT1XONliO6mCX5tgr+6M6sVH2avcOV6GnWf4yd1MFnoLym0ex\nKXIovyNBptNCGS+EoI2ka7/aoJM6ukPFUGJd+sjGhpEfcYGhpM/mA0fGle0m\nXYEKWQABiqhpggrVTVNFJXOsgLCfNSepc+jFaAG2DvltScHdkqEfoxIJFJTf\n4RliIBFISEu+SMP4gicx07LSde8ALzuzHjJPQRG//nq9EetVkgtK/uslmDCV\n9Gha/oZNNvtJPJa2sdqAYPfdsvduQ1o6fd1q4Kpx3VCvGjAPmlF5C02KpyUG\noja25UxFnwg1HZz144Hc8vfEC5lx7B3M+sheJ92l2j809pZT9+uljG0oiLCs\nCLyZPyVLVnTZKXPzPnwq6R0npJY0qEDYMpLStuclrrYyaz8OWWgvmk+kus1q\nJd00\r\n=PT6A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKwlep/iTUAERY5vWRIQeJ1c7aK1QR1+CWEDKqTFJ0WwIhAO7UG1WZ0E80kamelzH8dnsLbYfBGhkxqhAyDyhgHVIk"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.43_1571743823552_0.25839348400073603"},"_hasShrinkwrap":false},"0.5.15-alpha.44":{"name":"@react-ssr/express","version":"0.5.15-alpha.44","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4a6bf71e59160f4dc48b22505e939ddf621aa5d3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.44","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-XjDP6EfUMizUqtfO/6kzHkaAaujH48UXUlDrLKWVL9/rWAlC0ffD9UAj+38mmAaEiWVUqPx9na4WnacEejL4xA==","shasum":"0d3b61066370b032e4aca2ca32ec80c903753163","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.44.tgz","fileCount":14,"unpackedSize":47821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrulhCRA9TVsSAnZWagAAYocP/1LlueGd8zq+QvdpItRJ\n7s7F6v3nytE4i3fGwl+bVnsM/9w3RF9Bj98w8qbXGZ/EpFJr6D610bF58c3H\nl/kmb9DJHHQRrstioH060zS1ClmecqqalV4nC9uUSdPtvm04TN3x6Zoa/kXA\nh26m1KHBQv30V7zqBT97+wBhLUqJldnvps4BIqSLK8TUsnZMUlCyxm5gc54j\nzgnD2C1bQWt4hJj9pIx2SHnmf3m6w4U1eyhqmmzhy3j6W/chbQNnuFbZBq1d\nvyonOUffgFqHhuRhzKqxIyV6wRzbsNbd0ad6KXAc+jC99oKru2gOeDpORv13\nVRu28Yk2TldjrlVjHpZBBl/kthziTOe01VLpPlMHSZP5xUhzLwnE4GW8n2Fs\naRy2SlaNPbCD8+2oMDTt9O4aQ23jsb7+7b1nPmn5Q7XMPrDjB1OVQmd1UmDb\nHs4zQjtEsNi9B/5dCNZ6nWY77K6x/kvHM4xcWHFUb08Z8LDrY0QTdQDt/soq\nFLoZ05bxtmZ1IfE5CFIhv/3EUs+vSqM6RT5wtE6snKqMDXrWmwYjHFzMabuK\npbjytpxg8Ev9Xd0YShMgAfjwlwVB3f83xAJvA4yI3EnJ4MWkj4P5m4eer+W5\nl57ha3V20sAIx3aqNN9bWwpuWnoZe9mgEHeUNWAXsDt+mkXSp3oXaiRFUQ+6\ndkG4\r\n=tlAV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYZsy7ls2DZ0U4g2qo44RVnLLW2FRJr2me1tp3uvhaLQIgQeN/HElzrceESqfpfkgzdBUAE6DfBntFQz/kYobgbSU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.44_1571744096678_0.7502211788928101"},"_hasShrinkwrap":false},"0.5.15-alpha.45":{"name":"@react-ssr/express","version":"0.5.15-alpha.45","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7ebc0cbcaa3c8716b2f0c7547220661062a739c1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.45","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hLqjjhYR6dfc0mjEB0kt0cnSQMWcjxTCW2Iq4b4dTp6jGIjErwbg/9757NwDMo+6ONRMgt4Jvse9XKduPcTuTg==","shasum":"7d7c99be3e8d8458c7701344899d9f4fc98ae6b3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.45.tgz","fileCount":14,"unpackedSize":47777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrupECRA9TVsSAnZWagAApbYP/2FJdr68KTyFG5hk7t5H\nsrO4uvvoK4f81ldrDuvCextm3XBH5JlsyTdhzdjvmKqQO1myozlFR4OeBsBp\nZ2oNQ5lxFdIj/N+h88Rkga6lsR5tyI/SKTG0nTAohgrwImRca1v25P+m7z4g\n4/mOU5qh6IAfuqxkJG65XGSquPPbiN43tkP1LvkyMgLm14UIASJ6iMFE374F\n9Rw2CzrlY7Rr9Ae65q4fVSnVRYq7JAOX+a0TZYIRg9ulUpv2rGi0puep2dWB\nTwlfCdJpz44KdWX5ZA3FvtB0cHF/GR0fZ2HmJrFnA9btKplXZprQ3m3x6u4p\n3zrIPvdEv+0clLpnr7JFUyVIQZWC5A7cR6iAywQPyhHFAwL1LL8pbBUbFQt8\njhWYGEb4cAHkzZbjFp3bH+/MAAdNOj5G0DG1z/uRFPXqTCxGpaVq9irvOGjS\nnQjzQXID8lLBoqNP83/xJvpjIQ625mdMUxjyXjcXkayqehhw5WC9ytpSw/J2\n0rL3cHZ0G6EwUrb+TUQribySW/L8jC3pLFi4MbV4MjlZcnT5t4oSbE+4F84t\njcqsFttVctJ6a9zECq2gDDnuWg2LqpghG88Km96T3ToZugE0dJUyqAoOI3Xo\nhQZMwBpEKM+GT6b9g5mGnYx63gmtUOnR9RmSE+FbK++Byo9dE0C/ALQWgmsG\n3rd2\r\n=4h4P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIH6cvD+zkpm3miC2c6DspZvPvZAk8TZIskFJbgKzz9juAh9gNUL6RK5OufB3zvOlfEGsPZfyw/8YbJaiRjkrVPIB"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.45_1571744324187_0.4580852665742241"},"_hasShrinkwrap":false},"0.5.15-alpha.46":{"name":"@react-ssr/express","version":"0.5.15-alpha.46","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"dc103f46b0aea46d7063e5a3a9ed0076d22985c9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.46","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-t8TH0+8AZ9bjhPKQjSaZ4fTrpYbFJdesUFG0SGH5tq+zsKQWqtR5nkCloEQSRAHNuvvwSOqeRAc0TfonvbcalQ==","shasum":"10dad6e29c50871f0ffb63d1655063c4aff16e6f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.46.tgz","fileCount":14,"unpackedSize":47677,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrusWCRA9TVsSAnZWagAAqFIP+QBsKlHUARqmY5fCFkD/\nxUdyqNFz5eCz81/iHwyHstKL95L8ThvL8OE3YypBOiPoX/xj6//Y9mlihjk/\nZwPuY76uUeAOSbxw9BMFvUDZTCu7YL+Dk/+XUzC9HzA5Qe+RQp1SEtDO42S7\ndXbUI6yDP3NwC4YEgJ0pOnFhtuQ9kjtkehLxA0uqGGb62CH3dPMnAh8gwzyn\nOc+z0Sa46Sg2lKC3up9riq7JPgRESQZCP8GVOPuFLNcPGgqsL7c5WkJ/F8E+\nEisfn8szslJgb/mXocvRlZ8NTVWfFr+Hb8YaOTT9pufvxaU/QQMnT7/ODwEv\n9B0iSDM7AeaHwWWbcsRjBKy0b+q+WxqNP49s4pjXxzF01EptvxZXEJPwwZcQ\nT7V9QTVlpCTWnLXxEzzJ7ZphmYTC3EBcNP7O60VE/etbqFaLptDLSvACMgZq\ndIe5Aj5FyjgZhVKobr7GVWFsuUd9eC9xCqjAFup+aIzIBk5vePMpVsRPXjv4\nlEBDlDb9sBizwptMYh3GoJVdtk6P7HJ2jKerME+VInT+u/Q41VsgDFqdxcCK\ntC9bMHxtqd+xTVG4hjuqfX37MRIQhGUajymupCnmAfGKZ3yTDo/VIHX8it/2\nkwOZGz+imc5dzXT+0uNT1LUMjWCPzylJo3zx0CGc1DJd4AkNFXqcwGWBXKvH\nlmp2\r\n=SnZr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDefg9HWrZTsE5fz4zsXEkctkjMPb9AcgtcY8agSwOh0QIhANelbgP6BSCp0CBrRUBLfwQgtI+P+Ic6KsNIJQj0SG4Q"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.46_1571744533569_0.6014859995489064"},"_hasShrinkwrap":false},"0.5.15-alpha.47":{"name":"@react-ssr/express","version":"0.5.15-alpha.47","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e83741d05523ac415073c4e69d2a391084911ef5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.47","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xDMIbzbQtwQRWCzDGVsNnYDPGBRD0yaCz4Ts0lWBpW+vdKNAIJk5SU5CFz9gNMKaGorCHecQD0/7EZg6PmZBIg==","shasum":"a4c68819eac9fdaf4e2026b33f42957e9196cb78","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.47.tgz","fileCount":14,"unpackedSize":47705,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdruwrCRA9TVsSAnZWagAAq/gP/0rQDPV06xWDpj3FbvjK\nOThf+LFd2jluVSd4dtywLd/KnBfc9xQKC66hk0jQRg6xp1wcJ9BjMNVK9l3H\nQJCFmYTUi7dJVm1p9riEw8+Gc0Y5VHD0GgoDARbyrsOGkKnhoKTVRsDa9gZA\nQmwceVCR2hS/DuHdR9Vf5jq4WhEzrZyqVfVaz1mAPhWh+2l7pnzSQBm0OdOq\nLcP4oA274ljr7RFJ85TY2pN7KFrdrdR85RB/bcdy2MhDDvYP2m22b8tY/Ub4\nWibjZgbjD0rf5S5ivEvb7vrNymBeyPsFrLnGveIO5z/0xII6mFtNZrSpbT8l\nDF99WvGPK6e9Df08CLD54u1nmeq2OZUvwHeR1vG8DPR/+LMpQH0rpochxO4t\ns5EcEYIMLjXRD90DsGwyhB4WOx8sJxo6mg/EUdkaYq9YXbx1/62qwmDleXgG\nRbzrJf7ZopsWjzm+xiQcOq8uCSI4XGZ3A8u4ve66Zvt+5oHrp81YbPETMy5d\nZpFMCh7skW+eZsIkDXjy+3e+LMA/bonFB+XprrrFnbKEzbZPMvjC7xFiWS0Y\ne0dRyF/unczUJw1FFB/OD6x3HJXrMKh2X+E8ojJKSsJWAxXcGgnfuQPjyTBD\nd86jGd5MLZTO4xdbVKgg8BfdKh7U38Juy2FTWGG5HKD3dJUSIIWozuAhQ7uM\n1vSy\r\n=DmtV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCooKil4cxwgcepuLWCE13TERS+PYE5QR0Ifk5M7VAb7QIhALbAaFGPdvkI/+idYIQB0KXZzQeQua0C1DzC1+8KRxAK"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.47_1571744810944_0.029246109790087127"},"_hasShrinkwrap":false},"0.5.15-alpha.48":{"name":"@react-ssr/express","version":"0.5.15-alpha.48","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b29b4cb308cd8c57b21b56d9a50b6f379b88121c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.48","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Scac8r7NJmoxliLKRIszyeY8kq1orzff66vsLPVQy7+y0TeuU4xjiTKEHgYPwiGVQLn5zqJll6QdBM8o1N7Akg==","shasum":"11ce8692f0bab8e4a5fa861da6005ea9f5bf813d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.48.tgz","fileCount":14,"unpackedSize":47743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdruz3CRA9TVsSAnZWagAAsvUQAIvLSIgrZ8OfrEv65eSf\nz5WtKLWl2iuqdaMylZ78tTGV7BfdWZnGL021oQhNt9cj6ga3x8xLe1viOmPh\neGj2xyLQhg+yc2AP/SUJnNMZ2Jwxnx3fVAfgu60rQ3GY5/iJEWHnDz+TFd+b\nNFF+5nuYHooQKOEJxgPqpKpCejFkCBtebE3TVfZj43UdVXsOfHv93BuBy7vu\nIR0C/wCdw9x0cWllcYONc3p8maGm4sN1OvupuN1ghOVXFs7WND1AkWgTTfci\nMYW/HNmUxsrwVGghkJnxri0NVJvUHhmPbDJidOLDcdtpSlGWascSjalGTTuc\nlkmm6sFe0rG+WW4+DJxpJuUsqUuwJno9cYYWFA3Y5e2YZWzjhZcynNRkV6Ik\nR5pt+N4fFz19v0kdPYtF5CnxrUx56dXGHro7RRfy9mespzIijrLwYg799ndj\n/u7zBoVHYuUqQctAnU9Mx7tSHXOIcdeLqyhyvwy1FSm0BjCNFD0jKSsSjNZS\nLUr/AgsU+9Zs04GPtQ38+ta3wnqpZDbLwJKbjKO7z42dXhjRj9BideiHSgQ2\nzRZV9HlbgQPiY3rn/wKbwfIvF0AX6yZByBnlKUl9rvtmKbj/HOyCtTr7+csr\nqxJzupvDZjCGvK0vI4vHk20Or5GbmM9efSmNuiTtl5FZQmgMKNl1SVQ83tft\nnJQb\r\n=QM0L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD94F2C+DZUvIfIqfgHsRvOvurjkKYLHnPLDhCtoa+COwIhAKBmbal5cqcp0MLtyot+VGKKftVIzo8QxnT22NRG3pP8"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.48_1571745015057_0.40047074171610597"},"_hasShrinkwrap":false},"0.5.15-alpha.49":{"name":"@react-ssr/express","version":"0.5.15-alpha.49","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"205439dc6b40f09db185d93415fda47862eda653","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.49","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CKldB+jgULXx54xNBZ01UMiEMSMHS0nRoBl4QiabveQ0CGro2fvYD0/sWUHKenGtSwMK3d0zF4/ZcTqHVg6IIA==","shasum":"fcaac4c3e929f531ee0cbd139acd2c854a343838","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.49.tgz","fileCount":14,"unpackedSize":47443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdru3ECRA9TVsSAnZWagAARWAP+QFAE2rzDj9+eSkLEeqz\nHC+Uskizt8M46gf+9bcVcB0vkhYc4jKFRq3rOEv4+7u/fOucO4masWWt+ij1\n8MvyQdrLYenQYc2NfNSu/BbjI8aLjtpojpd1NEyuq6y3UjIv5Ddd7kLk5c2x\n/yJ6PM9KsYoud3TXAS0zmyB/Zv0BgGERDMwImHJsxTtyQtxBxSQGKFDXwB2J\nRfwgnOkDxzagL+Bx7y9j17H3QW5kIU4Az7dGXsv/7yE/PI2urazGw+PgLwYS\n0MaJ37erjNvHh8Z55q0uxK8pKn0VhPG4DpGpQ87Nl7u100qSbZwR5HCfXEko\nyk0qf/2pHXuEbMWSVE84OhDbRfjwH6j0woGhu/t5/FF1CYBoLKXQkVWlni9E\n1GH2QIBdNmGmp1XbGmqIS+hXhP4fJ4tFcoAgyxv7SsXd3GnZxHsH8fLVEWU2\nT1PuwaNt86KRFfngZemFnNX9E8qk+gmJct9ys+CTg+tGhX8ch37depltzyu+\n16BRmYb28btSGojdlfdFx1zi2XEl4Ptt5tnz7k0Gkx6IA6qlo7xqueLjFIH9\n6m4MJsE0FhYWV4Bn7xJlTlYjaL5jfBb0ROC2AFJkisan7Gwg2rPLDL0VgFBv\ncJrJpzH4gDGQ5lXCKUcsG18kcKbDI6ZhTsA7jMs2PWOt/xvgh8ZfvQtK0KBj\ndinV\r\n=4mgM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH+doWta3ZjFANZbqddM1u7oUZtkBLa4odlyqRRdu8p7AiAWeEvDRN9n2xj+ztfc4e5xHGAnyvM2FmSA/wzkJ86T8g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.49_1571745219501_0.521301836319042"},"_hasShrinkwrap":false},"0.5.15-alpha.50":{"name":"@react-ssr/express","version":"0.5.15-alpha.50","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a6e9314fa1d8741db52bb7d5340e05aba68cb0b6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.50","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-nHzClNvvkTuOyQgYJa1LOwutrgLXn8b1nn1AgM2zDS+Uu/G5UN/yrDEU/xmgunWPiUSgktCe4F/88OUwC48GHA==","shasum":"7b98f8f68fd873352bc3f81b78a0c7d682f86921","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.50.tgz","fileCount":14,"unpackedSize":46225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdru49CRA9TVsSAnZWagAA394P/3JBUihwH3hT7KpdR0MS\nS0pY6QxP1aJflBstUe6/NhbGxv8fgtaPM+v9yQJ/bJMa8JcC1PBXpSp4Jk+9\nB3ewTc4q266LY6zSn41BqlLrBoO1/fXY+6GadDhT8+86Rv2mpbBmyQmV4BZY\nB4V79/u/18O9D+GX9C9wwRUST6n0eLh5aJmo4TP1dBQamva/xR76NkbqMaYo\n1EvYWFOeUI/7HlpqKtABXsAlwExn6I+sYtVTWr3jygddY0me5NmvvsWUqW4l\nZvHNsqtS0hW9bQ7o0q2xlrxZ8+TnPdKkhkRnShi3ZwkzSJnxXtNNLMK5gNXt\ndUMgqC39+5oC2GK4f+kK7vlNCXr64AwScnvmq2zhoVexpLaPqQ1SaWVLPw6P\nSzblyhayYv/l8woe+Sh3i2yW+2UugeTfOA0ZxYwB3BEGr91MRv23dEIwgOaZ\nNvwwaNJtQsG/d2wEDDhNGMU3jFZ3VVXrrn90tKU84kGMtEty3oJSmZX4COAf\n6ubpJpXUnDzTBl85uz+d0QvWvDpLAxj7JdUh9fpY8sc6ipew+CKRB+GryKp3\ndl7dJpNFozunAdaz8Sj16iLslkkKOnyv0E50E4trA5SZlnulKDYJ2VBG4nwI\nePnj8fZG+BIIPtBFRjWNDxnITSEp6ct0uAXm02QL93oRGYODn1p818e950Z6\npuXX\r\n=J48e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHYYQxEZe6XGguuUPiJvPWlXj5LU+LHBemjcHh7VmKU0AiEApg9LrbHo/kl6e546B522yDWf/jHx8TXajLdYvXr1iT0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.50_1571745341060_0.6877620334574739"},"_hasShrinkwrap":false},"0.5.15-alpha.51":{"name":"@react-ssr/express","version":"0.5.15-alpha.51","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4af0c6318dfca56b1a578a3af97a6f1ea578fc51","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.51","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-OHS3gnhrQHaQWFiFwEqHz5Z6RqaB7SuhKpdCnZ/l8tSgYNYQOcsxrQiW42yuzJISwRPTOc1tMHnh8DoKasIW2Q==","shasum":"144a81805ca0ae69e40b4dc045556d503ad72cf9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.51.tgz","fileCount":14,"unpackedSize":46253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdru6rCRA9TVsSAnZWagAAfSEP/jR267N7LHiFH9WjsiRz\n/1WKkhMEoZWppHG/V0cq5gqX2Q3Bzf158cfSQbG/ilPOFY/wPbn+RYqssDI/\nKfmlCL9OoFGCsSK5aEhNHMYdY8nRlaG5jMJRrmStlmirpRnhpXLnt0TGyKSQ\nABz+80NT7zz2I51tGroDKa2ku6Ch4ZzQOcEWlCOi9lKSgAYCi5N5aJpPnZLj\nTVKRinkSDCob0/rd4yJ8vZnP4CBZBH6CYZUy5k1A50e6/+UrESJdQWJI0x2R\nTvIUVd31qfsEF25GsKkOTASeamAOh8gQzod1ZaAgq7lKxoVUKkTdpNxkb0bP\n6AOOwV1rlMPCTydte5abpLUPvI/5nsaXfdwpVrtU1LsN07YDspAebKGNShHR\nnF5Zf7m6tEjxov6eliB9oAd5qrvq9bQJTo6gtdhPIgUlyjoo0V8i3A8mb/X8\nfNSmlOhXCmvVo36rBh5iJPQM0a1rVP81iWz2I+RgjwYpiREC+ZhgQfyKEmaa\nM4Byi3q2pl1xuNwz8OSGFDEZN1HvOpY8uNHxmYjfVpWmiEEaHpOGdKw0mCo7\nDvP7VZAk8Z3+tF/tvHjh2DmESohrDNmDIwvHU4HSrVgDmUrADitMo4j1knEi\nIMtO8HNYLenC75Y522BVrqwiWTZoIyS3MHh4Epm3fWkVkLeSkKz3+RoP7u+/\ngulK\r\n=uFrP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCf/98yrSoD07oMMIjxYS75xQ6oN6pTNdWXV2KnxrDe+AIgYb68d0XpixDF+J4gKOH47QRFjPPzB/EhetdwmC8xUjU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.51_1571745450524_0.7534957669640616"},"_hasShrinkwrap":false},"0.5.15-alpha.52":{"name":"@react-ssr/express","version":"0.5.15-alpha.52","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"bfa375fafd6e11bb60e47023c1849724d715d2fa","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.52","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rgV2yZ2kNM9x8NUI/EwoLKwLtdqp3lOuOVktBwMPP9Batn0Wfrfrzk+yz90m3KZ6RUM9+P61hWxh+RwRw3kmbg==","shasum":"7d9a1231e3a34ada004b490993b14986e91e02aa","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.52.tgz","fileCount":14,"unpackedSize":46237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdru72CRA9TVsSAnZWagAAwgwQAKEfS6Pd3qhIr43OTlpM\nPiS/QYtr4A/UotEyhdu3+85GTeMWg9C/dv3flAizDlb6aDuc/oaAVyydOAbd\njwpX8Pmv/CVP4IeJnmqnjPzeAbBuH2UMCCmyWeNQpJ4YZ5w4gxt1gI9mIyHc\nG1bUnA8O0NmRB58Nl971FK71//3dh+th+6O2YsfOLuOqt/dEMNHqgNFZP4i2\nnjzxsx/ROXL9q3T6eXt7SzFz0K7kEGg0DHJKABuMQd0Qwt0+Iuje6EAOAR/1\n0NkPBAiNYhpiF95Gq7qBZxLx3W2ZaHtVKhbjZC2SxHwZFlgtbvkysOfp2EBt\nbI7Qnn9B4ZRybzSY6KLCgaVB2pFPtNadavac7ewpakgBCFUURYdap84KaXMA\nipHUZc88UPFDpaRSXxzN3Qd+W634shFuS17usNEsldSKNGhlu7Y5W/+VVzS+\nZEPtK9ImQGyoPcvMgOxu5lCpAlgMJC87F/wh/Jj2OIYsuQhUcE+gmDv1beUl\nOf96tt01Jd0VfBquhlbm2qHnecUc+JIYB0RW16ZyXEx53yuPVRMiokLH8jzK\n4qgFnPMan3HQWSsNeUsyJ4oAMOyYE9a0to2TUF1A7IZ0kM39R9qgoVUc6G8k\nRVI597cqngcdLQjgeeoJ48yQhTlEEGhncqMcAVY1GvfsvrwzLIcNuJqR0KUK\nJuB3\r\n=3wfv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCX7VWAuY9iJzXjSXcBPqEO56ImmaoXMi7xA8UHdgzDyQIhAL7ZHExgVBsW6Wq7pr3usgl2VeA9QunW742m8nECM+03"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.52_1571745525897_0.12862438799818232"},"_hasShrinkwrap":false},"0.5.15-alpha.53":{"name":"@react-ssr/express","version":"0.5.15-alpha.53","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5408ee0d7526a556de93ab3cbf70c21cf1c5fdc4","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.53","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gezWIl/nfot+lnZxIdEfevF+ll5U9DStb+pj4VrZeEzZ+116DgNnbQ5dQugqgg+A7/noG0bxThRf1zcA3jmG+w==","shasum":"a285cd47c5014de263abc2802921cd1754fb7976","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.53.tgz","fileCount":14,"unpackedSize":46875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrvB5CRA9TVsSAnZWagAAz6cQAIJbE1/pESh03q+/swWg\n8kZo3vfuoGBoqkXjdOn12b8fjVNxLzKuy2Ws9Xwmsb6Xw22mOiICDZrcwWIk\nJJjK35JQdis5RMzt8GCt1wV1LgjkW3ZAXopn392j1DrSaKUGl1EMICp9abdV\nMVpIwU9Ml+PGcMHdPfYcb6hHaNNZtKSX88cO06njfB2+Xhfyc9BVDZ2+XpA1\njfoc2i2SnxMO2IchtcNeG6kHYzAMGC003alJJQrr2mvS4MQZk+cP2GNkEHXw\nDGMpVoXL2ct1Kw55gIsbiBTQzT4hHXthLl65NmjrnV8DMcbOEtMqYsJlnHz9\nzcMQ5XDwlfucVz61K+LdKZ/HgG5PmuKE7z7jKBLDcqvTfpPXxRkBSYhGbFqr\nSG93a/SkN3cm9L1tOFIjFJq7+C7vKDqGpIq4DgLfA3PsVydXkhVfNfV4+y0f\nhwZXdN+xdEadC2JLCUHl04Q8Byzzc91w32kmVqchhcFFF2ZNMal8PH2XokjS\na/5Jel1reUvZeeHXl4TWMaxdWtZfsEtVNei2FF/hbsR4iYA8hvJbgDK5Dmnl\nNgRfR131QSR9IQWNBxdSxsrkXHQL6jbpssbyAe5hvzKSj66OLQQ2c33DsdxA\nKsnyH7E/zbaXI/tkh/wsYWvZhfeER8ej8agkamocXyzqwtG/Kek9Tb9bnyz3\nrsvH\r\n=2+3u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCUb976D7Sp+d/tUAXyzhhCuB1iV62Z38U14lDlaMMZgIgIBtfwKjI78VdxDaecRDbHfYn7b14J5MaHDGqzvTKxmQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.53_1571745913014_0.3098307094126047"},"_hasShrinkwrap":false},"0.5.15-alpha.54":{"name":"@react-ssr/express","version":"0.5.15-alpha.54","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cb19cfc23e7938944f46231edf3d553a72ff5b7a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.54","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Zs9WhQ6hty0lnpMBTk7FEjGixCtMix6GxR0GleL8jKqPntlN8yyvnUsAJrEXF6eKjkIe81ETOsfxeHLQxgHa2g==","shasum":"6205ec9fcf75335d6de0b5cf4a5c74970b732fcd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.54.tgz","fileCount":14,"unpackedSize":46761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrvCLCRA9TVsSAnZWagAARYEQAKD9coBucL9c6WdZsqJf\nVeEIwSLDyWQ/JTmH2rFIVan+lqYRXg7fAFa9gej11TLMIJaxq2EtDNksMwT/\n5pcEtnLNW5W/dcztfXiULDIguBesfeNClKve7LGDYDzhRsx/LnEBL00whQHC\n/rhPJOpmoCkeeRX/f6CSuo6vbyWfOaxffvA6uLj+E15VMc1qLhfzUCCNenOb\nX/SIsOSw0HRZm34EfHMu9CEpi62ScoR/hD0dbWKq/Z9OojJyMCT6yamrOptn\nRtOed9McevXSoBBUg9miHx+/Kf5AEdkk7Y03M3GJDTcYbM8Ncaz2K4nrmi2D\nRbSGIF2E3RGqf4OfM+Z3N+3KWGUYe1iEu6IIJmSfR9vHCf5JhZkYv5s4YSIb\n6/t+jZ0aYrbB57Nx0pKxeZ/BajM9fJPuiT5eQIzK9Nk9vuPJJMzHzLcb8Q5U\n1buqbjbbc8FuMxVy7twCgEeHRXiHvHamTO3CkztyS5ZiFozglh2zAZF2RWCZ\nlDsRrygDM+LYYWmQt0jeUKtJnDkX2YTbRFSonN+IYZayTWfBTwMXQSo0SAqh\n0yff9vJ477CKHoso3iU8+xqFypwMKbbNBb5WcAe/srM4agTAeKRQr+xaYj6c\nMl3+7/8bFq0P0D4GEhZ7E05oYvq0CQqukONaJ/DCaDM4yxckebYLm7lGmE6A\nsyzm\r\n=MUjt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtkt4MFP2zQC4clmz9Ss+pxHr9/TnW/pZWurJWHPK8qgIhAI++dORlLxAl5uZRHwdiKOwdw4/rCJpibQrOwD72WqDq"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.54_1571745931111_0.9881617862593757"},"_hasShrinkwrap":false},"0.5.15-alpha.55":{"name":"@react-ssr/express","version":"0.5.15-alpha.55","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"81c431151806ea12c19d5aac49e5b488726b7b4f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.55","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zrOLqjyOkiAbJMBjqzoPBQIo5HatPIKeQJ92YTvN94Dnk21tmpcnLBtFt8rjESz/zd+s/d5AP/Oej+jj47J8fA==","shasum":"ad09c6ac0a4378ef65555a41c1fa17373cde3f0b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.55.tgz","fileCount":14,"unpackedSize":46193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrvG+CRA9TVsSAnZWagAAsBkP/0Nb22GLqzowFTw8MICh\ndslsTpXET/Zt/umXmDjwG9g+x25QwA3Zjti70Fr6Gf6C3Lph6iw7mOMtDLM7\nRZyJJaVnHmQO21mDSrVW0AOX9VZDfZ4dQtEPseDsXmsvtio5jhONYMNifw+L\nSbOC1OaGXdJ6fDphh9TGZj7Z4c8z0AbN/yZLk3G+bKp7pEqHDsbHBVj5TfGg\ng6LtWY9WAH16ysXyq2U7AEsYkW4AXWDIn5QOznoVx2kqDWkKJTiD4pO7Mdh0\n4iNH5A5RVBktXGzCLBcQvur6PhzpyNPOJSv1AINIrjk2zvzzIdA62ClSABZs\ngvDHwYDnpQ9Ksw9NUHVrwgSGBWjTb2JGlfaufFMxKVHmNeDFlc1U7zYK4N56\n+m6FId5nS5oKXBF46trxhTq3rclCUvap5sOyp40iJ8fWQqWkcCqbRugeQf2A\nciKVOfd65H8F1doj8Bppl09KAOOV2rOBMsr64jGhNZK8lXNJw/3zm324bFBr\ndIJFsepkCyZZzbAhORAmwMVX43uqsbKifSfM40JKzHUpGr+TOeD81yWL/v46\noXjdvEmtpJK1+itUk8c+mmKTGlaOrGzoid5eUv9fh9rlTiByOfjuypf4jlJs\ni9FcfB8Yc1P/IVGJZHC5OczAmni1BYu7z6w2iIGPS7qFb9uTGjyCEu11qg7P\nnupp\r\n=S8mp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8Cfb0SZDpQWL250ogaSJC6DjmmtxHPwF9kDgA0myxvAIgBINS7L7kYrH/YeUdK/BxXLwNHtWNFhxRFE341LVpmm4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.55_1571746237325_0.8875098509703669"},"_hasShrinkwrap":false},"0.5.15-alpha.56":{"name":"@react-ssr/express","version":"0.5.15-alpha.56","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7134f2d668ff9e061a92ad4072b4ab6e67c63bd0","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.56","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cELtOZyE6gih6v2I2++dVQaMwaL/NBcLV//pTIyletF6LMaXG+jGESjlAYOotpN5fhGF3wQLRu6CpcYBfMpRVA==","shasum":"9b49505dd5af2ac2e5795f9ef0e255989d77dec5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.56.tgz","fileCount":14,"unpackedSize":47619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrvxcCRA9TVsSAnZWagAAqGQP/j2qFjvW9aCEmF14ovXP\nspXRE36orkmSm037x9BuUA9fpsS3b3zSRrBAV1WWYQXqW584ydC3X8rOQfk3\nk2vsa+gWLYQjAIVkk/PfBziM1r3nI5WliV25zfOXgaxEwCGfSbIj3UR0mFom\nHJNoQHwcnW/Mitn8wEG5ZqfOlXEw4VwwMaylCIJfgco6gsiKQP3l/zNUJghw\nvTjJQ9Bis2+XRB1gC8XNNG+ZumJ1vNdMz/QzYz1d4x6+R3r9UAqvDgAN81VZ\n98swYikZ6FTA3UNldYOa3kDYEG/j3+6DfjwwcdFqV+yKT1MTEVnWgHKnmIRW\njsHWawMdfIA+oOU3AA1GTA+gjWMwjGlwzJh37iEvKgDwbcS5IDBumzef0Uk/\nXOMDuK2lbBSjSYHxdQHr7D3tVyxLrfpnoh1fjiDBlrmfNtn55lOVmTKSbsM8\n9DKbwPo7HuCchcq5x0G7XzhMHD6fEZwIsyTTcizO7LR+U+BFRR/3VlDvW/Hl\nqswPfTlGX7YxnRYEQSqDHRFV+PJSa2bYTH3NoFfqGYFEDSuNubYPzfOeXyI0\nrv6MEe7iy5qAjBVqB2FJ7bCISvCftbJ/ZBumA7h8l9tSM2IstKv4XsVHm3B+\nkzZ+VRzWznQbwuDdYB92ZeFGayp8c47YGfw9pS0kih9jsEstL/LSTqSaMHjJ\nov/w\r\n=hnyc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEccrwQoiwtXwWcZjdmfcd7hlHBfktJU9vNykDY8p375AiEA/xzOK9dCcp9YlP3a0QrLPryWQyIhmIoDu/IylF3gHCQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.56_1571748955401_0.1399759892367618"},"_hasShrinkwrap":false},"0.5.15-alpha.57":{"name":"@react-ssr/express","version":"0.5.15-alpha.57","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"51e5f66f0a757b163b95af0111a79e4a760a30bf","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.57","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4gx6fM0Rnza4kI4Kk08/JQ+IKs3aqbeLgj8Z/8V8YR2hs95RCdQPuWblfsOIG4UOXx53H+a6K78roNvgFjFNIw==","shasum":"aa988f8d82193c5688a3b489784c374b493c474d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.57.tgz","fileCount":14,"unpackedSize":47607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrvzfCRA9TVsSAnZWagAAZa8P/0cMWBh/Cm5CWlegdL8P\nReBDMXLQBImnK5a50ipuksEeXXew1mLqC+0OPN48U4oRnVbaD2LMSuZ7wZFZ\nMWJft0o4Y26RPKv4cXVaZDtvpGieImiZenq9lE6Klh4fh1MUMPuu1XXV+UIj\nWRIp/6mDmVs3VcUcTdSnrESQRZI0S9sXsoIInBvvaG3htS9WksZnq/Vzp4v1\nt8cEu1hQR7kYX4F0CQltwurlV2B76+h8EblQm0d/VKlUWrTw+PzxlYVkbclU\nir0CduKqljQA1nWsmrMe07LDUuJd7BE+fSaiNjhsuTGOcwzG7rxaJd8WGqxH\nStFSTclsQjyfotepLcnokG4q6Sn7tVW8X8CG4/Goi4EQ3ZR2gfe01ajCyyPZ\nkL0GBO7O04Tc7q+fDSbTnMeyac5lGWHtIxuUW/CC9m9pYJsoFI16ErhpDNjm\nbl/PQo22AuLd/mCCIZm1PfQgqKjROqIxJJXWVHgqnDDsQU8A70UytaXO+7+j\nt2Mt4EKe38R2Hrfq+CmxDPJuvC5T0v3Z9Dzc6I8rTNOUMrkaDaghwHDuT/Ty\npc/Mvjsmk0zYDlK1DNtPnIdCZ/gszyvjuE8/qBhR8Qa5u+lFC3GmO+ELSOwR\n9NI1Vm7qX6Y9UhicIYwUyTePHzTd9bapzXdPWvf1fTP02QtHnI6QkHW82E9O\nkdYS\r\n=VKP9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuvYGryCzF4hqPQFuBb5OfDzxlf5B77zpl20+Cg8HdLAiEAvkWck5OBQ4NaRGyIknkrsSG+ZxU50j9JrkoQqcbkOxk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.57_1571749086476_0.17418159124569033"},"_hasShrinkwrap":false},"0.5.15-alpha.58":{"name":"@react-ssr/express","version":"0.5.15-alpha.58","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"272fbf184eb146163e3122915e748fc24c3e2d11","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.58","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FtDUN8Q61LUppSNwDhCMGAuIeiAMPqDi7QNDj/QKMun/TNohwWx7yYlnqdj4CTO/Zfy9f6ln7YD6YyGDye60lQ==","shasum":"e5d318307fb648e754117ffc3c2eaf77d7d73120","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.58.tgz","fileCount":14,"unpackedSize":47195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwAvCRA9TVsSAnZWagAABygP/Aqf6pBg+kU5j7MuxNVf\nr4fct/BzdFLMHyN2uWOQyxkGmGDdXP/COhRwJSiZUXYG+zVpicmXNZ686C01\nhS8dxSrZZ6BmLCoef+AINRBd6Rs8twdtyRTMDEpRBOkgR99l+j1uzE8z5feZ\nWKmlEg6yvrftbc7/r4BXdcRhjycXhC4dANbj/kenhzHtSfy6nOcuwQ8jHEQ7\nsYGYFG1q/+c9pidABuOVB+ARzQZtecXSmdr51CS7NXulzwNgXAD55zYO41GQ\nmkjXbdXWkIG9gRmRwb7NWY1PnrI7RVKkyz/Q1DkgtGdL5stjoEgKzehAdXl5\nek/nMqPwuHc7ZIndDLvuZsP5ViBV202BtJk+mfqt+Ujg/kZlRTSqOcIqcDRb\npzRzujYasF8qNKyQOZbv4GuJyk/QmEiVsT3Nn1QFOhOCD2/WAAGgaZRndF6a\nA4s2c9XuoZjVLpiYhH6/mFmX0fOAuB/a/V6R0MbH43mAdgyGaO0UnRYfvDfQ\nZCROKju7KbxMMLC/vavsz9FyD/eMMJFYstfq4FFMfj3cvFr0EDEXJfZH0ypx\nhBshSNW+VQnM8UZ2NGrXsOAOxuj0BwZXXx1QQNRn0ApEsc2rtYNjN5uI5aE3\n/lVbCETsi18rAqAfmo75PHkFR/O9lLaHC5NshsSo9OUQlq5ar9xgLwstZbH4\npVdm\r\n=Uumx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+gzy+a3abFdn5VzMahfyrIZrfGxnia4i9wB4+JN/3wwIgNFiokLO78VyLqWqkAk7ObGlgVgd0HMAG5e41M4A8Wy4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.58_1571749934498_0.024431855756096743"},"_hasShrinkwrap":false},"0.5.15-alpha.59":{"name":"@react-ssr/express","version":"0.5.15-alpha.59","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3c826deaf5d4b3ec6b669af47488a26d6488d4e9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.59","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EJ2pPXQ3P/hzsr1zg9/6m8VMeJ94Cs9vSmj0bRKy1yTjKHZ/xFR8EH8hBMBr2kWKna4DGPF2mGFyfGwOzZ229w==","shasum":"08fe46f77b428314087f26e98948d3b0b5ee070b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.59.tgz","fileCount":14,"unpackedSize":47195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwDnCRA9TVsSAnZWagAAHukP/RAxkbnxrXtgyj4zHNBX\nYxLIsMD3BG5Ni5tghcFmaK+ivLAq7JVAYUwO+OaoUi5DKklFO7QmegvVGnfa\nxuLwm0CfGfRKoufaIdcvwP8WL4XcN1NfdxmgDvU8vjeFn/uv57rarJOzMGY0\nKpKgjhjnQB+5sH5HReAxudVYJN+5pX+iPKo7Kk0W4ZvH/ekzI2zGe9L0Q3wS\ny22XMS5cDV9lhlk8tuG1ZZTXX79uhAwkTbhA7PcnsdqfVisIXlR7tFMJGyH8\nUTxSsu4VIuFNzQAIsz1ZZCuncKq5Cn4TgdMl14/IDBl8bv8NY1jpIfa3Mmaq\nMNqLfb1if/GDReV7WGh3qDJlweSCmL0066CeB2ij9H8ePCoXPio7etUjk8SB\nBy9oQzYm4HDCVd72zuwz4RaLffiyGEwiFQmHj6r3YiBgFDWf7YCXd+yMlcX+\nGMtiVfGzwWf/q0r8bV+UpJJknKZI9Y4xnu7iIAS/CLyaWxRcZpcEWkR9Nk3e\naQ+o8BT/UP6hT73PllIy5q9iNQ4mIbHBCbrL10eRA5GmBDg9tgVPv/oi7LNv\nesdIbY5eKvOj4cGHgsPoglPgqUgT2enYULHghgmRVQ5CbXfEm596NSka7aBR\n8M1WCy5PsVkhDht0/1fkTWhjUIntVLz7C+XtJIHyLRWmHCKt6j0Qph6+Shkj\n6Gok\r\n=sEsy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaS2EBXZ+ZadSc4/a2ldqAAiyihzg7ulYKKCkrb7sSQAiAyDxksQRcFpJeLTSv8UD8Ea+HexA8Oqqb+hYcTy0HTUw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.59_1571750118745_0.40019341801193864"},"_hasShrinkwrap":false},"0.5.15-alpha.60":{"name":"@react-ssr/express","version":"0.5.15-alpha.60","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3f1ffef35a3b14964d9f458742a5348fd99b0ddf","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.60","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sTf3YH7C5nGXS+rfYTejzk+6gxe3tymB3NCjddyWJss1CDIEP1hlJk920Xb+0KFqVr4O0FOkzkHuV7E4PVgkBg==","shasum":"4f9b4d4663f600ea2ddf32a5ab7735eaee353906","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.60.tgz","fileCount":14,"unpackedSize":47301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwGyCRA9TVsSAnZWagAAoUQQAJiCLXP14fbkpi5NAWgj\n08Z5nbGStPUtWwfJJ7EEKozYelmXgzwwhshCDF1a7XUtx2i14pwFBGDoEdS9\nyBGd9qRFNAFcfxQEL4eoN+bIUZtKery8MwHz7rLY48+vUYIfbppYhN65xUMi\n3IZKEkDiMpsVtioA0scUUdI34THBO2/1DpxuNsRZ7WIHlQ5xkjo3amGPEUfO\n+DL0LUMXynpi1OjDlxRii0X6te1mHBhLWe+nve7qTLHIb1yRsPQzOTNy26U0\n1V47Gp076jhpx1dYH3YjrR5BdOJLG5P9GqPzDoLXePWfp+rlDLS5M0o2ITcZ\nAXosCL2KkGZAu3U438LUNh9vHHkGUqpS7YmLD4SJD1bUHsEXt0i8H5nsaaNq\n95QlJb49gUpHiNmLR8vibrknlJgUT/PyJzGtuUmk3cMcUH2WFIKHpDqYmbtq\nMVK1srbl+dKVXCzfJFRT3SlYLsIongYkPxEj0+pvwFT1WovtwwJhDknpPaji\niFSamF0vyV6nu3NAfzBaR59feqzlxGj+uTJ/PAB08bYAhq2ziEcF4y1oZAiC\nEZXie6Zf184YP1UeUrzIl3dL2rtsHc6QDAT8cj0D52QadvwxP/zrT5t00p+E\nhtZT7oeHPpyZClrNjZT2ZFNaFnpdh0xCqcCFymjKY7jg6wkVISm7WBYWTfMj\no//W\r\n=QwLC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjtsMOn4ELJbSBzxhXBP9eIiTr5jTxHy7xoVD8SYwFmAiEAyNE0P7fAk7nlLfSfXmkjwe6RAtjewXd0EOX8wMCzf6Q="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.60_1571750321376_0.9233830310914544"},"_hasShrinkwrap":false},"0.5.15-alpha.61":{"name":"@react-ssr/express","version":"0.5.15-alpha.61","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"76c7961a7e7d5fc4e38d88b7f01852cdf55bd54c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.61","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ISlvTUwyp/Vj2O6cDDqNiHvgmcsaR2eplL2XRonSPFTFeT3Uag4IEZT/HBmO3Cxi8s2uDYwbmGKa5DMsu6IXCA==","shasum":"be07cadb302332a3ee2fe24a82a4cf9bf7d4592b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.61.tgz","fileCount":14,"unpackedSize":47337,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwNACRA9TVsSAnZWagAARMAP/2co/uPaMU48WeDD8qt4\n/F66jRnV5w/GmzOdEYmdAGQW6E6tIKi+b7mSpA+oDXD7BAU1NbD7wtZ2r+Xy\nQRfbqMsrvi3YXushpSB1JggLaGjo0EV1CAnWwNGXqaTVhabrFEXmMueCO2pG\n13p1vtfyCDmxvPuLtSAygwC84tQGrClbyYpowoGsZlxhJU4QxyzVvGy61uMX\nHUd6JCuNGc0plXkhFaZic97CF+DTQetiEcIerPPb2FAV7vjFb8dXVOmVzXki\nNEFr9v/ToWhq3+jqGqU9ovboZrKN4C2MaeFc2PpmXS04UohsKvDNlZ1QErX3\nDZdub6sJw5wi5c1a9dKcE5/qgM+/6eAlxU5HmkhJ55TIpL98RsAJmbk+HuEw\nM5bObbQSUyaVBzoZJvDbT0GBBpfyGnpyeqJhvYBuHJ4o25WRdDJ0Fj0lWzBy\nFpAVFVdMmW5oeY/n18jNQ16oVH6ro0fFtxogOYOPgOQp/C+A37JF+idx35E1\nFnTc58f001Jt8Ua+X24Sse/g2xLTn5x+9I+jv+tgRSb7LHil8XVveweZrOZB\n6AGuvwiW57QBB4HXHZUojhAIwWgvta/IDW12ZbIGJzIGKxWVam5eLQm9Ufcb\nIjRzybO1FrsRKETn0p3ncE+cupROT88Ai2fZ17kJEWILJi+9X0AzHNck+1G8\ng+mY\r\n=Poe1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLM0TpuY8Z3BMhhXnHrYJStpFFExWO85ZAitC2tKtHkAiBRqOBMikVaSiwjt9DaHKSv/MQ7oYu92DHROOWGNYh77w=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.61_1571750719551_0.047063095458228066"},"_hasShrinkwrap":false},"0.5.15-alpha.62":{"name":"@react-ssr/express","version":"0.5.15-alpha.62","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"929629a131b8f5b83e1e3bd46384f8327f6d06f1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.62","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-I0fDO9UTjbdAoG3GB/6ZJAkM2/3LNsICuYfeu8Ke09N5mnOD/8Pff8SEHA5glVyyiC0MJWeLUAJVvwiNosmGBQ==","shasum":"1b87ecb8e4df2f24058f09f1443028831be440af","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.62.tgz","fileCount":14,"unpackedSize":47377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwQTCRA9TVsSAnZWagAAjnIP/0NKGn+FKDIXfVLPHWbe\nWsyHJ6YBX9mBPDPTA6o3dsgmMEU9UUo0iCKngnWp4PVIl8Jyh+mriUdOjc+w\n22FelQ0pCpDyaZrBM7GVyf6ZddTrsCCK1bje43+uuElvixOmpF4n59YzwSen\nFvUKXz6z3MVKeB32gffpOFQxvj7duiGlAwzq3Q8ikw+gPv2lsquzSeOvLM50\n9B6QuI8FgpenHBoRkHoROoRO+ZANx+meBqqd3Zh188Z6vzRpennEv1veOPK+\noefCNO4lZ1qY59J8NWav6oewtKVLopwYUM9FnkTalk7LSl01biiUQge3cbPr\n8XSLNz0MPfCjiwaikeaCfD9yQqym9idbyiz6ibv+WRO/M5zdFE7UTqNsJJ9R\ntOOhIn6B534s2ioHgMztsZffZrAP04GhK2t1gJV7dMP1wHYvJuCRzTOTm1+l\n/pOONPs/BnQI/ktqf8NeIe9hZvREKDHat6BrJZRTe7iHSoWItp5vvuPNH3/Q\nH9YPWfb+ycMkXyB46N0tO+kAFV7G5/JWDIoNw7Ybb7dKQ2gMBOOaO0qB90KS\nBAAHn0GtSLmwgd5ozGIQpAQPbzPN/NtPFt8guSWot/aahyyLADdQN4vaTRlA\nQ/l0xvwNz3hxq1NPtEvU55jJUIRR5uePp+Yoouv2qWPo0MiP24QagAZtkQTD\neFm7\r\n=9cPz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGYKwvR0cVmSA9G55C5BZgh+9c+gKCtBCpBs+r6vfxiLAiAkcsusbgJzZjvikAqp8eJHWD8IZ2Vafe+fNkyRFYH2lg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.62_1571750930459_0.6221006646307041"},"_hasShrinkwrap":false},"0.5.15-alpha.63":{"name":"@react-ssr/express","version":"0.5.15-alpha.63","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"afd4a1ef1b752270ef5206aa2655c3d93931470d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.63","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-GNvpAiCrN35Tc33V4ZRg1iRmutFFwdR78N45ThgdaQq80oxKI3a0bAvazvskjHETb33sytCpOVnUJTk0756xxw==","shasum":"9a390e40febbb30000f0da86c8dc4d06af74e17f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.63.tgz","fileCount":14,"unpackedSize":48019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwYVCRA9TVsSAnZWagAAwoMP/1XnlPkU86BJRYoI3YVJ\nlHyvP3+oq0mfBxJ/LWuuTyRY5uuTkBROohFVYHsOfOWfWdw35zntkqPwLf5Y\no2/pQrjwWHjmENQfCRHqsJUxTIVUQ55pd2CwQAkbtSmiScXCvnhNNUyNDNi1\nG0oNqoRsypsxjRhHE5tSgp2bBmIL48JmYo9P9eBxJvakZJovr+zZgc04CK+W\nv5CuALZW9fyeLaSJlRNQW7UNE1gpEYzTAqwh7loMNFFxR7bErqPy1Ou7hdkl\njJijqdBQ+Tu34+NRYsnUsn+nKHbLa+N4xya4gghI3NwR8cUDD3B8Ab8EYwoV\n5jf1RcKoC9xMLRHZoWbdSKrVX+39wVcL6wb9jMaM2MC2zZKjFHpp+++vZU2X\nMHQYLkotRVezpwgzTXdNz+QIQ7F/D9QLUbMvaA9rEU4DIDK6x94IwPKFkKzB\nEIXRZfRsekitqwAqx9E2vZXH6zl57r3gnogtJzbVhXNqF2Eutt7t1dn76gz5\nRVMRmfFaRhECl0cMzxYRTCrHOjaeVm3DK/TCvO3JQsAJYQ3/QBLSmr3rnSUa\nZcRbu54rCgtZRFzcLbzJU34rUWXSvTJbu3lFKbYQKUDTWr8MKvhmelgwfJKJ\nnoiSeStQ0Xp2844BtmjSEnxpCy0YidM5BI4engG1rWWbklExTdZsL+aVLvWm\n2PKZ\r\n=fBlQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBRAYP8dZ5gLSITGyUPPu6Yp4iMB0NXWl/ae50gPXeYgIgOkVNfC7p/rUNCmV0DHGY94LZcXBNHbaCpiJegeZlqXk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.63_1571751444801_0.6309256548434992"},"_hasShrinkwrap":false},"0.5.15-alpha.64":{"name":"@react-ssr/express","version":"0.5.15-alpha.64","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ad83b1b7103f3892c8d1759683f2fcace040308a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.64","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qIcB/2n/zjc71pzzvCSxX2/YKzjDQnmvCxvRiJZ8jzpVmujUqPIBw0syVT6qCoyJPB5FDc1YkN/BZuBYZhOYtg==","shasum":"59582e31f692e6c090a95c01b3e7cbb38867b132","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.64.tgz","fileCount":14,"unpackedSize":48043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwboCRA9TVsSAnZWagAANooP/0nA4ilHWE5c0zj8FaSj\nSPZ47mADnbNlfI82pPuiDsLTkxvyG1/CS0tt3CJtrzzzTVj1fumxQGdN3xdC\nvOAWbEea0Cc9iAz0QXRDdxlqlckA8IS4OVxsVKreIUbeyxxGVCl76j+Ssh7U\nV+CgcAubI7Bqxodzh/hmAUnyQiVwvGA5XJUNx56CXigyCg4o2ogo9AzeFVI2\nv3iS+ww0Vz/AJnFqXxHpkTI8Q1RsCW9q5En5Xslsi5rvmw0Iu0QLahbW+2Xz\nbyzAUZQWZ8WK6lmfTaLNSVr3TgsROXgwQ4KObZ+1K4nh2AoXoqmtj6H3zQZo\nYkLi3Ms4/bo1Tu0kCW0ESNsNzZOk2SMLBI4aPIog3jSjLOqJG3VpaRp6ibgJ\nQUkZ6hrFb3151CErc0XuNmIyIOvZ4Z3VyAOem6oD48tuWS652b3MZPJSot2W\n5DfYD3teUZslk+GItyAoU7F6EyONZv8qpM5pGfL/hIuubzkVxHFjc0ehB157\nNOzzNH8mltK7B9J9dM1YptvrrpDpw/JZfrsTNUyAGCmWRkFvxtF6Z+OKA2x6\nizMHMjXvxlj9jzVALLdIwyhmNA/rBCwv8LXeaW8ddbpzCyI6KkxUcy5OO4Hd\n2iCh1Ost4j5bLChnqaoUV3GFJp+k83IoadC0p6GdTwEB3QPoou0CwQshY1FE\nNPZf\r\n=MimX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGz9zvNd20dS3+XbvZKu2skiHDWLRzt97GPCQ2xplcfjAiEApA24e6n6RsFaG6lKDb5EjH/2CntkwntYCVblhs8g7Vs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.64_1571751655777_0.5989258554250516"},"_hasShrinkwrap":false},"0.5.15-alpha.65":{"name":"@react-ssr/express","version":"0.5.15-alpha.65","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4e3d503244096772aff07c9df1ef2be8828377db","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.65","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-iic5iSXxFz8wYGMqVdRyqKFgRyjSV4lT+E3Lqmlp1jbZoEnH3usgYRB/RogW71HQ2ViBIAAQpXLcsGLJPgUc8Q==","shasum":"be5a2583099fa7f866aee4b8772fd6c82909a9f3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.65.tgz","fileCount":14,"unpackedSize":47627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwfTCRA9TVsSAnZWagAAx7IP/0fywH2/+wwH4RPzW5k2\ntxysu2iUUo+Ry08Zr0PkYfL8p6Hjcs/I6Gl5o+vccHQBnJznkT0ectoP8jbi\nBxOgs2n+AIwajq9a2rzZ4em7th/hRFqEwJtMH8hOgrCVIfvKOeYKkO4md+/t\nGY8RwrfWN1Ew3jBSUDmpV+L55uEdKkJFMm8zJTAHoiJTwYcE2Vrq1fgfc69G\nFj60E0HXPr2Q9eFsliWt8N6X/OrULujxY1wS5bq6vAbahUj8S8uhrhK03nuQ\nLf2abmHBlXqBqg1B+icYJcRA9gmPLGTpnTkpitjbKiXXdTPFXlC4pEN7puHl\n6sDPwbW0U/8zYbIKx6p/D/Zsn/3vguLpahljFZFPvZWD8NEqu3DCotZ3xUV9\nYdKcqapdsttNLuG2lXpOBV2A6j+xuX0Rf287DrkWl/bstFEW8Wf0CDa+UDb4\n8NHg2Jsm9Fe9AZqScli/I52yblKnmmvTnAu2iQZTXd5Tx+O5n4boU48dRm9P\nhU8Xgq4YwdBLOZ9DljSNaUOasNLmOY0IzESP4BMm18jXp+Fly/XakVgndiUH\n7HgLIbT3x9YEYZaZXfy1nRxd4/17G9pIlRXKUcCGUDmBCyMBeHmFRGhx43vj\nX0HR/juOqh+WyDQ5pyRj29tIHT/lReZeuzUs91K6WUiAA5tG2Qt9qpR2uwiQ\nzINQ\r\n=I8G5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDy4bZ+0aBhhE5gkbzrzdMu4zTfeMo0/YTgHD94azf9TQIgS9MUoa1ru+tnPIbLgw5LjdWRZfvBDXHeNXmMfvz9QN0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.65_1571751890621_0.77781591540694"},"_hasShrinkwrap":false},"0.5.15-alpha.66":{"name":"@react-ssr/express","version":"0.5.15-alpha.66","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","get-caller-file":"^2.0.5","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","normalize-path":"^3.0.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"82d398b9da2a53abf5f4cffaeec428145cd275f9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.66","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-q3aL+il9Rf8aS3607EH2J6igPPab00zhSffa3LVh2CjP9aW3OlxgWTkBc1ePtnZgWGwX69Xy8uhI8AKySVgjxQ==","shasum":"ec072d5642f7aef12351f1aa559edd9475cb0353","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.66.tgz","fileCount":14,"unpackedSize":47529,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwg7CRA9TVsSAnZWagAA0cEP/ReRsDEhI+d2xkMXk9Ql\nnS7gNY/x9XHHii6JwTlTURNKw5hcq0pRqieNBmLV5MQ/0eZLcRJqqehDqGXE\nQdNERTSNATZRZs44R5lA1EIeJzA8sbtv6hOReqpKiaQpxfK/wVBWcdP5m//x\npxcMior82vPPqlq4iU42zLboQzpn25OfI+xpJ2LZT4vTmPUYVAEdlS4Rz991\n1q7lG4zkBa9+lWZhrDvl7N8q0xN1RHe6gfs9H6kBcMqRp/Zle/EKlTE5soBG\nW0BtnNYoO4/haQxeUEIkOXejoLWsnbVRuwBV6KLmSYPmuvTBq0jUmT89e0rS\nLCvrjvWZH5N8cITOBHFSx5JExdQy1YkX8H+/8frBww+w0gAj2jX2scnljE6F\n5XROT4QieT8spNSlFSal+N5RQRQ72yWLNHVwhXYbkLscc/qK6SiUOlZtxieE\n8tZuMpwTzUJdOlxzntnUeapGh1gvRciJoOkYmxzO4MSvIOKitKYBa9HJ0eu2\nDRtXCBYL/ggOeZgBoFJ/Zt7HI6kLYCAF9QyMGs9K/B+KqTJjZKK0ME/G4OEO\nHEJHh8cXrNR3AzRYuo3BMcH67JR0EcDtAMo6iC++yCyZtFV3Ktx7058qId3K\nhX2kI5Cfj8To65Du4zvwhGCpSkkYyDLxcu7dGHHeTAnJsRHnrTwm7dQmwElW\nwnE5\r\n=6PNN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDyrzJxYyaQI3GatWezNu7THy+/piXZLBrSOqzLTWT68AiBdQS51yBNK8LoLJH4PQunwtxfEC40aNKPDW9bn0X+jtg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.66_1571751994512_0.0007127389459569144"},"_hasShrinkwrap":false},"0.5.15-alpha.67":{"name":"@react-ssr/express","version":"0.5.15-alpha.67","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-react-jsx":"^7.3.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"720214b5cd2f8439c941d7ca520f53fbe302e279","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.67","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FMjmc2VXhOEv8yMgEiiBWvrr7ltJunrqNQIXevfBU2KnBZFPvZGHqJvLUA7YYUCGCA+lnMgJQW4sVZT0+eoHOw==","shasum":"793b99013eee24308f061301c749b5de8a4a311a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.67.tgz","fileCount":14,"unpackedSize":47374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwl7CRA9TVsSAnZWagAAokAP/iKWwkBl5CEiUIYSNj8S\n626EykN4bxsvyo2xAD/cI1mmqCtwNinWZ20ShL6t49EeNo5f5+zF1E8IcESr\nCpOJOh5p2MT4k3Gvl0vKUEUdq9wZdzCJ/HOO4Fk5ZdgmrOseobVaEPGbRQTs\nqmjO1gJo3GepH75I1bhzoHf0aaAdkLplI+dd42YSKxfJ0nIDea/jnbJwjC2a\nV/+NpjmRughxM6o3AY+5MNXhtNc/OgUTZlI5n25hysn50CCco3e0Fx7tffDd\nONcjyA8YjQGrZnvfpnSOMUlndkLXUy+/XcJOMfRsIHroJA42Qf8PdKn9sNWF\nChZEuvl8dEADB6TRhBrttKzGsm97f582NypF5f+I/ESM4hB6IqPvQEn9dDsE\n5GildOp03Z2QP5ImyFbdtAeQrXxy/d/7pZzooyiC0S6+3H4Pwvy2BjlSmUiS\n/qK+SfAIa4o8ADvmmVAwg+P6Z/GcyFUWj5OTDDlNknUzzsY1+jdsOI237LP9\naWez0KYmcoz8vBza10Ub3V6pSDc9f4uVYGoGNVqdH0Ae65qlQ6dciNQhyti4\nCziSrTOv4+KODag6xNMqAr6py5p9wEoVnHTC7fB6ch/ppx5j0PuMfYOgmkPo\nE+w3K1GCQwSB7Iz70rmXlbPFcrZCg1TJ/bL9WPQ5gb4FJjGO5bkN38pQTtaD\nlqtl\r\n=qCJT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCMbG9WSy8NgtFeU2I+2pwFzsIU+TWElU/U/65U5J+KpQIgU8QmBhrZtaFP21eMn8kROXK1h1ukjtbhjcq4/ldOOdI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.67_1571752314985_0.6532863199551462"},"_hasShrinkwrap":false},"0.5.15-alpha.68":{"name":"@react-ssr/express","version":"0.5.15-alpha.68","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"59c9279329d6cd7b7c1242fe5180a1a759806938","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.68","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4DR4TPWdMX8XxpBqHDCCOxHMimNaILtlIO6nXQAy1NN3t6kfOc93bODoEPQaY1Lz/Ato8pCkxPMPusV/A5RD9A==","shasum":"3eba947e10d098042121d09bb58ff66a59faa968","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.68.tgz","fileCount":14,"unpackedSize":47185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrwoHCRA9TVsSAnZWagAAgb4P/Ret84dnWIczIPOMihOE\nkw45NpfbDFXpdS3TQDkV+aT6OeC5RKA+WjX0wzEgm7Yac7YbYD2bJ/I7X6UL\nVZqAEpDh5xA910si2eYbNxP99Evr6aPn0yND7nTeVvq16m6C7vNzkh/R/QPd\nu5TItPNJ436vgTmNnMcszYXLa0hBCr+WqxIsAIBO97Lw+UxfjnWbcValFMt0\nNjSby+zp3YhtOz+N5tlLNE5yyhXokkvcCAW0IvFyTEM+cGJjAcopUpJEQ+ti\nTwmRf3ANMxZswdru7Hz4/p2gGme/Cnr1gPH2urQtMjTVmO2n5KFlgaSYggPV\nKwu0eg8Ib8hVTCMUtJwDdmCzpZa23C1kSSdP//P56ZgWpCvibrpfi/BU1rdT\nGnXVRH44NJwavc738RyQgytKk/khUNrofG8oNnzAo6ZZbO1qgVph8Z/R0xs2\naQ0Q8x5vss9LKY+yPifzeTAHA/2zzwJVD5rQEkyKpg6wR+UtQFUJxSBrP5o8\nRfuIMCfEnkhu6/SA368AUPnBS/LkSfErPPI+/vXO539yfDVkI5uZCXjYuRSx\nFfxRiw3SVLmB/zZkK7lfoTvvxloPG22TR0ChKY695jqu4Ncm0xNVapFODDmH\nB9oD+xBuGeTfr/cHwLq/Dd4FiMVg75MAaYZUCboFE/iAXCXgASM3U78xBTaN\nBjqH\r\n=cO4I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDa6ZprtM3br2qKcV1yPUKXaloS5KObBJ5V0t5LHc6tjwIgBzytTOGY+nXXpWj0bMgNfh6t95tC10uMeZRFI9JFiGc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.68_1571752455109_0.15246527615487526"},"_hasShrinkwrap":false},"0.5.15-alpha.69":{"name":"@react-ssr/express","version":"0.5.15-alpha.69","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0758b8663b0419c63829cb577c1190761b4f8441","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.69","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hzVS0Z01U679CwV6d+ppPe/YnoEr7xY+hkQvaa/9zMFV+PmUJO2DhqoyVmBYio3kzRv2TPSCI/6AWW/uU5CWKg==","shasum":"d56f6369b02905ff92654620f7965dc996d3c027","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.69.tgz","fileCount":14,"unpackedSize":47184,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrxTDCRA9TVsSAnZWagAAwHoP/2MD2O4UxOki0jHxNxcb\nTqZT8JTrj5svjgzkiSpvoXojctdt1+SvDv3w5hXwSEdJHU8keb5BnYjjaJIJ\nKBPwVOTIiyLnm38PkKH2qsr7Hui1FyQ3KGGw6tmRRhTbIgdCabilZmvmivUF\nf9lZ2OloN0jVK/DaNwGyNUzNeb178J5aoFaxrxR+dTJgoR3NX6VPV+vODX0C\nZu4fyS0ewTMeqh4difHvZ0KnQdbDQ6PY1nVn6D+jvylMipluwGqA7LuHKnCw\nWzrt53vwh/M02QcsKtrptwgd97SKp/xKSoanzmiBRfj48qbwxgz3vazcPfAR\nVzyClmmcdCS223rLPfDcTNKEk7KAODxCBshqUIppkORUJQvuQMgGGI8OQu8d\nCyOlqomhUoutWe1BuEgoQoqeBAMiZB8r/cDKrDFdeOodIo4fvH5jpW8nc57n\nfhVTINbbwXs7FIzsWC/k61sTNy/1payieJdGgBN635TbhhjrI92l04uK20Fu\nxL00hGgBFDf6teVfk+yqna3trRQlV9riBb9OlHRqK6hrDgbGPMu28QYLXmnc\nOK63I+A7Bwb67q6sSW616zYRF0x3e3kg/kzMGXXz7I1FKnzY6kmY0IbcIAzQ\ndfhtlcyKvgIASDwHpUXMhbe9z5y779iJhfDt1Can0ZUgeIMuGaoPPu9Q/38q\nIPD0\r\n=0Sd8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDi8FsPPN4wCubw3SWoPbEfEOXeHU5L089HWkkIHtJpQIgPq3cNEYUxR/Omu5rKlgNJs/JDn9WCcSuFuOVq8f+sS8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.69_1571755203148_0.846050665573157"},"_hasShrinkwrap":false},"0.5.15-alpha.70":{"name":"@react-ssr/express","version":"0.5.15-alpha.70","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"48cad3b8069d185931a2a247885defe8b2f4664f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.70","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-F94AKIbHuB0MRBo5usNFU+VZzMwp2z+MPceU5oDcCUHckB9iZgdBklSoxIOPhJUZ+b+yQb7DF3yXL0CjdzQMbw==","shasum":"1cd560729f2551f210ee69eb1248845931ecc139","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.70.tgz","fileCount":14,"unpackedSize":47130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrxaCCRA9TVsSAnZWagAANf8P/Re7e76iZzrQ+/CC8UH4\nLcWHC+mrxGXGruvB0Pcwh7yRueA3SBlpxOFsfUAXPxiS42t9sducxmozYAgR\nP/dO+pPILfuGjXQn0blyShroQgwFnhI66y1MOrl1HJXc3uVOTJl79yvI+oh9\nFz6gT+0r0PNveLyVXGWsgaMoDyOpoAg96zugCFg1nNB8SruV1Ry9BJi2Vpn9\n6UNLWl3Chc+NQhGNDz2CejaK9NSPOmPMTdmcVWUGS5231KdyDgPj+70buWql\ngDO19ucoADliV6dVFSjImS4BEJl1HhzoPDq48Q6bjfmtn9cPUcP6Q2RJC2Ug\n98Y0exSntzrLj9RNzU/XrYLGKHGTN6WvMesC1Deui5OG59DxSZcPFBHBU5Dr\nsgzbXP8wkp8Pl8bYBNj8KMg4epdiaYIEeUaPYWzNahRbBwqw+VMgl8fYaEBY\npQ/6WabPJEo30qMueN3FGSA9KTdvGb8AlO+WEmQkhcTpt3+trH3k/2LsSO+o\nZaEydO5/DMQlOmcjbIsoTnKLJ2ilsivZo1ZV0TbEDzOL1PYjdVVTW9eUFkjF\nQq4by3IMQvhRQ0J9PfCUtpiAOegN1Ducr3s2mj55Z6zEs9Vo/Y90S3HMf9HV\ntl2pVW2Jhj9cyAhk65BgBn/9S5rHUWwfmi5yk0f00fS6FsPJPszobIRbJIg1\n2KnQ\r\n=Ge3G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvhhhjPg26vmIwXQ9iG/1B3EpNJbrgfDoDd3ldyIiNqQIhAN8vgqtBaZQu8p7U1v4GfJq1rDCSvyYF8lwD1FvQ8OCw"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.70_1571755649833_0.7408195326151006"},"_hasShrinkwrap":false},"0.5.15-alpha.72":{"name":"@react-ssr/express","version":"0.5.15-alpha.72","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"47d700e1c381469588442cb6b3ee53e1f6b1ebcb","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.72","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-bND6emQYKhXvv0p7GBS+lzJ41Kh+kuwOSEwO63DOBrSBB0I3O4NqVsZahrvehvV5IEfcTxUIfq6R1htzc379Fw==","shasum":"ec43a2262af968b43bd2f47ca60abf97cb69c9ed","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.72.tgz","fileCount":14,"unpackedSize":47204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrxm+CRA9TVsSAnZWagAA8VIP/1d1IkJvg/AHRgC7Rr+s\nquvvdV8h9VRf/6ARhwYOHs/PaQmC9oYzXtMhS6Vp70lERh8uCn70Vo9OIP5E\n2c031INPugDmTMkHbhfbe0DJtllLVgYBgHg3Fj0uiVx800jLAv5PcxUSwL9g\nM32ltI6I7lddRAVZbolfA9kNkZKBU+TqSD/PAvkNiPBOGK/0wYwBlSknhlsd\nFQ2ONoqH6QlQY+fHC33nUxY5l0Bgx+MxO7mcSrOJel91tKZFMZ837xcY12MW\nPbgbn0JNDcYmRy0yoGaf6VRmCDQ0XAay7LQ/Kfp9geaS5ILlw37OzGaUbkC7\nteVaRJ1RExuTuruNSl9w08A6DShedPqdQMkRw5ob/bwD2UDoFI8QHAmD93Vl\nA2+eH9GnrhVnysXyW9tyxNiU5fvMMmEUwlJBUA7GqVfqvwA6VHRvrqa5VBYY\nxaZV0uYlMTc9IULr/emD1Kh3grst1qvZebzpnLMEYK20cafE+7BXvRLoAKjE\ndrXEA8sYbi2VFo68EBamMUu/MfU3MlUiQpruGJU9E7v8A77E0S7OcgQo8mzT\nkhygsZoDPdFRBnSJW+tLHTGbfXAPKg5E5D4hlyoQLj1nJk/j3sZUYK/IWCUM\nhvU3wRWTpPyBdPb4redrWjAOETxlAVOOX76cQ3B/t9Ygjurfryb4Gu+eVOsl\n1B6G\r\n=Hk+9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIqFwsdfHJ/a6GeJwiveDoPgrRydr1xIfQMVXW4oWv8AIgCEHXnMFkLWRjcOV24DAlqtC8ptIxR62+lPehiw6NxKY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.72_1571756478082_0.6740903957771274"},"_hasShrinkwrap":false},"0.5.15-alpha.74":{"name":"@react-ssr/express","version":"0.5.15-alpha.74","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"49f8deb834fb62385f0a9df89df626b223871d6f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.74","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Wj5s/AR6P5XE/FLozzq7KcyTJD0YFghWPxb7hIS6FTXx5sD5d/PjysOy/NIwZJosZJOF0fsq1x2aYEo6ZcBe3A==","shasum":"dad4fbd1f6a1b08adfbb1c60f757e52fffe449ef","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.74.tgz","fileCount":14,"unpackedSize":47204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrxr/CRA9TVsSAnZWagAADhAP/2rRee7Zg8xmnoDLuDP6\n3oF8+luE321h9lF6X8tkFKZirXMVvCHq0U46sFoHZVRpOVf0iaEPI3251p8A\nYQm3Q61gweTtgFmUahIXjqyRenoQcGS1YyxHvkP10J3MnkfvpiHpqc9qEJWB\n2auiA7x27tfCqX5x03pa3mfiAifIlugaOPLt6cYJY/Om5kIL6Bk09RxfzNLu\nCAoee9G7bxVOeKBFJ/mE6CJfeOm9eh+cr+3E79Jl7zHSPhRQ+xg4ExGKJZPh\ntomUAgy0xqH9LX+5tqiuL+fvEx5GHBes8nbDsG29EaVJijMDQ4s6+zQ7AXcL\nbDztLupBoVkc1eWZocH00O89k1zyjm/NV4bKJmkvqeXJFVVGuMGNIubszoOW\nDHMrvCgd+lbu/UHjMbOFMyU4Hi8pVfOR8pDBmAygPssqHCVr+BhcyRchN4QJ\nXtHBuFIQ5/WDqZ2pOrUfQPauLF5ps0vQJ76HdxhFDasfBcXhbfr4L0g7Hy9S\n+fAwaH3ualB2coKSlRZYkyVfawmFfg+5O+k3Sna3WwEDJqPrnbLpgIpKceaC\nwAW6WQyfsbjj6dSCLoeOO0Kh1A1wjGdi+/Jj07EZ/qH7LfrsOEpb66RMIaZg\nSB/Wy7yJRANPgttHANDBPMLSjg5VR+//lox71E+zytKz9DkGtgkPUmJUX4kc\nR1gF\r\n=uFck\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOE/KZRMw4iN4/ikQt/JmWAQ/+h4W0QGN8NE1EtHL6oAiEAjJdbJGfnOvh2jqLruL+0YMlblUkOK1iYuO43leCTQ7E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.74_1571756799176_0.9896466115558975"},"_hasShrinkwrap":false},"0.5.15-alpha.75":{"name":"@react-ssr/express","version":"0.5.15-alpha.75","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3d1274f333475d52cb276f74ca0e6762f58800a7","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.75","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+Q0svDucqgwthlOlzleca6fzg+rLYEI8Dtw2hQ+cvocb/IeJrTob8iA079lolXSLkov1Q01hQbuIHDZXcpyjCA==","shasum":"c1c1634f99d9d80fc4ac4583af97fb275f2a23a9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.75.tgz","fileCount":14,"unpackedSize":47210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrxzfCRA9TVsSAnZWagAAEy0P/inXIvjVTlpYnJeqXdoP\nLvLzdK9snN6OErLiCYL/sr7sf//LBedCe5kzXaIdc2/yudLumMrIVlFSrEzt\nYdMMvSlPVs1q09RZgamDPHUc+QNRelmGQ4PFPLbyjnOzNPUbMtYlqmaJmnbs\nBb2Hsbuk8a8Ocb6TDkgeG6YXu9NPsEQSMe7KyGGPakSInBabIuLm0FrVmLaI\nnkZzl6hz2CKd5+T6VXRnYW0OwRwCKR0NPih/GocPDtMt5+0+/+UOQJAiMNm3\nE+wMj9+uSpiPo/gmC7/zO8k6Nyg2tDSWll/cikLeUFA8dy65jIoNDF9v7slY\n9I+ltyDghIMDJ2dgXI6M4vhEqdlFHkluwOrZPMXMtJJNHMzre9uRsLJgz1Aj\nVE3n+gAkWzIQDn/SzK347uGrWxCa8rc6N/I0pSVqquaHRAel4tVEIP2I+Aam\n43KwI1dVdbf5fFbQln8crLelCKOrVsZtqHdSMBr40Qv+sXze0yDNjKh/vZhe\n1+AO7tLlMWvlg2s7aqEWVgBNz65Xz9WGKTZZYYwQZBNwOHoZhuUjO5tgSYAu\ns1PW1mJ7m0r+uA4T9qHT/UkRj5w4lD7rtlRivoBETSvsTJaqaKH1sSXqMTQW\n4A4FPkqmkRsbUnePh3/C3EplgySgtqQONYICF9+Hv6ULrCMuX6fTxfK7K+Ip\nqxTS\r\n=qJuJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAHac1ieGP+UpvwWpQOgMLykrr8mBdq+dOgPIiJFsnwdAiAMNL6CCjd1G1nrcLAkbe1EI8UfaUorbSduN1p0NAjuBA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.75_1571757278982_0.8943818600787223"},"_hasShrinkwrap":false},"0.5.15-alpha.76":{"name":"@react-ssr/express","version":"0.5.15-alpha.76","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2e435faaf4d175aca84478a9baff94c75340e69b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.76","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7MKwjod37N8Btngg4KZS8WkUKmHX9A4dclMwwzi+BDNzugjdnaMhGFL4LgOba16NMcC1Xc3lSiVwUqaDuv4isg==","shasum":"08ee9d8512ecb6982206ba3254712a17e134d111","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.76.tgz","fileCount":14,"unpackedSize":47294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrx5vCRA9TVsSAnZWagAAzWwP+wSv7oPoXjBE/K0gibKY\nZwECuLS/thW1+Jo9f0m9IbgPxi50lWc7A2pfnuf0zh95TmAKay2vXyCC9iDz\nIIB5mMysNwExJMQKYdQbE0SM6r9VKG+g8CDi2jUbAs5N2tJd7QUjprgMDN/l\najn4Qf/uxqr957vGUJXqLAl6+hWKVVNeE2D5zU/2UMPErptFL7eZP99HCl+f\nx2TuRNL3f0rlWxmjw1h/YLpqEAYqDcz/0JOopfXNXZ1FGSBh3raxGMJ8364s\nufBGukWVbIHjc/JeGBzyXizCW1pHm2aMj/DLFyqC5uKCVfWP+6wpgcyQ77iY\n4iOFEyW9osKG8g4vIM+lFnaEC+37kyyhLKyjKFBJJJLeR/Birob3FOpLIpsS\ntVq/Ncagkq/5/XUhtAkeUV3Orho6upI9mTha1mUCXozkgh9WJ+PNZHCEtVaH\nUK9zJRtxMfRsUS3AMiosNSRx6hKP1YpDOMN3jPAuDd/P8g3sbEqAypRnaQRo\nMcJWqXFQhPvzXvOE8y0XdKl2YGSjhk1rSrQMnVZ/7HkHmk8sUS8+7olHmjKX\nR4aSMD1NLiuEVPli/XREqPYFqpXf4FboNi4jPD/MUyx8IPYEbWiy03qOQ/4I\nxNFGuoNYPYC99PXaTvXGpVHFtfpb0UKQQYZHqeM9ya/3bDDroNHSpcgoGNHd\nKQ5V\r\n=2Q79\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEfFogg+KtHK2on86ZnECnalNF+y+wLj3lgpaQtSH9DNAiEA8YdshrNTrZ18NSxUvumALnaOAg26yxwWdjpdJjdVTJg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.76_1571757678780_0.8660711687392293"},"_hasShrinkwrap":false},"0.5.15-alpha.77":{"name":"@react-ssr/express","version":"0.5.15-alpha.77","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1b56825fe97be3f3633e46d7ca8c19752b0b3ba3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.77","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PYUtuEsRcSPZgMUsBEzsNuX3yAgS5uiaFL+uKYulqp7m8QXrTQfOl5kw7VeJGP3zO1SGVWRptuAKYUmVxFy5zg==","shasum":"b6ebfb1620c74b2f3e483ad3a78ba099cfba54c7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.77.tgz","fileCount":14,"unpackedSize":47548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryGTCRA9TVsSAnZWagAAnfMQAJw5jf1CeMQ6LpZ0Cuhs\nCE93k5UlyE7Oaxn9kGYLdIrTQb7Dol+nrDmCUamUvAaQ3H7UmbYGL4DUtyPh\n6/COcxvIpd7CSvEhVe2WHdqJgKkc4SihzjjcXJIerZTznxEgk0rqvUCNdPjt\ndroyiMYXV7WRXcHW6RVvhlb5+NhualyKF+G7wjc5q6CSjoVKLrIxdLZ7lF2G\nBP70FagxDHOFtcZD+sbnkpKpc0Ko4PZLTlZkVIZpPTvHOsHtnNuGa6pPTs/l\nzceSS2v/8S4ZP/E4X8MLQnhfa3eSemmAHqfFDSw2GB12NmFJ5zCNvJPs+ZpV\nq863LWk36VtU8ykLX0LzTcAWziA41EACxuQjKa/R1COnNUGefCnQTMkkNNuf\n5PjjRlDWaJpRJyvmV6Lg3K3JGG8+NWwhZRBiR3USJlhWgMi56AUr7Ei7/XcZ\n7vncEWDsH67MvASEtLJ3umNDvaDdH+WgBJBhJUMndxevvcu2xYv5apLHNmDJ\n8NdeOPvcB8DT9eSGOsNeGQNm237jdvyxzj3WeNkNV2f4WWHhawgfIG5Thli6\n7CgeN36jGG7/wiTnQPahfiz4YQfhgCtHX/vXN2m7kDwOWIfToPFk/UDSornS\nlta111vgNKVwc4TMUUDDql1rnrdIonfUiYNNuX0qAvZ+1IcGMPBY+AmgkFuu\nHv1S\r\n=Berr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVhJFMz4eRrzcypysSJ0M4q4pEKYYw1AEloXpx55hIzAiEAtCOFhABJ8J6nBRuw1xdCDihlnWD4K+tI3TVHyRMfPTs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.77_1571758483013_0.5439543036334142"},"_hasShrinkwrap":false},"0.5.15-alpha.78":{"name":"@react-ssr/express","version":"0.5.15-alpha.78","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3c78e7bd1fcfa842ba335bd2c71ce59ffa616512","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.78","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Hm52Ujf1YvPt0ZiZYwdzsBUyu9xJ85jZ2PshlKJ4Ef1andzjceX/5INGUtMktCZGl5pEwulPuGGaRKmTPuVbsg==","shasum":"60208a6e4f9dd8c267b4f31e8d1e83c0fafbe298","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.78.tgz","fileCount":14,"unpackedSize":47522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryJ0CRA9TVsSAnZWagAASskP/3oMzsNK1arwBUkTQ2vP\ngpyoyDkdZTLH9x28TUg8CDzzSQn2bT2Bq8KOmlyS7RFlMPEXbOhCZjpqQFEj\nsCwTMBKDxtuxit0Xsnri6CxiCBQF69WlnHk6NENOKIWq/2GSE3EBjBK+eS1G\nqJ1BLlKNj8odC+BUxC02bbON7IsC54T+eR1ddhY6SRLo2sIedm5y8Rq8l4xs\nPqb//TOzWa51YdKOV9qm2IcvUGcm9B8CtCQpCm/sGo8e+P85pzEETCOYwl+f\ngPlOnrkMIeZTC4lgh0t2/NFGDAZhnYaHNBT6HCrWiOHDrTOeO+8W5HTQZ9my\nTC8gX5aL5LheSGooHFEG0xHX364gIbHooxu53IUZ3yqhS1VTO1EYrR9milAE\ny7CC6xxNXT4Oo83LU+UQDvZBR0h2QX/8ffnBLtK8ub1cwK5Najy2Bw9L0bpG\nonBLjOiclmYfrpiGeRhcIdYYBB9qqdlX/6+o145NKunHInJzE2U1ElSkiKUy\n7ZhQ3u5gKQF8PaBOXLEpOowp0CWAgTuA324BpJYdvs1CSiZNc3BeWtThThHj\nwIzUmx9a8PHdUdAIDxrIX4Mb7LJRJdz8B6P/DMDO04It7abwPY4+NEc/fvuF\nMWDYuYJBPf8H+IgmrUDD5jQuZCfKCYwCWbO4zLp2ZbrZRV59ndvFc1EiRi6H\nJ2I2\r\n=H0v7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGleQq/WTKEVgLiT+ZK/NrO8lUzf0sebzfBfhnAhL9+gAiEAkHZZRH3wOzTvx5gou4vVg76owdTGVJCK1n/31CxXlYM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.78_1571758708149_0.528565628059346"},"_hasShrinkwrap":false},"0.5.15-alpha.79":{"name":"@react-ssr/express","version":"0.5.15-alpha.79","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"057d8bc58a56b00ea4ca258a22c7b8325be27ed6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.79","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qlsn6KbrwjweYB+ulI65j6WkQhDf6pFjBBRtiO2C+c1aOgwIcj3QNxQcgyDyhom/TphczZcmPYRysr7uk7QEZQ==","shasum":"76b7e84b68962908a9bd4a4a044e533642d97978","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.79.tgz","fileCount":14,"unpackedSize":47516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryKYCRA9TVsSAnZWagAABMkP/1iCWfFztFaCAAH82gEf\nz8dxipfCY6rW84YxvejTiPgpnnk3lOKsmLgJCad2O0ECP7owWM3Mm/j3sszt\nqtpmP1dihNon3wKo/ME8SWk/LA6H+PF15fPklAW9AUNv5g5stYXMhweFj6w4\nU9VxsgVh09AU2DMdb2t58J4N0KNAgbIWmTHEpkrEEk2cMTfK4mkfoRiG0gq5\nt8WYI46zalPEKrGjhFINSfyeFogluUG9c13HLDV30jXZChQqEPY88X+g3Hzz\nbpSeQQJOwbBLeNF3/LPePKoAQLHj6oPe+3XI7MSFwJbS0T3QMqZuGpu0gLX9\nNa84I63plGkugLi8yaR5Gswzh5O/SuvS91TZHZO0GL6T+9oUUL/tEs+FaCEo\nrro/fZGTnifMAjwIBB2LuI3G6VufxOwp2rCov1lA2su1o5zBSc4QgAJ7LLvz\nSGZIKkAKtPl8iS6Mv8WGrnDfe2ihAhMRc2/rKcRkuRG7P7GrGppLeqsUsc00\nT0MlC1uIUbYNexHtwiR8FyeI8JisLc+jkKosGvnaNeZA0rPkvSJCw29wUSmy\noaQ2T2tl8SMf/9dlU5DUFAE68iawTiYAsUwOlli8VikstbW5PQO7Xs4OQqJA\nkefbTB2Iicc3mv9hgmQqM2NA3TtNTr5845D9veU9EXy7GSOAwWzcjzz57SWm\ng61P\r\n=w5jX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2KFrWs9xjig8ZEJ75/cFzNH+JcGfza8kPueGtpCU0AAiEAqNQsNDXM0udBf+Px765YsuxJ7E5mKlMzm/pLtAbRw4E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.79_1571758743432_0.7900942809218654"},"_hasShrinkwrap":false},"0.5.15-alpha.80":{"name":"@react-ssr/express","version":"0.5.15-alpha.80","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"19a81f14ab3249614ad20515a12d488c7806e7c3","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.80","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-eNnLS0Q+wnSTNMhs9yYkzzJFvhQxovMDRDaPLBeILg8kEw01HNa8FJ41ZDjrGb1u2J6EhG2OQZshgRrRUhCcsw==","shasum":"f4a99ce8e8f557910679f1ddde2b57c886045ec0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.80.tgz","fileCount":14,"unpackedSize":48586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryU2CRA9TVsSAnZWagAASfIP/Av/UrjGNi12WbYEa5xl\nYITkOnFxWCAINnvGna874PdJxYkdeFefDtpz6DbHbZPaI32m6JJm67cQXcjM\nyfoHjecHI8Zp16EVzz68QJVCq/n2Dd8/oMgxQkwffZNyrHhdqheK/5p1sZyN\nmDVeUcxEagkRsh8o2zqcYtCjSIRkcd0waIUQ6c5T0WkiM0ppqK8ZN4ZToRgg\nVuKX3othVfIWPcNg5Af4tW3ASv+2ck7OVCxq0zD1oYpkdU1aqCFcLNCHvq0k\ng8ggU3tZxhT+mw1hb7S1WHVxuWxp2lI3P2uV/UlQ0kTz9uYZBtqLm0X0Lkrw\nJ2mUcCBBxIYz+FL+72FtcbmWZnDhl+nTpKYdhqtL/JE1i+YMvYEPvMU0BQHr\nPtTByAhxI7sOCZG/WO6Qn9WUQ5sTsHLrWnLHZ7ygd2lV/d0NhFDHpZSGVbtK\n9dS5KUW0Ek1lUQ8bJ0kjP5leTkRATqe3oUlUSsX7CYc3I0BYczM445UQ2V5/\njFJM1FbSArv27SoEe9GbA0v2wOUM9f9RdeEnv4NlS65N1KW/2Qdnxf7H10TG\nIMKzi146z/pLQiHvROc/DpTw+MsKVL6xslO9nM/yPeG0tMiiBUa2diV0SjuP\nUi/cW6qY7FqukH1GHHVZv/bvHDzRm+CB61ofvATlkoaqWtrbL+sPcpV6Ky7h\n55hT\r\n=S65t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBw1rj8+q8mr8IVg8Vr0l/8To4JVyo0QmC+JdV1izxjYAiAU1/Y4UkT6AyqqT9b6hDcxMt9+Kl5diK7H9Os+HVr58w=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.80_1571759414048_0.13275875915434487"},"_hasShrinkwrap":false},"0.5.15-alpha.81":{"name":"@react-ssr/express","version":"0.5.15-alpha.81","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ac10fe48ae3bc8c509ac6f954c690f95f9112a5c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.81","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CktQMHVmZwRGD1KYxDp+g41mf/T0DWCwFzhnarhjHwiPSZBBexOQPcQe0ziguUj2DZPczvfOPA+abPvJbbwDPQ==","shasum":"f52d3f8ae4ce051c2913571c1227efc3d3a3f88f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.81.tgz","fileCount":14,"unpackedSize":48618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryY9CRA9TVsSAnZWagAAiiYP/Rw/nmOTvRN6ahuBA9qk\neMA55sXRfrv2BlKwPinuFgMmvTx7lGyuj+tfvvUyT+OzyADYsjgmLnfm+Vj4\njcN1nyviWNYeLTrXj42sqg1dQV0tKeUjwo1pHcL8FDCEkJ8jDQGZCJMj3W0R\n8NuG5oZJyA9xAwBpT4zdbmxOKQ2KcGwyju8svuKMqLcnQk9TYJ+1OIXCZTF6\nD+eP5EeTjwiC4GPhm8Fqo9RUiwCHandr05YFL5b/XRV1mpfkrfAnhy/pIhRC\n4pzkuHbcCz1GHM6vtfDi9IfIE6ZUimUZsyoolLVH5BmFIjgnmMgd9ZNSHv/G\nE7c6iGMTgzVwNJnLRZnP3/jhSb1d3zPMKpG6m/ajd5pQw9owk8z5wA3vsS7n\nY9nzbbT2ScJVENMxMjm/Brj6K9eKTYuavPpu+f2vIKcdrxXZyVZwGRw4vH6A\n9rIwq6bFd5YO6oI1e45cu+O8iD4GT6pNGFHK7bfk1yTVtrYeG8/c0XSyUqjU\nM+CVSkPeNkD56vBfc2biYR7wt/6mMqX8NNxA8f9+Kv6ZJNDvr1fBrWDCO6Ll\nfax2aRna1zuzz7ac7f53FU+3RFDib/+rmBjJIho7x77GqnES+ns1ycvC8ukJ\na1+4dTq9330726ki2fqV29FpEmdnKrIvSUw1qlVNyWIPQfFNZSTpsqkefeoA\nENpU\r\n=RCoN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRSQmE/yMwhWvoDIl31QNaruOcafiOEnHFfy8yoeW8kAIhAN0vVjYPhsw2fTfpdbH1dh1cfbrsMpBqGvPOVe7VtHbF"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.81_1571759676549_0.6948300360673709"},"_hasShrinkwrap":false},"0.5.15-alpha.82":{"name":"@react-ssr/express","version":"0.5.15-alpha.82","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c88f10b9eed9c5accee50281db9fa4091daac2fc","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.82","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sp8cCbTiNTUXOA4mgpw9EKtLMcw8CBjVqBdMQiLiS4sl6/a/kLMfMJwmSFeBNOGLJ+wcfVsK6l2uCetJXgc7rA==","shasum":"e0a891e25c2d5156373a69db7b0c9f98a2dd49ae","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.82.tgz","fileCount":14,"unpackedSize":48692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrykbCRA9TVsSAnZWagAAC9UP/jbmQ0Xe0u3FZyrjxAGN\nW1x7YuFFx7PfBuuxjeh72XdpCe71A7ILp/tljkLWVXCveGzbq3eiYI56jC4t\nMpAnfnm2XZwar4S348lSt0eYRMF60BJyWAEYqU+hvJEABVRdZQWovzMYMup8\nmfmqFLSK2UMUhCUeb6v6b9MHWTwPwVzomqPrP7jdAroyhjEl7GxKbmtrdAPG\nQrcdxIavTElI0uKFtPAvXosSX0geOXApk6ptmKXcUurEvE5uK0NyfuyeU6wg\nLqEvIkAPo9LcEA81EAjiE1ETI1zLFxyLR7S3pyhkqv3NdaerAuCi+7QboD8D\ngfuKS+IvkuHd4v3MupvscShRtEvX/1KqiPx0n0YkoQcTPvM/6hWOslchRpWy\ngs+c7z3bmuEh6/p1PMiY4b0LvB4bxwLQs+62pvCjbdSXhg7SYJxv6QfU6/hr\n5HC9pBSModZ5PFU5sYohnZwOW5rFLeBFjDASDFVyflw2IcrHwq01zUcGhJqe\nH+IP1H8rNfiysnqDJpWzUuufWEDFNBaMM4kPpDtSKmIuGtUdMcwOBv8BSePB\ncKV+CjfCrTUEibb8vfpyMsuCi/sr0XPP5ClDRJ7bHqRUd+1QkMNp9/4C0v6j\nRJkZC/CvLqhb2a5AdFDBDatWQwhKXvBFOivLznRYXtbppFyd82qLGUcsExD/\nn5Yv\r\n=AWlS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH8RU7WDgM0qMCTW7kzaTNpaVRVytOhKBcDQliSz7Tj3AiA8H4c9bUBEP4C0JsJyiPiyZIqWQjc9LBxx5Bnib6e52A=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.82_1571760411022_0.4501649943141177"},"_hasShrinkwrap":false},"0.5.15-alpha.83":{"name":"@react-ssr/express","version":"0.5.15-alpha.83","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"169e273d9ecf899822c682ed92714ab35143a479","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.83","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1/coOvren2IX2RkC5QBQAYgsN3szTHhQJIAPsxs24VmHg14y4HcGgmDJcKot585SdwL+/SAKhNsyOQfreq/qMQ==","shasum":"12fd00dc3993e55446e8f350efe501d3589ae2a8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.83.tgz","fileCount":14,"unpackedSize":48582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryrkCRA9TVsSAnZWagAAsc0P/2lmdmBqhRUE8oaPZi1U\nhmpbVY4cJi7Q9A8MHt1dLgVeM0VzwzQ7U/NDrOGPMyv86i2H2PRDTurdGS79\nS37KcBU9TNFlzrLgdp/RNzgIu/65ZsHL4RLJXpWjIo0e6svc4H+CXgGiw8cw\ndlZ2bmHS6chjZ3kidbp1GlJ1XE8sEvjvFHzGwufCvUd3C5kC3rqfRdjsOF15\n3i+Eudb6f41OfGapP/JRcXR5cPWypXR48huJRgQ4Bn3JrqYDGr8eH/hAuOXC\n7OkWajG8CBLTO8sy+jDkVHY73URSKTCHSbA6Gpjtlj03KsRp+YQg86nFXxGT\nNlMcoxl1+/tlwZwMg1v6/XqsYcu6mxALx6O8SQkESPLnYZXjLLPV9cZK8Ya4\nKm+zflUvHOXXPSUlMXZkMX58NeSrRHEwXbhOAYBRE7kpNJ3Gzbvds7Y79qk5\nPF/KGJDrsRKMzgfRCSKVRN5hxBTkhbRB5TvW2WT+dNERb2I53GoeAvfmKiSC\nI1ckbhlxT9W7Tg+67Et6bvDj/g6DXcKOoWb16VPyCezgvH2uPrjrsvy8+DfG\nGolk7xkW28N4BRxtM/0ab09b1bRc9+SRMXEZz19CX8ibadwIKkuvDoHrooaw\n6VqW74Lp2aE5uedWrFMY4bvVvorGVhIduT6eaenEAYmYaMtlxcACgaQYZ/72\npbHX\r\n=sfEE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICF37d/sx4v6f2XT8q+RFmiyclpHbD66xEjeSntaMdffAiEA7VXF93m4A6yIHS2cYt9teGPnMvTnFwtu9FnBLsrUcw0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.83_1571760868325_0.4965610121965911"},"_hasShrinkwrap":false},"0.5.15-alpha.84":{"name":"@react-ssr/express","version":"0.5.15-alpha.84","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"508783f95fb06cce06a164efc59cf6f7a75f6f9a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.84","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-c+YST1CjnSwLs/1l4Wo8MB+lCrQCVdGGzK9HF3cvI2zThIXnYSELSaLOa/WYMS3rDEM3D6EstAuQQ7dFvSlwRA==","shasum":"aad6ea861e543119444117fc4f93d016267484fa","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.84.tgz","fileCount":14,"unpackedSize":48654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryv3CRA9TVsSAnZWagAAfrkP/03jT7B9PfDFVBpJH8SW\nlrXPYAWBLHliBgcEM8j3/kfoXREUdHoM7jBIXGJAh+Etm2CnJ2Z9qVNOeIuZ\n5g3julsWkwlA2QcQL/5RKtl7XVrXgKX5glpHfV9KUgJWRXEx3M0YGKYgwZ3P\nzEs4T8a44BC+0pKP7aJgwnsbHpHGXcBsfDXDi59q/nJj357BLUXItuOFoYZ9\nqwWWvw+gxak8cLDsCGm0SpvfSESkWTtPJ8tG9NjOER4Mv3+3DCttaUVAfvkw\nSgmgOWNDSsv7sSz4CaamJQNPSH+vfURIHa5w/Gr4hdihj/H+ryAQYPll/X+u\nMx9PqFsDwhtChg8hTiOUqWEUM6KUOnDxiZjq0gtNgy9FYq7J9XMydHj5U6pD\nJbcIF5HOx1g8lcbDsn9Bermzu0PCkOQqhk1pyfrYStOQwiv1yxH/OXT14EI2\nlMKsv4AXd1f6Whp78WS+UQZTo96Eqle/CMYC2eOJsYNBQunbmlj/Y5EponT3\nm3X0RMEqYS4WH9f55f7tD6FG2i2UzE4BwfaX8DZxt/qOXMJ0AwHJMsntCV+w\ngBMGWLsjBdTDwcuf5gCUG80CcZre7of/HPVkPCAzMJ19b29Q9vJ/WmRsgW+y\nHpOBD4FdVKLyGqUuMbA/B+/+5TuPVRksjXwa8jhZ1axccZFJitiKsV+iigSY\nBIwL\r\n=9S8R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDb82mW4s+iFDoFdyk0XHrtAeJ3kBsnVZYJ2awiVBwAgAiEAyHdlXKyzGJqlL2RGx/Q2AikEm2SP9mLGg3nH68/Z4iA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.84_1571761142967_0.18660822744774297"},"_hasShrinkwrap":false},"0.5.15-alpha.85":{"name":"@react-ssr/express","version":"0.5.15-alpha.85","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8f3dc25d7104822572a1bdb4aa0d251a1ac9a406","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.85","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2IAowJ7wO9a5DCpugM3p6hm3rG7eT5ldD9y0iqtlsMyX7n9xr1qcCUHZq+XlfVSShenPRltrz3NhqYisXFB69w==","shasum":"3a0e5e7151bf74aba0d35828a7f81d58e998d74c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.85.tgz","fileCount":14,"unpackedSize":48648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdryy5CRA9TVsSAnZWagAAj08QAI4spnGXBWN5o/WxLui/\n+5RIM3FQX0oWHdN9R16BVx1ZbOupI7hDHIF8hXiqNdfNBB9V7UrTFrdQ9kY+\nTcwB5br6mKjkfWneVKU4tOBqkYKySTYz29JDh8lItueipMXEulX1VZaX6Kg1\nLdIeMlLUWdtcUu+a0hS7nwlACXsqfWKRC+jf7kpxu7iuZvEmJLfZrajhPZ+u\nlcfEw0ZrxvZbt6gKMpoiZAhzBuaLMZfBKCS0V/q+4L+hSxJQj7Kz0mDTv0ca\nFX+NB7h/m+IRMPkMeRibvBw+0EZs/3RbigR5J6UHHfoj0xLHFGlU4hnxO4KQ\nctmNtJkpp0+XNfwftAJ3w2FUaT+Y9L+xQV1kIV56rGUBoKFY2E2fM0TqPPp2\nEt/323d9i/CtQSeQQuFIo8+XahlATUtpk2GOUvpp38tVywYzCX6uIjacH186\n+NnqwkP1LQRa6qGUwI2Pl1woMvL8f0FMtmd90xyyjp/+R06164I/dSTAVu5g\n9eavK+iTs48nICeHoear8B/Bv8yJWSUVeKBgyTEgWJ7V7cQTw+P9std6u9rM\nbYMjWpwFGWlGoa7g7SjgsV6efo+MoQUF2KUj4+vx/Oz3XQoEcj2M0FaolhbD\nTx7cFqLXwRL0Pqi3WeB7FnBCoZYLh389FUUAjvjCHdleBXmVD4xwJJVSn45d\nuoIE\r\n=DMVK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSEHbg3OjZxgUcQwxPHJQ98TcTolIuP7WDVQnR9zyBsgIhAPHUIuGq0ZymfTh1KY63cHA/CkxzK6lGURjsVR92aPwL"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.85_1571761337238_0.6121975453814859"},"_hasShrinkwrap":false},"0.5.15-alpha.86":{"name":"@react-ssr/express","version":"0.5.15-alpha.86","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1482d397ed38a09ffe930783689d76181a0e25f8","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.86","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-x6oHrqw5aHfbxQyxTf7O/+CaPd+PyfLETglsNZT+ADyHSUf8jUjRC8K56nEOAtGTSkDp5KeDsKTl3OSjUQHmOA==","shasum":"2b67d50165bcced29fffa6839e007edbee75b18f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.86.tgz","fileCount":14,"unpackedSize":48810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdry3eCRA9TVsSAnZWagAAxL4P/2qEGV/HHHHhX8Ks2lbr\nUKBH7QWDB5dCOjiebEbWsIRt2syM5D8QD5c9ZFfbXp4aWhOgW03cOM2O7Zxv\nBOnqGz6ZN/3ppS90GM8c/pwVB3q9llJW8yn7JqXjkUJE8YUhU28u7Af2GC9S\nA56r6TPqrIagwlb59PuyomkkRqB2Y+ElfoCxTuQhCiRdUl8P5iECfrPjXDjM\n/UmR6wMVl/2KDWkK/rso2LD9wr6KMnI31hPMKcfVZK3IW7URjpy0n/92Ad/A\nskt0FzgtNvFLC/ruUQ3EBFgWqLSR5znP22d3MsIZMRS3GzDQHcREFDixVESw\nEzYVuolpUsWHWcMJoO0EzDIZGTaqKoVWVGQ6xX809Sdv8dWI9Yv3SGJKcGvW\n0xl9mq/0V8xHebk1G4qfQghauze7kl0jfo2ma5t45CaBUbLAEa7OyHtKVjrQ\nNOitHjuGfX9mDD4SqvSMdq6tXI8gNK/iSDFmmj4Cbwl/7iCzbsTl1R8JsdIz\n/RW2oEu3RXPWVoyKIES2/KqS567EEEhFZ/t9sFuqQcwkS/hMPFgYpkdrjhHO\nusi5rPPAvrhSw+UXJWsMqnKNsx0IyND9mIEhGTM4fd7aAjxLDQ/dqGqwgelI\niOt68yULZL2IykKBOzrnwGHFTZlSXbUkcbHreWONCZUEX6vNlhBGcC7JPeJE\nLPdT\r\n=p83O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWq1wo1ipmNlARcs/24z6GW2BKFYASUrzNbvbCbphj9gIhAO2at9at1wUZQRmqInjgy+ELDf7XdO076uRLe8TuoYJl"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.86_1571761629524_0.9836930857350707"},"_hasShrinkwrap":false},"0.5.15-alpha.87":{"name":"@react-ssr/express","version":"0.5.15-alpha.87","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c43fccaa2ba2b56fd3bd19db11c3a80e9285a085","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.87","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-igg6h481e3GXW99M1yLvzSWOdFVvCpIhkH9O+SI3aJ2P9vqmHTwhTtxzdG22mUUv5VVizRb8Bov2OYN0t6Kaeg==","shasum":"dc2300bc50332b8e6c0c7f01ab4770b61dd82a99","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.87.tgz","fileCount":14,"unpackedSize":49104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdry6/CRA9TVsSAnZWagAAyMEP/2Qa+/eu0kYZikm263eg\n407qEl2dn1qK3yIFq4pHY99TUhIsabkoM1wx4OevngQSWXvSyEnllmoa/F6C\n6jIjdw3WV7uSnjlimCHdnzP6sDMPRYgYK7n61gDeOcO9tS7TRR+gNewqaO1A\nf0NGMe/xxw2VJOmJQRnK97tdp+fDBj8BlYPFxn1q7XOul56wkbDdTZMesCxf\nGG82aWjlrdSe41TJdzJ0ACu4EZC7IeGezxOZMdu6rQg7bhSMi8oPZSCAp6YN\n16VqSWNxbJFt/EQ6tVuHVTqIWICJP54qSqRWqMhAeQtAVL1DbX+1e7rQivEH\nx/lFZ6mm153LaR1M8G7nCAPc+g2kaXN3GGEjSe5FeKoM1QNEqT96/3hpZa74\nB2cVNcUkrQ3hRZd8dMLJF2zf7Lx1W91VVRGLO9WytSCzDWvX8sWu0mUHhTvx\nLPnnxYH1zeKTKyQsV8rOxM88jXlTAvN1NH7xRnsySDEB+A0CH4vF7357GpFF\niO91Ipb5A/+RKaG7NiKHCt6mx71m9bAwzyWKv0B5ClV1qsrW2wuSwAfbUE/s\n7tv9Nv7hpaPCAZ4N6rSgfG7lWA0isBYG1jgq29fARU2HsB5jfLW4pgQsiE3s\nCCWHKI3dIPE7NeWElDn6quSjsqPcOTQSlDTOf9Qtre2R4hVbxxhY+100yULt\ndGJw\r\n=51Ri\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0+Ss6K3J4Vp4JfpQFWIbfuHSrrWHl9qL5pS+3il0oSQIhAOqcJRNtbW1pT216/+SHEeVhAtakLhJ1POKd6H9f1vhA"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.87_1571761855131_0.19732575030541866"},"_hasShrinkwrap":false},"0.5.15-alpha.88":{"name":"@react-ssr/express","version":"0.5.15-alpha.88","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"b8a399a4ea196695bc9c5944d9195e2eee12b492","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.88","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rxgDTo+L4ogYCnj3WfbDsaj/BkPPMmqaX9LCMn1VymXA70rzPHc99n1nAhm/1PSH5Yoo8wqpWJTnsHJ8EQwCgg==","shasum":"db31dc1494c923aa6f64810d3561a7985360dad6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.88.tgz","fileCount":14,"unpackedSize":49170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdry/xCRA9TVsSAnZWagAAb0gP/2V960dR96G88mvm7MG2\nAoQEorRhQqLEl/dA14hDI4ZNIYMaQ5HZEqS1pG8YBsaLoyaXrSJZiFzVrkda\nCgzFkODnjae0+4vl6tntk6A/gG0nU4UNUT4C/H58V4+lPU46VWhWOK174MIL\n+JU47oAfEl4HJuUbDR0z0fV8Jz09h9+Cgh5CS2FqpxJ8xNgk3jer5maSeCHu\nLO3I4aL+cxPln2k1eGhBYJbOIekcSLfSrTQQEqcPrR5F2D/B/mK/FeDIQr5j\n5QXuzZEXUU+D3fEwYLC4t5JX8qkQ9vP4ur63HztsP3AEFX6U4949ucnz0GOw\ng/IWrMukcVWNbXaM0X4N9FDzvKr8U5XqDER7hvlLUT8JwyZ515B4iGHgBQPW\nBqpE9cBNhvF+eOqLnwnV6E/zu8fTTkfVFavfVmmQL1Au+imS3GrbFI1KTj4P\nb442bUGcH9Hhn0RYITiGww/newayn4wcqr8J9kx4NVSu2xjB4pA9AsTLqTTJ\nSufx93SDJJkkqi2qEqoEYl7FR3NrxfL43FFIFMtHZJ3UFcgaR4qc/YJeZ25R\necwaBz90kcQXiS+xyHg58rDQsymKUBVCjLtfqwqYP9daw0YjldySlwg0w3/2\nrGbNwPfLjfNmvQ2+ARqkK7DgGwc/x50ZKW9cm6CZk608DWbS1GQM3+e/oXAU\n7gSx\r\n=tKQb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICD1cgtyYOiobSrYy1uPLx8CzQaN88oPD54nH8kJOAtyAiEAxlNyZdOwUh17u+AWHHLbHQWi9ctfwbkXbCIo/CeJzCk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.88_1571762161111_0.6104657749580558"},"_hasShrinkwrap":false},"0.5.15-alpha.89":{"name":"@react-ssr/express","version":"0.5.15-alpha.89","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ce64a86dc0ee3006a2a72b75d4b02dd4c000be0e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.89","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LsK0a3GJCiwz85Q0KOER9Hs+tSDc/sB/M/qCXngN5DAzA2Ya3aqZDeJcqJktu4Cth7QBQZx8Q42IF22A72x8Dg==","shasum":"6ed4c009d98fc0e67c939c5217c1a8dab3cec7f7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.89.tgz","fileCount":14,"unpackedSize":49042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzDmCRA9TVsSAnZWagAA+Q8P/0DDlWNtyyMK6ZV21FUQ\npZmitv3laHVUoU4ya41DSl1u5/0PM89XoVqtdLO7zoszVRQaMD+TDt3uwW64\nGwlKzxXTALQaG9i45XsfGuNZ72tkiPaiEsYNxAGpL7aWR34F984CQDZFtI/S\naU3w1RnSbcCcWj5WcmD9Z2cLWjXw51gRPkKYlkZNDc2BQ86POG/H9Pu95VUU\nYhEoxdjK98M6PTFiAy6NMJihxu7GNvLzkxuXknMnfzgu1EEi3XUH/y6EkcFC\nLyjnXWhx0NG6833VhI9Dyrr97XIYT14PorF5p4K5cXRzvR6tcqWEycymDJgF\nngPFzEf3/CbJ4gUMjWIPpmuHzep+dm+MvEDhBetZnIr9QLZ46Vg3hO4YfG0H\n65uvuqtRHh/KOAmDl2C9Gw4epxxA4FmrOUHjfL4yAhuYroy85rNS0zWS4+yL\nsDZ7r/7fuealWfFbXeDaT10+mJfstTjC8uIJygLgd86HMY8jPhllIlGgT+m6\nFI5oxvyCtyxRn4QMPDTJ5AFMugvbwcOIY5w2pDZsTGJEeEoD/jtKJ+x/K4o6\n0x8EGukWL84N9ef6ssp4AcDEOLxgeTdQXI7VGIAlWWndqyJWWznujKGzb10D\noz4wk44tkwU5Si4vkYg7WSb7IuqHmzSuZz6wNOkZBroYstahz1AXS6jaI7sF\nOckd\r\n=nQ62\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFvmKIspeed86NbWKaBx5cr3EZ5zDB8sTVQ6kma6aN4wIge5ZumQmS2Ok9b4ndK3KUvDjVNdmyaGuXKofSjzDEULM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.89_1571762404835_0.27349324960780175"},"_hasShrinkwrap":false},"0.5.15-alpha.90":{"name":"@react-ssr/express","version":"0.5.15-alpha.90","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"adab35692556718caa69e420343a6db843ae9b35","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.90","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-O9JpF0PMCkBibSrMHlzUjccFLiFqOhWbgHux8B0qm9WbBaA4R3uhb+ylsARIHuOlxCeH59QpS3JrgEHegaGJgA==","shasum":"ab830df73ae4c38bd2ad35fb30c5d33026589275","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.90.tgz","fileCount":14,"unpackedSize":49354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzGBCRA9TVsSAnZWagAAq18P/1DtM3QlvEsjdUGZIbRW\nOS8eyHc/zztafLqK65fH28t4pMoNInbtqEh1eTkqsComHESUUOd2NGu7ewjR\nHksvwXJb/7NsJxBBJi+NBRoRppsmmHZBUtpytwwoJYKuo3rJ1s69kMGw71ju\nKMz2XoqEhN6gTkhEAeMLun3hnDWdnz2F+ov7/C++eGgamZqravE1hYHQZGHM\nMaylil/DDemU1noXV5MjLgnEHUlXxk9mLHSgX5aR4Ja3VVCzqSDdAfLesIuj\nHq5fCgkIx/AzIZgHP2waTSeZ6qjVUHh01p4ChP0haqGoEYwYYgYtUuZpwQMz\nfaTdYtuwfzGZKbHZ/y4rUYmXSSlxd2jmaqEmbPy13WCQ5CCVe/PQIbS72/UG\nYYC7mtDeFm1ZGMQ1RSGgn3erRyXkUON4S2g67mA8/stAuCDdUC9IBEcfQyNl\nXHE/Maq1G/bMWQ/zEJa/71bkanCVXUheO4q+gYgWi1rxy++njQwPoOKxwfeA\nrVR7E36GhPir2kKCTvh6chjIAGxpnP0TDKBgFdant9nSDQzNcazZaQ9mWG8U\nhI+2swJaDgd5Gm6MsFaMnw9wtMf09pdwRI6m848EsDOCUKphZN4lP6zGbVMc\nGnke7zAE4lphtP7qEJzM4XzQkvYf+gi9J78+dWH1y+lK0QLpzuYb5LPHwdMC\nzRtg\r\n=wqWb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCa1xvVmgFTnDTAWUaN3JRsDzcvenK06LfTVwEPoK1U/wIhAPpfYNtAGmJLCf8Mveg4KcwrBct4VcM8EkDeblfMdwMU"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.90_1571762560263_0.18196988700198236"},"_hasShrinkwrap":false},"0.5.15-alpha.91":{"name":"@react-ssr/express","version":"0.5.15-alpha.91","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5308f5eb2e1ff0fa0f034ac4206741dac3cf2686","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.91","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-v+D/Jk9aRtdkP3tJSXrMQNCtwjPyKaCURyX3kxWhHpBAvml+pcueWkIWqIB7WZ2M7HycpVRZ38EJXm42H0lO6g==","shasum":"16d44d7ca3512afc5780554e2d1969bc9eaf201e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.91.tgz","fileCount":14,"unpackedSize":49446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzINCRA9TVsSAnZWagAAzJYP/RcOoZ0HYPkWYhbEbFQB\ndwsNZbhjlCpAVKzFKv1SHjMJkJ/4ITZ+nbdLIEidvBxh2CykW7XhMnh8vM+o\nAoqw2aBKoCujBosC+gIVHdelHBzQPClrfCsjUPVT34XOGj046O65SCsWtduh\np5LJ0LYGFUOCJB1X+6YbVE9AdWhQz1ZtL3+YZ3P+Hn+QHe/9b8lc50akn63n\nt6lKjg+XZyDmq3QDS2C8xiMeuVSKl/7eqizAvHVp60mH4ARPjP9m1+BTeAsg\n7QjyqqA9f81Kyl8LIpdGiBBqemFlkKjYoLiNY6oLnSBftEe7duayHVdNHr5q\nFM1/uEWz3Z2EI4dy9fNTp8/PV2xDrGq7R2xDnhokt5RvwHXEil7BokiA5hWl\nHb23bY25ZWAYYpprl3zLZWEdglPueD/Y/4/B8NeMySluRf1oK2efM720ZWOQ\n61/PLyZYGYA9FHr36EtKVGJs0+uM0OdSxGiogGaaOqAGKevTDdw3hOz+7C4O\nfD2pMFNYILDH0F5iu1EFTfjfFpA3tlYb/6voPhvBN2jr5+otvPjpjNKQ5BSU\nnO85LZvdIiKXjU8fdxdAkgrkpLbMCa6bmXVt7ZOjxodA6zMMPwvdcv8uyALB\nO4RMG53g/JEPxwT1dtZQG39k8HZ8o5nOwGjt/W4/4tsUO6cyXk0ybtJiJkRI\nHEfZ\r\n=/KSH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCA/2D+mBiZn6U6R80dKOrMGQ+KorLQJezg28ErEzbMTwIgWkFM/IWgSIMykTjhWVDm6zWL9FZJ7+9sWL7AExutVdg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.91_1571762700579_0.6057527165645749"},"_hasShrinkwrap":false},"0.5.15-alpha.92":{"name":"@react-ssr/express","version":"0.5.15-alpha.92","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"80f546dc0127cadb6a0a15da0b92c071ff570f52","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.92","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ydeYTMgG1fd8DY6/TQ6MPYTXUoR8h9CwvAxYB9jATyNxHGUlJbv6iryKFcXUy6dWAprztz69TaUSwTkNr6EQhQ==","shasum":"3f6e1f1fbae78ba699da5bbed735084168d5f0b3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.92.tgz","fileCount":14,"unpackedSize":49504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzPsCRA9TVsSAnZWagAAmn8P/3klMUFmpBR27jqjAfv/\nP1QS5bZlehoITOPkqOGVuMaYdr21Jo9U2pgx8wkXTljRd53iOw/F2kzjvF7c\nT0r3qx5k8QAEoW9RV+Y709XgCc57AC7DMNEgLdv6frJzoeXi1nGPZyS3ARZT\nxkGtreXLDuySQqM4JV2O5nGH9lBhK9UfrQ0GJOJvpRyllUizVRdGeu4wAwTb\nMvlo1jr2aSxtnps+6JBxulG09ojKi1pWHYh8D1cEKIf8TsE7NRObstCrLV+r\nvJJrxlhO/oBOTRJQEIMbZ9XX3LWcTeh3KT9tHeRrcjrUJIQj8haSTJPSXDdC\nxAIDIG9vVx2DcQxQPurKeYQSco9eC1wQjsEJtiuFGGT9F/RW7t7X9n63nghU\nja01oYl3tcQOACM6HM0S78hVjJnEBgGDQXE+1uMCKEMHHNWDLpsbuzn8cFYX\nEvtaJoft7DTn3Dfa/oIE+JLvG0Qfj5YhihUtLIfAymhfVFtwbhVyPVb4V7ue\nbbHhgLVYIF7MLbO173TDtCS/4lZxjGvYH2WKz3OLb60dysJ1PJZJQdebPToM\nZZPefaNTm3VrUiXVxkBqKCpS7mGD0mh3/dbnmxj5XqugJkm6/JWIxUPuqYfF\nBxLw3JS3sZxSSNPXh+oiHhtND+rmJaei+RDhAF4ysGtOZEaN5A/nZVxofFq4\nBamT\r\n=aRvg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRhuc8bzfcMDskxMepQZkqW72jjSWQJj5bA/MbOQSQGQIhAJuySuFH8fkdYOllqEIjXYHKJJisicMY62TlsCaJH7nU"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.92_1571763179799_0.3910084969070582"},"_hasShrinkwrap":false},"0.5.15-alpha.93":{"name":"@react-ssr/express","version":"0.5.15-alpha.93","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a0893455757a5998e54b99fe61fb671dc24bc29b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.93","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JcDF0EKle4AdhKTCijtIAmGlKhlHmY0YnNo66V+MiZ5plz4+LfAii6+hPk9ar765ZaBDDOXuAv8ofGHXt1MdaQ==","shasum":"63b6b05ee126378d23718acd9a9f019e4fb2951e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.93.tgz","fileCount":14,"unpackedSize":48666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzSRCRA9TVsSAnZWagAA9gYP/2DjVnKmKbOubwGaS4df\nOJwNgPh6HsaSxiYCEHv9Uc4yWaht67q+A8Frz5b5/96sjFb4Av8/6Wy7+P7H\n6WfM+GGXssPXKDGXTXBDI94b2Q68gGi9bUkpw5bJ5Xg2vfWmussyKvfH0MaQ\nlhQ31AmpdP7IbO1zymJE6IA+qtVKlorVYOYVWPgEPxa3hXWBIE+ROkK55KmC\n5X+oU/D5xY57zGn1YDWBsxh1bUEM8gOM6P1AOq8g1qcY2ndnQ1H6n1dn1uxR\nZ9pArZgwE2mMwkMI9pzx8wKL5rQMBlgR38TCpQGJo1D+/xSCqnxKWy8HYXNy\n7P7ixcbYEDGf/q+idVlX2jzA0Ca6X35lnNDRP0deqdv+LfCoII18TEIu0kZ+\ncXG/wgwl8gx4ZPFHQ1SXPHXHJ/YjVyWDQthbmaVj8s76nUdHHR7+st4h3mzA\nqYZv4nDauY2prkfl6yYmrGZaQpHdGjd78Yj6lbmrOb4LK9MPLplMsluYDlq6\n/DpCH3w/oCcZ3S1PV8L7cyK8CrGqGnETpr1+afaJHsVcmzA/6thTwMGQxmy0\nDBMIN1HrXnA1Kg/TcaCoaFPND1/5hGDik3agVzPKXt7l0OyK4t7SxaH4CC01\nZkek89kJTgM7iqpj3HmNEazvZKj4KUhuKtuCu+0girz4ieev/olBdtQ1v7sP\nBCdM\r\n=3Nvb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDib0aFI0rV3tCa13bFqsKO5wqsMOr3ou48bF2MMfBwlgIgFugBSod9ZadIzPdXgf7caQfJp4cQ7WmJkgutDTTAO/s="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.93_1571763345202_0.609427784453209"},"_hasShrinkwrap":false},"0.5.15-alpha.94":{"name":"@react-ssr/express","version":"0.5.15-alpha.94","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4b238c0356c1b60e14306d84638309f02027ef15","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.94","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-36g86EIOJlUtNso9RDgMYqRgKfsfR/M+Wfqr4QasbjgZzAvWa2GkBhpND2SRsVOpxTR2L0Cq1PdBn/NZljVS4g==","shasum":"b3a9f4cfa0e0e4c2dff7e9f24fb249b26aa40c22","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.94.tgz","fileCount":14,"unpackedSize":48812,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzuQCRA9TVsSAnZWagAAslUP/RSZma7fvXNz1o7xoVI6\nPaEuI4eASP2q+GUJfPiym6TZ4B/FzMiC3H2kAm35YHYoJIpXSnxSIQtymY9V\nL2z93FcFg5aumlLi6R6/JGJIAsSRr+af1vvrOIemfBBtraxPoV/HswwKP5eP\nI2+SdAy3Dr8+kCeP90C5tOWU0iaqu7q+fx8Gwtl7Jioz8gQezGDxopiGacYD\n9YpIOBBstn+q9SBJHxRmomprHO2V9TTOpSKTQaxQRE7ss++Cf/zP7TOvPOpx\nZWdY3gfThzWIQ8b6BYxTstqNWFqchaFi90vDxGQqiIpBU9cQwhOGtJjgs3zG\n+C6frp7caDtyRYAo2KDshcnhqNAp8ojRvOYNAssAihiKXyaDOQiyX7XKYn7Z\nZxhSHlN3hiHz8L2vtXTSrdoxUjuCoR6Vn9t5igaGYEFiC2W7nqW3hktbkUVo\nbWChebps8x4GgRr/g/Y2zzdc0d5wSTqwVfiasmpYblPDrG9egTgu7aWRlYqd\njwDhrTJaswdGpc29sg4cqVFveVdRL9XcLBEGRVdJGr4wOlgpdBi5Io42nvjP\nqZpro+HrT+UBMxviuEQvflitSxwL9gjKbO5//fnHowMITg7BlYGKFjQ85o/O\n5rcJ0Dj/FZ2PZGODttCoKju4S9jeJgzOA56dVH8wSIHnxpK0CTqejMT+CBxm\nPVgb\r\n=BmNl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHeB4OXv8cx//8bBI9RNKC0JIZhVeiBYEmr38+kwsn+KAiEA+1zz6cu/3sQabcKLVsEcn+AVHnjEfkQ0gHr9CJDatJk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.94_1571765135746_0.21890295155443185"},"_hasShrinkwrap":false},"0.5.15-alpha.95":{"name":"@react-ssr/express","version":"0.5.15-alpha.95","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0ad35b2465cd2e9f9dba2ecd5125dadba820464a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.95","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-AmFYJgeIydw/7U+/BKrH0PX9uGlUjuJhE6uPJAlL79xkjxKgqtYTf3Erae4DO1S6KBMp2zM0yYah4nIUEbcfsQ==","shasum":"9232ac557f7a9013124cce208a4c0705e48bd4d2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.95.tgz","fileCount":14,"unpackedSize":48858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzxnCRA9TVsSAnZWagAAlocP/1j+ayKjbJXF3w5Ymz+W\n0T3WWQMGvDVqsCNZvM9HI3jaPsOEOg6fWMN6Y3BGvPCI9WNgB1l8ZutJC1Kz\ntc+PHz2d3J9+Ym2zMpQL0ZY8woUMIObrmZDimfIOAgwWUJvQSi8tdHuedkQA\nIYs9e3w1FYHTH1QGQL31Bm6KRyfq+FetwHC5OTvTdPIReQ6CwNuhSt2F9Y/g\nQH3XY7WvMLpG9V+Qurcokps2CvzUDxq93iLYdfAmlquyhYfMUVCLdTG1Yc8p\niVVpanvd1e7suOOWnIatUDIJ2wsdwYm6uBw4E62srvWNmr1liGuk4rJEhR+2\nbTUK419BLRnBy+/gBQ82pha7fVoz3t1eFZeNwI3p/yIyLrSR0k5IhsOpRWHV\nipoBPHFGVq0NtNci9MaPomixC8yjRXUKZdGp6G3q7OPbne8TcmRUlelEbot3\nIt7HPzUxzotUIZH2tyqfQp71HPvNtxAWmHytobH7uBUqBalGYa4UxDpQ2Jg0\nh/pNsfRxwcG+maK2nRqHsl0MdqNlpZvZIVv22EjK+X0e2OIPid4AtBE0mwR/\nYDqx15NBLdOw93ypxx32NugRM55Bd+NSvDYYRTmEnI5rZR8c7nnXKBwyeu/e\nLRtGPvWYiWk4cPX6Tr6gJ3cQzAYeW4KJ68VqynukBYvM9DkFQWFeGVaWJMVp\nwKeb\r\n=xSJV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2mNc4VKhiqwv+s6fVi8p4IeTpiSZPwbMl372smZogJwIhAIvUTYGLDJY1PkkDk3t8CXUEoWztisUtuPDwmlNdBMz7"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.95_1571765351296_0.9808837394847822"},"_hasShrinkwrap":false},"0.5.15-alpha.96":{"name":"@react-ssr/express","version":"0.5.15-alpha.96","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c302be88347895206f94b53d580a7e10c03530b5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.96","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gkxNAeBpnTIJ9YVJKNysN2fMR2AwNXqpy5St0Vw+1629qmbtE/4pknEH0tMNJekUItJzFWjKGH3QVxIKmDcHEA==","shasum":"beacf52822e5a083e985f163eddda796cffdd2c1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.96.tgz","fileCount":14,"unpackedSize":47250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrzz3CRA9TVsSAnZWagAAe8gP/0IhYyGDZ9XDRg9wYOf/\nr3HJosmu+ZkDa6JOtt3tfP/dNRglCWTXOm3VMuQeLg8+6vVAlYrghHvH8fm6\nUO7e3Vnbut4nTOPiQjNNjFuBL7JpCht66hkYBPYHz5gaJUIJuOP19A409BP5\ns6mN73S0ayy6C4WhqmdyEhhyZe42ua2ruPPH7X4txotJFilBtmzWZCt7Qqfx\nPNLcNwlPXywtL9/LQk2eCXQnaQthlkGyVu8YduqQKZeKQcRnazZd6pLGPWyh\nbpLUOS8OR0mohKzgbfXIFHNpU+G6H8Xw5ZUjWUAs63k7ScWWcVww+lOvUSGM\nMZsNrxo4aa5bqKEL9xwyk/hvzN3GEeiZa4GLf7WfzxsXZ7DRL+BWFdHVhaG9\n3OHEWlCK5nTu49RzyNdN5Yr3fVGnrfdzNQRvKjESx7/2bG1CLVPMJ/IbzS0O\nTn/KEWcQxAZp3EUw019ASbzPHqBf+ylCE9K9PwYeZ9qLSj7+QQDCdwnxJQcc\ndK2UduzTB0kPEZ3LiGqFL4lC/zGB0KkWyktybU2r8a3ciAbcOOZBTl3Px6yT\nXo3nbDY7c0PEoStY/YkjRYxa7N18cft2XvxF54NrZ250nxRrnoQfzRVxEmy4\nXlwOC6cjYney7xtaqeGUU44viDaHD1vLI5q02sAwQywHZUbwiqnTM3HFMuM/\nEz3c\r\n=dNxX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDC46W9lRQbmyx2nH7+dj6ZdgGgENl66TLs6EP2vgxfCAIgHZtPN7FidS9oorJmOOxtn7R0VA/xkXUHz2rdL1j9qKs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.96_1571765495205_0.9941180567818768"},"_hasShrinkwrap":false},"0.5.15-alpha.97":{"name":"@react-ssr/express","version":"0.5.15-alpha.97","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5cc074418f19a777dd6d7b4e0ba034ec3370b39e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.97","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4JBI/+Yp6p4gYG4ONd4+L8n/d6ZU46WTkUZELONB2HJX4kpkbLeGNAkHP63eLaXQldlkPNUalwdX6otv0voR5w==","shasum":"9d605ebeac39aa2659dbda28dcac8b42fbf5f12a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.97.tgz","fileCount":14,"unpackedSize":46016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrz5wCRA9TVsSAnZWagAArG4P/idpuo5IIYVV3nH61J6B\n/9qM1OvkeDzY1XWPDe2b7Eg2V0GTS4rHgmCUnPsWuoD3i7DVTwu6UKcy0hmz\n8eOk+ptrOjAKZq99XTL4n84Zw3NimQZfUWDpP9mMcHeTo8DDTWU54ZFDgRqv\nxmssqBc5w7B9NxdGm4FfV17MIz84vMugjkKAIazRsK+OejVsjygstPDkNPBl\nnKIbV5oytMQTFJHit2Ng/fDAvp9zZpSkSsS74KMm1hOqNY/4zqr3t1KwPpRS\njDvY/W0s4Nj0ti8QVYDZXkh1hm3Vg6/iOxDb12ZwO6ZGuioNKJxJh3KNYdrN\naKPnjf7WlAFli+h83ZAgbq5yYR++LUIqYLMFkggGHMnXcu5JdhrHhsPPkuBG\nEaRpT3wbJOwYPahiT9RfxXIGDjsNqCHNUL6NaqETHp4MK5+0yvCbBG2Cz/EE\nNc1IyyRnPN5YgPlVrPn3L5L3T/PRJcvtaf+dygLuNRbA2bU0ekE7hkJ0S8Pz\nbiuoaJPt4RqCakPLAFvkejfyEiLyGQH0zydzRXve/10LuQl4BdfJxe1tLtQS\nsf0c/O/ojaZyx0qnmwUD6jDt01hLoFR3WoL5BJ3Aowvn/EiSLPvc5azIoqmx\n+650Ms4pRd2Lwzi983IVwlrOWsKl8dzhU7eZR3Le+svDeMfjijqyIq7E0WJv\neYIa\r\n=r7XO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZnl0CW/V6BJ5Gjh/9mKNQkkjfgnUZ4ZDr6pc4cXLx9gIgd9w6uy/R5Kk1UNPTviZacS10z32cQwu2+v0eRsnvIq8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.97_1571765872209_0.030252988432700523"},"_hasShrinkwrap":false},"0.5.15-alpha.98":{"name":"@react-ssr/express","version":"0.5.15-alpha.98","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"995064c315c4f0905bc0eefffd464cce5d444516","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.98","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WgOonipb/DUJY/yuLwiwCi4F8rPWuhoGDcpWBxI2y+GTRj/+ng33fPNgPsf4tPa1O5f6nZpOeHd295qieV+rYA==","shasum":"72419dfa09ecf7e69a9fa32db941b5ee89015b48","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.98.tgz","fileCount":14,"unpackedSize":45666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrz9tCRA9TVsSAnZWagAAJZYQAJbxsl/Oq3JcbIiERsAA\nHZH0eQoii8o1j3x65i8JveADiOUiDb4HjdAPdmOPxvDUNUHPKFRizhMFPuOh\n6boFcTI8QnuVfdcstdsHUH0L/ksoTY+nqisdJyuJsyGzOrIKc4mrHJHAPSDf\nBaIokiyQ3Ylds+OTuHG3zriVPrB+QKiWvmThgi/stClRpt/6ECRT0ZpJYK41\n7QZrTtDQNAb7dFb+rLftRGR3VP0AGU3ckyww1hqOLT/ZnA2GkxnTmTcX0dNx\nFtLn7dSqXwtjIBzcaSCCONMmAZ1d1yhxJKWhTDjjmZqk//RoLh49l3W0zk5h\nemxafcYp4YaLw1WWj0vTV7DMSHUygeMSdUjkSgZzOFg1FLno7UZBvWQGznST\nsiGTAGC0Bd4iYmlzKeMY7yI57Dy1gNQ93XoVzNySHedmJo+Z/lh0jkEWOadj\ncFmHaTMsaPyHAIek76tW1FbmXA77Hw/VgO1LuYsGvDR4zYNkOjABC/qWVeLK\nJrNi3/kEYpecOAoeFZ7r3q8Rfyl1aHBWHgm42bFEjvbNl8YlrTr8nRYPdnoD\nRRRdW+H506CYhHuWLvHli3HGc19a7px1dKE+YKGdS0IOpVLBNNcsru30gQtC\neNWhAtl6mLLa3TIw0WPqKBPK04kEChKK8LR7GhKKrkT3Fxec311BhZJz/j5f\nsPzE\r\n=5FIE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsxQhXr367utry89wbtRwqw7U1GDXYGULOXYyB7TlmyAIgFG9mth+LEZWj5TBq+9oYJQf5I+mzGUmpFPVcH6B+H9w="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.98_1571766124945_0.3396790725802039"},"_hasShrinkwrap":false},"0.5.15-alpha.99":{"name":"@react-ssr/express","version":"0.5.15-alpha.99","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"733195bccde4ffc89e284a57252551c5a28cc502","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.99","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-MsieYaIygLCFjTAXP+IeMT485ku+tOTSOzt+wx6Bkc6SLYwHar/H7gckBAJ0KJpohAiLDgWf6Wgg8OtA4HCV/w==","shasum":"5d3887ba3e6b61fcb7075f45b0581385c44382af","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.99.tgz","fileCount":14,"unpackedSize":45786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0EmCRA9TVsSAnZWagAA07UP/0GlHz9tjfArjeqF/UDY\noJX35B/3bHvcuSVDjeGi7QF5nHodGLb0i5V1yrY/GfXe2GpITeyqPtDCi1Co\nbbrFU4p5vJAdJLiVhX7xJwuQ7SRZ8yEPw92dFSCPQKa7KjMg/mPNSdJHjaP5\n/D9ZScuKiMW97wHeGMi5KcSM01Ss8WxwnBumqtOOEIEgQPqSfRvrCPgK5F+S\nQZX5CC7zfrUzVSF8GrcI5NpvbCKhpvo1apYGp+ad2GD2RnBSnD/qbIyG9ipV\noSULv+SAT3AyTDtWCIX7RS4iQG6kJqWen6L2Lp1VxjDuf3uMPFj71qoyItp+\nf1VB++Ql7GgV7cNzulbxR3rNFeo7t2WaKDWLmJGZnTp3UlGmsq/L68aGNELG\nj4NtyXQCYPzr6WoSZwVKJrRWmNrDDQeU18YmIMyl58Y1yD3bqq40gjPG3WLX\nPX2MQnW34YMeeJttgeDpArAnq4+sjlIEaCwXX+i6q+AqHRI/Onl7hYqgWseY\nRjc6x5c+63u1S4vbinoJuMUbOUJaecu8pcaaJB3fM5Mq+/Pn5R9A7y6oTPyb\nJBMhPNG7tA06UbdY42gVWnclValiFSFVo570upP6WoLLlJ6tsQfLPbBSFoqa\nl9IB4PHQiRZKVdUCzcOeMvP9m7TdMqRMsXD8NrDPT1VLY7GdX2fPotoB+c8C\n2OuA\r\n=ukvo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGj6vojWaQAdA5GyvM8e9FCDnEa1VNfplHGCy3Rs3YmXAiBFcwIsnkG3izMJFbYsdtp2LTIPgbDC27P1BTyhhV2fZw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.99_1571766565563_0.9791108650847042"},"_hasShrinkwrap":false},"0.5.15-alpha.100":{"name":"@react-ssr/express","version":"0.5.15-alpha.100","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"af81c0a27802ef57997bc74b9e66ea66f6378bce","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.100","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-sUuyH7/+xGqMkbPQlSLlilsn0nRXnVyrTihZh9Bqqr5b0EjIwy4qj1CNPIWUnGBXX76/WQQy4nMFrPE8leRung==","shasum":"16dc5681e54ecd1c797a2fbe64737d62b0a5db4c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.100.tgz","fileCount":14,"unpackedSize":45189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0JpCRA9TVsSAnZWagAAQ9oQAJu9fsnOdmt2rJ9u6seK\nStoUdRIx3+VQW2L8280f3Eo+sTwZsfsUH/xDWW+os5MZa0raKShARme7xXEE\nyTNse8DAJMhvh2rLmTSQOwu3hKRLDF36b7XalM9nxeTC4ybhlp8BBf7i1BWt\n6R1XKy4AM4JeicYT2wd9BCwnEJVeiTOTz006RPFFHo3lIdIotffNjVtSnNZr\nc2WZpWs+byU7yRDWArCFb5B8oKXg27oodiaeCXgr0oepMGVhq7LTv/vELjyz\nJUuPKGS9pXmubyt8dRojM+mK8RUXnV/bZP4T9QgbQ1JrnT0fC1fdxj8FtOIO\nqPEd6F8NPHNUOe1aLQ2KtH/ZzsNsz4VIfyoMr++pU41MicvomehhUT3nsBS+\nH87gZlrQ/0TgzLpEyYfW2aC6nMy39yPDfCbR4ZeGQeJadrmGrFy+W3Pviqzy\niHIMKTsOHTYMqPBnaef5zzPRN5O9FC4y/Zmq6Kn75W8r8iyOS8Yb4lvySXd6\ni56feTDB30PKYfhVqcGm1gR8Qtgix7R/jrFiu8M3i1HL8+r4b9Tne8KAVImY\n83gWxLA6Ac7RaXSOegY9R/wd02GbQKxbFoVAPia5OnfxjqWYn/Qd9l4MvZft\nfp3UwnNcZH/9+bkDUHmUyUrHsKgqpl0h+VNhdx90oqxkbbDp5TZRwCDLReWW\nocLU\r\n=SkaO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIESUOGWHalbU1U+OXneG4sEyOqMWQxn0E/H0heQVd4pVAiEA/1MysJfyV1afXr82GZo+IYEkT8jGIf1+v5BEbwEsU5I="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.100_1571766889231_0.01864755982419153"},"_hasShrinkwrap":false},"0.5.15-alpha.101":{"name":"@react-ssr/express","version":"0.5.15-alpha.101","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f01714960da003d44ad9fcc9d2ae2cadfd9ab53b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.101","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-0/zUDGvEWnphro87qdeZwlUVCEzkC529zyr4bmdUIJFR+fM8EHvFzDnUmAOTuinhy+5tA9ja3BIzhWQxtACrXA==","shasum":"61877e8c55036aeae970e7da01acefea87c2ab9e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.101.tgz","fileCount":14,"unpackedSize":45685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0LfCRA9TVsSAnZWagAAMY4QAJ8/m4jZeepfODkRcYY9\nqGyHNg+c/MCql6l5Umu8X23b5E27fIxZiUgetdik+oT7HcKeRSvw9vnwvwMQ\neS4uo8nQ3GC4OcltkYGevOy+goD8aeadlAEiu4w5BZROChKR1fAqbf+CrGhs\n3Ow+ZMzkK1EGtlinZxLjxqWGtfEWf9WMuHgQP5871G9AhT7oLmL6Vi5V2oFV\nE/OaXNwJXCxPqBV8khMFZSBMCjyZgB7/Cyh9pXYhLrAOxv5oEBkkH+igWcEx\nM5M1HHVqCmMEdi5zFicGXmDzqAJfq7d4Hgp0UwEzKAfDDGfM3G0M7DjK3RKy\nylpCpDe5LeMk6kVr4MJai/8YXbkVINNzl+dMEsvvrPricLULTL+Ep0D51Dmm\naKHBW84p+vCHmv3WVq3pWZ05ltog2x+7W7iIgYL4SP72qc5VRJdL0TtrdJcd\n8M9u7cjPYQfGAxx7egDr7FStpWsBoZIhLg7SWzds9nxdjW+er8gbFZEIF3V0\n5ii9hr1oNPFdkQHBjzN5N65DHH6esr3ArUIAXglCZ5gsx2WnvXS68I2c8ReG\nNbzAhEW2UdbdKCOuOjwvBx0JEThmcqn1sZ2MsMIWsPuo+9dcxRgDg/lhbgB9\nOrg4FY6i5HsokunNMbL4R5Uxxhzj/5F/1iUMfI94/VFkkmx1+5qMymUkfXj1\nxYnT\r\n=ML60\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC86be5gYLgxK7Lsj462VYgxceLe++dIgmSw2dcYQMnVgIgA6q9Uq6ViLLABXgxPFSfofVVpJo8Whj8wvuL6dj/te8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.101_1571767007231_0.1937972791740028"},"_hasShrinkwrap":false},"0.5.15-alpha.102":{"name":"@react-ssr/express","version":"0.5.15-alpha.102","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0c2de33cfed4f86b1df7746d8e65d4aebddcabfd","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.102","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-doVDQD3PT+uvldqlWZsp5FNYImKrJfNs5WO4Det4GtnsAmgb+GyL+duKUVe1SCtvi/oZW67ikd/tgV7lxlPQJA==","shasum":"01049710e31202a2203cc027102be846abfaefe4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.102.tgz","fileCount":14,"unpackedSize":45361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0PRCRA9TVsSAnZWagAA4H4P/jt2Nsx3MXwtgiJmeMTN\n0S8nLt8CoraNaZSBb2AMUVOlWBheY1/HNQzuUrq99v4ksEcUn8MBBJulo9S5\n9X+FSfYdg/GfwSF36xg8thhIMfU5ffbEWtDjdHIWySgBwq9WTm+NKVa4fXwz\nTBDkFtmmn3MW2aVgcJUZVm8T7fwz5E5pIiQTU2eamQdCSHHgg1cpUSDKEOZY\nfGQrf2iOXD2K484EVOdRojfo3YCjxiEn30x3U+Ea20Pcigk1myxM6iyeTPeQ\nXhORlsdeE4a5jTYm9hkfgIrJL0yWtrA40GFiAmhvxKdKeyRTfIeEXImruN8a\nxFf6co8jXk7tS0iOcrYpn8eEhpppmkbKwhj7vm+LYMpJaYAGABSINcirTe/p\nMk3KHTWxKMZ9YXF+tOE6rbRhmZpxk0kTlYXqiN67yZ407E6SwYJgUWif1smQ\nLxkIzT05CfEgrI/cjwU5CawCbhD5jSUOb5Z0t44lWnYw5lh/BumvSpGQKRLX\nx9t9ce4Uozhu0tW7phcnwN5yje9Qb1pAtD6RMDQ2DKlcm59CaZCoKI/0+cZK\nTfZBRCMOSLqOPkmqpR+IPXCcun56DMugDnd5lK48DuxUjRjOZ/KjVJW4/FJo\nhhXUKnN3jfPKBR0ZcxeNg62004wCujM0qCxzqWMpqlK59nUxA3NHrO45kGsk\nsIPS\r\n=6KIe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHKVtflQQ+6dYVxduE+ZQDRFzJJ9Zp6NBnepW0n1zOI6AiAZc2bQ+v/H9KYRiWK8M0huz8Cia01VqnwHZdMuzTghOA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.102_1571767249297_0.7759103129039977"},"_hasShrinkwrap":false},"0.5.15-alpha.103":{"name":"@react-ssr/express","version":"0.5.15-alpha.103","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"91c319a0b43208051aa761d8a7f8d3acd5910465","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.103","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WFQE6HM7Fg6cSEOICEU1JO4B9qUT6lUrtU6lP37lPV9v+bq8Tkh/5RmBbGgk8gc4tdn+Iz0fDQkotZV+6vMj0Q==","shasum":"0497c4a5b6404e8359488dbc4406f4047780073b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.103.tgz","fileCount":14,"unpackedSize":45255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0T2CRA9TVsSAnZWagAAfq8P/2u+f0n+P1qnguSzU6XS\nZumku5mss/YKNagyOUdL7SL1wS3xVYyWbhYpUvk8KghrtfyPSpuhwK/K32L+\nKSjtUl7ZdKW7pm1fGYL/MeS5+Aqdb0lFun4tEZ0W0rRa/ioMmDpFErOvAnMR\nY40LkN7TeknjcnKQu6vTPjLn7krweCGzWn1wgI/N8Mw66/06JyxhwMR9ZEt2\nawxrJp6Tb5SDkYYkdVgMvmApinOcvTgFBQ/l7j6YwO7jgxsbMueRYt4a86Ub\nWkiKOsmJFXJ0RSJUXILfbdBTCFVGssKXaVEYy8NJu6bWJ99D/L1/i+fQm3M9\nHvhU9QjKNvSwpjC5Iek6fJN5t9e0F3e1OUAyIyVicApUqX6GjnStyxdLebdu\nJpN38FJT+d1ReD/y3QDjBnoblpSNP5rPXBfEX9S4anK0Usw16SAFmi9xHoan\nZNgf35g1iaadWY71QAt4/Q0wjncQ4dzILxiY/dltBg5KrtRuhmqEsTKXTmDg\nBZmwKdwl0TxJeXP05ETQxC0AMSCG5RbLX/L/y6FNuL4vo9Kwfqu4b0kyqf57\n8wlcJ0+ry3r/DdUYk8T4pZ1Fs+MOWuR94ZD1lDpf8taK5YqspXJ5hAXKBGfF\nr3oURp63eaakarewo6YCnY1/luUQyPW9vocRO0C/958WLxLRPEOZl7hMjL7H\nURik\r\n=Pinw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBcJHC17CYD1DxoeZjLxUkjgtl5YCOpXpsHMvmRZplN7AiEAyB37JdnF174PViuYsHA14LTN6KlzGtxkiuvkxize7Dc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.103_1571767542339_0.688403226540049"},"_hasShrinkwrap":false},"0.5.15-alpha.105":{"name":"@react-ssr/express","version":"0.5.15-alpha.105","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"13c46439f3965e4ff805d52af987ae4c8252e429","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.105","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-p9ojWGdQ3KrdF+b+Vi73av6v13x8iSW/C5rrUbQK6mTADppDRdI81wkmX/LBKaRXqbLh4KAXQvMOoUtwLkSznw==","shasum":"0ad578267bf5f9a42acd9f60d53b2ee93eeb8a77","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.105.tgz","fileCount":14,"unpackedSize":49527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0ljCRA9TVsSAnZWagAA7h0P/Rq6PyjeCoYrtU80ByjG\nvqX03+IK6ITTGwmMDbqr7V74OP0LFcj24hn9PMFSfSqnZxn1jVHZshfHDxBX\n/aWtqhr77/95K8EJ1G6s6bkynJtcMvBYfCijI55Tw/7Rnq+GPGRFc64FUSI+\np9tctsals0akRasT5TIxOODf0v+ac8yCD6ZzyFMowY7xenvXkUoZdGRQ03/l\nuotlHx35oAxLiSHNPfd5Z5hGgokDK3zKLfCSXhQk6DvF5YmGOZGub4LL6ErR\n5d5/y32te6DqBoYPdEk6/JBTQEOZINppLFtHtGo4XM2zEL+eIDL/R3M0iJ6m\nsJcHBoI3eL5IrZETM0pqaOmHQTembYa8fLUkJhSIT1uowA20SNeqMsmJyD87\nZAx4ER8O22fsykSdqo4HmEHZoZhpGUyiI4jT3XZLIR8c0rIVnso5dI/iralK\n2FBeIxYdrQDG6lz+MWZSnJpQKKWapdVD6r1v/+vl3IIaDeYaDWFysNFaT3I6\nMQjlQ/dIsWiAw3j4W/ckxxloRvREwga9cpJxZEbJWkioQCsMgKoSNSEHr7V0\n0/PzGFX088TtdUD/SineOgHZsD5+UPcmwIusWO4noaO5hWRxsAsr0DJLvBbW\ncDx9UUi2we8J3L46br2//Qtk+Uc4nBv+ZnFJOnXe74as1JgLkKL3u3wnwoUp\nJgqz\r\n=5rGQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrRZT5t97vL4JHCJAlkVa2cijNpahD348yJljzcFODIwIgRCjLx7QN6qE0tDupFK1IGVj9RQ/yJH5VKIbu24xK12Y="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.105_1571768674830_0.6302561918835763"},"_hasShrinkwrap":false},"0.5.15-alpha.106":{"name":"@react-ssr/express","version":"0.5.15-alpha.106","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"de4378e18e3c63d8eef7430246a7d3595a8cffe1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.106","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/ybGeBj8nb60bl9nEmHMA7upkh0NhG8xuP6KbezWkqZDCKa2NDZiYi+5xTmX2zQaA8QbUaCWYppv/cS35yE2Xw==","shasum":"f2573238048a73e156ac5767fdd83881687fbb39","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.106.tgz","fileCount":14,"unpackedSize":49537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0ovCRA9TVsSAnZWagAAM4UP/0cOBfyaqOGzYo8dCViK\nvP/MqPEtPiiQvxOWf0ZB1j3U5dRaXeTMRChASBG4VZ5WW2xMrY4OJMegBebW\n8lxIMKwNnH0t+GMUbmVoHsPc5sw7oeoAYJC5SEhaBX1+6Ieqi+m+gD4JPW7c\nlq7INtXLWnSRsM7jjDii+7Btk8p2H4EUvSHCSpzkByCr+HYAyQcgt6n1s8GD\nVqUijfCcxw4lJTd3G28hS3orQohr6Z+wqRHUVQSUZ08Zs3CRVSsGRv96xbQ2\niIZZlzPVgS4boOEv+0bTMO8Te9s0EDzpx5itKBaKp71pRgzbaR0VIlrVqjf5\npQ3Xp0SMeQGschWBI91FDo9P8Ed8wlT1r8PJ6QwyxOHBgSxLJJFMysWbRWMi\npJUcQU+eleTXOjRYXeV5NzckipdoH7JziHuwVvINzQ6Rtm/BL5YJOjrLNVcV\nHAlSnyQVvsXkXS4y/tk8zmUikzlgx6o+KyQiLnVWT+J0tR6X3uNnTL4vOc3F\ncALeEuziK8LXV26c12CnFTSkq4k8fdNL+ncfunBOCC8bIn71Hy7myd3t1M6W\njfTEYh/5p9u2gU72GNc6Y3Wjj0PGmVOeaLUohxhgVdVlAQnf+srzPKlu2E5A\nbrUlvnBVamPv07q3Wduy/U+jP8x913p9OqO3JiDtTZaI2wkcTHHUgMvap1ic\n/loD\r\n=+OAp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG40j41CTg35zyyfhrnS1A7aRQ3FfE0JI8cL325TllVHAiEAvEw+iUXuAtJ+vNWMLaXeEmh6z+bK+LEoEzCA8eotDsk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.106_1571768878815_0.46530725695437924"},"_hasShrinkwrap":false},"0.5.15-alpha.107":{"name":"@react-ssr/express","version":"0.5.15-alpha.107","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"272892df7977ca398df4509583a2b82464b4b5b0","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.107","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ak4WDPz9G6x42/l4A0eJMblS/BFtcyv4LECuU2KbzU20XVmx0nXDP68wxmF6+pa7Gak9Jtc9ClOCXc96PtFspw==","shasum":"d575ff01e943e422051b41fc135ce2e943fd2980","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.107.tgz","fileCount":14,"unpackedSize":49621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr0yuCRA9TVsSAnZWagAA+gcP/3yFzNRNFol9PVqIPHiT\nqgS4L3IEy11OKKHBB1HkElyfHO+rOLVPXSXYvfJqnOZXrvRiG77qSfxcSn/A\nOHj6j1Dj4iaqFq4sv9EcEN5MGx7SYSGOvIAlfkOWRltefCWQJfPipYW3NYV9\n96v+1hUn5olg+XNME8uZ85XXdP89eSNa5BF90YMye11uHhMmDR5m7rPEyxA5\nLIeRvxywmEweBC66Nb447FhFc7lpAK4EYVdKL8x6Ay8wsgFgZ67gkJcM+EtS\nXFx7RvPkozcHEHgcgEbHsMLr+yL9wkMl0oFrsKwJtdbuwvEHOU8rc9wvNVZ0\ngK+6A86Uj5dE1l9qN/EHAR7xUY8HsMsUY/RXjbL8hIwgoaMPstWfMUOTUhyz\nvFO7n2TFc3+Hvz9mWyQqnqkp+nCYtE3vlFfpRn2VZ5FOUDkbqRREVVUgigb6\nDfv/gbwSU9bMdXngfYb2yJXBX21u8sv6WYWw6DAv3eAkjWt3L35oEgRjpwUM\n0O+KtpdkGxeS0tNtIpnIPyWb20WlmSAx08Uh+0nEWfb05F2YxUyW3ctnqP0y\njpPishnjslpakrzm4P3ZUmX6Jrgd6s31qK8JZakDUCj4W0sKlpN3TtQTNRxG\nM/IrIhx5nhZjg/03vSA+w5lLJeCQaPov6z/AIXN8nHgl7xzxGmui4/9Dp6TW\nFF4+\r\n=PMah\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBaQD0HqWxiyfyvixmKbNeb8SJI3UCWWgBmwFfdWq8YwIhAPedNsr538KgHdy22oFF+WQhU0xVrYeeuJ9l83DFP3ck"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.107_1571769518000_0.18333450177901356"},"_hasShrinkwrap":false},"0.5.15-alpha.108":{"name":"@react-ssr/express","version":"0.5.15-alpha.108","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ff307b54e84fa57730530f76b7f2b900220cee8a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.108","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-J2tdfFMmFG0zSpYTdyc1mb3r0clMCLlnWViL5Co+iPO6IiL5eD3dMIvhtKR3jdaWSfV6TmLoieHALj0VbVpAaw==","shasum":"e9b21834dbab804194623b96ba50edf276087fab","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.108.tgz","fileCount":14,"unpackedSize":49557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr01ZCRA9TVsSAnZWagAAu98P/RxA1yKvc4v290R7Mu5Z\nVVJovzewulW+rbgU1q/mKjL95oWjIlk+WkYZK4hRIdS7jtmUGvqM6OhX2hdf\nykKiSXULGyJZt0Zei4DWGCYXXXAuxKdmcQVuF9odbcMC5W003h2Mwymmi3HH\nnHtr/qkhO61iiUHJ6gu/sEzV0Ncjyr8a2qVKgKuLkj7ptgPvFP0MYPRZ84yr\nANnC4V3GdYIZ0kNKLgXsjnBsE9v3Qau3TGUOCioIYYmL4NewLNWpcSnhH5iX\n0YcXwpy/uB1OEHkeRRySwKklz5zN9i+n1gvg7rURpV8UmZStlEVB9V4PnuLR\nguY8ZdzyHfy1L2YHM9maPekdWzhYcPO6HdBVDrLZRFucSwJ0U6NI4E7dLVv1\nh0ULcVNK9oLJ3jVCUAfHhdAyOWgmD1JAzyinB99UK9bGaeKBVlfQxzR9lIjj\n+XbuflKk9VRhdrrr4efpW9iP+kSdGz8WVK0MgXidXZCDMbKGcmnv7YmR4AiF\nqIAeyJZCB+VMmNt6kyAqwB7zFVMfDENor4/LIZxTw5sbwnMazdkScRepklmV\nbjd3Q7ChHJjuUGpDR8x35wE1CYF0hObJvY3GsSPPy5doQVmsIr5lgr+hQSrJ\nZpqM/FG9nZEG/4uTuZwxbWwGZxc8lyAbnWheDn4v727BxT8xHrMdKefHryrq\ndYkh\r\n=nf6G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEAxxpyKWGHRJWMVOve/H7MGdjTH4CrkVfuRd/JHT1VMAiEA2yr5jahGyEfa0uz8WONk3TxeBziSU1jYCHLWD0soqoU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.108_1571769688956_0.2700866199702223"},"_hasShrinkwrap":false},"0.5.15-alpha.109":{"name":"@react-ssr/express","version":"0.5.15-alpha.109","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7ad38fbe716ab3dc1ead0d3964761be1c8d92551","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.109","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-k0G8wgUzIfKi1LMlZ7GCC5s/HlgqCIrcPtoo8ao+PBGonsVnltE0oVH/CUByq/lTnNZ2fPwdesjd8nEPn1ihFQ==","shasum":"5fcac3aa6445f2d0c562ab0d9f2207b26c1cf215","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.109.tgz","fileCount":14,"unpackedSize":49871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6UCCRA9TVsSAnZWagAATiwP/j4d5oiaxJZV7KNvidhS\n0HG6RN9K44CppwgJXee2pDE9tpFJFvhJS7usACBENw8LlN/8huObADmFqobq\ni1J4GIAXyjBAWKLdJZDIEn3uOa2byX9LSoncLNnCscyislN4cgXJhs+TPELX\n04q2gHo13XBIkyu+Q5gFlnmCwURftD1RROJqPpdkxcG+NkmB+QiFjCmUFhtS\n1JTeWpxYLT/NxR3VTOhPaEPdmL0ycqvemIGs9HKGWeyJhEQDBUQYvynmo191\nAy1xCeWu6ZGju338I4Ov9Vocd7zDX3RsMkb7BsDaSkiWoeUeBg6XxRBxqQ9C\np66ZfsAPLgoQgToAWpSnDS+TTWL5SC4YwBMOpOpF2oZOSjh78FJO3E2K1t6z\nnfnmk74ghhg76UFepHPLXpPqNwcDdcZ5jv1fqCHrgKBvmgTmaaTjp4oVa49C\nyIb9czC/pWe/tkZq6ML5QUGriRrB7GIotoqoEMiDhjCfozg5AVzvPbj7p9e2\ngkHcA5F4Iau8XVcWoEvwrptG4fLtgIVPFra8r2MjkbXHB+c6G5+JPAnj/9zq\no74mxOA5phEPtRG9VTqeciTE1gJIXL38vyqiOAxP84+UKS6GIxhrQynEAZLR\n851fpUMK94rVfu6i4V1drDKy+sCBIrwCnTNX4A1F6aOjPl2ag1NRVFkjKsNl\nXMEf\r\n=tUYE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuHKV0kxQlurw5qUw+OnAc7nFVGyMnn4BuujykF1W6BgIhAJrmvIeyFhzIUmDCV7TrOgsxUQPhNmZpr7VBdRK8OYd3"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.109_1571792129588_0.7267805062165122"},"_hasShrinkwrap":false},"0.5.15-alpha.110":{"name":"@react-ssr/express","version":"0.5.15-alpha.110","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2a8ea1a2e88de5d2291e5e73caae47043cc44785","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.110","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-H5mi1Hk5nl2cdc1TgTnYRQ/1hIpc5T/LVx39lxjydJ6vGLSv4pmJbHLdLGTEzvmfLucDt3lkGBXMjAGWmlFBrg==","shasum":"877d9783e3afe417e2064a74d5d7ead07704a2c1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.110.tgz","fileCount":14,"unpackedSize":49923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6Y1CRA9TVsSAnZWagAAa6wP/RrAKWbct7XsYxaGmFpQ\nSWn7HWSC2FW/vho7v4EDUBQLECWbcCaAaarwgtJnAD92A9XALw9JgriVY5a2\n1OvXG4b6jVkZZB0BFdQw3QOjWG96UXvdx5xwfpmwtF9vpcNrRGOAmIvDoxCP\nzwdv3IexM/WtpMutj+wDtK6IGN6UQfqLkMT26hVpayR83Wu2Vrj5aAcGaw0s\ng70bruqASLc580dRaXLuhdkFEyCVlRt6ZuWwpUT6wsYa9Hf15VpXnL7Ble5X\naupt9v6v6Lvx627LLRpnBcjT+j+x1AiBA7UYlO2th46Cj+BC5mAbqYHIK+BZ\n5lK3jTG+qTcKmfFizzuLWcfVxMQPqELGQ4i/5FQhn/BzEPNAnKYiE/sq4IIO\nEW6Cc9bS3VhPpQgDyOTk5Ykn203iS0b2C07Z+T12FmA2i+h2dVNxizMsvtlt\nZCi3kIlBwk5nlmczOlp9L4VDPrqVcZQYqTlKLQDaUzTjEal2F5uQbak3IrFv\no04LKy7c5hREmNqQnxPc1tIKNkpGzDxEbxksNvNgKeQI3Vh2V9NuLdoqdQIG\n2HycSkc19m3X/t7aSHiuJvmCwO8ytHmLwS/HUhIYU/nn55WUT0RS7RTmnbTG\n4uK2s0bPrIBMEhfJNoAZc/90h2qJpfW/4gtpSSJDtQ8lo4BQtv/cnzM2idj2\nHM4X\r\n=nG0w\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgOqsq9pYH6XhNcV0MZdNqoC81C5zcicQn5o0G83KPYAIgKtfBt4C3wl20Due5zZtfApChGRZCLBXERvEnnTuhZa8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.110_1571792436838_0.60700883645373"},"_hasShrinkwrap":false},"0.5.15-alpha.111":{"name":"@react-ssr/express","version":"0.5.15-alpha.111","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"7ac96c85ee721abdf2eae777abb9cb56c669b78e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.111","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1quhwfqgwyKY1AROgQGx0YCFUBiFc+EzeokZupugHkPjUAEzy5zVwT/gKW1/SFKFQGWbGapP4md2J3BFqBBeIA==","shasum":"87f843dbcf23e0ec9f0ca9516c7dd65873e564cf","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.111.tgz","fileCount":14,"unpackedSize":49953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6a2CRA9TVsSAnZWagAA7RUP/i0QD/5TNo3c5gl6rdAH\nKMBsigdmWsq5h4aaZLXlN0p8SiIMgm42uF7vQfAcponj7Dsm2Qi28CMNGEgk\nsMtG/TCzC4SDqZEbsqvC6mcIvV3Z2Agd1z67gT9q+hS/UDGyXKjpX5IpO2fm\nb9XR41NvVvS9u3PetpPeHl1xLPDEQ6dONvKLnPrWHpyyZFOw3k0jCMmBEncx\nEH8V8U6EHQu3XnO8dbU7hSEYr3swsccyXQlAP2PqjS60cR1VNz3rWndF37XA\nzkikByFAFielL1vB8K2yq70xQpTxOosdaieGD3a2IvKLNh+hIBv6tEJEjH+V\nIh/D64QauO4axFya/nf4nw6/9a8DqTeRpt3IsLsjEA81YgkhTwLaK1Ler5em\n9mdjpgo5mbwGQp5Tg/JfmtJPvfprD0V/kSTZnAkhK9RYb5LRrioBpZHHFTRP\niGWAHpNM7CIJg8dswLY4kNzRJwYAoShF7/Q6X+Kwf8dhn/Fsk4rWIkyxjQLz\nbgDqaNFPfYLIrKrk3An+ve45fR5buUOoXpCDQjuf/+hTzdQZ2Mmp0gHjO+ET\naplEv6T0eakKnBSYX/r+kNGM0yapX0XX7jTzEdf4WtxauuMUweDgQUIpo6si\nD4osg+nL2nG75FjBy0V1UnpHB9EQocs2xsWV8IMmoet54gCul1e16prpifJZ\njQ06\r\n=q2F/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4sFfrX85D9FA16D6LmhRVfxUhwW7vSiM1B6cO4GxIRAIgST+iAFjkQXKs5I8lVh/5kU2q5OT8BtCX0YtZdXECaXQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.111_1571792565571_0.7580008304725712"},"_hasShrinkwrap":false},"0.5.15-alpha.112":{"name":"@react-ssr/express","version":"0.5.15-alpha.112","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"829b433ff32fe91dd0132f72b17e62692a362305","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.112","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Wf9bttWLEGvAZQOPzLw2Ark+lJqBiGpiuIgnBmwCP3YiZPlSeQN4VRdwvW1fhJkZzrvisvSAA7RZnN4P/bQLUQ==","shasum":"e1d21aeefd2c6c3fe8c309ee553e0e9f8415bab9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.112.tgz","fileCount":14,"unpackedSize":48553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6noCRA9TVsSAnZWagAAVBkP/RrPKHnIdvrJetHrD1aS\n1W0zlSvdAmxRFj4ryXiXzt+mWOso17bvJaedObIM/gMQrF/B1RcgvRyTrPZd\nCx5GzLeVknphSdlOOz3GQ/uDwaPcYyPpRMlzumdoiE6i48zDqCfUv5SdQQoJ\ngj6j9ipR2UWLHcOT22KQrUEZ1CXrrZ0QCh9FyTp6+36jV8eu0ZanC84TcGF+\nmF7YJA4VJF90UMVF55DG9gfaiRYPnpgP3lzpEcpPN59gSz1giewyFDBrupEG\nPpdpVZ4rPEnaEXf82nZ6TSyIsoeN88XsYpW7leoTXM1q1EWfheEya2bI87Fp\nPxJ7/3CazQcQRg1sXSSr7IgYm0zBWWPDW45UI9f1n5nirD7x/856xRrDT4zc\nU67KRRiG5Vr7p1oiLra4HpBZ/TxpLPjKYt0pPfhwEWccWwiHy3i+k9Woz2gq\n9Du9y0kquOMzDE5pNPc97/xMI7yeqNYrNKeWX/nZG1cPhianMWZ7VnAi3Uzj\nJhGh6uD0iLzM/Rfb9kdy0eIuZgpfhbs5mufzM79pFNEoqDED71+7cJZO2YXP\nYa1Oitw3CruW4YfqE8MP0jp2WRCVwKuzLf00aT6jZFvY9gJymxam5gUFYno2\nNO6oc3wGfJJluKXs9AozjmhT1OmdizJxnNUjqoBbA1LdrmccBLWGhvXcBo3u\nSebu\r\n=b87L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFKzdXT3d++IcGyXdiIoW5ny6jPDFre4R2Vxa8+WOX2bAiEAnmNLKiW4OFgyEY+cjII1yM6TFkPSlIS+fUxnCoA4S2g="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.112_1571793384197_0.4468129307638362"},"_hasShrinkwrap":false},"0.5.15-alpha.113":{"name":"@react-ssr/express","version":"0.5.15-alpha.113","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"93719080b462f62713400d72604ac15eb80530d6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.113","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-jh+u2pa+ZwKEOtVvJAb9ZW10I93+NcLXbSiIKAsWa90ApAv/EBIrKMUwmjuxNeWW9TQ1Whc78rgPkeLd/VGyvQ==","shasum":"5f6de0ce5338495434ee73bb26e1ef57d553ae93","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.113.tgz","fileCount":14,"unpackedSize":48581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6pJCRA9TVsSAnZWagAAdG0P/iPZu2iUTbiKIx47WkXp\nZEVXQl7DqIKt62zkxNR89BHyM45CB8PjXNhDqVt6KsOvLPzZdkOAyC3OwUnp\nO38WTpmvK1K8fh5BSCH0hFtqNqwoePiUPWhZPHsc0ZKi/4dnFtJ5obd45JsF\nynIc+xgxRH0/2u+zIRRxtPXPnn6o59/StNZKgSnNH2QGLNJuajx+Cyclwdrx\nyZdBQ+npHE0wGfAtWtgmJBbIIPGSyC7kONdWEfPxR1Vyrryy78+nhN06OwpJ\nYmybh0Y0KBLWH1CSxOXj4uazVC5j+sWmUdfsNFCZ86i/SkR1kGdM7ig1MBEf\naW54xlp9AhfEqqVtjWwz8qJvpE7+4IoEPLqM19IJ1e9jeW8SJPVpI1skz2G9\nL/Gaox9gtHrRY8EDQJdxPbJm47L56LslwoBUkYGyrSzP7RO93C5THDGRxSaU\nIjGghHQp6S7elnfYTLv2EB119hRoB0W3hmeAIxuzGen+aR0NddRNAyaJRcz4\nRR5IMzzq1OMGZmRmHcwhEvu6qjXIJ4MmjUWYL8ASs8EbO3W0VMTBT1etwGH+\nXWB1wgOCkec1MtQc3xLmpHpylxpWKQsGOvo+ZbEn6r3vpS/W7XW693eaF7hN\nvqvrc+cVjblL2mrTGL2PJP7c1hzvYDc7CdJM8ArH2bW+rT/6uDVeyXEMWkJe\n6x8E\r\n=EMUP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBqhhyjOiH76YS9dn8qkuNDstl8J7SVO8eO+0wiSftktAiEAlwxET1NrvbIEIpIlmqDJmnXHuDDGH8gL/s0/tXWErk4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.113_1571793480837_0.6494651934395848"},"_hasShrinkwrap":false},"0.5.15-alpha.114":{"name":"@react-ssr/express","version":"0.5.15-alpha.114","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9b973b7be57df7fd6ebac36de785e1b26b9fc995","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.114","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/SV2SjMrIOPdq5zLh3PMeuI+No0gVmVOj/ltMUUjMj5MwTP6FZG1xSlG4J5eSC3dlw8s6x+jTmMa2uEIKw69oA==","shasum":"49c11c94def57a9e1e817c9b964fbca04dbc3633","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.114.tgz","fileCount":14,"unpackedSize":48495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6rkCRA9TVsSAnZWagAA6WAP/3PlcZfVbPMWNMHQtsrh\nRC1dhVRLXOqc5oq2b8m8ARNJ+beF096rjYK19y8qMw8SnxtfCOY6JgV9AafC\nAKmXmwNQJq8D3j7m1ALYtb2N2VTWIu+b8Vu0OfBK7ADTlOicRP0anG4nAMC/\nEhR98h/wpga4pgoXU5TZPqWhGnEmL4meCnUnYwFvXUngbU4nH9DexJnBOG6O\nUaZCPFPIZEwXxHx7pjd8BEm8kGLzpWnDZ7ALfZF+ChO95AYggRact+aRjCVx\nKKsJsWVH7L+qNWZqWkHcmKPNq2xqh1Xdm0Bk18C30Z+mxR//jn1egIkjc2Bc\nQ24cgqDKXUl0EmWOES9ZoxKdhZGJ9rAkz+T/MDC0dyJz1rsqn3SBxz4aLazs\nspK2afT57Z/fk+Mf9EpQu+Z6mFSY22xKCjJChcqCBC9OVMeByA3skYD358IV\nDGZmeSepeiw17kWEfq4sOTNPUSkJ/sjpKsl3v1nE0iG66XtZogMj0sgZs5Vn\nfYl3SkVyggCIkpX9gf0u+4ML1jgQXV/IO/OHUSHi745T9W5cxz6KL2ydVCIt\ngiaMfN1xXnwh9LkhDx2ZH6wXMm71fCD+sk0ORF5igRWEzflY6lnPx/oILmW1\nCk/22i0Hodhuod4aO/R1ZRCQivGkz7PDEjvi9tCUADU/Wt+W50sFYxZyM+/b\nhOvs\r\n=D0Th\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA/uNJ/QavzinWqw9V53OASyz0Jay+N/h9Fp4UTgS6c6AiAaPm9dGXNAfo3pRkve3q//kNfvQBZntj6VZSHrkoRnUQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.114_1571793635999_0.174754685832206"},"_hasShrinkwrap":false},"0.5.15-alpha.115":{"name":"@react-ssr/express","version":"0.5.15-alpha.115","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9384069f577e42551a7abd2232543e45c6b5c163","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.115","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7fjiE44u4h73Od9lzMGvuA44aBKb6mBngJeRcdslfnulm+z3B3rPdFs73yJBhT1fihq0UpCL0cXxoOSrGFDyYg==","shasum":"64fe7ac1ca937daa99ae000e063c25752aa39b67","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.115.tgz","fileCount":14,"unpackedSize":48467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6v6CRA9TVsSAnZWagAA9R4P/j7gxALmF1APZ8f/Epxj\nfhRKljwQ5nBPA6p7oovRmTLhxWptDvXGnn4szdmBxx7h2qSBYDOUbYK4CRuV\nopTs4NUOFdfmPo64ox4m5GnRSmtyHtYpu5GlsvY/8KcX8nPUdhtnvXnysoM0\nZerafzWkKg+IlcmfIGFEDwqxPZ2v9r150B+rGsHywJRHxpZiB4VyResX3xzQ\n9WxJYTtcSmZm3VpbpB1j0fOlelLsdHRCC/CWWH9Sp0EAWDOcMfhHJZFBKjuB\nvH0Nm1ysW2xv+STnYlLoOfibPTye9wzP7MHNMOcY7EURe7rimMwKEaWU9QWp\nGJTz3aPG6EoPf1nAqXgJ6vefhPAcbU35eLJC94U+jxpqNCxuUSNnSKFsMZlj\nEytQHPNUvlAdu8GxZLV4tsvluG1yIM12WRaqzLMQqplL4z5y0mqOhUTHnuDL\nAixDI1c3Oa8Hi9oSKaCEE0srPAgIlUylGA6thHrUN3VKtIKPT0vxLjS4fMxn\nEBjd9bex774Dil+nRcpbXB2ZcMhxXnzeuGKmd62MDfW0GdJrY/KDaOdJqrql\nOgw+F7HGsCCni5aCAfQqusg3Ri5CYrHhxhFZQsoyzAoMjjHq1UWNE+3W/Rct\nlCCKb+feEZruriAXGeZ3F5/UiNk9weHo3UqniaOi9QrGt56uZvhH/qwNMKMH\noSis\r\n=/OUh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWS+ExygEY2S6BcS9czKCd9LqC3JWsElmUUNWEnH8Q0QIhALNeHLAfFA4IOARTC0oMDa/CsE4F/hy3/dH/7StJi6Fz"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.115_1571793914486_0.899304931220613"},"_hasShrinkwrap":false},"0.5.15-alpha.116":{"name":"@react-ssr/express","version":"0.5.15-alpha.116","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"14edf1ed3487dca61357a304b79419db4c6b932f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.116","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-OSWTQvshkXOrJ1jHfDxz0/z62DGSeOqcFsYPxEQeqPyh4TNZWC32LjGHC6rDLUSNgJ1FYv+LiiB5Qt2YPL3q6Q==","shasum":"6d703b997fcdbf344b32df8e35d3610d9fed3fb5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.116.tgz","fileCount":14,"unpackedSize":48463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr60GCRA9TVsSAnZWagAAdh4P/2hGXwaxfvvYaNopilsb\n9i9msj0u67VyhPISusWQmbE7NTeRRAcHsJxu5i7FIWNGZBZvAlsjTINFxsFR\nVlmyLUUnUSOXXaIS81JNk7Dc6UXeo5C5gi1LCVBT2IX9/3irvcPuCeHHW+Ml\n0RDhABkjJ57mS90al0fECYsdihCLxyHotMegARuXvtTBWHEGP+LhqF71AV3n\nzw8nrQ8lZzbzbL9NmtzyoEgWpARyTuGlbAmTGLZ19kJxjTnY4kJJioZMQ3Lb\nXXMKbNgEFYIrs1zDWBzG1khQAadkHhC4e/xAXhjG6Fj62tQiuho+pRGFbAse\n6cma4Eel/7ironyk/zb84tfwo95aYdRCNJBp67kv7PrWKXSFZzm+z1i/bho0\nf76gh9BwERUo0+ffUvxirdeawD0O3Jus7iFYrhfGexubjwqeWuAlpMGw1UBL\nSFX1BR22D/N6oSj+3Oh6wsdM6+9P6eywEmheKFjWxA72x5MzJqSXyqj4BQpA\nT4jyFWViUA8kmiN1Nbch86gFUKJCQVioSFBKw87VsNaJD+SRodxhxbn9Fq5s\nPtJOHCUjSf3KH+jI+AcjfsbvB8Y4HzeSpgXXppdw4TG/0EkdmeigwnLywkhD\nKPMJG68Wpc0M8tRX8VCZNmndUo6XpzWDz9RnNHbPWlrRRo8lXUOwLKK59UwJ\nKvJ0\r\n=Ir82\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuquQlX+WkA3oj5HMLI+eCtWDW/mgej5n8p4ULfz96lAIhAIJHWkxTxsJpULREszxNGx9QS7zVy23/DL1FQe0PQ3zh"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.116_1571794182192_0.9002700405117272"},"_hasShrinkwrap":false},"0.5.15-alpha.117":{"name":"@react-ssr/express","version":"0.5.15-alpha.117","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ac83e6eb17485c16d7dcf8c61e30501db7cb7167","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.117","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-bt+CZlPH7O25YlwUCdKMQjdxjHDxRBXq7kGwSMjSfu9AfV6uXmOldzKLuX9NFeYUEp6VagJxrvmtdo5v8Ck2zQ==","shasum":"6ff9b89afa2239c0629f5ff990883073565a7245","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.117.tgz","fileCount":14,"unpackedSize":48753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr65ACRA9TVsSAnZWagAArb0P/RuVv5AA0gy13AMrwIVu\nWzDCZDyFEOgPumg+T/p1wwElcotlV++voW099CTpK8xiuYi4NZQhBSZrcKNO\nam5COxUGDYw2kfwIAM2etRCY5KXnCjSVHs4H1O0rj/iU4rZke+/G5SyTuRKn\ncsCHkpJnHckep4kn0un5slPD7aebu3y7GxlWzxelDx3W4rPmUoIJDLaStFG2\nNFQA6/NTuY9hW8wiLh+8QbCQwsEz9JEjTOx0ZNMVUXuikZHFy6lHL4EioKr2\nmvgtrpqzZ9RXA/RKVoZOuuWcfZiTHyxii6IEa9lWUVLbce1IRpTWTKSK7AXv\n4YrLkMP6geE4mPeVBymUKUMJPCJKtbzC6E1IEFTfveSGUW+/f21DsvdI2iKT\nk39bc8ouSeY3WhciYAk8A1wA5Si7Oa8o/BcB4JJTdlc2liDUJ94BlIU2Xl1D\n3sLokVgBHTXQYexu2i4WaD0OSprnDRHckwJ2QG89o/oWBw36NosGJ+7Dwbry\nsGeSd3HDsG3CAB1JwmHfkaK4XsHjoorcgl2JjehiPF96bl/1NaLYA0Vl/M9D\nvkOjf/kxY020OzLov8SDT3uyN0UUKVadi+P31khxmZGYCLF4QIYYQToUy2l5\nTLFVgSp9eZzSAqX+9FFnMZJHPnAUKCQDK4Ia3KC+ZQhK3JhlHnJiH3BJ/NQm\nz5I4\r\n=ECik\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXzWptaA6stUns80SarJuFLGv+3Z5RkJ9fZfUQ/htylgIgUnHeJD+2c0O5ivKEwj8lpD2zIlEUyYwb75MohyFLmOk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.117_1571794496172_0.4385142916850553"},"_hasShrinkwrap":false},"0.5.15-alpha.118":{"name":"@react-ssr/express","version":"0.5.15-alpha.118","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a4833ee2bba913bb31d0760ed9fc1c976dd5e3c5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.118","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BaH9FYPz8901qbT0GtEfsTu1W8fi8jK0kqzder/rbij2VUAPOWSYOe2p5tBxNMuTPwcc+NHZc4CVB71L3U1pfw==","shasum":"4507c9105f40fe8c9300050cccda84864357febd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.118.tgz","fileCount":14,"unpackedSize":48687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr6/QCRA9TVsSAnZWagAATykQAJaFfhNZyKnyBiNz/9km\n5R+lW3t0OBMuaMBrA6A+XQcsLBgxhPr4z8mCoSkxJ/43MbTLK8lqzb/3N+xR\nXsTk6PEaZftxu8lXfqLRU8/hUdPnYIDBSNw1IBE2CVuIufs6xCPi3ILBW3tg\nXu3NlDA/hE6YDURWuDeVkHQTZQuzg9CZyOnnRymnnRS6VEjYInuF7mj5FCMo\nsWLn89yGNg+LRSb2yDw+pjxp4QAvgCIiqQ+r1YCb5MUMNa6Kp551J2XDJtCo\nrwYxo4T50z94FSGGZlUuvvKPXmRBHhrOOsBrI8FKlsNt0RcCNXIbKJgjww/u\npZuQIpSMRvLP+KHIj23UXLykFUDdZpDU1gyJWkfBoWS177AOhPlqMYD+5FE/\npam80yB0CL3LC0zJPdtIbTHDBhhizKQ3BdBpR6+1LLBGf/ZtTAthYom1POni\npYNWFSWsgyO3HHe9tv8qMOiqrxHhFsT4CxCNxAiW+L3AspU1M5fgSR8lhLxm\nMYLaNQFT5xfEMrlx/owmC2Pk/W3kERXRtiFh/3mUqWeuWY/pyjR3U6E1vHTE\ns1QuijH25rTKwv8XF7xXR5CypjaI3COX9SAymYVXjOg+HndbtW+veG+Z1Bwq\ns2AXw3JdH4Hoyd9Qh/vul0pbkl7FKcdf1RlLer8yo/9OHiyHkLn+y2Zu783o\nJ6D1\r\n=lCGF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsCRGctxybEVWGANug3J3Ii/sHh7mpgAS/lS4Y4CQDBAIgKFYIskqzmiBP9RcdpIZ4+0V3gXH2+/Th/8KKOG6DtzA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.118_1571794896392_0.7868090670203973"},"_hasShrinkwrap":false},"0.5.15-alpha.119":{"name":"@react-ssr/express","version":"0.5.15-alpha.119","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1215bb188c338c2be619a588d3b35d76f8d84afd","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.119","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JhYg374XVYONeV7Tjj+67lHpkoFVll8FAZgO6ZEBMvDq8KPRvc3PWvWMyXSpnfiZTvo8dcjfjj5xjTTMySEX6Q==","shasum":"493e4841bb5a2aefad9bb07dc9e890782c7cda64","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.119.tgz","fileCount":14,"unpackedSize":49021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7BYCRA9TVsSAnZWagAA8UoP/RQFofp+Fe8jXBwvTnEe\nLJ1NEhfLSaquet8pvXifv6Kk3Giri0ZQqqjPqE56E/a1CyyB2KjXJdT653w+\nLerA2J6c2kd2Ae6hGn1qXMh74yOjG/Z9JKvBgckpdRCV+SINTYN2aSjBgZAR\nsrEijx7f/sGvoDE/lQ9VFTr5iKbK4PsmUNzpWOjJlKtpD1CwGx3WLu3gELFE\nnSkhi4h4Y1PsiDYcjdDLMvJkokV4oWqmlDlLWFgn9Mcnu2vkQOTN3xpSUabY\nIZdxT7MFSFZ/BTiWjcIpwJ09sh6PU+nyPC17AT/hhvIyYUlFbanrkkke2YWk\nz6bJ4m3gLnYk9MvaVffihcQdnLERTum9J2WsdFI6Y2cQNqrB+O+RGSqo4RwI\nLJMS9g40jO5D6kWrinqEIzot+oyEmK1nXmBlTl8E+j2wmA5Q/E380VphD8V4\nQikCYX1t9Ma2u3TqWvv/Go0Jmy1LQNEfgYOh5rnOE4AzEOpgsA+0Df2FfghL\n1WLuPfMXSjKnP3sUXsacJPXEK3gqz0v3fMMEG4vpTANLQwSG7Funlsl2/DHm\nk4ZACcjZNO+YJXKpXuGZg/f4iJw5FZ7BjNT9w2OvvkrfXNu/xsPEIePLwz6x\nv2hRZxjGYrMW583rKWGpvLMp5E4xzSXJZjXAfdgfa5Phi1cJmwF/bcGFXOOG\nCbDO\r\n=a4x5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWmESMb7kbwcaJotoChbj74O9+umBVw9qowywkQs4x8gIhAJdZj4wQyADYG9MU8t9pt9S9zEWO6myVx8us9EO4uVpe"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.119_1571795031748_0.6441416567078266"},"_hasShrinkwrap":false},"0.5.15-alpha.120":{"name":"@react-ssr/express","version":"0.5.15-alpha.120","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"66dbf9f3ebad60381aa2faa8bec7646627b7ddbf","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.120","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-q08hdotvHLmWa6nbDpFFXgReKGn5KfUHTLxGf0+L/77gwUcxN5tApXyL8Mfh6S8xiACu5Lf1LT6haOSKHBWueQ==","shasum":"b2d41a035093423bfd204e06aa4ff877abf2f0e0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.120.tgz","fileCount":14,"unpackedSize":49019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7D/CRA9TVsSAnZWagAA/soP/2GugrQvhCcIIkTSOY4a\nhQ3S8zEpQmMbSXuI9N8OeK2KluYbw6PNyq2dMu+47VPltr+Z/8ZGd+AKJc4R\ns93MAQj2mq1dK7UIMeAYJOmNUUAFtIYEBN5ao588yPZlRs20Ogbt0lwj9fAp\nBPbQPXfn2tBHJoyYWvqrqmdMvLHi8jUa9Mee4bOqqJuaVcQVYZjwj99l/wAT\nQ2DXdIu+QP6AMjlL52tAdMn+gH4lDimK1hdzsmaIQtFTvFffScwOVriwmv+8\nwFu8wnAU6o3ge/kbLCaByAIduh+t/PGvl5hFmGPJZr9oxhUZmfCZwQd7MiZa\nxMeE668J2vnZZkr/bZ9zS5kKeG8139OCwmCHcD06hrYDw+/ryPpDyoRRS1ww\nj/EgAp6SkCEYTNo5lUhdu7RonzkkxysxQwr3bMImyfqJS4xJ+7RBraw1G8P4\nkWb5mk38MRj9bB+DktI053WL0cveC6A29ncYK5cakfP2x0nKcvrdATigTjIg\nCRvVoO7dMPddSZYItwZxt47DbijSGYsxgXr2g6QFBL+6AWcatwQF6LFbs+Bb\nmPV2MSA2RqXP/urbX1RuJKm5UNgDZf8QISdtOFuphydfiSTGbMrc4C8N0pv+\nGFSenIxr/awLxv2w/iRYPcUB8uYKDBX68fvXVZcYZuyF8GiXj7Yg5ozdDC4s\n4ray\r\n=KpfA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC3zFiYVDUHYaVXoTqvMshGvXkMZsygZWASPfNS86nmWAiAR1roY9ScvIva7wFNEVSVjdVnS9JoBE9UxqjmbU8cHPg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.120_1571795199011_0.6802078787804184"},"_hasShrinkwrap":false},"0.5.15-alpha.121":{"name":"@react-ssr/express","version":"0.5.15-alpha.121","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"eaead03ff2c90b8766499f1720bd1d3ae34e4022","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.121","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-u2COZpgfQkr+MD+t4DvyuT/+JvbNZEHDZKo3tUUlijIbJCyBzD4kAss+IUM2kJF2i/474xDtSsFlCVm+Ssotfw==","shasum":"669606efce2222cb626bdc2d5b60d276bcd32f6b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.121.tgz","fileCount":14,"unpackedSize":50007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7POCRA9TVsSAnZWagAARuMP/jYWqWhilZtMmv1kaKzY\nYWxH6EslMxize3lDwP/XQJJnyh3Sy6NB5vUYjkXZ218ClHmVXorQ80UpQai3\nWrFzbdoM/mUesaucvhX96EA2Evaf4uaF1MecUtyXHH+6fp+zNqPLO1QhFAGB\nzBzg5V8U8iTpOXkIE2WKb+DCeN4dL12tA+Whveb8gm7Kg0B1gwgHwefTl4p+\nr6jYRQfZTsK1HpZPdyp0ohKzojJiEveRxomIIeDCfjW+fe5redVmVxqNIMJ/\nAEZjqxrs6jj28qfoBVrxumCDXy2JrmNOs3O1j+Se1WzuLsKwW0OoLp/aoCZ8\nLevNSwkj7JwNBcUsvCqFou9zoL03/TFz+bdB0fCsjWjueI8zanWPC41JArxk\nLyaMYvCKHIIQbCM9QXan9r+Pv/cquWUl7wXl5LrjdYa7enyM/oR4Cus5QvM7\nLeeZB+SkDeZTcQa8NBusruRF/wjvWLKxbVAwxXfkTCrTTXJUjhU1P8+y9XGh\n13b5vkSLHYr4S+gzU4HylPx09T6VJIQ08pcM9LncZ74Gca4vh5GRU9WfvvgJ\ncP+osXcWvsBdAQZDT9cFpdvQ2I1blzIpS/dCQY+eCCHoctKcHSYj8sTrFRaI\n2MHIswT4u7g+NMS9NSq1y/MiKe2lsoc8Bo3mFwQXZ2bvp5ZS9fnbv2cn4VdJ\nyGTb\r\n=WjzZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzuleeAEx5voD5liltAzWlMx4mEr9zS+zX0BRdQ+i2OQIhANuA0pVL63Gh3AfHQ+pWhSfttWtmX4rQPA36/hZOl1E3"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.121_1571795918355_0.7865080805565483"},"_hasShrinkwrap":false},"0.5.15-alpha.122":{"name":"@react-ssr/express","version":"0.5.15-alpha.122","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d3c01d74fffba860d8e9be15cd1f0528c6ebcd36","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.122","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-dfkIMBGZQBKE4qQ3onEj7wRZ71BKrHA8DJL500HZvf5U/z+jC/qeGi6jZ8IZAbnzWRQhu7YGo15RwpzzpJ/eqQ==","shasum":"b11dfcb5d8172b5bd943f5c7867e83899dd57b1e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.122.tgz","fileCount":14,"unpackedSize":50207,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7WACRA9TVsSAnZWagAAa8kP/3vMBkMOLWmj4cS9JhaP\nyf68cyAN+ARii81RXI6zinRZm+/41uyGYo0vBA3uNV6PtbQstHx9a9dHmzxu\nDgQVYq3N7jsMNP6GAG3ezCa7rtHP3sq5r7qpZEYgyOZ/0jc3xiMU6+Z8LIRO\nMaSGuMU6EGinKiCfzr0wLlpr+mxs+40kxnX4LCAjoHk1re2k908f6ab5RqrE\nEVX3bm0Y8jOX0fvq+V4qJfS24fbVJmCg/nWrOCPBK+yYK+kR9oTx//nP6ONg\nTFqO/JqAoBhXaRs0kIPOMMwXIyajNwZO8Ek3hrryzMR7gQiJx5RSZfnwJTTG\nhMH+4vp9BzcREyuGkWXFMzkTBl2BKpDjoMpdUVvct+0aLM0DS+Fxcj/8Z/Ka\nNOYZGBEsaVxE/RcHhjMH+aHU2oxajxrKAPsihNzvI52ZBP3xfOdRrGSFZhBq\nsCIIptmSbrnh8Z4BeXLXtnmsYh9eNbgro5A1AwLUhM3hqZpuxqKHEaq98trR\nQDPyWY4Zv5d9/r+7va4FhVZWz1MhDVN/gfnmIkaYAP2IcLpAi15x03YMxuJU\nVDasv+EJMvIjlTJt0hFvBlaop3OnapOrnlNZJcrr0LZffceqGR62BkmCWqQO\n0rNCUVJlUPSyRmrYK3OUICXC7OiHwnFcFcL+YPXSgrvnq7SEkfHnv2Qar9KH\nU/Y0\r\n=U8KO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCv4nfk6uwHZWPKCp7z5PgYnK0gAJltsJUhoIhIo8uliQIgaS5Znds5dJFQRYr8l+VSNWA/3Z+bWOUmFMtOkZkMpKE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.122_1571796351662_0.7101623241905339"},"_hasShrinkwrap":false},"0.5.15-alpha.123":{"name":"@react-ssr/express","version":"0.5.15-alpha.123","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e8269a35656415188c34ad6c67a6074741597e8d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.123","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BA2w3so/D0ZcfpQtJwme36yZ7Gp9h4JsN16HZxEYrK+4308VSkLlnLa2oquuJj5l07tKucxY3EY+uAlEGNKiGA==","shasum":"7340a85ec0fc206fe94e1598d26170a0e8f5312b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.123.tgz","fileCount":14,"unpackedSize":50247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7ZoCRA9TVsSAnZWagAAD2EP/RcrDHNLveF8PGQjLPh3\nhyHbVTmauWRVAiHhpT5IOBwi9TQLQjVjuJA/EvQFI3nWK4DVWxijD37mD2A3\nI2uWo22oPPppzzlXSVzEJDXZTp13JqhXOigmVaFuULMIZtp1F+Z1CTlt9nJ8\nTWjtV4liuzQduUAJmS+idJM8vx4GMZsefuioUssKH8tz3azHNXJEK9wer+zU\nQMG1b9VzUmB5GwBCQaSPmI2SgL3m0pvK9Yd3xEYpMmFhUN5LM9owxn0Y7Zeq\nemTLPaWlxh+80ZBtx90iIjyrn8Z4KP3ino4PWPwNcjz0xJO2VV0zXjXKuBq8\nAxUGi7v5eF+8eJPQrhVqkdNg6M2PFix0MveVBEd8oHxF71gLf/19rMSMSMjo\n5AXbQI+fgg8qob5yBq2+tKJuBdic0smC2vrqq8uSGhDEYotvgzpEA+AJb4bV\n/38gWk6zWM+j+YS5TGbn3pbRh2p02NsM+BXfVZJrbym8CDNBNJlQ2KAGXXDY\nZf9GwpTAACMWBpqQiVlGyU8ym7iuXjeHdBIzvEXfmfmW9l2JmyC9nNUfoGAk\nRP6VpatWq1WXpBdaCjzBB24GH30ixRBb/JucbpHvPqrSBybangZG7MuiOVe5\nPAmdlcsXRIw02mx5Yv2Te6JLIgbQOV98wuvUGH+MWxMPN/+AS6ayqfoAvPOd\nOGUW\r\n=6G19\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvLHS7IK2eEoVn8rzEj8WgTYuRUrir56vMfgLmuS3H8AiEAyQsqzoa5Uj6jsuNXAJcd/yv2duFNAIw5bgC+iiFXGss="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.123_1571796584202_0.02037941250775832"},"_hasShrinkwrap":false},"0.5.15-alpha.124":{"name":"@react-ssr/express","version":"0.5.15-alpha.124","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a607840216a596eea201a7a853f4a3fa3ce2c2d7","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.124","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-5KunpZGTWIc8EQXWLrJOajafDM98YBuhFhQAV7cJAmFj41JXYwEcgWir73zsTSr+hFZ1TcUxkYK4KcAOyN0gow==","shasum":"2e4ac3d09fd5a5b8d9359f9c342d20e91a4ddcfa","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.124.tgz","fileCount":14,"unpackedSize":50247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7dDCRA9TVsSAnZWagAAAnQQAJ/dsM93+Qi/e8oZajVT\nvHRhH7Ck074MgGPR4flFgOwGQARNDD0cTbfnCC9EKHpifTVTdtOa4eajOGh9\nfsEn7MaAYRWkxnvZCs4K3MyR6y2BXJAyUGAFemeu4tiuGkUxC59Wc4yisl2V\n8bHb1KO3hV+fhYcBr/Tj1uifqRvoQhV4338zjWcFJ1er2C9E/gDYwA6upRIN\n8pM21R5yc+C50g4ELAWAoiSE69TjCxVmBAbRZyfJ4RmJ388bFFc5pyelZqPN\nbhAKZIZnWa3ftTPEve165JDZPj3MSYpRatsGDVklnD21taoSjn5uHYOyzHog\n8OiQaFoH5EkiwpyNepXAYHKn//fdkQ1GM0NGtzvACK8jxL8xT/seWew+XIWG\nbYSm/qPi3YzAvk6n9PwPL1DoU/Df+OpDOimwE/6gnTMmQtc7Eafa3cfb4JvC\n+GhDtVHyJNJXaDyRuX7TeaYj0zGr2IA28CcxB5Z1Xu6mtkHaK3UASaIYV538\ncHBwy2yR1Moa+tb+U6cpaRQE81f3dVpQdbXC2qwXNLRrfeUBdlMthsJSgrg2\nSFX0JjA1qq6kGajL5AH/sVPUwqjZhuZTtNCRQncacclgyZ/kO/HzWI6qAo1r\nH+brxNDJuvn9UT8TrX5aXdtisUxnbQWcnxkYwSPjdZnZTds7KupFvlwDckec\nb3MD\r\n=457e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHGgfCGDSqltsRlvfnupgBeBQjyzGjygWhq0z/RLfXzsAiBZNukmjwpnFmDtwoViMFQjLnBBk03HDZNofVUSuwAGvA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.124_1571796802677_0.19383900688777378"},"_hasShrinkwrap":false},"0.5.15-alpha.125":{"name":"@react-ssr/express","version":"0.5.15-alpha.125","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4271af405b0a80d1c07a233f8d27530aa6ae3986","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.125","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rBE5vI73+B1DfQ3gDOFZfF4Y+iIu+BbKmzRIP63AAMmhKvBeK4c2hGLUfnwvGWvr94T9FJHGwh883uFuH5QFTQ==","shasum":"9fde75ab53b457ff5206e1b714c5163392cccd32","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.125.tgz","fileCount":14,"unpackedSize":50379,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7iGCRA9TVsSAnZWagAA9psP/24CX6+EShnzR5NV+lTE\nQTE6I5ZHpofFSzyrp7pHP665a32KecGwgDyokY4JZnDgpE2/zzvoxHwXzDMz\nuO11VAZKOAbN0ZEfhh8alpsCNZwIwv5SlnweWyuiYSSLBzkxzpVZCRpVBv3/\nPz7Xbv9Xtoav/r4HZZtYhv8QKBBv4wIBUJ+Ns1mxdl4ULYUGAhAYOzbB8f52\no6TZFZsGFOwEl+mfc21fW4hP04zqJPfARVh9nsfqng5PPzF7CI1iEAZG7QLU\nIZOFxPT6O+pZ7rXXYe3GBLwnira/azU6UAL1IthsorG3MkcxgHkLEkBLOXdZ\n6V3uLUUM7lhIowhoOYpynqbsV+lxzXQm37IeAoV9adg7pcFTRjxbcFOqE7Df\nQ7YVmb1vloCDDH4OsU3fQFrEiaQ4trhcQlYNVY8fz8/yjSXji/8x1GMid3ZA\nM8s9Bw3Oqhp7VYFgqf7rDqdVJC6qtI+rCbZOiKcUFRb4G3kgKRmnSuiWL1v7\nOkCfD7kUWt+dddVPbH5AP28Nnutirih1jJYLnhLOwr/r+B3Zinaee1WKAsx+\n8XcaUCWqsh8ygjunJ1TIvsovuHyXbS23+zt+gfqtT+B6xiFek86UZoKlRBmR\nSmhXefSey732kilfax+8XALoKNDHH/mMU7Sakx2Vvs9vx4zI+qseAwEzekIZ\nU0i/\r\n=4P/I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrohn872Vohb8vSfaD+QUTeRQ4gG2UTMyNbS3RDjHJ7AIgepcSoUIjwapVOtg2lSQzUMrly8bGWiqeoe2iRXc9rQc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.125_1571797126210_0.17485230815476305"},"_hasShrinkwrap":false},"0.5.15-alpha.126":{"name":"@react-ssr/express","version":"0.5.15-alpha.126","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ffbe4cde6af8ab032b0ab54d5486b6604993728d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.126","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-seTkCH0q0lAEps6qH9Edob2wHEkda+oIgNivUkt2xE+ka7DmX8jWIsbMCo1qfkMuMU9gpLuQ8bbSmkice7hWZQ==","shasum":"52911d9c4dbf141b5313ba493047aa6b58916d10","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.126.tgz","fileCount":14,"unpackedSize":50601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7npCRA9TVsSAnZWagAABEgP/2gJMOlV0+Igpg9DflLk\nH94q+WxnAflwvTPuE6ufahaVdH9Wc+9kpvLQbKwczuSpJuwpi7uOGds4bbwR\ngGuTfMM2COKXWq/MYMtp0fIHvSXasKuP1kyAZkK7ULMl7dz7Ce1DDLiV5CX0\nll2gAZK1A03PAzzfGEkT1zSjtKTlvK5J4c8ODh1NtphPRp1p85DX77VpInh4\n80rWpFzibe/f4HBVayM5lf2TNTt8z0t4l/zf6/D0///dmgLaBMQLWwk4QerB\nABpiKtqyMwl+M6cHS5WA15mxCv0i4UFi1g3Jfi/YB1giAaMn8P9ttZ88EKFA\nQVNBEzGJ8jhykOrFmexS+WwrFt+ASRLfnqVEhvclH5tqf0XJyAQiCx1fmK0F\nbnMWnRp4tYNOibcncu4X5vZO9U1E9cRetpy0Y64egYk5tme/QdvrCJew4tA9\nGnjqHtasGU2rItMpJVEu27giRGMmibJQDGkimptkcsu6k4Mn+ghzfSUkmXtC\n9LXQPz5JBSLjfiADIfCamUWdoGb+fl7vLt6dJJWcOWCCs1DXuf1ibdXXDD96\nFFcgYLHn2SHCGqLVM5t0EQig0URJivuEPXJLHBZjXSLp5XdAhaSqn+4XaKIe\n8Itps1YBcOwhPAj7643X/janvcSlsH6O4G/8G+90ynI96aaa+4N/MJUWufvB\nIaXi\r\n=fy2V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCidrmFs/FKx5G77A6h+ndSCr0GyxsXvYlSEnYegENHfAIhAOYfYYwWaA8ieRyRig9mUdd9kwo4/QLk6BrOAEpTYmMO"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.126_1571797480515_0.7035009830738954"},"_hasShrinkwrap":false},"0.5.15-alpha.127":{"name":"@react-ssr/express","version":"0.5.15-alpha.127","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2c7f97d56720fb8ceb758b08e2c5280cc83e588d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.127","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LsOj4Wk9zavUqaztgvgQKO92l5jKNgI0Wok9O8tqs5gjKFJ9rmNaFDTBiVfeIKNsJaWZBPT2cCLF//zPyBpoEw==","shasum":"c3b693c715fb7b3e911b3b2e97812fc5611f2542","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.127.tgz","fileCount":14,"unpackedSize":50611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7ryCRA9TVsSAnZWagAAAmwP/2cacM1IziXkJsWI74qt\nvEd5jTwzQIj5pb2GUrd5OrsJgKCEuc0sJQhlbMMcx9a/+f1nu5PDC5LBaGyF\n3kX56YXRQch94FiopSxz5e/wsayN24/eobAGzGI4/hSLQWWDFK9oJurEou8E\n4OLLG64KkMA5bVhSbsUiViyLLmr1BUhr2F3BdXtTfXQmXGcrPec27J+FjxPA\nMJKkIJOsEyxd9fjMadLFgQXETAABqua3isbroWh/xO5/+5v8InojeYgLjH1D\nNMdgwdSu8tgTkPdbw08bc/dX634fs5COd4/SAd2J2DVc4j4hKn74Vq2CmhSF\n7eH1haU56yrQs2ld1vlZk+TaP0QXzKl6A0SDoLeh5W5ucLM/3GUOS4+SGA49\nwlhOgfJWsORIyjlMdxsvrc68EhePMs6GvMIA5N+e/xu9F8qQ19IpyPoHtAYi\nU8AE3SzZqQ+lF1kLMTjXiOxx16fObcw9s4ITespbOguhKOzw1rQe+qqjg3e7\nUjtg+U4h8ezg17QLeqA2mQin2IKIppTf0KjZwhRKvfkIfnmoB9y4mPSVknvB\n3dHXKil+kKTlzLh5f/QVhyDuw0PjJ0+gtiWLj7+UTiFJDCCmhUVQdkCMsIql\nC6GW2NoITzLwLwGY0Q26OJ9j6gMtVj/i1GGyWmpuot5mYjdjLHjEIpquxVCc\nAa7w\r\n=mFuQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLYozqiQ5A8asg6i/rhfNXGMTqntbmyZhMn4Y1xWXXGAIgHoApJENylGqPuzuuGaBHGLxrLlor1rhSX7M0RYkuqJo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.127_1571797745829_0.9759902465561068"},"_hasShrinkwrap":false},"0.5.15-alpha.128":{"name":"@react-ssr/express","version":"0.5.15-alpha.128","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6f3cf95539397d8ef6240320bf91e21d3bb22aa6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.128","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JROmK5iL9CP/LiSB+seF/OrIxOPAGSZzPELsN1LTvnxMdmoC/cE+4pWvWdXGDZmB8F2ml5mvRu88VdvNgkeKEQ==","shasum":"723cf3f1cf5f26bcc40dd1c5c18dc2fbbe80d948","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.128.tgz","fileCount":14,"unpackedSize":50051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr7y8CRA9TVsSAnZWagAAADUQAIYCehUpMPAGJliNztCD\nmuwb/uAXXzmvba+uG4+sO5dXS8eboCvbmXlcRAmCcWpsCzkcjvw8gkmP1yEW\n0KxSRsMfti8Na29px9FYGF+6BvPdTquapwve/2E/XXo0ilNx5b7FCVLVPq72\nAKL+LZpylsOwQWNbJzjS2skUXu2VQvJhFefdU00VRHm35Vv4qSs3cf8N4alN\nwihhK1RXYdGHiS193lnFAeTENslZnDAR85jZuU05DhqjhGi8BwpItRTqNmdB\nqIbL1eR4dBKEd32e5mVCJJfuCMe2I99zPDTEYP4GlTHtVRWsc2fyKSTIR8k4\nQiLQzIRTXPiUpxy5tc0tMlSQWlj3awqQ4xQdMmEOjpTrs1q+tVKNjXT/OIOY\npk9j7SCqNaJ+ciIaDj0LsCPfp9tx0RHjNRdsgnxmky4mYaPtqD/t64hvZ7Ek\nu5fdgHPS5x5UaHEd+aFiYVybhTSbSHWKx9bVNkGmJzkNZruXqhElQ0/Uajnu\nThQ0SJq4mav/JAbVYIk61TVGYf+ni0nIbrydNmmE0wnj0dJMNwzZ0wEqXnb/\nrH9/Usiz1wt7euTf5ocTjVfD29fQ4WBrfu7tYYKn+Z86UtuBBhryB2/qlBq9\nylGOK68TY7HuRXtxjFk4y8tmBiJ0SOvhDU+hunmPpPCdSb3FUEBP03tI+Z8F\nrrKg\r\n=E9vI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnLSt+NNzjLVhPTI11V3GRb6ITzM0I3+V4qFkArvgiRQIgQTT+uz3FETqunnASr4ngPUJSoMpwVvWthZ/ooUDof4w="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.128_1571798204220_0.17075375422687222"},"_hasShrinkwrap":false},"0.5.15-alpha.129":{"name":"@react-ssr/express","version":"0.5.15-alpha.129","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"15ada6de482c9e27f7907cf347f3129616cc6514","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.129","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1SH2KqdDSMgfYG+1BTLIB9DCOhkcD1LeuKqinzNDTOVZnvRhZN5bMulbxWM5gI22a+6LfqFo37KZaFyZsb7hsA==","shasum":"9e1f8dc6de9aa93c34ed0d89f8989303686a7255","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.129.tgz","fileCount":14,"unpackedSize":50059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr71zCRA9TVsSAnZWagAABYkP/RZcT55kHf8UUaiAOjqS\n9xo8Qe+EirygENK1WliZXdz0HBwCDSQMOE81A8do6Q5lmnB/NBnaNKhrdIAX\noz2fWmmdlgXCXnsh3Q9FYiVVI/I87i4L1ytLtQgLGyaFg42T+SlX0w00zhD0\nyYuAacqu6WczqIvN/GVLji0NqTbiwPcROcmVIybCcWvC4abf7tLPRjn5yMSE\no8vKYQK4xKgkNPq06kRejOaYOmENUjHCwNVtrR0RsSUUTBBsVEZ02K+bkvAz\nE36iJRC9lUm6lO0mWESaabIjW25cEly6pgZiYf5Slan6kG/ilqI3oIeo0H7s\np+k0xyfgapTzgl7kIz4mRIIFqcY8pC0/N/1l6sKB7U5hzfhkUP7bjDwkf/h2\nLnrTXzLh2VC906CBZYQGkJ5S25rWwY3D/DelEG18qFofkHK41qDypV91q/xs\n2kd1YCQuIROqII6AF79PFQ6pS0PpfyQQK+dr0WZFkjb1mXm7ty09IDmabboy\ncxm2yZxPvYgsk0WaiAvWBu6nNO8VeOHlzTxt1BCIu1FyTPCgQD5yA82FmWsd\nuFh8AcUxokJl7dkl0ZPMX082HSxbst+xem7dRuCRDRzesTBcwWHvmp9GbECR\nhkcgbi9ZZjnSS/CkwEtxfuDb4emE+9JhkW9JM1F9GIFbWtd15mj0QbdHsRlN\n8+xb\r\n=Xb6t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDTQ8uCrG2LyeEN7ePAvRJEMfzW9R7e2ZUpvznSVvPoEAiEAkkukopC50tTfyAynbC5Y1r/n0ZTfsWE3mg8SlrG4Fws="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.129_1571798386812_0.9534988294007285"},"_hasShrinkwrap":false},"0.5.15-alpha.130":{"name":"@react-ssr/express","version":"0.5.15-alpha.130","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"479cc308612f3f99ddbecb29a49d2601c52006b9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.130","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Odb1KDKW/MxnvqO/XuPV98PdnmWmemtvyyMQSIvA3U1Ddm+Ryr0o1PLfZTXKdEKdWAygbn+NQSYGwBKG2SRwMQ==","shasum":"042f9f465620a57c8e71bf92ec1e7347648af562","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.130.tgz","fileCount":14,"unpackedSize":50055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8EpCRA9TVsSAnZWagAA25wQAIl3mud5+I431P0m8YFf\nmdJ8GzJQOqFVQvxd2bmB/kP8IEx/Zhq4QnhsvPICqZuzjWTYhKQetFBUovmF\ntIa+9/pT2wu/ShwIxc/T3n1X+AnDVVoXitB9yfGMza3q4sSfstYcKMqsFzvj\ntw/YDK6cAT8qSHci0aEws+v0ZmN8i+P4ufyRywopFarYjX8mS3JlW/ExZ06d\nXyYi8b4DGkN8U5Dl/ZuseRK0XBSCO6+fn7nBlQeal6AAQYYpn8CMMqlE1Mz0\noouqrSq5Xi6yoUSFskfXkuyl+VuaCHfqo96rDYUjxR5GWkiZEBUwvCbnnlYr\nMfa+kCvBRLwv6mjm3EFO7R7Z/Wb6NGEHedxOZMkuakrk5g+feuGdQPQoxaSp\nw7t4PoIXQZAW5ro2OkniyMuqqKYtGn6/aIyF1PdHoPMf1MP2OPyK78b8MzVZ\nG2FTT2pjzuuBszCvPC94eMuJBSZP3r0Txk4H6WNabCNZGqnq9aV5qPGdYJSV\ndT2vRdbtkuEjW2R8rbka+g7L3f7AQqrbnkcE7P68XqZ24Iq3jfDFeoSgq9M4\nZtOV9HhUmEB4Dg0H1Za9gtG0UwkRQ0o+FrIztOlp+Dqc00ucHyFY6y9xYLbn\nPmiGXcJ2sjPolRLPyLVM86SuwTiyb1a8PCF80FLjJp/IJQ6dC7Gl/75I8RfT\nA9rJ\r\n=NDUC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrl4iUt7VoSuxC7WJ1q8Us8BxIXDTbmdsEExETPJzwQgIgJiH7uILkkcE80nOqEJ9x8iTXyC01ghQfG98LsU10Od8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.130_1571799337465_0.8996256429992897"},"_hasShrinkwrap":false},"0.5.15-alpha.131":{"name":"@react-ssr/express","version":"0.5.15-alpha.131","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"99ae84c51978ce88193f31181af70af15eb6f033","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.131","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ibl4T5XWuR0eqs1p7Gh/nTsSAblLswA4tT1Kqsd05HiHLZpT2h/voAZW7PkRUhkLno5LrKLURiYHaEsyhFq1BQ==","shasum":"b2580b3bf83348a4cf21c70ff4154110787fe191","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.131.tgz","fileCount":14,"unpackedSize":49961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8NQCRA9TVsSAnZWagAAGYQP/je1aKIHZTkZZKj/Pgiy\nLQjf2+/bG+lSvbQ+fu1ZmF1+V36SvzZjfJnKgeM0vixPm+UVlOVXOHLKG+7b\nw0W3WidMB1zwj/GCF4eXPfIhbKUlslahS2et/POJUHuUUr9lGKyw9MV2j8KU\nq/6bc5715x/r/u0lvtj6Hb/22lezoNIq+qDrDb+hpHbCqi39qrgI1TvRhF4b\nuaHtKTSQlMlWtjaMG59oKH35owFYQuBRZXArD5u+QGhFNFJ7GtNcRk7TBVQz\npwJYm6l+tHjnBuSeWSEPKfNzMw9JJVZjHSbHdNXRZu7fLVNrMV60aqotonBh\nmYRCgKT8MaHEpREc0ggi6i6VKZQkW5zec2udwonUo9LbE/L7Vs/dhqy7z/nw\n8gQOxpslMsxoYyW43pObX1dwq2v9cIHvC9yb1c0lQVXwEEICunpjfXR1G9od\nugsLBiqNx3JmUpeuvgZB86xyPtwLmNT+bJTcVDFQjExgsSWXlfjuTXk+JsWh\nGljLI6xgDQa5Xx27g8xywhTf8tO52TWVVibe1uLFsCJX8Vp/QYriCAdAfKkM\n/Kk0boniJFYyb1f0APXr1wwKauLIFF8XRoHGDurA9+Oj91kMy1qoX0angABx\nGiRKtvSJ09t5XUAEUHZAvZLWkjWL7OgbLyET7f1whptBrA7LEYm8usiVuk3F\nkWKy\r\n=poXF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAaBusFVuaZKysNchq8wx9qOkOkkWpA9pmCs+/a0rWjUAiAWDev74P2hPL4f0fD81BGqxIifjCm0WFdaYv3wYIwhkw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.131_1571799888293_0.7194515546943752"},"_hasShrinkwrap":false},"0.5.15-alpha.132":{"name":"@react-ssr/express","version":"0.5.15-alpha.132","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"d98f1141ed3332dd3d8abc59ce8412b0e4f329f7","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.132","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HoJSqnCU3GUsAslkpU+ZORVf1R7WaTZnCZCbGIljWDzJ4GXJkt54ShNHNJgPMGx8l2nJ6z19wPTD8JRvqA7xJQ==","shasum":"9b7035bd069884fbde35f0a13ad1eeb342f592c9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.132.tgz","fileCount":14,"unpackedSize":47981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8Y1CRA9TVsSAnZWagAAKh0P/1AtQa8Zw4YFRYPs7oFo\nqIdKE7zZ114hkN8qowhMi9WuvDhZKMYdOPG8y7rssAih87cUQajUVLmulivi\n+YgOIuOQKx5H7Temfq4zxNfuCkOzLrrlQhC/0r7cKDYL2jhSNuLlqcRok4Eu\n3CbTWOKw8XXvqF6f8fLr/jFVXy/7MnXk2yBMC5WjgViAwh240bBY5s3+bpR9\nN4xgpqKurRBj5GVLRE7lzXfBx8KjEvsoDQYIrekCDFzbUpF8hFsx1m28T+NO\ncrItFxR+pXLVFN7F3mnlARKCHvFGVIdmV2GfI+YAe7np/PV/Wjd+SXapA2Un\nFhgB9F6KFb1Fe4KJcawnEta9BqySgdPN/ioIAV+36aMzctls+n6rgvEKgS7I\n9bxk0vLidExilzSb12FIW7ye4PWCTM+4jlFJt6j/QVhQGiuiLMWsY2LrQU8K\nQXOISjSD0nmDVMzdeJniqqxCc89cw40czRGEMC5ija+MS57C1M/EB3MsMuxg\nWwd7ylsmdftHP69aVeTBcfS/ZdQ32m6m6QGkNL4AVeXT8YgJW/EZbO2uJBVe\n193ld1fbKv9GOMe5SazZI6fRqyFsAGYBvZffy1i9w46AHMVUJ3IWCbGQjlNN\n/zEWoA8xCux487rWWIjbZoPSQprw2LpaBS3CygmP08BfWRVWHH+KJBbOM1IL\niz1g\r\n=RHfu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAqlvSFD0q3UBQfACEC3ABb5kMLyLXgitZrNTQXPiEp+AiEAgIlui9ys+u+YKWwu8Pt1bBu4P9rrASkDKArBCyvT2mg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.132_1571800629522_0.21214779838557662"},"_hasShrinkwrap":false},"0.5.15-alpha.133":{"name":"@react-ssr/express","version":"0.5.15-alpha.133","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f00ff5b127276cff8284dbcfb5dd94e53cb74508","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.133","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-MLfxbkjdvQN7uTDQZTI0dMYiDWWlbN7SJekPUeMww1pgRTr5NP38lQfgg3tbFj4cQIzhgYZcoEFjM5P8QM+HsA==","shasum":"c0f7461171f2a9bbf2390de18fb0066424c056b2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.133.tgz","fileCount":14,"unpackedSize":47949,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8atCRA9TVsSAnZWagAAVN4P/RdJtziFuZs+db7z3JFu\nur0G1idfT1JUYaYMLodG3gBaqLalQ2dWNpDxeZaSXh/y1PTZVhtgTCwRpdxr\nkOI/O8HW055tBdyFpdC7abikJXnpJG9GXZmF/PgrLytmk+05xhETYo8hT7qy\n5crnozMMNfqxLp1WcQfzK73P/ijbEFgfKd6TuBmRtHj47SYQzSqGebxUGfPf\nS7Xyx8+KWKzVM/l5OODJkL7y7XiAy//0RU+yCpkvj/WKt/iRJbbfnYb5fJlz\n75PorH1sXW7Ydjy+rlNESNI/RzhsozXsZ8ZN6aIXaqEeeOekCiCwVWwVZHdf\nj8VKl3kd5RqokZ9/ayWaooyh5Cb+KAp+qFwaQI0Iu0BHRVsP5ZdZ/6eJv8Tc\nE6h1GfjsWSHMOCwwTqH6Aa66XXkbmBlOXX1tJgm43RfZwgA6AlOvGAI9V1NI\n+jPUgD27bF9JIitVXAgd3+bMiZBEhGOXU52cphWTd48z0eKHGD1kOjieBBf7\n1v4ThtW50HY2plNdoWcXwUMgOkoSHZOf91owXTJQSMnT6cLNf8q+OkaONWJz\nGAyMAszZVPwbRn00kNaEDYeVixg6hINWt1hnfP/Z6SaQpiKaOKSrMY7bfQ3f\nsqYx24OIf7c4FDSCgLtqJbBNnfSEJVWo9zAvOPB0VobCBpLjvbXpH5zguetb\nvuGE\r\n=JTxv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVWQNGEUlx8KE+lY55wwQVq35HV2Px0PYURXDQCTVUiAiEA2UoznSeT/yPCBEMpoHcnizoFMgB0D6GF1UoKuZ3oXto="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.133_1571800748619_0.10253052012465846"},"_hasShrinkwrap":false},"0.5.15-alpha.134":{"name":"@react-ssr/express","version":"0.5.15-alpha.134","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"60583cb43eaf39a7d9183cd789881a65d1956010","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.134","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-snJxsTy59gMtn+pb88xlPp6t/RsYBDgkipSHxtDiJobZs/RRcf+mJ9AcrMAKB+llTP1axzdeB3BmKdWJNmCnYw==","shasum":"90f905d07c069fc6ddb754c145832503b6108316","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.134.tgz","fileCount":14,"unpackedSize":48043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8qECRA9TVsSAnZWagAAfGEP/Au6tbAWN0XQDw+qLVZo\n29HEQkYzX3cwyYppDaUXdr75zDK3jmhWqzzk3R4aHV2MVntn8XGCAC3G6ZUD\n2JMps6p5M80M1iqfsuhjGsc96FmIYZWLRcj2RhCXLVCg+xANURHeuVx5y3qa\nkEq4/Bc5ia4gJ8HkQhegF4bXKNhogT6dv5N+0irkWyl/aI8EMFgfUpZejkdZ\nbgXijujOApmVX+8ItEZwtSsR2EjD/q+csKpJCY92gUcL3RIAJXSNd5MaqBOI\nfsKXaUzUW2Acf3phvQOtUoh3cVfnHrHxAKYFJKQTkMJ9pjN64Wubk0XdLCAS\n4FtGX+FMdAm1BQE1+UIudmpKdpSk4+V4rQcPXfkAqd8SLRjAtAAu7C+DbB2q\nEeSE6L/S/3EPww642bVswGDi2rMWK/0OYGqfuj8bGF6PRsvCnwj4EH8TvFlf\njIq66XodR2DCqWA9xwSH9TANXkmFyOhTZpFu/Sv8kD2G3o/KLsxHGdutVuQs\n5kB3Z+Nt16G/FUZLf2u9+9tjfb6aSszD/mtZLgkicw4mV0AIfsPXYObD+Bgr\n4ki/9wQJ+7TM/QwipwAEgd5L8+x66iMnDfr/Un/yrNdb7wtTRmrBfRLE5XEH\nCM2mLmeRVuIrcdndya0DA1w+SP7pgEeg0/0cK7HieF0M98cFX7fJX2OYjzhC\nGxSh\r\n=Ed3A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFB05u7tmzEKyRlzwQDVKrXRhebfmc4JmvjgPYb6FGoPAiEA54VXBTWHHJQUHL+FYarvMMKzQNzwxXKJUIQZwkkPtlU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.134_1571801732159_0.9153286691319524"},"_hasShrinkwrap":false},"0.5.15-alpha.135":{"name":"@react-ssr/express","version":"0.5.15-alpha.135","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fc3f1336703f9cf2e8079e163bfc7ce228b5134a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.135","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-d6MTrwEejoYtq15S9WR3Hd5q6fKgVJtpYu7R83YszByvXAa9kJ2+vAtv23FCp70kqe0xLk76ip8yhxUsGcPpvA==","shasum":"63d64d41ec924eb23ee93760b3df9542b0371405","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.135.tgz","fileCount":14,"unpackedSize":48053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8r9CRA9TVsSAnZWagAAVkcP/iQUD1WLYTEv6OI+IO2c\nj4wveu3fbufNy7MMADJPoAHyzfd+Co/kd2geHurYIw3Dpdfpg8ocnu2NBCnI\ndha/PiBywUbHyQfLqO0Soo9iHGljyYYJlZIKRGhhsfwlDwxkGy3b+MDaCpps\nJ20pJqnEQNnd5YVGj84SL8BWCUaOLj1AFFulFnme1F3CrRX+cZ1c5pfiOb68\nKteBzolTYRGYuUP9kz7HKmjAWEZgUmX4dQ2xkn4o8f3E/FXvFzh8SwC9Dmtr\nMlWk83vdu5DTzomxGOA4j3I7jlmSD5Cqo+p3zqhYgnLfrGp+D04moxzYh5nx\npJatSJO/q3Zo9h0REHZ5x7zW4xbSL1iDDoG2mIvyRVvbQ9Ko6V2ySKipycQY\nUfvLJz4tiqISw7myJIbOepbTfdShVq4zwG3O9GRBaxZTJviIQhcqhkXsoQ7I\n6JoAIyXmANb3iNh/SnJ6MQKlx7C/LlQACAgbouF4W7fye5gqJLRgr48FDkxQ\nNsUUnNjzXjVFAhhXdxxeP2F75vjmNSijbcOqDwjkdA1CNKcl9da3cEDncyCx\nHei+cSrKXcL/ZTfaHj6EVj4RvyvIc30+2dDjHL0BvpKqmujLHexbPcWba3PS\n1CtQdJHUAvbcV8puIUuoUIkLqsaeUJjsYG+JAvozyMAhxU2B3VhllCqs7xGj\n+g/R\r\n=rmBZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPQIxiVaQolyKKeTY7uGDYJKHxSirdR8teaJceUsLs1QIhAJoTx+6FUmi/QIOlHAbYcfsSL2XC/dP/WI4EXMAMA0UF"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.135_1571801852592_0.8280051754217741"},"_hasShrinkwrap":false},"0.5.15-alpha.136":{"name":"@react-ssr/express","version":"0.5.15-alpha.136","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"90401ca04d6b275aa5c9f0e61f9b50ee1758222a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.136","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Vi51AIrutbWOVSHSzOeDUMBJqIkTrZlvzW5Qw+DAPsKsvudFjljoNJPdtYwsgvC/syPg6KCnRl250bX/2tE0Lw==","shasum":"894849e10172d316ee5bd4a6a45cf5542e658d9c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.136.tgz","fileCount":14,"unpackedSize":48289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr8vcCRA9TVsSAnZWagAAIxkP/A7Z2lbhlx/aQ9kmSWTT\n7pt08OeJCrHGTYCGIebGdoThav+dAnREsu02KLftr/QcJUnw2tQ1R3WFmTbG\nsQi7TyMBjKgrX7Xg56nbHya2G25fiVcVt4ga+5yXMmvUsnsSJa/RGlHHL7B4\nE9QqVwyLX6jATcCK1+bol0b3SdrhrpQDNPid3MqLS1XTGI/0YsjjnWYPYNkr\n0yPso67AE4creXeafKtFHP+rMhWGk+5EIFWVsuf4V9lcv8WNmkySlDqi6x7H\nr9mKUhJcH7xMcbWEYSRS7g9k7f3B+a2cwLQe81nALhkmYoUOi28nZyZGnfbx\nV5jUcX673crhDMszGeMIt02xpj90MqlZ9qs8IUZuwasmA4qNlINxG6Uy/oDF\nlaj9zbfEcH9bZ+rX9gLAV/ISCKfBQ7y4BN97PT6pzF8E1P56eo8zepdAgwbv\nBh9ku8kCo2TsOTi5lzXQ3DwpRsGAduk5glkACcs0/s0Ebol5M7AodgqjB82e\nTgx2iGGUHmJved2s5/RRu1OMcKhsRDtIAe76vtD8aNCoHOTQlLbMu2sGxP0k\nl9jwo7b+GYurpBiYjhuYKo7Ox/eUhyUKaHQmAHUXET4pBc3zkYBSAF8eMMrh\n5+vUmji/DzFP/UTKxI5EAXyu1L9aS3hGc4/k7Zz8OMZc5h+ln7EaNMx6c4dS\nyvZ3\r\n=3l87\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFXVukRU7isfXxxKAzhnYoDtV6P2AUKv+azEKAPOaOB4AiAM3iEV9BHaothBb0bhzODdhXNk15eP4TAdBDRYzt6Pxg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.136_1571802075784_0.6553838667830709"},"_hasShrinkwrap":false},"0.5.15-alpha.137":{"name":"@react-ssr/express","version":"0.5.15-alpha.137","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cb126e1e828d695f4d60f9e46e1c5d7449b2c5f0","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.137","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QRqYrJM6vguS+9xU2hU7Y3qb1L+KxAxpM3H/Do9CoMnuHoIVHqUer56JUL5RikwLfJGPevjToniCZwx9VTmz+w==","shasum":"52e77be47197a1bcbcfa13e8562d9bb5db4f3c52","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.137.tgz","fileCount":14,"unpackedSize":47627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr87ECRA9TVsSAnZWagAAkHEP/1tp/9C2Or34GtV5T8FE\nAXCtjqVkzKNEFLtgvpvgR1WMiLuMgW3HfNsONyiPKp/JtTWZmUbSfCS6eVBv\nzCYFQ4DXurO6tq9wu70LrGJa7reXjSEHhoPGToc2iW+7DOgjKrnetjfTcR25\n3twek45Rxh2x/G68lFUcx/F0QZfGvTZc42+QxoZhLevlo87kYK9GTyaCauzh\nL9WUSOW9EJqxcPuAzohsQlGocXvebtHe4+UW2kyUH7KRxTDnmS/BK2EwyNcF\nALkbUB3Oi1VuRJk+L/AO3gbgL15W79uwBGi/02i/gsAe4mR7vIhhwMq5hFp5\nxpSvB96ZpToSJBBBdDfdI+aATq7CGLFWBKlbHduRU/kYFDJwOSvU+LBi6C4t\n+EwhB3m2tc8y1MxdKbgGvkH3EqWel8fKsjA+CAVSYsHwTbw1NgoWFIoN6svm\nLzO+WbWVO2Uff2IAvSw5zqO3RujAD55/wmGbbm7N6EYJwZW4O43bDH+wilCZ\nWHXJTVoKouvAei4JZjFdJZSRVPA0btkLmesDyv5R2v6ZU50i8DasC2pCY2qt\nL5TDtpfm+qTQjwgAZiKktpqgfNmVJr8wdZHoaYTbwo3HbMb8K/DFSEcsLduN\nKNuTq0a9Ri2z0nPg+rf3Qkwn+EDUKKAo2+zGmdtuyYZKaNh6atbNpN0LwvnT\n0MEN\r\n=nrvZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC07E10+39Ri57ejflgvrz2OQX34U/JD64XqV9mxnqbkgIgLC0S/KPhxZD0bIAA7/VBbq/9QMEVlH+KeydKPZa5ASQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.137_1571802819680_0.48044236197748535"},"_hasShrinkwrap":false},"0.5.15-alpha.138":{"name":"@react-ssr/express","version":"0.5.15-alpha.138","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"aec9d2e23f9daf25e287b0eb584387e9d8f2faf4","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.138","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yNP4qVDwpUCF6w4kardWSv/AgQ3+fYG3Wm7T1qITDsj2HNRAXXlREcYXFvnujacwCMpWkLx/WXk8bUo8IuWETg==","shasum":"89a2d55584762c6cba1bd34aeae28846ced04727","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.138.tgz","fileCount":14,"unpackedSize":47627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr895CRA9TVsSAnZWagAAOCUQAIC5n8bxoXVF+FO/C0CK\nxw7zn5GCGfKYj3ewdWf3m9LhY96oUuXM55Euz6Afqxx6/q0GISJHpsx+E0ro\nbGFXo29JG/Z8tuwTtcZKAogm5z7u/meINlETDi0jvCGqUj793GfrEAxxy0TV\n0hQzk1HLAdT39/6LVKfYzvAgY7sFMpFyNN9YJaxh+nP884VeayID6jsEByl7\nWCCMQaH3ACj4HXqgTqMzD8FxvqYBdhzzCBEuVgYdA7YjaVzQm7YQdzZtOpd2\ncAIfjiHUAlFXyVhsGCCWo8NbaXVpFgcmzzM/buFJI9HwwlnkJEcpnTYdllSq\nCfMJOqugr8e4UQPjvkSX74nDhTvDk1taEt1Mu6DcNgXGGZh/+y8pfgId3dd6\ncb2R6Hho5JOp5IRZ7Ow7HVN8+8ET1ajH1USB8vr2LYTT6+98Ggeg93nebd+M\niXHv0YG+p27nf+7M+E7UXmhKsbfTWBR2SQL9UWJyyixcnhfMeORp6Jf6aDGX\nxKYpekdq0I92MCndu6IqPnhwZD5GXjxCI3ulx2rrM54+0WNwBKjroDMK2dMK\nNiUoyOEYW+a4OVhKhPhPvW/kBdiOYa5IncvVHIrvx50SxcmHA/yv+El9m0+x\nYl+0qVEjbTrU7pPOtM+dSULWm64m2fdAoYYTm4Gglb96UZbVC3QSrG8dEQHH\n2g9U\r\n=IeAM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7MNPAu5L9SAO1FTkzo45/tOAfa4dY8r8Huhzbnp5HfwIhAJj7fEdoiriF4zKBqAH8PuikgkVGUncRouMWikWwCvnx"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.138_1571803001291_0.4727024706128806"},"_hasShrinkwrap":false},"0.5.15-alpha.139":{"name":"@react-ssr/express","version":"0.5.15-alpha.139","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c8476a9156e3576cd322ff2a4795c90aed65f5db","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.139","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Dy3PbTtGL9k5M3mgNVoCZL84Qbw4JULYWojiIBw3FVHwZ4nKYiB6QcegDT4EsooaglISEB1EaMQdfqElbAnarw==","shasum":"11e39cfc33d7106925dfd40346ddcd0ca86673ab","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.139.tgz","fileCount":14,"unpackedSize":47799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9GnCRA9TVsSAnZWagAAY3QP/2PYmHsv5jyVMb3UpK1U\nd1kt55uUersV0Puf7uH2AxyhNy/KKM3o+AocwKUwEmHznApk9SA7vAgZOdIe\nn4vHbCbLeI/1ZJXp3DWCsunUun3HLuC6pUvTq7Cp7tch1iTNG2F3LRKj5ttv\nTyrD6vFJ06VsLYHkY1NjEMlugbmOkg7f9Zy3kcX0Lu6f4VDMmcJgEl3vK+7L\nkv34nru44E3/5ck5gLB9JoRV9SpOlCDyJIXeW5yCnzjwPpfvN6X8zenrGarE\nLk0+JYuhbFlL2u4XiLcWiircAYd3U/CEvGg2lvRj6xTT5pPkSz9bqn+bdpts\nnKHROGUmr6cV6VeO970n0ADDjZIPxYdd0wCkqYV5iaVbWVJEBll27Qcu4//1\nQb10vqJscBTc0mZiqBVgSKAFExhzUWCPOVheqW36b+g6v6wSSYoJt4ZMroWe\nocTxUiavtlP0BwhaPClu8Yk650ZBcW91K4y2+vQZvelcJe2B6M87vBew2AV7\nLVqsiZhpsVRkJnup4XEUKNZ9UbFG23S8ZRkdNrVOkd2NgjImp5SOfCnwhwuZ\nU9E8NlOOEtd5jR8eUgrT9rHv9sNJHtI8GryvUVjDLCinKVeRR7cTlQoQFkXX\nUeFEsE0R8TnUueGGrIxFvJpNE7g07L3DG73YaU/5jHuMoFOD6vVNhBbAHUHM\nQH0F\r\n=0DUZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+rY+vOIBiLz5KSD4IZxQiPbL/tNZLJcw6ASXrfLDTzAIhAPgG1GnJ6rDTzAe2ypR1mHWH3I2IDRKjuHaM3jB0Q9SK"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.139_1571803558653_0.5738204475727782"},"_hasShrinkwrap":false},"0.5.15-alpha.140":{"name":"@react-ssr/express","version":"0.5.15-alpha.140","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c3e3bd847e02dc15ecaeeecd4789507f6bbada30","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.140","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-iayc/cEPU7mbzhl4yTW2tO65nJr4UPmzrb/sLgjziQV3+ze80nxJRUW3BXHaQcrKGwkkypI1nxkbuspAb02zhw==","shasum":"8ab34d672c13c34e7c9d9f4bc6894ed07653e138","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.140.tgz","fileCount":14,"unpackedSize":47709,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9MgCRA9TVsSAnZWagAALMcP/jbtQMtyze1yhmBKI8/D\nwV/zfLEC9lSQJaXWyELljjbSbP01VV2+vz3+2vjJ6yVqC5zu7WRSAmCumKOb\nef2sCvMaYYxAqjMiq47uDdafUBNbtX+VVCtxU0KtKlsSOPbybniuxch1ul2r\nB0J3jMpkN/7Q6nPUrQrMs40iWQ57xzbI8UVQOMDi3D78Aewh7BiJnwxECDZs\nYn2W+JqsIcWbqoVS9FXQtwMiflSEqijNJIP4coG2BclTLGWgVeYXlQZ9fQru\nTmbq++txIMjMNqrv30dKb/a4Tn1X9Wn6wANNTImtz0uo0Vk2L6+txb4IJ5YK\nQs4cCDgSuDZsCk/7VRUnYnjf9rJagRBpRbtgc1sNYxmIM7kiWoZ9IsI/Y2IE\nUx9yMeffSEHg2YQu3hixzUBXQ/FrzvUdyQJPuyZ8JGoppBvevS2YecEYe3lA\nkn3EUerYlRUdhskJH2LoaVFzxrdrnftpIsIvyrYKjFbZjVXEOxr+ou2YiloU\nJJRs//1NJF3GKIsx/JzhexahWXNB5dZbLh6KjFELJgiX69kFhkZXXSTnuU8b\ntSSzkTEZzhqHT5/ke0YAh0YlUtKt/eKApnMAf2kxQImVhJ3N4TeH4BTh1JxW\n21rj0UwBr/PTnHhIVKcl3+IHguIklM36+ptGFxd9xVzQRpxMwdWomRqfcfDC\nxyfD\r\n=Te8N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdtvr/2ASgPF/EBshAQ7lw+P29idvSngYbM+Q1f+WiHAiAxgzvLPUQeqrHdZw1xWtEmrR4A7YjUYQMw8GvDT3hKkQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.140_1571803936297_0.06381162405367591"},"_hasShrinkwrap":false},"0.5.15-alpha.141":{"name":"@react-ssr/express","version":"0.5.15-alpha.141","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"daa65fc61c52a7fa2a6529b0ee68f46d839acb26","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.141","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-JsKVLgIDWIZ34YVYvRX2nWK5XpOAJTqNRc+kyl91AvRLWnkKXpPEtVPM8prt43bpxlLJzBwqHpE+pmp4n6EecQ==","shasum":"19c11bb457d679f7c9543bdaafa829facade8b99","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.141.tgz","fileCount":14,"unpackedSize":47679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9P0CRA9TVsSAnZWagAACUkQAJiDzRYilKXDd+SD+Qs+\nwMFcvp/kzx02MEzZwDzL3yQOIIQqEveXHcDuoG71j48hrxChSfcuzUG6f3dd\nYzKZvjXg2Ig3EGGbMu9f4ItRp//sAxXRcKcUN2+dgaX2NGIaNS0kGQS4Rp1c\nOGYZqgrc33L9DIFiwPxV+U51pD993wempj1cHCTDC1/np0yn9sq3vAzYhrYa\nPLvQP87Gf/QbUWux+zjhp3dUwac0NsN3qJtd1MbuLuDpdJ/lw9DLshax6Qpn\nHC8KMlRWTZ2ibTWW0DVBHwj5T417a9psTW62BNvWzP+YrA/Eczsw3RYnpptD\nL2FXs51fHMtVGXizOOsNTpwBxvja4Z8HBi8uXtXzKT9vtu2yIWZ07+xQsJB6\nR2FB2mdT760g0+0YXXct6qtQAaG9Qi8TsJk+elj83XX8hvKLpsWFDPdNsyWE\n+g1deyAAGCl7X8FqEK25qu8mQyHGsLY8JydTz6TKKKI5siwANcEbmFn3mbbZ\ntHz4XwzjSDomxWJGNowFLaRnaANQJ+Bgw+JA32k3Y07MSIcq+seC71CGQlV4\nWNC/P8LLORUL8U5ZK5wVIXX0pP+XECeg2PdF61kI6oETzex95r3B8E2nrO/b\nm0WLgXLgZXS8Yeo3GTT40Rz6E8xAySI6gW6kvL8jwa7iGp+yCMPQGgUnFHqm\nfgpz\r\n=YXZ3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCihU/MqoYQeTGI9CIZH5hyv5nwK6e8DUBXmqk4ks0AAIhAKfoYI18X9UTvowUItm1W86kP7smLSBg+Q/trziKoyPQ"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.141_1571804147643_0.8843965243935659"},"_hasShrinkwrap":false},"0.5.15-alpha.142":{"name":"@react-ssr/express","version":"0.5.15-alpha.142","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1d7877869cc23441c1efe2d4c46ded72d4da847e","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.142","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-CF3TawKVuFcDVTfKraURIXtZeMLjR6sldIBKtHTvGeO/nXQcQegnaFdlQ++imWBgACywNq/Ctw0tcnxdFSOzJQ==","shasum":"ace94e466d8d6cd5e573ed7f0d58da5fb5f63784","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.142.tgz","fileCount":14,"unpackedSize":47747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9StCRA9TVsSAnZWagAAylsP/3E1q7XxTz1Kduqe85A0\nhD7IEQZ0XF0e6EY5vFq5DdJPsKSprfo2pChwnJJjA36a4hFnyAER+t8EiiIU\nnt6oGdGj4+MO0Wc2Wj2MzfaW+QqAxj867ijOR3YNe8cDL02PExLASfnmxBoA\nOqRN2xnKN5EZK+eeSHl5iVDbS1kzM8Y3Yc3Qbw+m3Tgqf45BR8/gXVYCVwNw\nomAnGZrPcfHH9cwU/nCaGBIIuJNxs0b6prxYRQOxJ1qEBP+Gmc6FhUDZWoFH\nqB8ghQnvfNVhB8y3CF/sTkq74Zr2b3EBgEaB1jlESsM7oV4a0IIcvtRbYIEK\ns0jos1zquKE2nIX798XdJHTPcF2tolex5GSa3OOlpUksud9FmWtI83I4CK3g\nS859Wpus4djBstpaBPRRf7jhqGWCwLqVoXyDqHgZOR2U0uZ3KqWA2OQImnSp\nORsrU+6XzhPx1psQxca/JJxuV8AmXodGDzSIdmGurnXtcCE4k0GNXOdb4p9A\nnMWQLcweWQIKss1+bWs2g5RsCZiG6+fs7BqG+EQ/4tMb2vilmYWlKo4Ju7KO\nnSP3CNqkSshUMgbMFXrPCcpXIGQ+5b01eFw0Mrrvd3LxM+H3YUUymY7u+oxf\nt7U2rh3K+YKxwW4Qq4t45Qzqps+kIaPvmap8pdUmj8c7hcHKpVXcd+0baHfz\nQSKF\r\n=vaxH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGHCfoCLZvyfr7nv0wsm7IDGjUfNwnuILvbh/CpUqsZlAiAVpdMKhwgAuaQBXmRH4UtaghAUSpqtdgbqXsiTkhKsPA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.142_1571804333406_0.16768748193593686"},"_hasShrinkwrap":false},"0.5.15-alpha.143":{"name":"@react-ssr/express","version":"0.5.15-alpha.143","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"67a5acf0e073899b3ab0613aa11221abc407e628","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.143","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Tk2scV96VOYeFOw9a1z1lrnhPnsAdwzbj9OV73ciQtIvwA1zGJXosx1YRBkEbrSW2+uGoIGXVaRkEbsV+U6Udg==","shasum":"d4b04ea205b7bf6b108376851b5013a7ed46af73","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.143.tgz","fileCount":14,"unpackedSize":48035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9XNCRA9TVsSAnZWagAAQwoP/iWHTEnGN2jejI5ExxRY\nzAC8Ughb/EXksOIPQ1M7DPrRxWiPDtehOi8fitBdwK0z/aThD9iyun2D6suR\nBVTPWsPVNTJRPsFWe20x1s6j0WfsUipK2GYvzz+AIQ81v2DuztytrLeqm2D8\nUHeXpcd5nhVP177iGzZKEdEkheHZlE04DZ7XaWE1D4ibkXjNDhlNTOKNSj+U\nfMXzaJ3ld24Ja8yooHKmtUkHwav5d0M6W5Ouna24ulWbzinsCRatXowsAiFI\n2LLHMkmFZuAkBj1CKjCOJIhMKBpZ7NRWKg0VDaYuWqYYQ51rk9NgSssvazZg\niJWiuT23knosut/TE5amPamsgqrfZF2NwguDLWWbEgXtbPcpF2JObeJcSSD1\nYo2/86GAjkPLJ3upwgK0Q7NsrnOJyBluENBpiSQTe1OiLjnSC9hgtSsMy+9Q\nYNmqph5cqfPFfTXEnZagYwMjlg6jfvJ0AQpH9O57GaEmChfPOdCd4JNRkD1W\nxoSoStO99vtlexjoNlfLzzwQ1F26BpSqegWbW09yP9PL5exzScx7Kj7ydrSs\n62Bl7fRUxjmdvpV1vv+uqTXsZ2QrpoS0XSm4Y/EdThBTG7SiKm3o5Qh7wop9\nXni+6+XMWkUVhbI9KsXPpgu7BuGfPvngrpx+kdRoL2mkww2uLjnwh2ZWaOlY\nPrzE\r\n=bivc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFAxJR/K4Jushqt02ttV+V8MIICYOGqIaSpi7ugdOJtnAiEA6dTg3diq4M3pUVUOsRzVHpIEq7WQBsRsVQkJicyloWA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.143_1571804621370_0.6371947845660113"},"_hasShrinkwrap":false},"0.5.15-alpha.144":{"name":"@react-ssr/express","version":"0.5.15-alpha.144","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"fa47d252f6826018ede4610e6ee9dbeaeaf4c5c5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.144","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zHlh9T60Rv0oDFwesX4bIoDVrZHDykRM89Lru1eKfiFjhepPSNRb8XoDvm0s7xko1TtmmUOnhSYeiuR7WVcjqg==","shasum":"c371a5bee3f32aaa380cb69f997c1225ae22f59b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.144.tgz","fileCount":14,"unpackedSize":48293,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9gpCRA9TVsSAnZWagAAvdoP/RnwpruZvwyEIEFzW2Hs\nploHIrLl/CvoEoTRvxip9+n8mMLWXsioQDU7n1NoL7WSfznjXVRia2qAjUpE\nJCv8CPK8w/tZsOuMkAWd2XsSN7qwmfzXvrSVL5NaX40knMEH0rr3tEROdx3K\n4CzAJsdhjlXU1bCKe2NEUV/PJkwk3BetHWKAnX2SqC6BHzwScFCRaaUoR6kZ\nIfG6n4g3ke7RC3E0gZZJ/0354mjrg9AWi/7zZ4VmXr+5TFt2nVAv8SkarIFM\nc17zRRZFa0QIaptk/nNS3+ok7Ju7YARUgXWHWxOE/EHuWK329LCPAdF6CVu2\nAg7Jpfx+ooKeyoPg7eOk4+M6riu1+iVOFwAq4x+EPMmfGL9EspiFk6z6R1uO\nQky56SLJWF2EAJ+eYjbdu/t80DSn0DmuZMXdC7J8PwNnBbSrDTBvfe6R5hpx\nsukfi6uagSdr1imCkBVD0C18wVH68mXQpL3U5xB1iOoKBCVdo68aOoaDh8nv\nx81UEEm7pbM8JJQt3dE3GAhCqytoEHLjoHDs+6OAtBTbaZjOGa7PA/Olp9zu\nblYE/F6qaNKRbxAFYz6xapykT191TKrIW3BgxsiRFdlzE6k1mVszktqfYwWP\nR9wdCqLjfsit3imJJnoVcgDsD0dSor88QxIfucRYkZEgZ8XnK9eJ6xTXe2WL\nA+m8\r\n=ldkv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIADxGMeKn4jHQTBoDhC869C8/IY+ltggd6SGiRUOSJdSAiEAvxibdp06mKdTzqxhmCgB9/VZOQ0UO2SjhK91Ax2tDJg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.144_1571805224277_0.5316301193807562"},"_hasShrinkwrap":false},"0.5.15-alpha.145":{"name":"@react-ssr/express","version":"0.5.15-alpha.145","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"4b34ee5f7aaa073a72afceaa80fc9f6fe9f3ac03","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.145","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WWvHj4QgTcA7aVFMikZ46cGs91Hi92hM8uG+F9JV5tNF++BxctNR+KITdeAEkBBvc/NcVa0Vun4tqrxeRaGlTg==","shasum":"39271dfc02c23c662a45fa70f297eb774d89fbee","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.145.tgz","fileCount":14,"unpackedSize":48345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9jQCRA9TVsSAnZWagAAgrUQAKPBKaO+qmod0GzdvvSJ\nd7oE1fPzIOgmeUvNkNCvjODZKNxC+sqeO9UT8ZtAnwnEVvR7vUGJVfwrrAcW\n/stJoaFNtGUBKNyjB5V/4PnImemUqBDu3ZHIOzq+MaJ2yCllX3s5lRXL0yTo\n+o3NrfcoeKtkcDkaq+/oCZ2EnNW5Eba+5J9OvtgeUKni0oG+PNVXH1/Xtdyg\nUqla2QwE6+Y43U7qJSs9JVRIDkDkdnygtBcCEj1rcJ7kRsJNXpxKesWJRr46\nHaV8HWmAIlu5F0b6Le/38Fa+NpN5RU5FY2QscweB3SD/RFkb+COi26XtmVZH\nGr3DQ+CIqAYIKMiMhteS/hT8jr4v4z8sg+JosTDaL53fwqhkGEq6S/4L6eq5\nV4rolFCOdtIvCdtS/gd+MLwp5J8FFVO2MJlflJWUVgpWYvQDhr00SJ0c5o99\nT1Yl5QVBYMxFMSjBiUm+11h3gzvkQpJGwcRPrhxp9zJNSFYv8EsY8Pnw591J\n30HV4xF4HalviLJOEb63TrF6a7VsFrbTSOBT0jK9KuuYyOiZv/YysH4NkDpF\naL5+66nOcLZ4QUg2ZFAqxYmC/saTy0o1EBJyN63jZr3mk5zXrUaqq25fZVlV\nfVR3Qs8hIh0arKYfIluMvYaFexC2lj5G0Xz1NvJcqHjo3/+CSeKmjKsfusxZ\ncpwf\r\n=rz8n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGK6pAXcdaim8htD9EG9k4T8v/oIncL/hRVrJDdEG4jBAiBeG8XHkkv8XWKOV0pXu2b+73rjRGaSpPXrAYcDxFIy2g=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.145_1571805392045_0.5533967289576929"},"_hasShrinkwrap":false},"0.5.15-alpha.146":{"name":"@react-ssr/express","version":"0.5.15-alpha.146","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","babel-preset-minify":"^0.5.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5f7b55719702b13d4fba5fb28205661fbe2806ab","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.146","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-c5/XPbpB+d3+7qEvYW+ZZffrAmFAfaxxcSPSMZD5t0i95A+zl5VbWOJD3Gh96OWePMjCn0H75+pDTjiBAeA1Bg==","shasum":"601006c251efc9a354c006d2b5a3870646984dc0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.146.tgz","fileCount":14,"unpackedSize":48444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr9qpCRA9TVsSAnZWagAANcQP/1FEm79x5Uzg4LMVdc0T\nVhLLxqnn32EYo5UJA2U5052Efm3nnDRCKjjWX8WNImfYW2X2ZZga54JRo1wT\nrU2YbrL78S0x1yasgNDGW5PaKNm9jmsnZ1isJQ3AFgumjkPzF3RDRuwE71Ec\nqlgxsfH9MZkA2KTLzaPGcNkaHbQ59/VI3y3D3xVcj+Gop2lJgp80oGBI4phL\nupCUGn98HseFzSFsMmOhOSI6FTsRUzARvdp1RjYi69zaVdlP8tO3vC7Bk4FP\nHC3bttyqqHz9gBwy+Q2oxaP7NZjzwKMW//sDc4ebyFqQAdr7WqZkGNmiiukF\nsXOnzKrLy2YHbJXrsbspxvPsDkzRsbloPkuYuEApJyOPaWVHripa02SBfrpR\npj8YGm4uvpWvR4Vdb1G2pC3Z8Kxsf8ZPjGKaFqGXixz9ZxvSUOSKP5sUOSLM\n5K93UL7sozCOH8Z/NJ/O8FjWeky2Ya/OKwfhmAcEqeG6+BOunD5t289mCW/4\nVpjimLX+asOqPALxIcytWqMSvnspGOuff9Vx2qtHauw+sMLXn6U3Q40NrDzj\nfk0jfXN/kjQARmOjpXLGMa27f0dgBXfxSGNLWi/n1Ydjm+jdSun1JdwWn2Q+\nAhXIBpAsj2hD449SJfAe2paogZJBqauvZXRQrvLljO41BH+YuHGODy0sfi1O\nt1mX\r\n=1kOH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5PicmStIyex017y4xKUICCn3DHfjvoTSKdXmaSPZQdQIgSXI91Ql7Oucrc3MNRBFhLcFiaV9Gk0GdJITE1J6s3TY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.146_1571805865299_0.5497207583510815"},"_hasShrinkwrap":false},"0.5.15-alpha.147":{"name":"@react-ssr/express","version":"0.5.15-alpha.147","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c69bb59a792aad49d34c0abae68cc27a835e9251","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.147","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/oyzrMmtllfgG9pm+YxD3zZ+P7/29IqPqmPJoATHDfjqKUgHjfWixXFlqQOw0edfne1+K9X/evZT3yKBfDN++Q==","shasum":"64fd91dee8ff79371655cdcd8ce4b73a6caa062e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.147.tgz","fileCount":14,"unpackedSize":49011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+GACRA9TVsSAnZWagAATl4P/34P71CF8ToZHx3Yj49p\nSD6OPzxJ1uxnuCBuD7enc83paz2J+YFAeRAk96E0sUvX5bvHcf2zq+Ux+NBZ\nSOQcJqzSuxeew2T/XtrOxAPJWBatLwHZifuphDKbQakSC0dDvgd4BXES2tPZ\nR6D6PNaRCYEsg8mNanZD319YVNwWJGWT0YP75SA0Bg9RPP5kAuMNSv4Dp3xz\nCPCX/ARbddKQeggkRUPmGmyTPHy/I2H1wffJbwttBSiyuq717q0PAKbz6FD3\nX/1/B9+zWnDhTfKuzZc+xYV4H+27OyHav9zFkofI22fMm0LKMlLhrPzOOemW\ns33NAzhC0UdSXT7QJhlczleCk8WWtuvwkhP5K0txlyv/oDQHW43uXnuvAHp9\nWSHE/AD52ipuvmGoHJ4G2KxQSTC7bzWfT+GuyjG03fOGTRHv4cqEJPJh28vu\nRLE9wcnEKs2816bYPS+dhqBsLo/6QB+jqVMOAZQPGVqwQZP2tgkkrn2ET15e\nLAPb7aZTbFrKubtjDpC83Ps4U5KF1BTiEtkRUmF4vLvQzqpqmL0vL9tf9Xi8\nWn1Fi3hywW79vAsdZfn7qfRyBVsAThfqCgy6QjQvMvBENxrL4+NWtbfiiill\n5nP7WQY4zr2sfCh2gEruUjZnjuhqBhbydHetajZl2fAd+CyTycsYDW2+oTdJ\nmrKY\r\n=5Z6O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDd5qgi3u3A6H1VN7zUNnRmBM1WZokHrZ/fCxIeQLdOnAiBQFfUmr6v1cYcTUolfsRWvhR20P5zS/v0X9eyryLc98A=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.147_1571807615777_0.49535338724752553"},"_hasShrinkwrap":false},"0.5.15-alpha.148":{"name":"@react-ssr/express","version":"0.5.15-alpha.148","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a71009026cb6c086155999b306a8e7580cc08491","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.148","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1rab5jsV0J1Grbrul3ZXd1vam5C0ApYIMELuesss0bhDPM3lBIX8so1Cr7lS3be0BS6Z3xhehytACaugKBuUkg==","shasum":"de9ad908149c51eb2eab0c054dc2ddd59935b1c9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.148.tgz","fileCount":14,"unpackedSize":49007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+JICRA9TVsSAnZWagAA9U4P/RfRs1OlJBpaHnG65hkb\n5s369IkVY+EkPut+U3uUHlb+xPVBdxR1XiY+WbmS/4d1JTp2s80GKwWcoB5q\neG7emFA/WL+t4Nam2Q7F8ZEYPGhut0J50bgJ3PHoR2PcwC70ehG3nlhhq5iC\nVvRwUtDV89tBTfdRENazJHWNbKdLvFhbJeQo1kugaU7xVO6XIgdzGeCY7aQL\nM8o6p+U7Fg9Mh5H+LORSSm2MhjraO1G7BZ1BFYGaG0huIxX8Dohk0F95wucf\nIaXYeuNvGE1aph/Zx71Z1SqcNa1yq9O9csvDGVoz7BHBpt5vEMN+NcDvXIGq\nme5AbiSnrHf8/I/fEZE/VRENa9wXqzPCMHo3rmJpb1dTjt4UlznHfpwY7CgI\nsPRnjbECSVc4XCyeAZYxg0Nr0qeFkuI5QN56h18zjn9J2H3JXxYrlFTvv7Td\nkdeQLiRhB+5OB1rkIKyXDjfx8rV+EdqCeQSKS1+gAMw7KkhMw9t2DKYEPbyH\nwi5/l8K/X14JZ0RsN1IuuidAZ+SyVKjW+TCJspjuDXOOhg3b4oaF+0PS2xmD\nTBZk2pkRkW/SrbFWmG5x0JQgECrY5Jaj8bOMnOcoaIimGuA6rT/J5hUNt37t\nGljcHSQjY9uTsab5sL/kZrnQMufq38Kx9BIvhzGupE80EMW1DJxPvVwLTL1T\nYZSt\r\n=mo4I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDcrf4hvYRlCtl4jhT5B9xyYRF4ptKNIIuff9fz1xZhjAiEA9M1GdxzqEoGDNLlP3WowS67hpd+8UTTBgRQCkFVsANE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.148_1571807816206_0.20545341301479914"},"_hasShrinkwrap":false},"0.5.15-alpha.149":{"name":"@react-ssr/express","version":"0.5.15-alpha.149","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"714514009b4862e8e86cd030ae419b3770532374","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.149","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WjMR5Sfm/K4Miir82GczJED7lTHVex8ho/q6WDuk2iJfBXj4To7XZczPOkcl/+ri5GOZnWYmuctCHhHHCUl/Og==","shasum":"4f3887b6dd3c2e151374038b1ae3ffd6eead0873","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.149.tgz","fileCount":14,"unpackedSize":49003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+OVCRA9TVsSAnZWagAA5IYP/0KV36zYb6HyCFk1Kmbj\nq28qrZRCfbE1EslApRss5cRSSrEZ28hs4YDAVvHljlKgVt3TDOOgBCZ7QvDO\ncCfJwFyBZItDI9oE3HRF/n6D4SMaBojpVPuJh/vfK5QtQt9cGYgSS1OSgMVM\nI8/xgntKWImim5d/h51xvmfxwtALilaPnyfVZoVh9mV65YxtSfTozOt0r4Aw\nFkBJVn3DKsjW7VU48+q6wYXe836uBeKEoOrh8a6NPplvfJ5xCuSFvDtF/WsW\nXUWU+FXXBS646qqyTOrOSFzekdReVv6N82LZsFHZ9l43n4pZSbYq9pbAibB7\nZHLg1mgJd+R1LxC2VARGWDymcA/jWZg7YUM3ZUzkKQAV40XqrT8JcXJOXdoa\n1mztWUcdv7/hOoIrWLAVi6imdUMYyV/K1Sz95Zt/31QD5QBNv46PtLoAS6lS\njkUxDu2EgVlk414RTwAMmJm+9b4VlDn73ISgVPlBomcfodOniiHp9p4kNsv2\nabqCSJ+lPrpmqXBBEDBHgrriyTK6YDufYf5WUN6nYvxG1ZyA618ddLE526/m\nvff+iRYPi/o/JEtQ166WuQLJLtlo3x03eDhRBj/Lswv3JnO21ZZ4uNYtCPuw\nlnhSB97n21gDL7V43MQBo7lDN7fPPVtzUV+1YtBvCSgKF3QjTX3ysAtrQce3\nKETy\r\n=zs5Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAijGB7k5wFhmLgxYP6486URJrFQ1KkQOUoYaL+xOCp7AiAxA2srSPr986cXlL4aprK6bIipGniJZP9FzCD9GV67fg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.149_1571808148820_0.49781691502672576"},"_hasShrinkwrap":false},"0.5.15-alpha.150":{"name":"@react-ssr/express","version":"0.5.15-alpha.150","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"43580fef5e436538304596754b94b961098a728f","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.150","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FD1BlvZxYCUgMD38Eg5ERGpUIDK14lkYOZIiXetI430OUgo0meZicUxLv34LgYWqSY53JjgyyQ4NJcjr/1/ARA==","shasum":"ccb79f489c5d6f745dc8827c101b34c3ce05bbfe","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.150.tgz","fileCount":14,"unpackedSize":48997,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+QUCRA9TVsSAnZWagAAGhsP/RCzm4YPpA7Qy1GG0vu4\ngc59Ph7cpju0H6tfXk0DK7/K/kU70/88J5i/2le+zT6qd7OOL95rdjfRRidG\n9ZL6xqpIvx8LGdYA8v5+3l1r9Zks+br19UbUMWCFE/IpOrsCBcree781KQdI\nxgzDL/MKqm45OiiYhte/nknVip1fNgB0l2wvVO11Z19MEDQF64heok98RFq8\nLdpNp/pwISzfhQLSj9POgkxiL8h1n17crfCmFwo8+DD2LRX2BXPkN0wIPSL7\n4WBmttLEuygjLTClgctXC2FOybi+c+7evdcpc70un86+YLFVRE6qLBR1cBNA\nCXpCX0mhKxYhx+R0qeeRNizUf7etGMfiZA9OqP1O3Swq+/G1ogsZG0J9vwot\n5BsJp/xi/lfSnoJv0VovGh5BnyyGYyP+n2vnvxqB9MqUJ4u4hNC/vxxSbOQE\nzu+Tc1RicaQnIqV+iyGIbOhUV6XspiNHf5iDNcr7jqFEm67vASFKqpxfwlLE\nEu9fL2664hl03IF+thpLfRvdNQOHjFgajGCundJKwM7QL3kj5F3f5okElNUZ\nLkUmqZ3hk3U4pb0UcdaVaPINM5+wMqDr7kRx5XmVqtqbgDvVUYZ18cDB7LkW\nMb5gEoeHeP24s6nVhsJuctAW8kqsJnWrKxhyjup+kRVyq/chs/Byk6/IVp9b\nVJhA\r\n=XlZ0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3cQ3r0GFSt8ZkLH+lz/NseaIbaGZRLVjpxg7tvUa3VAIgO3cWpQLk+xfl1LneGpWIcRctpXmxLEjo2kGFiQrxsO4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.150_1571808276232_0.0333909322674093"},"_hasShrinkwrap":false},"0.5.15-alpha.151":{"name":"@react-ssr/express","version":"0.5.15-alpha.151","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0ac54252121c5e7bd5495dae0feb1edd886d3ee4","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.151","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2rDMx6pyyU+K3AS6siDLFu4cRjWSDjztX67Cbe7vfn5r85XdqQBmVhNIpk+GQ8RTs20BajjjBkZBuMDDXLYOdA==","shasum":"57b2364991405963bd3f8398cb2717a2bdc80bd7","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.151.tgz","fileCount":14,"unpackedSize":49033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+TJCRA9TVsSAnZWagAAbjIP/2a2F0Fvkmz6Ka8+jkfM\nXJ4VtWAfAwhNmOshsOwnbvIJNHt6es5gLsSRM52ghysBle2sBpdafGpGqwEg\nK97rNBUZ8kOUDJCncih0P9gyDDBIMw4WobdwkYRicWcy2nCv00wRDt8dtXPi\nsG5x0LYxkmlIAHumoUqAwHhYZjYhypTfSv0Gg0Nbjoh64ePYqrArsKfbxqKk\nDQvZXeaNb9oqDHSxRDjmTDZHDTXkNx/9K/Fk41G8Xewew1kt0Emh03Vh974r\n4g7TWVuKrDVWJDNJkorEp2bOe8TAnabzASXabK1gIXKVSYXDaIfNbwvl8j5G\nwEp6lma3TlWeyavNyabAIvwRHcJ4nYmbWYEVm9WUEPEpmC4C8YCDQ0VGiV71\npk/Afi0T67t5zjrTO5hDdiP9r4FrZK7cPoXBD0gItH2G9vewpQRKaJA47Z2q\nowXcGNAW5ZEahF8KmkFw6S4wyjZhLg/3QAB7qCaMI+elDMTDtU75mdhZ70kU\nW6sVNIw+dIAR5KFlE90wloek2JAOTLQjBQ850E75tNXOB/EOiwD0m1Svf5MI\nHkggKatoW0MTMNOR3udCLRFXTLpWY25jQ3TuKwjumsSMfIVXHuEHGHo1EvsJ\nBwK5yOoa+yR8CbsdyqGdYrUAHHT/JQ8Z85C1KTEv7RaMvqPIYoRxEytihVL1\nsQ4F\r\n=XqP7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnbIWW5l7+DnG+WXU2SJIjUGb3oH8GrJSD597B7cy6GAiBDhMojkBBteUNYpBSogR1UMCmDN50Z8aQFvijSqIg+gw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.151_1571808457303_0.08965061920742023"},"_hasShrinkwrap":false},"0.5.15-alpha.152":{"name":"@react-ssr/express","version":"0.5.15-alpha.152","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f7b42a026b9ad1200c73160f14831bfe8b5769b1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.152","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KFPQFJs4yAY3VGJt+D+BsKm9cn2xBy03vvNlUMi7ZyIkPVhir4GaqueN7av5m7JoBYOthKGJ2oG3/xgEFLmWcw==","shasum":"82109367e37fc32e607226acc7ebffff251c7731","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.152.tgz","fileCount":14,"unpackedSize":49081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdr+aTCRA9TVsSAnZWagAA9gYP/119N7oGi3TpWzKqd3YB\nTnDT+SUkbE67OvPzuWcH5NO6msXscLs0mmH7JzpA7lsR8I3nF4FYBvTDphIl\njM4Hy/bvcnnP+2xp3jUJa1uNklmm1Jf/7dDpsBCiLSfzaFSox9DW6TSfsXg1\nMShp7rHhZ/i+btNRVFuQ1wMYLOqfLssPqoW81m3BeJgQHkHToyOSmLkl2NiR\nmreQMOUUSIgkoZRxPHaWSMwywaa0o9RD4nsvABrn36fqO1jv1ZiSwW4b/5bp\nGnKX/rj7YxVBAbCHOTGJhkmlEmUCpML92rG7IktjO8Xbpsejhix3kYvjDvpo\nz03xQb7bxYqWz0iSIk+lKR8EfjNBQkrIgi1VrGsevO9XaZq0Qr4pfMpspdkR\nUMUw0A5bLBFkEtTZoMLPQ/12sGVGszQz4vdp2yEcIHVPDdW9GOoDBZEO2rmO\neN+H2kceGzCutiGfjA1dm236sAGJJqvm2JtSUxyxpdeJciqywSnZ/ni31VP9\ng/r0GEx72trXntnNSEqqE15dSnxBmRR+QHVeGUtG9yoxFBIMhJL5xc9Qghse\nEOvxLYhFVCH/IEfYOrwQZ2bc535h/M5ZZoQJx2Y2pGuLDxIBusnl9dzUrKGq\nStI4zxWq5K5dgkoPVUGMf6IQH9rJQKMq6W6tZe3p7M2bHLFHsUyGuHf63Vyt\nmaCr\r\n=kyHZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGSJNtBRAN2ZTfliNefsJQXLt70kB+PHzH0pRuR6kbg7AiEAthV41GGhMeYzv2rNqVA/RAHTEACu+ZpkflibIf2W3L0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.152_1571808915037_0.5328852390225565"},"_hasShrinkwrap":false},"0.5.15-alpha.153":{"name":"@react-ssr/express","version":"0.5.15-alpha.153","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"cc35a062731352362defdb803ec3c3c873775bc6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.153","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-dLpwtgJUvV2K8nf/Yb6UcDR0InqWihkdFVOFB3pNjCjumw5NIU34OC3uuJN1n+5lN3oKunlR7cB8KcwNnrOgtw==","shasum":"b81414ccbc3bc6e39f4008d9fc3c56a813696005","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.153.tgz","fileCount":14,"unpackedSize":49035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDZECRA9TVsSAnZWagAAMAAP/1jPGKmdPGgLfJiJd3Nu\nndZxOcz8Ltqm5mQqYu4rxBnJ/nE6klcfY1+4if2I1jPF2/0+5vjwSRiV6pDY\n25fSow4ZQl/1GnGMbsSIfiBQQh5K8Fwa7B9Drh2FkQ0B7xh4TNR+uLhJQeI4\n6noXfckNMFWAbcguwafOKjq6lJ8I/f7mCBOwCYUHMARblV6/pA600Z+L4Zit\nG+u6HDqHXbxMvvtTGsaplRGUejxHiAoij326+ZgEl5vrHPkZvPdqCEh7m+0/\nycMNOLxAob+pIc/Z9goIhq02Q3TMFMk0ViFmGKQXmH+ajaJZdvzVprZYWVQO\noX2rS8iFi4JjpN2GsDycJXIv2RbxvyLHma41rVhyzJOjye1EhxQkb/Nx23PK\nrtFGIgCPmgLGViYjd4KCaIPKwoEFUnfmukk6ydkaRIDiX4cFs3Bhfq0OXS1k\nK8Y5TjRjKOvvtbjrya2jPK3JSk9SMEs1bK9kelosax2W2Xr6no4Zhai0/1R1\nZNUvR+Txy9KLDjW5QPfmsfxZBoNmyM60owkJKVnliACEFqs5n4kH4FzYMYrZ\nq/DWC8O3zJHWSjTfMjIfsigGmWstVxoGLSXUPObfuVQ09TsScd+Slsgsst3Z\nPfKJ2djlTvdsUO8RcKOk1DJk4xouQlCzsjvtF1IRY0kUspuN4lIY+JRlYYZL\nC0LV\r\n=PQtM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcO51eX7xr3Umd4uXaEyyZcsfAKJ7XJHo1DlH1UfqTbgIhAOrDYU1wWMrfTgnQcr9g93REz2aCS2wxqHTrlw4pIhLn"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.153_1571829316242_0.07013353393127453"},"_hasShrinkwrap":false},"0.5.15-alpha.154":{"name":"@react-ssr/express","version":"0.5.15-alpha.154","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"caf34b2295239c07f1d303cd20a0edc316e56b71","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.154","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gUU2/zcVM3SDXjFRPYWjTpAKtcrm0H5rotn64iF+FRvaN+PRI+ZgPIttk04ZyU/BAMF5QrRs11+X3Qf+Mt6VbA==","shasum":"5da9443304fc651ef269929fd837f3191714d1f9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.154.tgz","fileCount":14,"unpackedSize":49065,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDdMCRA9TVsSAnZWagAAvvQQAIJBLUrEFv6kMFUulkEz\nGLBZE/piPWXO8JxSDS1EUebCtZ+RzBe82khd2SGuGCa4hEfY/uzdZa1YRa6X\nbsK2B9lzVf8l9lPeLk3Mq3cIZRzA5F40ftYBbZ6yG7TErZEpKKEcCVbdVLny\naTqsh05lp42PoK3MP9Xev0Oors57yngoOlT1+gKXZKCtE/5PxoxlSGJHAtdl\noMICKQneSb8alR/HH+zifw/+juyercw40+dDGI6wBghY8ltOrvTibPay8V1u\n1L859YHU0iGRWI7sgoV5/+/IHt2/MoqYcgKhFCCsKWcX6cB6heXZRvUn7/I7\n4PlAmKBXXO6CoYjIlFDeRubdSk3E/8Ck+ck/5EOudunlR8Yo+btS8+giYROW\ny5CkQbGlZgRSSkxoQr491vy2YPL+y66HjF28Sf/CzcJ/6JnPtNjPUKIUyv+Q\nAh6V79qJEp4yX3nsBAWBg4c3bMwxKnR1kcJSvwAQUkcUibm7CCQJ0XH3NvQG\nUaNxp9D+oaemAQF5g8+ui9JaWDv78YoyItcbB+91jVYJvsQ26B9z98rAoPa9\nlA4GEcNXAVdMFBCKnAtqLNMT/qD+atCO8ZWJFOJgb4i6pac0rwSq3xI6GRb9\n9VMDGpjjJmWPGky9xHzg25SUGygoK/yevFoy0Jts6z3H+VBlVJ8wx7pQWjwA\nm1z9\r\n=nwd4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyJR05Pbk7QRNzk4Abpmzkb1CHBbfjRekOR3DTH0yDgAIhAPYoY1PacA7/LhroBOEDDtDt+k8em/0a2NFLAJbcoO43"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.154_1571829580530_0.34291505349953755"},"_hasShrinkwrap":false},"0.5.15-alpha.155":{"name":"@react-ssr/express","version":"0.5.15-alpha.155","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"95381072e0f75e955d7621f05fe55cbcfa0b7d52","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.155","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-5CDKonlh3bWJxby97VYcjYuSWERsowfSl1xMhyH2yK9uH6rYlVk32eRUOVdCjOg6YfP+KmB1HJSYiMJ/Oenj1Q==","shasum":"ce6399ef8a04448abc4f6b325cf0a48a68483c1a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.155.tgz","fileCount":14,"unpackedSize":49095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDf6CRA9TVsSAnZWagAAvAIQAJgolbhC4Vv2Ww4rsUDG\n5NZhGqQ0DiagqSzHtUXkgaNMk+1ovqOtOuMGRyVWpZFUADxJxtSN5bY/m1c0\nR3oyRm6IEEikhjWIG6nBFLQsGs1bpVPq+6fs4L6OSeB/iUBMGmWL2mRS3qRM\n4vnTYzGOyvWUHsdxE86qByxeWCTMaomRNoLi5THkjHVVH3+9tZVy4tGqLavm\nH+b8EVvsI+bD8VpS3iL1XRHyWiVy43clZo6vlcKSOfPBtEWF5RlobPyW9jKG\nSJJTutkFK3yOx6VYnpPyaGmJj92GrwrHCQEcGCM7N9Mr9uBbVD4+E2WjxHGo\nXegS4m2BMzJJz7qAI9oBREOG4E1R73Dk5ufdyTlXy5rmCgnC4+kbo/echspN\ndfKyZRH9nr4T3VBlJZN2K2oqXX0I7X8v/hVkPUUFvpoAoqs8QiNrYZH597Xe\nfYnYUq0D52dzFbl2lx0xh1K5PAj60xBb9L2eKxiBIxpL+VUYEJdcNbmiwz1Z\nLZDeZRpxuxN3dEAINFAsIELvxx/Bb/ZmCTc08ag7nNhVR3i7zEOlkdQ/mcNz\nSiY230TuDKvr+GAEamEPVAYeh2hG+UFIESCp76oIvcrqoW1yV3bX0XBmN4dW\n7LPqrH7aiVJdOKmlAcnmB5uQ+YHIY0PAtEJc+FMwP2+eb4qRELRvp3X26+x7\n28Mk\r\n=8zk9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFfi12K+Z9nhteBl9sEaBPHrjDBd/IQi8bFImMn2WDLgIhAJcGO9ZcQZutKVoxTEqCMMoBtlgus0hDeCzJQTHHtLX6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.155_1571829754336_0.5406038358897749"},"_hasShrinkwrap":false},"0.5.15-alpha.156":{"name":"@react-ssr/express","version":"0.5.15-alpha.156","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"3b225554e3d14e1158af3e2d44d22336e576a261","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.156","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-857OdIy75FvGkpBc1wxjilu8fToAN9j5AdN8ZQWA5BP5L142e0rrwN2KN3wK2ra3anQ6lmZ3L9Gbf2EG9wxoTQ==","shasum":"f978a208b4a4d66609a3fce347c387f3f67ae7e4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.156.tgz","fileCount":14,"unpackedSize":49101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDicCRA9TVsSAnZWagAAexwP/iXPLRFBE5J4ZZIZQL+u\n5gvz9cYoTHOiwSn4j0/M18N+WyXBa8BG2LI3flIMlLYRhhlrnqPvXmvacX+X\nB7SQRnuivYwnR3rlVbI7bmtqsCtJc8Odc9RcZFwoRerTiV0G2/9pH9huTfiU\nWpA0HjGetjvM2+bfG2fZtY0B3gsXJliC0G8DQqwaWfKGHOil+J46zrPo4Dbr\n/vAJ6OQFFUD41c7v07FNZ5HLqjzIxrw3UIcyotk2pS+AFizP9HfVzfspJiEh\ndpKhQz+3ufPQjEmISjmtup9wSz2x2Bbl9g82l/gsrgi36hUbAP2fsbAIAuTn\nWMrIaQHxO1o5b3SUebNuz08MXw/dAuOqYLCQDbfZZ28AoaqeVRsdsfgsjNy+\nYNjWvTPOqf2EFUYXfjHJcpaYyYKVAt6zPL5oSFzwrCA/ofHAtRon3fDS7LHw\nozr3EoUhCjrXAo/+QS1W6zIwMSwiElVC0ps2/nXJjAwB74BZ2fFbaAPy2dYh\nFrigJKN5VvVkFXfNbTPxawAWyD8ICpX6s+w0Zcujc3pxpg/gyfdGxMQKXZQT\nFhWGArSQHFW7uffTcoVkBjJhD9nrb9ywtW10oi8Oq3F9AndQ/bVF+lI1ZklP\nVpCP4Vqp5fnNUCoyNn36GRD27DnFjqJjn5j3iyLAE2gGlbx8+p0G+RpQYthg\nZk3o\r\n=Nig0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDaGgP4jiKKXXeUmlq9DsP9ZpywsRQSC7lbp8bLYtLpXQIgJdO1Pp+iLawpcQNXmx0tRIHn1Lw7h1lFuKjhSw8kKuQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.156_1571829916201_0.5089414399033734"},"_hasShrinkwrap":false},"0.5.15-alpha.157":{"name":"@react-ssr/express","version":"0.5.15-alpha.157","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"23501c1f86d630ae4135f77ebcc99a3d925444f1","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.157","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-XHwamFiL6/sn8TtzQYEgtlr92A9fqhBJr+QFj8TE/c2Gv6Y+ZRRjv2bu41xKcM5g7DMcGmJYV11GpoQlcAs5Ig==","shasum":"2d64d755fb891a2e4f578d3f9bef5982fe876606","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.157.tgz","fileCount":14,"unpackedSize":49093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDmkCRA9TVsSAnZWagAAR/AP/2j8eIiEUCyhsSAhjct8\n12vDh0qAEZJWUyyKXpb2kVGOzPXBABAVi2pg2CglyB8CAumzaOmA65G1avVg\nGq7SwzezHNZ8uO8oJbXAXmWWzq+/+9XU0cPtRCFjGG0Tx3I1wZFU0X7w8QXe\niy+7P4VhKNIdQec8RROuAdWKUco7JGT0ZbMDsEkNLj/+s8hvvcQDH8LaVDcO\n2K54TCwCNtPeeGVEKPBlx2z/k+8F4ZwbX5TqFuu4q4X5kbAZsTnqqJW6aaoV\nYUjgqivgpwoEiDUND7HMjbJoLZVyKWsou2ehS9b/SHrvpDTRSPhS8NI3fwoR\nkAVZeuZXexYqq2QsnYXaosjUvspEwAshzxbMLTOpRWjR9zQn6ouoYQ0jUnr+\nFAnlDZCfIz1o1dmbUtWsxSVRv8sm7i4en4/UMe/lUjjnLijNUsPVC/wCxUMU\nQ09c7IBf8c82LVD4dqhK1b/fcy/icCMhXypgi+CVq/zx/YV3RrsKAlfmEOri\nUDc3iJ7Mv7/Zr3KlmcZuhDCHSqK+nSpqofmD1T15wOj7RNJbyr/eN3HFZLOv\ni49hCnZ5JTp6mL46LDs/p1/nBjKMkLCLKyiNnOrtOE/bIXkfALfdZpXUVzer\ngK6Q4Y98WX7XCpoEVESP6FaMYuxu8t+wEl1DQGHY30LMT1t8kNj8X1YsC1hh\n4Gtk\r\n=n1Tq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnLAViWJwkI9VUe6b3es6Owm/5pECJf//T9Q0Um9W01AiEAkXV9gwDSt01s4KFO2rPJrwOWyaycK+gLN/X6lA2r66U="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.157_1571830179617_0.8597645939360024"},"_hasShrinkwrap":false},"0.5.15-alpha.158":{"name":"@react-ssr/express","version":"0.5.15-alpha.158","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"238e9f026a1f6ecc9328466aed14b32534f206a6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.158","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mFpCM1eZx0Ak5enTvbbUt1KrthShj6iaFqMtd2t/hC18uN76n0bZP4S3U2b8LmvxfB2ppAGbcWG2i63lxR20MA==","shasum":"66e9d0f2da02f7645864ec0c8907636eef9dd289","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.158.tgz","fileCount":14,"unpackedSize":49123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDtTCRA9TVsSAnZWagAAIg8QAIuqhB2+temzLewVwN1B\nVPX2gtF+wNWDrPx0tQsHpwKnrzuBpKz3ngC8bFbiAiSrJ5nbwwwKMpiLxcAq\nRYpEAbZuDLRBwBC3Z13WQIWB68K1JR6d0XVBqL8dxj/pTOqV2r8IgIDTHmgW\nX98oGIv/QiGZooPaTICpXWzDAykL6m7osVLwEYsNNdGDEAXrRXvm56BOA/bQ\n/ITkSGABjn6kdCzO619QsyyER6D9wFBm0sC12w+Ap7iZEP2s9pR+6pausnpK\n9dZTmzTJKQJeAOwLPwPHzbFbfQCAEwi+UZ5D7+P9/hrfsoaKsb1nPhLDfT1O\nr9bgiI27RscVn9bUwFK0kwbtkX2WoVOphoiolht/dYyhVBMaxo8iFZvYZtQx\n2ZVsziY03ohuq/QNr8E0VAFUQAWmSWFhqBMjCNU9U+f2l7fIuyEVH7rOZda9\nmm+THicfZpab7NXGtopZjHUzvKERiIB+TLJ1Ikg2j9j8ZtFVvxLyTvowPhwR\nWPfuBSWH9NK+Btwt68kYf6juEA9popKvL7fXP7FSddTLiEXzisDZ1j88OpP5\nSOGf9lMr9cwRzBPJUXt0yiU8pQvuQQY5R2N7gOoPOhYIOwfPYE6wHC/j43PK\njXWz0wrUljfgBLwnK0AoLVTWaUwQUrBBQCtRbG8L9UEWlVBnCaNvWL1ENmCB\nLjN6\r\n=o7aA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBc3hRkr97LxcxbqpHt7kwyd0Pbz4HL3u3UVt9Kx2ipfAiBIjj6HFzx2dB4VdqkGnexu9xacxgSRoPKXzaCEsxz+YQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.158_1571830610656_0.2779233108533823"},"_hasShrinkwrap":false},"0.5.15-alpha.159":{"name":"@react-ssr/express","version":"0.5.15-alpha.159","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e6d61b8b8286ebc7ca8f40b07e50811b3342730b","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.159","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QiVVhEVSNhl9V4CvgnBnfQkdSm8Wcn114OLei/tt5iNDs1+q1wHqUjuXo5EOUnRf2YM5H2NxwVWy25VG10Cc6g==","shasum":"6088b25a2d4fa76ea1603cd92a5e101f30bea56f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.159.tgz","fileCount":14,"unpackedSize":49163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsDvSCRA9TVsSAnZWagAATR8P/1yFgu+LrSKnRouhgKJ4\nLq9naQ6IPn+fi7qJ1O4yyWltPlIzawAYPcstyjE8Ouey3eneREYQGtYNW6Hf\n4rLg+OnPA3IbWRWkZ5dEYzJis9pB01rG9wBvgsIkRU9urEomKE+//UdwbOZb\ncdmWoo5wI5SIyRoCOo9UVLT2nKlwOy8usVydZmGf2xxdozO1wxVgRIPqyovl\nu/vIMs5NpnQ5xY4mw2p5xawjmk8E8JlYgzKliWYecGhVZrSVe8yxAv2PFyxH\nt0nON1p55epTAjR/QgTlfZWC6nQFavYLVDI3YbnRJtFwwhg+FCMBhjPoOdYA\ndaP+OsZdakAfXvYV3dGqbj6OVJnBKTHoqfyVHbDHd8hqbLmD7UG7wg4ELtQd\n2U8TuXTIju7FcgnRMG9YNypR2HYa3XciNIE5CbnsQO6FPOC5tPVlTtG5M3Ce\nVKRsvcn94mrtgmbiv8DoQcP00Vti0LTyCddSbXDAkpviFlazvG9OVIVxuw/9\npGATtZcIf8lHMub/rm2NEI9e0xgXtrbC77DrJF9F9ZqacPXaRk+2QOWwn6r4\nKvuP6KLkV2FahA1lpL80PvCmhs9JV25/F4JNUibbUisoA7INiS3EbPaYv9xn\nFAjnodYGXKfrGXf4iXtJh/kQkjKtjcTkOs4TL9uKy/2LVduKQOfoTLjgVKR1\nhT5b\r\n=lXVk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTnoW4y6oNC/YELyb741zx/OcsbqgnWB3zqe5fQVyB1wIhAK3q/0LABzeaMzOueZGwLf2nb7aG3CmoHYeeWYyp4HA2"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.159_1571830737860_0.4196011237514914"},"_hasShrinkwrap":false},"0.5.15-alpha.160":{"name":"@react-ssr/express","version":"0.5.15-alpha.160","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e0793de9c1cfa45c350fc9c2ea4ff34decbde472","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.160","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4Bap23fMN8SPPTSy5ggeNuLT7Gk5nPfrn5Uz8wMqvgAMssVPeeYkP5RK9993uR6TeV9lLwPZMfYuE4JQIIG08Q==","shasum":"4c08b3fb6956824694c1e9fa8b64929f8b60955e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.160.tgz","fileCount":14,"unpackedSize":49167,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsD2gCRA9TVsSAnZWagAAk3sP/jNptFLtifHIOzC531s4\nze5aT/Q5xv08VvRjDz9FMkTjrMWF0tYu8dUgBk+0LYuNqxxLKM6aoryhoVmN\nD49hcFv2wtCuHndusckBj+V1vJu/yYDe7MZCBSTqMRCXk4HOhgnY1cdRC9NB\nnaoJl5lvrzo5ogOmigf5bfu1GUjxsFjg/si0/4/K5HsCt/36G1RypZwiLYqh\nhtP4+ff3u/DHpgfvcA0e02GryHJIbATM4t0iDsqcISvoCEyozBkC4fTYPKJH\nYwDxaNnAkZugf9kki5wd+0gs0HUeGs9cEqZBRLSbgNtStaCd1tIDYrG+Pjg7\n/h5F7JUPvc2BhtBx9gZraGhYNQFa6feucrOd20801nY2wh0tLFBJ9vjz0ivN\ntKhp8fjPvpxThKm22IQJbx3kqI1K2UefSkSXSn6AjFcTbjRxfv+3GnQxljXD\nfuDDxQLKomTumawAkr/A5A6PH+HhMCeA3eIw6MZFvA6xzeLmBHgn86a4Xhb8\ntpGazeGd947dVN1pbyiJgYwMyZrWcsIVPOz6NLi0VfozarfTDXEr3gMvYPIt\nvPuQnk9G3uq1iWSbxLwP7x+zxdWkzDvN2q2pI8yaKV7a+ZL6qV9iDzCt8go1\nS1T6SbVc+npaKZi7glMZ4Z2v2HgIPPeIJrFO3BuNDUhvcOrRD5mfMuYwsmAk\ntDn9\r\n=Fwj7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYFwG82KGnvqyQVN6av3oZOF52mriTYkBWLbK37Vgr0QIgelSEYpR0Eikz3K3dSo2dhZdGCjXJdLa0+yhurtCrnp4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.160_1571831199637_0.33726472587761913"},"_hasShrinkwrap":false},"0.5.15-alpha.161":{"name":"@react-ssr/express","version":"0.5.15-alpha.161","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"e9ab21041cf850e7ef06a728ebc2d057e4b1dd5a","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.161","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Aa8oB2c0lqbqIWgWSnWYTmjUr4pt5MRPEWCcsyXDhj4NBMdcwqwOBNa2nAl8q9LXNwaEoTI552UKWp1CsOXEhw==","shasum":"144bf12058abf492cf433126236fadaeb89324aa","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.161.tgz","fileCount":14,"unpackedSize":49197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsD6pCRA9TVsSAnZWagAA+lwP/RPE+XQ5oefeBD8SsDif\nLDbTm4MNMaRfVzUgEY/wHN+7ZrLGf4JH5gj4NKpz526mft9ThM8TCDNHDta5\nbInUrMNqho6larSM4SsNolgIq7eFetj7HyWuEdtpSx1RPVHspZLdiACA2ioi\n92PwXXBkhJBurtfQ4knfPf5crRLiG7pYbMlXDqrZimnAvkQv/oLakty+2bYJ\nVr7b3q/T0ZqkB59SkT+uO4vX3n/vBKWnvRHg5xv2wy3wkM/XEyVay5lNkHwC\nRpusVyscYB1CWVEyJsZQIpBmyKGN6XxJ8QTDWVIsVYqF/ySvosLjClGVSgOS\nZKri9T6YJ1EHANLCRgAg774wfMUmyZ0kzBw6lfNO/rJ03hXZ1LLTeBNSl2Vk\nalJbXaosa2qF2xbtXXeS94bRvkLEOyFdiJV2M/D6HN4/wk/9fZgpfmGPNE25\nkOZ/tsaRnyYjeYOpaDpKVkgvoYMYriG08PmXyhz0+cNGQWm1SRhexqU8wN/w\nIS+7yCmCEyUJ3NFq81L1sKvg7OpBdvs9IH9IY92di9UXfm2Lx5ksw/TVvK6l\nZ2NpWFlZEzq/10b3D+y47E8cgeFIQdgnTnpfOS1TGTK+6VFOlvh62SipuMNk\n7muQ7XFa6Bwk5JlDDSjCNSP3LZhEx0eLpR6jRldmNV2zvNA5DAnXWgaF+/49\njS+7\r\n=UkFg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdHzxnSItMP2WxXjkBMdrP8VWnBkdjr2bRn+snA8t4hwIgedNcc3xTOuwGshcIv57Jgs6YaxDvoies6rKNaI2aJSE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.161_1571831465410_0.394909105637264"},"_hasShrinkwrap":false},"0.5.15-alpha.162":{"name":"@react-ssr/express","version":"0.5.15-alpha.162","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"a6f514d52aaed23b314628c40b758f14e993e91d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.162","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-49prATJfIONtOb1TKRSEf651eD1AVz1H3S7w1mT0SvxVw8nBPb1/nxBDS0jgQ8hPzBb1K37ogM69XBnjMS8DmQ==","shasum":"b51d60a3a939198c85e39389081b2245d8da0528","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.162.tgz","fileCount":14,"unpackedSize":49203,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsEAeCRA9TVsSAnZWagAAEF8QAJ5IqienGVBv1AdUVFfW\nzuMefNMXNNiOB2wjuZeVMEs9REWxZ3HvYkJqC+R7ZO9uvvVA3VA5YWnrMwgO\n1rS75Wm75d7rO3pBIU4zcjAdCHHlx2wnCkWoYfV4sWWJcxdDSTPHxT9ghzf3\nxs8ifsYPgNFYfF/6IqBOdrA7oYFGJ2K2kO4IB0PNRmqDf9rrNGLKGPaUEyWp\nXA1RRKE0+xt6PYkUFbA8mFU8D67PzUzvzEGDTCiI6WZBzOQcDEkiY16lmuo1\n03vEfnP9HWlSoXRVb7DkT59mO9nMmWp/Q6NAzYaT238zwNyWzdcHAJ6CGA3Z\n99g1tKwpThNFz+haxZ987Fn3/Aac4lRh3pD6Iiw4kfT86a3qV0CykUaC73pu\n1JkidYxgCsBOOHfQwwvFk+Co89TrN70BUoYr6NgJoQsK2fxaReON7LAygTd2\nXgX3rtZaIQHswXUEsHVMPMfJclh92WNlM3Z0kczc/ZoosoTIHEYKIE7F7viB\nAeD699ecwVIaUPNn3RxPKrnEIPtxuXOQuVV2b9BsvSVLynn+EwNfaSNeDiOt\nNzlx7C6/knGzqvwO81CTF7BU6n9VNlLY5/8G6bNwo0rlAm6KK7QqT7FAyRzG\nQ0ODuOLUq4qLB0fMP9VFkasa7077QMemISEevea9uy1PPpPwmYBU2cMHJMGs\nulzd\r\n=ncNR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCX/cFAHZMvBYR3oG0OYa8BfeCfA7sL/1IKgRGdPRfF5AIgee8+QKdd4Qvdvd38oKjAE47nqIYoItUrbOcl/7v+aEw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.162_1571831837769_0.48188597290692714"},"_hasShrinkwrap":false},"0.5.15-alpha.163":{"name":"@react-ssr/express","version":"0.5.15-alpha.163","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"2509b2aca0c65f4f0d9390884db96b564919dd54","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.163","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+lwpAeSyyg8eaXS5//rlY065JYuY9kYJk2tZZjers+KTVy4J4V7heX+E3AJ7b+LhfoOU7JgYalG10jUlJfeh4A==","shasum":"7f1e17cfc29b46e9ba1a8a96712f9515987e33c9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.163.tgz","fileCount":14,"unpackedSize":48779,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsEa1CRA9TVsSAnZWagAAY4wP/2gQyjVRhxvL1b1t1M47\niNZcLz9Xy1HfCTTGT8jsllNfcjXZje+nGT01+Pkd9Eamb/JYT3pC0gF512kn\nMTn9edJPJ0fJ87Q/5Mxg6pidqeHXid9aMNsItwJdXl+vCquFzfD5duRZ8a3c\nsGMTMQwgQ312cXSwCCg/uB6IUU5nW5RCWZMus62bfQ8lcqnQEe+bvYj9UvMB\nAfvX/mcST0DMAdeUY+mSTumhiV2IBtOQHgHiYeEUA2B2iCIE3zveDRVKYJDN\nlQt8BA1j5hYnMtyZqtEj0RvxiGvPoHcSC8WX5xR7nTWvnmTKmo8FrYgZK91j\n8W+LmBp69r34kIwAL5FD2KY9wNOFtKUHYv4B398gU7+lh4gGR2r5xsi9EARM\nDHt3H3o9nieJ1Zn/KDsH+3y5LwxMFG5t2Vf1RJBvGEv2WDKoytt6OXPAJ/7Y\n9ruNFM9zUNeBADqnxVWKFsbAli47+GhOenecq+iSYle1BG7rzoMYm/e+IhPe\nCGFsLnB6UKK8tBRwQp1YfVvCisRbYI7/ox/ad4MP7nttD8uj/cwQ9yWxIQY4\nB/ttywM0F9RWrrp6I4eLtvjBRuTMvfguivENSyUv+fD9D4jzVEWDOTQI66xd\nv/u/KHjyZwCCvFqAw0YI7DB/7fEKgYgbMD6BJPzX69BnX3IJKpuqG1oDsX4T\nmBsu\r\n=1tGi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGxB0lDJ8I5FGrOxNQ9W0jHIUHGAtI4AolEiNqORCZenAiBW12gy8xY2oKVCvJw2A1bGp6vfjN5hhhoABowsvA4DbQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.163_1571833524631_0.843593094881304"},"_hasShrinkwrap":false},"0.5.15-alpha.164":{"name":"@react-ssr/express","version":"0.5.15-alpha.164","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"1f57df11796b270cf226459024977e87e966adf5","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.164","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7N6YKADS9IVWLK1W9sXLcOnqM82M2CFgQYIx+RQFNDxQy1IftfvJAUpqoNNVS7O6Id77C2iBA9bor8S/6PpnZQ==","shasum":"c067620eb2d34bb4de1f167b2b6ab05233b60432","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.164.tgz","fileCount":14,"unpackedSize":48611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsEeZCRA9TVsSAnZWagAA8xEP+wfi8c9oiBoVp2xlHYMH\n/PRMga8L98t4L2nkInvVATKSkHWzqCwgzHv3FD0y9sQBZZ/E1BXnbMQ0Pp6L\nWDpkrPwOQaAsoVYjZ2d8YuSr4zMY0PxlhMFaUW+vf+OH2LuYhtGk1zcCf2gW\nWQMo65EVC0bWTUascicWjAgdb2Ol1hFlhlgawqvbvZu4B5UF1OJ4bij1rVdZ\nErxeJD7urs//vYKMa/fpF2/HuwJbhpHMlvsWDhPryBPnBVt8AMwQCqkS9zbh\n2Njo5U2TzdROzXJMP3mCM+/RC+W0Yw1z+Xg+BEgtTq5rjAG3A/qQHOAMWV/x\ncAAZ4h8BHX4QsOgdmLjZXEEvq7bI5FSqlkHqsE56PRQB2DGsHDBr3a5VMORc\nXnXSTgZEPWl3oRjfSE9KBF78ntzpplWKo6rXQAAvdTUO82B1+QmGMCz8qD5F\nFfbq5SwRoaJUXgw5cUNfafoO1CtCVYixQUh+CHVXc5JEpfJ97+uMBAH/agFq\nKmN3FsmdlD/+MYOwZfi8ko3Y19gdmA/YeMkLxEtUdsen09RUK7Pb8fyA8gwb\n2LXMgZlBv6VPh2fvE4tJ3vyW50J+40e5nXlTcxQAmrw0ga6lok1XyaLGaBKE\nlPHcUswgKqOEQzgTTDMb7PWCT/GL5Y63YvZ2M0x5mskyRwzFk3Lq1kGDIr9E\nImRi\r\n=CVje\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyaG+A8kTKZHOMshvn2KEuY+ODYhqhhJ+5NrUT2Ub/9QIhAL34ynwho4NSqNU+8rSGTIXGZtg7J+KFqiqq33XittCO"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.164_1571833752969_0.49433609356396935"},"_hasShrinkwrap":false},"0.5.15-alpha.165":{"name":"@react-ssr/express","version":"0.5.15-alpha.165","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9a4c8da415902ee80d46a80eb528bc7772472b20","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.165","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1ID/ulA8rmWfcsgMmFOnK66LujCrLO6mAWhx86e9I69VbRik65A7EWZFIHVCis8t41XuuQbzfLMv4FNB/Kp2gg==","shasum":"40f9958199030cd0d50fceaa651ced4bde828464","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.165.tgz","fileCount":14,"unpackedSize":48747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsElGCRA9TVsSAnZWagAAs/sP/2urv6hjmkYuv9ivoGNP\nDhLUwXPn3n0eLu+PEWPGA1UI+WkTNIxxrEl6euDSJXQRK4sqT9Y8sRNfJ1Tx\nulJHmEzdCV6NK/etoBo0RbdTpLOLv0E6O44jHe0tfkL3ey6FhMn4mGoFy7fh\nIOmIKc4zdQLZq+uW449rslLsfhEr4mK0kDAHOwsbp7RMTvWPeWx93QTsFp0m\nxte0FKxbSDLzZ1NnikqHg85RBoj3m36unHGlKwYmZFKJz6dmzkGk1wwNynbK\nPc5gvE24Z80wUmjGJu1XAEDyUqD2T+GwInRsn/CypEcT8pZlEtnhlANu8kZj\nzsrY2YIlTqI0crGl7Prm9Z7ekOyI4KWgTSi5PBRipIR5Jeq8VOSOEIQPQ9sU\ngV3omF+2GErx4A/mxC4MCZ1nKNIR90mdTBey+j9ivFH5pu+rHEEjtcKse6c9\nGF7tHWy1CJVppOxLPV5srfs4FFRsaAMaBy6LCNoHjANVa3kOcig4n7FkLsEu\nx8n7H0ZIOSe1KJg0n8EwKaf7lZYYVO7hqa5nPNvc3jHZiOjSK3LjBhC24oil\n3IOTUtQDdaJ/gIKDRsohW+vSA3YiO6HTCnWAqeKAV53A8Mt/dNkKkJ5fRV6x\nPUqPo0F+weB4e3oFKRGRvLZ3AEVaShU8CgwmGOqHdKiRG8BCS6N+IAdUKV3n\nxr9Z\r\n=Eh95\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNpx11MmWrxtUFfcCXvBn6aAi5SIl6Tbmrmm1iyXpG3wIhAOeN2eNijv/AB+Q9aScxM5ufqzGiZBTAG1Pn4p7cHY2v"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.165_1571834182383_0.4784059400137177"},"_hasShrinkwrap":false},"0.5.15-alpha.166":{"name":"@react-ssr/express","version":"0.5.15-alpha.166","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"f574f9b834d3c6572d955c7eb360f194e1f16fb4","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.166","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-eo4YCTg/VSNemYQbL3GgWjHxwRX66pMram0fudC3eOoxr8N8vUCN7U9ASPW2mO99WQZoQNF76K0hLop8VMRttQ==","shasum":"ced3d8541004e53338a2117e2bdf696d746929af","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.166.tgz","fileCount":14,"unpackedSize":48817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsEqOCRA9TVsSAnZWagAAFQsP/Rbv/dFwgwAWuoyJlSVy\nhZwes7JuopB+zTCGaKI09RIwBuq705vvgqOv8LjVm8kvaSigccG2iD230lMD\nCPjY7yOQedrkPDDx/+UMeWqHkoi6yQeCD1a2XAgbQtgsCNMlE8VSuXIfNtnB\nEGPka0NCyXr6vMAnwiRxcUNmWUPMlhY8biU7er4pAiTbKAxab8n2auWbM+lN\nGX/uFVPxyO7xdp1+8wII/x2GUGqZP6I8ro+pR27AXq+dqYpQXSGU+RrMYt7f\n0sytF8USW4iMaAj+KX9pKDRuzlob0nRNOJRjeJUfGEoCuv3RxxD2taFsjpKT\nuotBCAQgaKWaZQsuVn5sCji34mGZ/hGHtX5PR3/VDbXfUmgL+rS1sviiJRIs\nCveseG1QHddh2jBeq7Y8rvf4f5T1wHr4IwavvMAWt44hgCZV14ROLc6hgQG4\nXu1Vl2kI+bs295vEZwQ1kRMEAeHjP8efqaG013yD+WwwGONMpj7TCB2Z8IOB\nQVJ5oprtzePFlG9qiYFW1onSDpmkIHHGZdEa9lZkhoU0/UfKkRlJ60rWXqlh\nTx1NeVIXLdg/c19iNI5BwIk1l4p7JUHdzzVtXz745F+/i3OklN2R9sL4uxSl\nzgPERmQH52WHEIZPAyC9XVNjnWyt1LMDVEYzH6D+RvaMesh5mZ0fqkDt7gFH\nE9SS\r\n=GItQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDvbpNZy3gbV1NC1psQhtJxgD2ZBDQfA4nYj/Db2akBgAiEA6HiHoCC7GWIC97ZR6YMe8IDQ+oKm5LIh/KIyqfRZxVE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.166_1571834510145_0.014727246416885942"},"_hasShrinkwrap":false},"0.5.15-alpha.167":{"name":"@react-ssr/express","version":"0.5.15-alpha.167","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c665c7149339c2bea0eb53c18a310a729aca5f38","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.167","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-4vZAJ3rD6QS0dEYYHHM49Ix+fpS7TBxI9ocoVFF4dn1P4dGr7K/6ZIHjP5yNr8cjiKDUcEMjo9kefLlASy6tsA==","shasum":"8b6d2898531d2640027707ef1707aea78bc5e56a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.167.tgz","fileCount":14,"unpackedSize":49053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsE4zCRA9TVsSAnZWagAAJ/QP/iwCMR4bQF20iNW7RoOQ\nIh8RE/At71X12t4TuBmB3W5LSUT7rlfuhnW+fQFNCzMABRZpmOWg6blFfRBN\nhgBaW1zeBU/RlQdFs19qsPe20wMzUcYIFKYLImYYBcbfhL0T0pBp78n6/DyQ\n2WYzOkT+qyVPnjH2TL2FzLuote1MpQH+dZZSQlEFAv+s073sQ/P6BVpFT8g5\n7yVOd8EETbgo1QHauWQ9ctoYgQP99yndeFs2gqaK0gxo4XDpneh63QFYVD7d\n+bMWoP802QgHl0oQ+kc4BNbYuCaglXDWOtiPtLkWh1bK8XQkkiJEDXmk888U\nxIc4n6JyFFxxp3Kt7uOGuccGZ5lYXRezDuWCdWsMjFoQZo7ZbQyl2/LZha94\nJygob9NHnVTRY7jN33qsq/UAZ9D+Ypjj1rYRI6io2Cwnmhw0IsxhVtXrd8OJ\nKtpdPmxRqyjSXD+Ayr+h4UxO6/6ARz/lRYJxLrMOrLCWT9V5kRHy/NL33dsD\n0+BLudypjlWNbZYfNxS0cD6INQoveGIWmWVOsgcmkQY3Ps16EaMvdxJb/pBo\nBEXTQbHeXDHZrGVeZ/jjUGbWU3M8FvUTw4RWpG1nDdBMzmfKAtjFlURwUkIe\nQFcJDAC19UjdfJb/MzIvXEOdqovmimabDroIFqyM4wp3lKqeIfZSn7jQf6jR\nhoM5\r\n=goHK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqtigIuJFgyKKOm61ayBc/rWexPqkW5jxklqnbtEm5wAIhAKcbS0LPK1LI5P4iXv0ZDdmSF9OvR2+6i2iYi5qyaNtd"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.167_1571835442206_0.15082362851687425"},"_hasShrinkwrap":false},"0.5.15-alpha.168":{"name":"@react-ssr/express","version":"0.5.15-alpha.168","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c6e7047964bfccada85ba7013395ba0775fd02cf","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.168","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QSrdXtjeoZmcqXtEPWnoES2jGJzVKoBoTHXbEC0tSJPC4f+xRklHKCAT2aT9aI38PaCWlSXDxm9c+2IGes+lXA==","shasum":"f5559aa21292cdf602c5b88de0dfbf2a8c3963b9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.168.tgz","fileCount":14,"unpackedSize":49089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsE8KCRA9TVsSAnZWagAAUbgP/jHufFaAHMiuBGjuBK3I\nqO8z1oIIs2SjgmH5GFbqdM1Nl3lIgAUUCvolcI12XCUCGVK/uAsBejGrjoPn\nqJ8MRD9GgqTtLCOSEXP9C2/hWouLDycTi4dFTpjTrfGPyIPcU7vEmG2mOzsK\nMsDRgqzV/T49/1Qfy/SNr5sjGFFSK7zFtjXSLKJJeELiTUA8I6G6AwyoqG8J\nv8INNH2jN6j9cEZeQO8Z0wPTHCYp8KTWevHrQehKZGZIZXEUm+C0D/AwAeW9\nlxzloUG0Rvihx1vjqbCW2OCBYeKWr08LRDbZVM3LG3NUhWrgHoBHjWchR+iv\nGGJUFKn8LXsJW7tW8eZ/bTKGnsuQtQdD0LuSNw077ZGWefPw3IfbFZ+hx6AU\nLoP5DJmE2pjFXu1r7yMsrfDgGcFdpEgW+J3JoUqasg5j+Zjkgnq1uG1TK3Yl\ne3+ptHgdS7zIL7eso7McPJQ46bx5tXJ3a6vtA37MW7Dm+reHgPTxlMu8uS4U\nBh0921DXY1/Xy1m0HiOYBkZhuVydg36ZgC8sptRi8cRb79XCZfhGoSV4fldS\nW8TuWRWDRW1ksHyvEiVlJkIq6lXYI7MfYXx+7I8V7cvyUudKGZOoq5oT55Sd\nOPIq07t3JqtZYBx1LJEkxQCKEihxTiXcZqOTjAkgZ5tyjULFiuzVmC92cC5z\nVmgj\r\n=Oz6c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbHouXS+CKo86TTolVHVnqIOM4EJMYhMqG5cPcz4K7iwIhAMLRsN9ih7U03S4Ms/MPAL5OqX6/T6fseze91Dexc99w"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.168_1571835658367_0.4470163833416627"},"_hasShrinkwrap":false},"0.5.15-alpha.169":{"name":"@react-ssr/express","version":"0.5.15-alpha.169","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"8f3da24112d702ba3bc2e61dae338ce775e6b19d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.169","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LdXv210H0lFO6Ls+JholmNukn/4aZFierI//+mJyMUCtC1X8KrnE3RY1WFt3yKehoapN8K77JlMOnaeDnXsZzA==","shasum":"77254278c7e0466674afba69ae5e61f93d6ec6a6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.169.tgz","fileCount":14,"unpackedSize":49089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsFBTCRA9TVsSAnZWagAAj6EP/RMru/XUZJxT8dUEgnz1\nYm9R8253u+YjB6tNPpHuXsq7yDDUOm2wGGQ+DwKXkscpH6Z88IRVRBHZrtui\nKUCnMzCUKfGgj3zuesSde72iS4CZ4hQ/2MDIawbb0+yht0+HQj4p/5b8TBZq\njN1WWqQ4A/NNSTcIMKUjiPNyS1MA/ApUHvM3Bd2vJPdqJxWu4OSJz5xDpLp/\n1JC6Z51CgVwWlc7yipUWpC6uEEq28xJdLEFgViXCUoi07JdQmRjHiC6yPqyM\nAPe11qLecLpWa9JG5IfCZtrZgJGH729B9ldc4N3G4UJIR/jFi7pzrQEnmtQB\n5f1U1Il+V6i4AHFjUmf1lSy8qdH0GrlAytq2k04smto8rdGsP4hvrTHfJ89T\n7a9NmqzecV+SEuFLfg41Iq1dQy5qMsbL/Rtbivyo6lit3aqKEF79+iHSOtG9\nWTYf1eed7XpTmuV0jGK44u0f+TG9svo8+qX7FW7Nc2hj+yz4FdsNb+TOYOjc\nvrBGdZZKVErjiYia7zujzghU1Rd8NYTG84mTqbVXspY3AuY94V8wBCEzKXxC\nr/O66swZno3/8pEyuvuvxvi5Ue0P5JPuWg+J0kTfAxUcK3Tg7RBma7WaJoQY\ne5VZzwaLjrJRxCiUnkb85is5s5rxbGPWqHrqwOeCpEGKOaOxvfLww7eYQNLg\nPXF5\r\n=kb9/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDC/n5LsnDn0eIrX8uloa/aU16IrtlAYcUZUyjwUjxNKAIgKNcf2XTsWDSkxm/empsEeFhcjWV54G8qGT9+7BT36HM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.169_1571835986844_0.7081705034288841"},"_hasShrinkwrap":false},"0.5.15-alpha.170":{"name":"@react-ssr/express","version":"0.5.15-alpha.170","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"310a9f05bedc33a966a053577d3c417d0df0a78c","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.170","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-VvWnWJUw5g2EqtmYrhcpiFAwEg5yZHiIGjsQ8+SIAp3GzO6iASqpRNKMbMM6gkdk/jq4gP8m8lnC0CzrIPcKtQ==","shasum":"906b712a5629fc05fe93e2b1468a48d4ea714e79","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.170.tgz","fileCount":14,"unpackedSize":50115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsFdrCRA9TVsSAnZWagAAxkIP/R56cO4ScNp6mI+3Mrka\nKg2JhWIHJEvGj2+MNcVBaVVMZHrnzdIv5FxiPBNz3XQlW/sfEqniGyyinJ27\nMPn8wHlNBXgHXYWypaoLJqouDYuYQj9QBPtY8sSFDz31J1MKWRchFLv/nHQR\n0i4FGWjYeS1/jOXdkKhCMp1mWdfadAmb3c5++i0f/y0crynP2+s/oDfWpoqa\nst6c5mjgXl+7wAwwMEyo3ePz6CFI7a8mWSczjbzZ2Gq4Y6Jocwmfz7um0WhX\nrXkN7ZKPvCrOSky9o51DoH07F7Emx7fn5g/L2Aw3PIMkHVfnjtxNWPXL6a37\nOb3EMXwK2VdtOAcrLwDEvWC822YRmkdZAStrHnOT4eVtcoDYCeai9mdZGCRd\numkbq5WX0KwJ9RrBOhzu6JiWjVF4i6vI2IXrxTaJBjn7tIPnXBHvGux0zRs+\nQudoA0TvYRKhV3Zt6KVFFs9YiVXMRGvQp4F8J8cQjhb4UB/nN7wlVvvRB7bM\nvJRfBM1N+DTcftZRkDzRQEfR5Sl286sE9IVuRgj5NYJtreVSpCdhNqK3sRQ9\n6gRRGNEYHj/M4BIYSDBQ8hX2v8REnHThtJ+LCeJxnpsaTQcuL8rXQuf3ecq1\ndpJbVj1XOD/QKq7I0xwSZ+MqVDOm+Yjc2OfYa8DPfYiOMH9cx8lsTHC++lEm\nf3My\r\n=58w0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHfLvBbTm4JhQNK7qpbCfAAZ4VynxZKa9++PBIdbxTZgIhAOqxctWhfRbMHSEj2mukJc9fX1g/tcrMa+KhXiSpIM+B"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.170_1571837802560_0.21113009879197375"},"_hasShrinkwrap":false},"0.5.15-alpha.171":{"name":"@react-ssr/express","version":"0.5.15-alpha.171","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"519eb2f2862d058b128edcec868979bcc5bc41dc","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.171","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-p5Lnf5mMfuR/gP61081Moyt+ydsxw3snOb/1B9++U45NPLS4qfquJhDiExB02dB8rqn08/bBUiKk5Q6eKVlw+w==","shasum":"f47e5db20a20814f2e41b960223c2da594e478d1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.171.tgz","fileCount":14,"unpackedSize":50119,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsFhICRA9TVsSAnZWagAA1msQAI5OBhg3mdUnnmPHjVu0\nOGlByqeuwfg1UOX7w/sgR9ITX7HCvQCIOyQv42EsjsxONrQn6P5mC8H515WC\nMp165/n/agAvjKjVFt9Hu4kOE5ceNRR16HgxHnQjVmkDV+a6Ie6YaiPERobx\nFSpWwvL5ZDlsbgsYVHXvDskpylDgTf1rtc/v/6R01wbxfSj00afeG0m1QsUE\n3e9Xt5c4ty8aLTvtqI8e6bjV2Cm9x32ZQmmIZLLCr7/mqeJPT4eH6ZACs6mp\nkMbV1cg+4W39TNg9JczXx+zPuK4jlR0u5XBM7n8GgYUrLxT9VbWisC3t8C/T\ngRjD+Lh0A0EeiER/rlHvzAx+kzXFF1PTd1zm/JVfx8HfEpFibwdNwiZ8qGKS\n6U1huQ86ZVQjlDp0Maiu3W67jVqFqbfvULtMDNQatxyHPbY9/TZLOuP8sEQM\nPVugOs6ytL5NFEdjWG9W0Cd3gDVFfrAfxRXRMlohqxDAh9eioHzYJpxlMpzt\nL8Ey6i32ogkuXMdDSbuiAp+xWmDgh4JNV+hsiebc8c9BtlIJEmUCcIfyELKj\nIEJk/7tHJauKNBU1Me20SovtxwdS/zn5RejiSYhoU5ReEwa+zvHhnkeR4Fsz\n7j6JqMG71qOzvenuYaAXLf6Meerh0jV0AIDrHYvf+CFfJTpZTUe6YdKj4m9o\n7V/K\r\n=9fAa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5TSqnv1PZz86itrDFrGG+gdCv0e1srzOSZrbMNWT1NgIhANqSB2VdG8OCqWwz2dSGJAqcA3P3Ee4polXLvRnxHvQ5"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.171_1571838024009_0.4888479821438938"},"_hasShrinkwrap":false},"0.5.15-alpha.172":{"name":"@react-ssr/express","version":"0.5.15-alpha.172","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"16e96e352d00eb85eb2e073baa0591cfa7b8cc26","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.172","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-goxEVE7GAadEc4ptu4dWwK9UgvEpLA6hy6b9PuavRI04AsbkgfYf+lROhckc4DalKwA4plPMUWFKOyfbwlbvGw==","shasum":"9a5345ff1650a2f5b0d467ba2ca35cb1e39ac0af","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.172.tgz","fileCount":14,"unpackedSize":50335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsFprCRA9TVsSAnZWagAACVMP/jBS9+BAPTsrO8v7qoJZ\nPTcOb2Smge3J/hQxJBY+GgbOVDSDZl3KauzxmIZE9YdomxmDeQfR5kho9qAk\n0bZgrdXTOjWi1Di1Wr7nMT+fY+V36fy5DhWmM/F8bfBuo62zu4l7U9kuIyJD\nJ5aonFZRI/BQv1GY8dQDx4itpfVjsaudXPiYBLDPAETvrabg5ZBA142QuHRr\nPrnkWZPl1BACe0ch6IRimVq4p8qo85bB4o14ECN3AU4oirDQ/hA7EV5A6Ncz\n7DDAiDuSwDgkKUtL0kmnIrvOkJXquABKtwxLnaOCPt1znhhKWJMtrac1go1o\nxSqEKSGsMKMPkCx6I3dDxag1Bm4Ito0V9IR86Hlu7DRG+BdkBT7Oa2NtGmGt\nmW2iaS0111Y9ES2bWs6B/e7ySRFKtXhzhdReSWWj1WY5aLMrot4O9mFvaYZ+\nUyTrn6Xs0XCuDGRCRssQhQJhr3REaLfVMsKFjF5yKXBkUl9V6qHaj2pa4w0i\n6GpbAwU6mEF80DnP+JDttbEuW/SeCWTBgCxIXj4sspfsK5+oN1ojHyt6xSNL\n3m94YEJYfhjYomNt3cQVKeV7z7AeqdtZ5tAq7aNBkTx+HEzTY+6SswxNn3oz\nl342TcZijga5p7b7XBg58/iFSU+ffc2gIXOsN3E3vvtI7EsmPdUirXRurfHy\nFr6T\r\n=0H+U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWXK3mus/Z5GxYNdp3sp7tzFWQv1upADL/kGBwgyW35gIgKHRjOJwaDTYYfWmpxzvsTOWSPDCyyM3JfwHF8nY60tA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.172_1571838570550_0.9804974667929698"},"_hasShrinkwrap":false},"0.5.15-alpha.173":{"name":"@react-ssr/express","version":"0.5.15-alpha.173","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"6d08b9e2e553b2bcd0576ce815f7c1fb3c1a2e97","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.173","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Qlr69JFHNNnegtT29Q+QvR1+xcL4StsSQe4cQdDPltM63sWVj6wz1fFAG7NAqP34twUmsiAGe5nHy5sxjpM+mw==","shasum":"498796df068e14072612c23288f704a1226c9ffe","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.173.tgz","fileCount":14,"unpackedSize":50335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsF7ICRA9TVsSAnZWagAA9bgQAJdCb0fAeGxHwYcL34M5\n8wkBhZnzhorjYBG5XpreorK/ZC9I7g7tLZtknDhLylEiymcsZ29P5h+p0zPn\n0geYLva2EXszj3PozwLEL5PP0jDkg9km+6xphhCWXY3WvZp9ABtqIpkg7WBF\now8Whlba9tdwRAwJKkscmGoOhiHW4fN0pn5slO/f169gpnubeVnMejStqXrQ\nLmjBK+SXyjvWYAKfodRD/iV04NLWX76gjRH3qn2Jz2Zx9p/yqPQAMq53LYDS\n5aEFaxxY9BxnxIyI367FkMXC32LSW0mZ9OcWWwDzPSGhGM1H2lDf29Kvlz5r\nmO+kNplKnEsCux9uOKaB9cR5uF3mwYwhBjf/ENxWqySp91pr9+rC5TAgbqKc\nynO8De2qnujgBUAHopIQK5Q+Z8+6UDwe0EpgM2nCcTpV0iw41nrGp1PDYn6Q\n+hfMW7vEAQPbTVU502kR5FkNy65WusFAPs6A3vMaccB8Vaz3X7avPXiDMhlM\nuHhfIDVmFENFN9GpI0We6guZNf1uC533kbDkjttHZ7Ciwu0kSHoAiUi+WCoQ\n4xGx/uBp9uYdWXb4TwBFAUX/eJto35QnYG064eiLagH7yPeoqSOjWe+BwzNY\ncxXmWiHctMbEopR0236Sg7zC8VbFSttm47Tt8B670T7m0bUJBvrwrlbbZeEo\nSi5r\r\n=z88J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC6k9r/XHes12L4nKKLxO9Q5RbLoyuSHyLUVBTc+ZH3RAiAJPciicYXmb1rnwEKtOulqYSvJaKqD1tUyXM36Eka/kA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.173_1571839687501_0.004982757437854035"},"_hasShrinkwrap":false},"0.5.15-alpha.174":{"name":"@react-ssr/express","version":"0.5.15-alpha.174","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"667f9e88190f03060822607c90f41fdd88702e84","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.174","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3A8LCkO29T/4PJnxyuiTVrNNQEer5LBFU15mQxW2Ka0I8EjmbUmPvmBQQDyAs1IQDykm9mPMostY5bjx2k6RWQ==","shasum":"5c75f1a275975bf88d2c568061b285c0fbe4629d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.174.tgz","fileCount":14,"unpackedSize":50335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsF8dCRA9TVsSAnZWagAA+bYP/ik4G/Qjo6QBgSGEziFo\n7mu8rpBlRUo6I41UcId/uXqYNT2gvicItnOhm+jM9s8mFXC1WVyMN37Z4iMa\ngg2zjOY9d4xlizwWbXVSXrmEhvL6Qv4iDpwiJkGj67RF8oJPB8pm2IzRBttb\nKSsiyrcjWkpLdMletVWaS+DFm5TNfCV+3vCaQqyRnEEc/vKKkScvqyEpEu6K\nEwDGlcwpY83Fx5zqi3UN3iYjMzZy1vlK2f5UPZ1va12GZVr8wSWc4DeUhU91\ncWqCmxulFCCz+Rl50pz9BLLJu8t5iHLDGx1Yi+oeX5L9nCzokvn/Ignnkumu\n54j16fvtyBrwjRujYygpWCJzFLZnC4AjzyUYBL9sF7huuucZxYO6zoI42HQD\n/+oa8Am6iEUHUhakthBiVRC0JoVKdDwH/qd4yd7Wp4JBqWM0S/Qq4kjlcC5Y\nn3XmRJmvdFbYrZjG9genmwbjNJxUMrNwa1FoGj9jbMJvRQM1wxoFUEA6bwx4\nqZEzBTSRudNTwTJ8LSlidwN1Jxw3sANekac3GeuG5N3wtzNp4D+7+fNMma7Y\n7YoTLrt4zpc0Kqpgr/VVDScwUu073/Si+I+RQbEy8BaiZH2tIDy0B2LakA9e\nsR3nP2rRplNdriyR6NynX/5SR4e83LL6mPQD898kNgHSG03eu+JS05T2ZVZ1\nRjAi\r\n=wNWq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3PIlxyCT+y7LwyLx5pF+HW3HPnRzNN3NzhHS7IxP7VgIhANTm/dtubqQvnw2yw7CsJp34q5yBtOBL7dckez3R3Ykv"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.174_1571839773330_0.885799420438979"},"_hasShrinkwrap":false},"0.5.15-alpha.175":{"name":"@react-ssr/express","version":"0.5.15-alpha.175","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"9912cf69467a50129cb105058509acdcf9e54fc6","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.175","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3q7/JfGjTtNK3QVnjer0Y/nNC5Tl144jIvFLhJEo/ZKQaoVphz7gbMDYt+z9r8NLMjLwFt+VcklpcRe0n35dLQ==","shasum":"50df2d5f607577b6622a2be93ae079e5a77682c2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.175.tgz","fileCount":14,"unpackedSize":50177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsGAdCRA9TVsSAnZWagAAZJIQAIqVKtMXsmOAqfjIVjwI\nlSZj2fEgKT0Ri+AnU3B36oJtC2AmhTRhshXnx5VHfj86d869LrVbmYmugcs5\n2Sa0x5MOUiz2VXQPceAa8GVTefPu9StYrMZBeNPiHuqwtPIN5vtQDQUe/64C\nhu6Sc8CKxVEjq3Onnt+CCneSZVdmLqdfNt9lKFfGiZN/z9WGZnnIkhHhjCRw\n0mIVsp+Kr75m5+G9W1HY29lG4AVaqxq84kthRczibc3ziw9gUZFL3VdBAwbQ\nvebzox5L5uQGk5ySzOvqA/9U/Yj1EJRJmFY/+Crhan4/OacaY6KrNpjejGcO\nIL4s2qhevyEp6eDMx5iOI5i/YkOXs+Qxx456VnAktGOc9scneVmR6m9Xh/gr\nDmpHYuyl+YeLGBL0Zp+AQnofW9K+yoomdrRgUOqgMXq9UJZEdp5iNHO6ZS3L\n9Yoji30JxccBKCjzszqwhRTviuu4fHyTEg5/ac8X7CrTQvELtd59ZxVi0GQW\nsUu6cNiN4GgBATAcSXK3cZMmrWzvXs0zGfU1DIUnFpx5eYsl8XGK2TJVxB2I\nj/+ZK1jNcCdfCJygpjXf5cWgKgUhCW5oMPYOSN6xreFdJ4GvZFVZlx+eRJQl\neGU3+qu3syaPpliYaQ65dxOQvVHu25DpKW5zkvUpVvAVPPApgqjAHuAt84to\ndZXu\r\n=uF+4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfiUhwnlAFx01Z9p0XMxM7OktORCCD/crbUdrFOeCRdAIhAM3a9BXDMIiNcWXmAf9Am02jyFt/DtMhBT+rrFbp3IRm"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.175_1571840029522_0.06035053038116378"},"_hasShrinkwrap":false},"0.5.15-alpha.176":{"name":"@react-ssr/express","version":"0.5.15-alpha.176","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"c449c0e56fef15356a8a2e2cc95f01ab72076223","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.176","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-BZuSYG4/VJAYRBz20bPMR/SGt7TcPLBACWcSd7FGOblLzdykrLOvWzjjPBzyVsDIaeFU+bF748vm4xHN8Gz/wg==","shasum":"3a92761ac7f44ff0bf20214831043c147ceaedab","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.176.tgz","fileCount":14,"unpackedSize":50335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsGEACRA9TVsSAnZWagAA/XgP/R51FDl31x5hLjzactPe\nfQdWYittd4v7zYPKxz++VEjjDb6dCDRMlHcOLWFR1pW0UnHpGCycI4mBLu12\nrslcCeVx0NyAdQsCE/3oaefKKz5V02FwNXhCumqa5zA2lGcE2ACUYZ0R8fBr\nNWVwUBHHRBSa3hIVW8M4C4uqiNm1TXwCzmvm3j/No+OgUPUYEw11BjiS6HUn\nkfLYyLAKQ+X9QU62f7Q4H7qr2rrrHIFVRUH2P0G8ammTlohokaYsIjJSrWdB\n8Dip/ZyK2jBhzvTsG/N6FTjmpj7R+QHDcZw8ki8+hqEC27TV/0LzYWvD0F5u\ncgoQ7+8ZneJ641/MrAK3gIvaOkTfGLH4ekx9xZyDgsjklLM1sYgGwJgCb08j\ncjHT3wcdrOz9Xthy2NeK0lwDdHW4bmpH3VikQGufRvuch5YSnSjtHtvNMjdK\nJntpzm/8iutllIP0ClPutG6S4PCW59YeHWz4ds4dlJTzcfxBovNFHtlq8qLN\nqfy/N+yCRyEGv6NKbuHlemrKCb8EKBdsp5o9LQ+isTAmniqtnf26uYao9xVk\nxaUMJjto3TrNN5Iv2ZFZPcLDyntt08J+JEpNqy6GqSombo5u4QqYToQCWEBA\nFtnPVQjy2HcpqypO8DwEtstlhlVyOpt1kmw/+JQAjJiaAWPP5zaPIzO4sWGy\nIzcj\r\n=6hfM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDR5v+vduvgpdUQNi4Mv/KPnMEaDEZABuDQlItr9u29uwIhAL9xuMV2F5IMxDwtCBbRVGFye474SFArUPpr9G6U8si2"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.176_1571840255784_0.6547426236216596"},"_hasShrinkwrap":false},"0.5.15-alpha.177":{"name":"@react-ssr/express","version":"0.5.15-alpha.177","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"559ce6c7cc03f95847c8e76df8be4a7e714ec7e8","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.177","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-hHvBlhIBn+903MID+9Kcpgy3vgDLwTKGrONrNNzOGmcDDSTJFmOemv+S9n7lxrYeUYXL6qfO5Ku4Cl9jrAPHFQ==","shasum":"bf1f24ef2ddc2e05903b1b9deff10732444b053d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.177.tgz","fileCount":14,"unpackedSize":45475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsNmnCRA9TVsSAnZWagAACTIP/2vNg9o50ed1w6LnmKCf\nDD4wg79YbPi6UE1nhTLTVVtzTC/fX5hVTHNrDx4EUvKRbJPOiu7GwopF8Del\n+2JrEk7IHIg1A87+wh6vpwmElDGaAejv/Ijae7rshXkgpiLTm76ssulPxc1E\nL5fEAtZSQnLpRI3QRhMsX/LQnV+fHmLYvSkCHUYKc3ULxpDU34mW9rIw554C\nxt++sM0SGnJLJUC/kdlSdst6TzWFEk0OENcWjgeIzmH9crBtftb1siH1g2Yi\n8CHJ0dkoZEvWPKTQYvL0LdAH+EmzO5OPTGOgLwyuR2bL7oHNZPFPMzefVY6y\n3kY3HmgLF2B6X/Bim6MLApowTdS9UaSN1fQLsVO4ozHBqpcizusk2G6OUNLZ\njHIR/NOPtBmQjGQK/XcjO/sq7aervYA9H3FLbLau8q/jG3M3buQVbxux+mzb\nE+h08cNtyjxIGIzFxLm9xUttxy3gfQlby08d/DTN4AmskaS2j313t/bqKVZ+\nJ2u0HpMEpt5AS8YpHH8FV3dOq1kJIu0ud4otIra4y66OYKAs/ckBuUkdBfs8\nnJMq/KkBrJdgoIlR4Z4JlMpn8Wqclg8rMSdrp6W/vue/yA31xFSIfxfA/DBH\nAE2xRxezfAqlbZ0mPp+cSazgRWldn5PKhloQ24Tq4jkcZ0apbZ/VPqUl8I6H\nh3wZ\r\n=NyYE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnmmV6jCRIMqH8YOpUf5nAXlgZ0AjjJMJm/h0kAWHdSgIgHCG+K7+aSY8jJ2usrPZJQRmfR/oYrCwHSTy/nDZoxbs="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.177_1571871142831_0.808793362405066"},"_hasShrinkwrap":false},"0.5.15-alpha.178":{"name":"@react-ssr/express","version":"0.5.15-alpha.178","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser":"^4.3.9","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"0efd2621da5e7d69f9d78eec92174aeb6e7741d9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.178","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-YKNJZLTub1dV7aDdz6JR9k445MfcqFkd/9Dx4xXPkQLrG+IR0jQcD6nax38lQjUBBOevTM81dmpPs7zrW2LZ5Q==","shasum":"aa641089a7b15a0e6cb0a188d82cc8a7c5f02b30","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.178.tgz","fileCount":14,"unpackedSize":45551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsNrBCRA9TVsSAnZWagAARekP/1kAYabnwrGzwUGQpnjv\ni6h8XfHXE81l6UYAkuYlCony9XvIho643fdGtExRv/jWBbEvg3bWZI9wLkdH\njH+YYCf/iHgVEKH4r060EwCEqRkw3Ov/3gaZma7UjawSN8FJhADOFHDMW8z4\nFj+LHazq+Sxrgf5HXCBnqVSiFxs2d2JKTQ2YyK/y+UTGtMr6Q3WV+z/ZJos5\nsRzJdWBgis/ZDeCBkXeKTSlAKXjfnoiJJuXbx9ofrh0Y5qslOWs74jcHtQDa\nG8m4Bex1dI/M0AytPe7vC9mOwph9FONmyQ/9X2zRssusWlz4bngMkoTRaONI\n4odEPDrNDRHO7FrIyfMsxFVyLcaEwTdhtBmtaB9Xk/iexWDtZmzYCT7XT4RB\nFmuUB6zAZba6uezkmdGG8+Hd/53yxX/b1Nuc6a2iGRYDxjhc0ou+BMoBqZzV\nv/B+sKCUw7ndR/+VLtkROVhk5RjUjtdrWmBylHkgZVzIh5K/4/SVdTS8E1Ko\n5WGijUM/W3wfPyAN/OI/YEqnPx3m6mU7vkvRMSUEctG3XDArBe5CJEtezpwH\nw/DDjB4jnpWsd+TJaKCHKyD7oSnQVSbKfI3kUm1zL8KfrHPN7ycgwuHILm//\nFHqPeZT7CZUmyv5aNVWyE+YoZQuQA718vc3I1TePf+dxYDK0o75Xmd4SgBYh\niVHo\r\n=sk/A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGRg/GuRnzS6PLZ0Yc92F/NQBPw20brhM2Jf+4XonXn+AiAIwUwfvqlemIT+AcoKXg3+IifTNQag3MQ0kaJxkal0lg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.178_1571871425358_0.2727931596670643"},"_hasShrinkwrap":false},"0.5.15-alpha.179":{"name":"@react-ssr/express","version":"0.5.15-alpha.179","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"5fedcc77dc10ca1e133638390a903d11946b8ac9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n cacheDir: '.cache',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` in the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion`\n- `emotion`\n- `emotion-server`\n\nA minimal `package.json` is like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n },\n \"dependencies\": {\n \"@emotion/core\": \"latest\",\n \"@emotion/styled\": \"latest\",\n \"@react-ssr/express\": \"latest\",\n \"emotion\": \"latest\",\n \"emotion-server\": \"latest\",\n \"react\": \"latest\",\n \"react-dom\": \"latest\"\n },\n \"devDependencies\": {\n \"babel-plugin-emotion\": \"latest\"\n }\n}\n```\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/express@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/express@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.5.15-alpha.179","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cdKIEBF4myAVee8rw+JQb/s8C51UbH8Z/ehkmny42NqcDRlGXXBx7w57UY8UiCQqCWkbJad2BEvAxMOJY/WL9w==","shasum":"ea221f799938032ba7822ca24f635845572ce773","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15-alpha.179.tgz","fileCount":14,"unpackedSize":45331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsNxeCRA9TVsSAnZWagAAdfwQAJsI0uOkMK8kyrBzf4Fu\nCRNaJ6hfc6r/lYjSHWW0oB+r50wz5P+2YKYeQrDbQIMK4xbjnc72iLxSqiYq\nyUpzay0EhzJRaySSM3ZuZjobfGbFzmnOwNz47xh4PcYZ/yvRsWzqHN9TTTJN\n+CNB1yNB3JlDwF/G9lSBtRIa5c/ilyP+vVainleqPTwwdBpKqnS0hBEhWBQO\n30/4r5j+RREw4Tp/0hic1NA0q8KbnGoIjZymX81QXbYcVetgZetXwlP/I+DA\naAdQ21NW+uUxlzNuVk782dI59hkNj+mYF87mZ4j7WG92iG/Y1ga9Y5iPHBI1\n5OX28YvRmVNeFiSPmFUee8ZR8SJaHpiBEkedzL+qPGaZv5ddM4YSYjQ9g8jt\nXE1h/JX/MpKpBotsTZn2eUpoi1hGeYkNhRXMAdkW8OQOMFV8WAQrCMqK2fzC\nvzPAnxMCLc9fD3JmkLE2ngulGdwu0XldJrCs+n6RBZBXKnCK2rlMQUsPeDdz\n7GZAgQLuJVD3YuMNpkALZuA5WCwA6ofvqThgjzLNHtuN9Dv9D7frW7yc8Drw\n3nCT123MKj+nfpcGHu7cm/jPnKUqMeWod2biq8cNc9giHqOukexS5nlYCuss\nIOktkeDG+U+Du5aLB7KmSWqnHgZFQWJfxTgU3IIq+zmYdQROcbHg/ZMflBnv\n0qgY\r\n=6tEP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDP4UaiCEpX0UcpHz0vO7WkiINpLhU6KVSZOx3jUOTDzQIgD6D9MK7SM3nOHzIh1fg3H+H1/npqQPnK0BLeIQzBLjo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15-alpha.179_1571871838200_0.5626530878897948"},"_hasShrinkwrap":false},"0.5.15":{"name":"@react-ssr/express","version":"0.5.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/plugin-syntax-dynamic-import":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.6.3","@babel/preset-react":"^7.6.3","@babel/preset-typescript":"^7.6.0","@babel/register":"^7.6.2","@babel/runtime-corejs2":"^7.6.3","@types/express":"^4.17.1","babel-loader":"^8.0.6","babel-plugin-css-modules-transform":"^1.6.2","babel-plugin-react-require":"^3.1.1","cheerio":"^1.0.0-rc.3","chokidar":"^3.2.2","cross-spawn":"^7.0.1","express":"^4.17.1","fkill-cli":"^5.2.0","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","react-html-parser":"^2.0.2","recursive-readdir":"^2.2.2","reload":"^3.0.2","resolve-as-bin":"^2.1.0","terser-webpack-plugin":"^2.1.3","unionfs":"^4.2.0","webpack":"^4.41.2","webpack-merge":"^4.2.2"},"devDependencies":{"@types/cheerio":"^0.22.13","@types/fs-extra":"^8.0.0","@types/memory-fs":"^0.3.2","@types/node":"^12.7.12","@types/react":"^16.9.5","@types/react-dom":"^16.9.1","@types/react-html-parser":"^2.0.1","@types/recursive-readdir":"^2.2.0","@types/terser-webpack-plugin":"^1.2.1","@types/webpack":"^4.39.3","@types/webpack-merge":"^4.1.5","cross-env":"^6.0.3","react":"^16.10.2","react-dom":"^16.10.2","rimraf":"^3.0.0","rollup":"^1.25.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"peerDependencies":{"react":"^16","react-dom":"^16"},"gitHead":"ac05109408925e4a298250b67211a443f729b25c","_id":"@react-ssr/express@0.5.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KAtE5EY35aMl/rhoeOWD3Wjk1/LaIn8jm73Yo2fRCaEUHCFJvB/K20GZiM+ne15G4VBM5dwWqF3tRpLdrah7fA==","shasum":"558d67dfb13d29d7ccfed7a5b5e87ae6bca8f082","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.5.15.tgz","fileCount":14,"unpackedSize":45313,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsNzZCRA9TVsSAnZWagAAgyIP/j23gK07oxXNyalzNX9p\n8Udf/jeDh+YBz8AAH+nH92IaVzcFybrHaraY2x6EJK7SlkbEqPV2ORZRiJND\ne7mr0aM456IIphGeLoic0c5wwfDg771d+/UtKJUkJ34JmbpFx06mX8/Dclpf\nQz3J3Hq+mnOTl09k9xLi0oQbO8MMUkLSldxZgT1QQcWZDWN8HTpY2WjwrBn4\nsCVvhcMJVUoHbeIhk1V0JP4y+0DANpi6R3OPh2bgcuZIJFIMLHAITCyyJh2u\nvL4DmAJXOS1RiqFEHb69NQntMTWT34VmOMLyUF8rhZxP/qUAeQxxxoMrV9vG\ncXrWU5vrm6qdq4h9CBxUVqh7LLnQNdhmiyikW4kzbEoulywNVKPxmGIlRIW6\nWVtRN9Q4TFELf5int1Xn5eg9OoaHDEXLmj8kzZqEbSZnbxcb16hTlyUePKjX\neF8RIVRMvY14/EI1WaxAUUlWMjuWNXajbZpHj4ZlXspHClDq9ezyZXscY+A0\nIhMfK/i0JkwiZk0j23EPfeeBN0neycGztbNn3QEl5KPDZaS+nmVRFcNiAjxu\nVefYFbhTKbn3loLVMvkOzURL7lGf4uRwnQjOcPIlUxYI7KKhTkpuH5h196aG\n4UG8qCZVKs6fQ6rzRLsEzczLRnjn5SYCecyKq0dxsV0Mrhkt4cKWYi3MV/1Z\nh2Lh\r\n=/1fs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDOOlOa1dn6/hKo3L219XX1xod1HEMpWxCcYtUjnIaq4AiBHqKmWvtf0SnDqViSaH+DGehz6yJZJFTPlxizGRKyDew=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.5.15_1571871960971_0.706443255490905"},"_hasShrinkwrap":false},"0.6.0":{"name":"@react-ssr/express","version":"0.6.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.0","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"9147bdec06aa388f2fc37026db7b562275132ff2","_id":"@react-ssr/express@0.6.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HujEbh2kT/uHalrHJt3zqGKhPNIQAJdsA/BiTaKIvsKPh6QPzvXv7bzdf5H8EuhPJdVv8C1TXVdPWpOsb4o4Ig==","shasum":"5b3d6069340deb81a225499af51fa28d79e3e7bd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.0.tgz","fileCount":8,"unpackedSize":18623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsUT7CRA9TVsSAnZWagAAUKwP/2VG9R/5Mg31qV47YwZo\nVl31qP6ktxetoHy90C5P30FzecHa2/kGmg4fdmdm5a2iE7VqkdrwO8mFDgn1\ndr/h16LhyjDPMz9WOdHQIa3nIN/Vcdhryu/tguCyDdneTwg/fWX6PnHS3i8F\nX4T/fzZfAmfsOmIKzrbBQJyvqwV2hb3jLGMpd0eAUXK9PUfrrTouus3wROp3\nWU98AKE8NtuRTqGKOoKCOY1QT++SVpJAQPfj0yuLXzXrECwY+aTfsZ06fojN\n+DZJ9StYn2+wb67onMCc7AivTxbyq1hdj71NZ+A1EKsVpC7LS13lisL+FCbl\nnxGIsjp2kz9bNHdeqkbpXIQ9qoRXp3ME1G9APsDLl1Sv8BxpBfyvTa6odrrs\nORbKNPGSjdbZQLWQ842omj5i/yQJ/RHWAOlEvcYxIAchdB98UfSCrNV1TEv4\nXD3A27NE2X09rs2nDsuPevkn9TVIQD5eMVAEjiZTr8U/g5xq8AnD7ULYoZws\nBltF/B00AgSTg75m2HGs1LCJd+MKTnU0DGhI7kPZY380hrEwxNhotJeCK3uj\n400lrGzp5jar/JAfp6b3RiK/LlA7Q/iPsS6TrbErjd8USNCRvmlGr8bkBieY\n5+p/a4vAhNTdaaov1tYhD2e6BX+2ZlaLJF1VCDO14LhA5PdOHTSLT9JAwr9v\nZ2z5\r\n=979W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3wsH2CsuGPE+rIlWFIKaeDYsN7n+ZIXXQOmc1JjTVcgIgM39viWFmrGS98staRmXSyNnsodizW1UQmq2W2Snwtz4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.0_1571898618586_0.5642946528432546"},"_hasShrinkwrap":false},"0.6.1":{"name":"@react-ssr/express","version":"0.6.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.1","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c9da0ec0d9e3e63e41d1d5edcf7b39fb8d9ce1bb","_id":"@react-ssr/express@0.6.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+7ak+BTzX8A8Qg1ja2+xVmfQSFAU5cX+FovwW8mGTkTd7f8ITOdNnjjQYayI/8NY0xjdAdAMz0o0QG7XrT6lQQ==","shasum":"f7016681cf8ba71e55a75d6a3520850d2da841f9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.1.tgz","fileCount":8,"unpackedSize":18623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsUdKCRA9TVsSAnZWagAAP1QP+gKR91shHWl3vpV2nDBo\nmzz89Jwf1KcEIa3HBWf0IyRFrQq7kZHlG4ynDQUbQx85Q6wKkLjfqi158gpG\nwAUGCHeDhV2HhgBHpggCseClD8UVwxwguWyncajtTblJEI9Zcj8D/JflnquW\nh8bsiP0sVXXDZvAhD3mF124X2XEA5V5kFHJoZsMbj+IJMruz4oJD+M+JMkZw\nAkO0bqE93PRk0z4FjkJBjPHqcLBuI8aweOCnrUv9liZHHc5rGEi7WBhZJkG4\nw88xxUbfag8CdSyYlv+p/7fKqcf8dyY1u6phXLcPvkyNocWVJDgja7rUl6l5\nAyUBIpbO/6B2SEFSvS/6Y+WZDYmJQ9QVFBiV9hwvbDUKtbLdRe5GhfqiTDAW\nFipvt4qW64cQNiBnEZsMJRXZZqwM77c5ZAP/Wb/3Rtyfov+YEaBMgABGthOY\nPU4pGqIdgFgBJrOCHx5vOI+oVXG+gZSi7aKMRgkFvRlAniUB0caBp0wMxEma\nLkQaTGDfqMjOYL1MxajzV0bn0OGpKpG4+yQCslE0r0IUzYswsDpPwrztya50\nnBxdKHxr6m9n2P4N85fuCQ+wwIf7PJ1m6BtkvPweYoJ4mwi6UWfc7QLOYbfC\nSoKbeVCad/IXf1Mt1FWdhw+AZQ1AQ9xMYbc/Lvkp1AbPkE4CnYr0wGLZRqt4\nuHVM\r\n=G4vZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB47ZZY3b1AE/ZrGYYho9nFKG6pyhZhqXo8wMy5iZ6SZAiEAzM+OZLNQJCnuotxMCOrK4aXZE2+yl22yog0x1YBkkb4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.1_1571899209612_0.9148495923461444"},"_hasShrinkwrap":false},"0.6.2-alpha.6":{"name":"@react-ssr/express","version":"0.6.2-alpha.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.2-alpha.6+bdbad0b","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"bdbad0bac0b50fda15c656c3fb585b33defc67a8","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-starter](https://github.com/saltyshiomix/react-ssr-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.2-alpha.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-f0XhXencOdVtoBJoDI+qfBkvobQPVA7QQcsqw83OqmwWzuMspa9623gPOkNGZ42bAbkcSxr/NGl9KB0QaOGh2g==","shasum":"e03a0a7d2f1c75b7300a540288ab4d6eafce6a54","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.2-alpha.6.tgz","fileCount":8,"unpackedSize":18659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsawiCRA9TVsSAnZWagAA2i8P+wdV7OpeKzus6Yi0N9ga\nuFZnYpzcO/0B5HjGZqsIIW4z73txfT4/XxdbwBxCjvECNVmzxaswiebH5rYg\n1SWtLD5ntW+2GWeoa7AoRUT4KISPvkgP9GmTJ2DMnO9vthgoueQkwvx+eS9B\nLJRPaEF+dFgijdr2ZTVBGOtaZwl4h8QiTmne3JfvhMxOpGY4e09zxJzNsE4/\nyNXb3gkgyC2qOgww4UB1vQFIrk1XP8er/V9Jt76wRHc/IDrEoIL+ETwnSXMm\nTZsyqUxPkLczW2HmixeYhY993HrGQ9/C5eCPUgHf6WEy6ec7KueUkUstMRGB\ncwYc90960IZu3R/cAT0MX6Ml5xczDUuoIc9vBz7P8JuwOis494mXSrSYNquY\nU5oiP5fxonnbm/LZfdqpK2RmNIZfZGyNAxTdmIJfW4q549JTS0CDSt/pP/IK\nszLKa6H+lFkfuW4ZJfm52G+vDQGVe+V9gZpPNOK6SzpRTIwgYxXL65CVVXcw\n1D59tIfSzqbQaBlL8pJMv8OD1elgoWnm/VW4KsstbTwgl0YXVwCeFW/GvOAv\nVehxuWwZklXgSRcBuQIzhOpCJcGD+yaL2lcnm90Hww+39Oigkm9fmzMydt8R\nBwqVpYRSxdk9rZnt30MFNZTJbXlmaDpMdhLY2R9eke8llLaOCjyspS66JOqZ\nXWfw\r\n=J+eY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFAHV+MSL7FO7Pc2hBG4z/fjtp99nmlLuEFn+F8grT1QIhANPNTjAbfdng3ZTtKrRiruKX/qJYHfO0vy6bxeMVn/qM"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.2-alpha.6_1571925025626_0.8948333491054015"},"_hasShrinkwrap":false},"0.6.2":{"name":"@react-ssr/express","version":"0.6.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.2","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"655bfe55a76a51545fd3217f5e061d44828df12c","_id":"@react-ssr/express@0.6.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-YNeGqnBMfWV7VaSiN1TvUJMNfhpNAkjshLfxd3tXAOHt34EDvigVlhezXuGAPKcXEgLHjGTyagAlQuJjBea4mA==","shasum":"ca9ac1277ef5c54ce889021e82cf8de7bcdd1027","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.2.tgz","fileCount":8,"unpackedSize":18719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbG5CRA9TVsSAnZWagAAOjMP/2qv4wMDEDGfRysjuDU6\n9NNpFyTP1plAwUiSU43RfsmUUX093noqp3dXg+kW2JtH3pSjLfqVXVw/WTLo\nTiXwUsk04u0JEsae5ezqBeJ8wUmypofEkXAJRp05qYkcZ79zJzvdbQtzK+Hf\ndBYQeLDLa9Em+d/keqJSsCPqT7xpA89mbnNRSdlwWxJsRJFzvCl6PzL5T3v4\nd4gebyI2DCMX1qIrmeWs7OvaHSD9TNXyOs1zXg9DG3QEqxoScE+LHQqlbvr/\njl9mIGAgA3QR8a72CriWW0krix0X9CLAbb6EwJldlulKnZW0CJLcRozBhbT0\nLA5IvvIygn5gaOXYoQdsU/P4jaeo2AwnCL7sHE2pcc8MIpOTyvZd99IyoMak\n8Wly0/ypsQthheixJpp/2SqJPTP5uNQz7ZJHmHId+S+IdRuDvID8ruuF/yUY\ns7yPRbZaG0uh3kgpeV5VSDMjOyqGalWNclJGvmF5eaKBFBeLE5Vfw7GZbu1s\nOSDJCbEgBBDJZqBP1SnDajmzBJUFvBggW12BdNO5vk2rRh8gp39jUpiVrk3k\n+lnW1whkdDZpz1tJAjlg+9VM8UAr7cWsb4OkcZn+DllkZx8k9IT203TPRQQa\nBkwlWaitoETRSavIvWBAeX0bvygG3vJSRpWcelfX5HCLNnpMAMzkY++f5WCJ\nCjf/\r\n=kDA1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC62NNJDRo0mpJVuXd9tWMJ29+LxFuk9JuWO1fKXngdyAIgZKnf6DmV+wbKcnpTA2K+lLVZQ7+YF4qzI5Klzpv4imc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.2_1571926457002_0.6946602486607505"},"_hasShrinkwrap":false},"0.6.3-alpha.0":{"name":"@react-ssr/express","version":"0.6.3-alpha.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.3-alpha.0+b4ab713","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"b4ab71364f2afdd83bb140b5703d84976457f8e9","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.3-alpha.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Yx4FW5sqpvJZY2/05zGBKoUKVW+oLWd0qs+4krl+JrL2JfF44HgyFn3RstOKI6UFIiLBRXpoo2G2Az0PKOXoUg==","shasum":"c6f3bacc0018459bb08d722ec6259c1f4fcf32a2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.3-alpha.0.tgz","fileCount":8,"unpackedSize":18748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbdNCRA9TVsSAnZWagAAMhcQAJzj9u856seishA3GrVJ\nL9wo7UNDgpQQMyUAiS6s5OAdd39xkJHL9Zfpwn7ZVmvbrIYXDaoIHa1pArmj\n+wsg/GbJcdMpg3Njx9q5NG5cvmQQ4Qy86raqBLnN2TRBdFAjSzCctAyPepko\nCQJkjjixPuB1k5P2Bby+K/0JXVpQUHbYhY2qNtfHbEgslB5wsBxTmjLA/5vX\nwdwQ/ZwGndid00aMT4MwIoDnG9+Hbep28RYSyNOEEAjlVwTcqGE1Z0zsdWkN\n3yAVh02wN2xRYbnDSMOP02t9avtut7y7d90BJM/TJi/LZb58EiCgYdsfV/no\nWDzFCwmJaR2lWKJT1JsxJD3lMNKx2oCgfqRs9oWLvLqIHU+c5E2RaMqkONmi\nXvuaUIxUtqPGjCNe05apBczs1/2lSleRjfXDFj2BTgPHZyhCu2D7ddZpOPOf\nyEGYoFOIde2bUXJv05nxjI+x11D7DeJNKUqwMZGWShIzqU5m6pj/1CRXnUTq\nRUeyVjEOy5oLKM3iiKVKWidT3ibBfS4C7THIJ8sM49iqd2LAXZsaphQUr6mb\nqtYcQf1yKotPszXp/ExCIZJ7hH7EqawB4XrM3OmjbpuMQNfmeiPsURsH9nWS\nV+qfbU3YOz2ryeCIaWLPs1A9Xb9wDP+Y3ADBn2n+ftLnB3FEJ+rrggNrBqry\nhpal\r\n=2Ide\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBNmd28OEARuAO4cOPLuzzuJkMUTKOQpqs+M69uumbRcAiANSYkgS0+Ab4kOH5ye76+ZRpDrW71+ZO347q8l8iwfdA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.3-alpha.0_1571927884660_0.5418449243869821"},"_hasShrinkwrap":false},"0.6.3-alpha.1":{"name":"@react-ssr/express","version":"0.6.3-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.2","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"3c8c377f693dc4fc375e4937da83e6828f5d3048","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.3-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-YEAXC3WDVCva1o4aXaHF/6V6k19xNr3hHCW9K4TtS5g6XCDvPIxEJRtQG+h8y2a0PkdaEaHKsMaPsYetpWcc0A==","shasum":"98cf01a947ddea4dbbee5563d6d4a2e98946e142","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.3-alpha.1.tgz","fileCount":9,"unpackedSize":18933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbkrCRA9TVsSAnZWagAAyQwP/iunQ5/C7j2SrC2mwTK7\nTJVrcWkg3Mu2T8azYALJ6PuJRRs7oa+zElBadYPheXzCFb3+KJvieq1f4P8k\nw9lgMamPx32cvKvbj++wTJWd/rWcgxJ7iTKZRwrqA3MGx3gl1OQE/tM7ORmh\nYasTl7xlMNmM2SFfPShtK9VxIcsgHD+La1cZ5dtjosNvEqOAj5dpw68JjPmd\ne83U7Y0jpWwB2E2Wa+mHfL/2mbQyRxia8wCuHBok6zY8UN4xpLRQzGgo6jmp\nrc9P03YU4Rq9Qoq9kyAv2aWDrgmSHoYCk6uXmltP328x2362m+jMqoMhkPYl\nvAf0dzxRaX35uGqFqXwf0Bs2J1ZaxLZ32oO1p7Qa/L2o5PWn8xcOAsBbKMtN\nuKCD2l4qEn9xVUXUBncSA7Z6QchlSGs2pSd6MhuNgytar4dxRIES085smC3j\nwFnVlHVp2KD0W5lZXTEPM9h337K3Z3MSiWHtnVY8n5MPOZEg/sjye59r+mVo\n0kYLBr4ihunCic1oDL989rM3wmBezGwUzzimXYq1eeNNMWmEPbgIDfHryK/j\nc0n34WxL2YQCBgmTQGTdwuOo5xJvGgHkcUHZBKBCjIJ7JbGp/7OLSwBbxfca\nqnOv1pEi5wRcTMbF9JABbLAsNAkcsnp6wGt9Cwmd5CeUg6NdLC/kpykK5+Nv\nguMo\r\n=M9Be\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPuN9d2F9YOL0UFSLseKyoPDEhziSCLlKFdc/PLKYiewIhAK0wCPHfuU3mLuZn7POx/NhjJdquZ14BHTM+vPqVwrJC"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.3-alpha.1_1571928362895_0.30953880401399214"},"_hasShrinkwrap":false},"0.6.3-alpha.2":{"name":"@react-ssr/express","version":"0.6.3-alpha.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.2","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"2d336261cbcdba49a8464f80fc2d08bfac851196","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.3-alpha.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Jwk8NepgA4Ij6wNswtBt3WwjWwmgXS5BTIfP6nPeUb8GR+5EZzsTBmMry/iCIT/2DrnsIjyn9t63qqEyBiV3gA==","shasum":"080426759407f1cd93379146e420714dfd555f3c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.3-alpha.2.tgz","fileCount":9,"unpackedSize":18940,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbmVCRA9TVsSAnZWagAASOUP/1NfLVxkJeDl5Fl5aHOa\nXlQzLK6KDJK3yaLanVuFAgahd21XzkzLtEg1rM4c7hUMRf662LK3rugmnkyO\nM/H+qNhHJsrBK8AOyns+fHWyk6jvPkXBX3RJ9fObdB1pwDFT9lUf7TiT6X3i\nL1wvVl97bRvRGjxDmZS10XSqKqXxrJdPmp0g3LRXnA7IvokMYkh/4iR9I7pX\n65HA/zie7kzDEaYtoHVQwhL1BkT2u6V6oqk7Id9L2jCYUecyXlGI9UMIqzsK\nAif9So60zS/bior4gvSzh02aY7uTocpvoykbJbvN2FoZe81DKmFov+Pj90Rw\nMjAe5WeRzJa0ENbEnh/zH7f7Pdgph0lRLRNfaL68xQYsDGhGAmuAbZnUS6bH\nkAY5Yguv29eZju+SNNv6IqlYiKPky0ZNhRuSfpC06d3FXv/2yUjIHYSu0hTN\n45xgX4321aLWQncIlaKHIsVfOsK3pmk0mCDUtdUaDqLKXh6Ho3fmHzdQPV8Z\numkfiPN8fPwQxBdDbsXuCo7i6cPojJRLYwdUHjLIl2t8IiPA3MO8AmKlF8EI\nBPCAFCbmAzK249RwEt1IUdXt9FlLisH7t9qlbTTvgRZYbYM8uVcBUxMUkLFp\nzJw0isVd7IRE8hun/Ds72tD06IEpmkTLxhqLpRPBqMD/ME78Uz1d+vhhWZJo\ncFZ0\r\n=Ar+v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAwnPMZD46mKlgMjxIbiuAU9lG8T3YvuWAYQI634WQOvAiEAw5/zoEqUTm/U4zzzcdDXg0qiM4lIcO48ctFtB32t4R0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.3-alpha.2_1571928469160_0.7182022627585312"},"_hasShrinkwrap":false},"0.6.3-alpha.3":{"name":"@react-ssr/express","version":"0.6.3-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.2","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"abace98df78a2ac0cf69e840018ddc3985b1847d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.3-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-01E07+vyXVfzpBZvRJC+Cb7Aeyetw+82QpkSasmkGyuWtgSiNRKT6de4Ami5R9/4Jad1NuAeuCiaxtM80CbnUQ==","shasum":"b048f849075f5ebb3ece50ef69d27f75e27bae0f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.3-alpha.3.tgz","fileCount":9,"unpackedSize":18966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbqbCRA9TVsSAnZWagAAcEQQAJ4CrYts4oUyYy/RbujQ\ngQMEeMu/wRdSJEs1vTiPx04GyppWAtHNRQWnf6gm8z1Gx5p6m5sbayoGP7zQ\nwFDthJFMMkaHwD19mI8kiYgfAQ1sWwDzYSF6gPICysU5e2H5wV4G5HQMSVqr\nNxu04mEXxP0I0oZS4QeHMo73xknsGImt5X2uyAlmhO2e3C/CgY/js3OXOpG0\nbEQrmejwzfo3o9FtfJEoho0NrM1R46k81ePhwwNOSYEVZwOEuxgDjEsx74Ax\nJk6UIhN45/eSHbAPxE3s4GbrOfFZ0XqPDgcB4WNYXV5bES9qjjtmbIzpkmjV\nFCahFve7lO1Wnr5SCvHYcO4BhZdzMQln2OOTQl6pOU7DOkVavHDS4ZhmRsud\ngwVAEgVfM18zyUDAsn63cOUuMm3QaLV/NVHchE4UwSIZ4OLwV4bhOEA8gqRD\nfFSdCG8SrRUJjUWmBfa7qmJEd5uD4znzoCyslu4bvvDVK/B0T6iVGKO9zyve\n3X5WBYX6MZOyEALKsLaRsCnBFnfQQyOUVfdBkhgeLXsYdX5dR6Tf+pSjuHSo\nLq7I+1aRsSgMM51g18cfKRziMMFdc4HuhRk4NdH6rwvpcguNAjo3vk/Fogtr\nqMNkInp++MnkHp9WIKQEAMfwDiREMXa4FhMwxG5knmd2UfgenXwObsqMAeCb\n0bI9\r\n=f5LX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNuAYGDGn9VxbcOo1FfrdLXZHJsQLiC6vi51lS/NSfxgIhAMkloiKJtrkA2VW2vpy1SOXeECZRMpesHf62asTRXzSm"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.3-alpha.3_1571928731404_0.7147831101114155"},"_hasShrinkwrap":false},"0.6.3-alpha.4":{"name":"@react-ssr/express","version":"0.6.3-alpha.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.2","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"fa2cb0eb58c4dc70e1a29ab84ea8a8ec1701860d","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.3-alpha.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-9tJpH/Wj5JNCAsDv9Labuv1on5eu3i30u6+Bhz92VOP6wSxygyvil9hpYm6vXKiMnW80MY/IsuhPNqQHEWsWbQ==","shasum":"af9d9e097b9091f6111e4d87334dc73302cd6892","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.3-alpha.4.tgz","fileCount":9,"unpackedSize":18936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbunCRA9TVsSAnZWagAAGmYP/ju5afa0XzFEoO7CdYiB\n9JwgJOHnQNJhAE4Vutc1Y0SFHU6sJyCcrRIvnHmKekXmT8GHM74piVmdFur6\nENQpA7Cx4TK0ZdfuXPP3QhOrLEvn2mn29nv7Bt+UZh09a/Z4vUcxGbpBUMC1\ntXOHkXYvdGKwQ1v6/zYKFT7NGH7g5p9B1VcAc2ue98qFqlO6SZEHw7v7+gQv\nQYqKS/Pc2vkutIctGdh27Bu1NwjAleTiBYfQd1CRd2u0LFDeOnu8KIbOmDTZ\nltzZ7BPawdUCWTqkZy2J4FKUH+ch5P5isxyuwm5AHJyKAlDkEoItE0EVEKNx\nzwduzBn5nPkHH+UOpWsuH54GdL7GMhxJKr76EPsWra5733ZeTFqawYBLcC4m\n+p2Yje2DaRxxFZWOR6dzqz4rLR3p/ApIVegxaTkIemkTDlR68TA0zVw65Gx/\nwSm10IZbAkEfLvVs20qf8ylUOVPuXu3X0kznnnGlVobhGcNLk0beYbwKN+fQ\nSs7NsdJJP6lA0LLTq/3DAQPor4tsqNppCmNvIXHlOx3yMaP6jkBqFmCqd2TV\nUYXBmvARsnODo8zzs23RH39P8RDFEeUmU88xdBfFWBPDjmXy/fkfKfYP3Pxf\nvwOy/q8nVhR7YWFWuP0AXB/JQ2dqgNcWDCqBZNtuh5yaKNpvpIAqBAHrcKVu\njVn0\r\n=21D6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSqeLIwRpiEtFfj8OQKUoQCgpZJDVgMk1cZHtEmsdhLgIgL9UqtqKJE7plXO044KqjoZEnQWy4ht6nVs6AWk9PxSg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.3-alpha.4_1571928998563_0.8510973697095012"},"_hasShrinkwrap":false},"0.6.3":{"name":"@react-ssr/express","version":"0.6.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.3","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"39203bc813afde6c2eea4a747fe68f4f4f573898","_id":"@react-ssr/express@0.6.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gE+p/gIcnhMwe2LNV6nDIVEQfX1T0tUhJ4gtH12g3EIAWTnvhs5NbPHyK5d63J3Qo9klg5vV2z4UNzCN5v3Qww==","shasum":"08de088168a73ea26e63a21755a1d4d4e5e6b219","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.3.tgz","fileCount":9,"unpackedSize":18920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbxMCRA9TVsSAnZWagAAYswP/31C9vsfEiwmHUMa+KYu\n+NNLmA0+W7Hg8ZyzBJN2MnK9kPbTLz0GvtIaBEYcf+ZS02EsnGXpdussvs7z\n8aCU0u5kyCSdyVT6X7vsyfvhpwkhXG+zK9/6+MWINPxEOM2E0yNFCFIggp13\n6qh8mFTX/yMKXw3stLS28eIn+XYAgGhX4nh9iWeY2FW/LmVe2LoBxGF8Z3nJ\n6Uh5Nd6QxftXW+h/e3zbH02rTnlHAtilG0TP95QraHtzYAE6Bfox/K4uVs8x\neQi9sjqUhRkVrlb6EHhAv7azNhqZfltOX0mX/O8uHhK+xHSQfa6tX33TXDn0\nXyAQlrVVZC9h0GAy9EJhyoCNA5KHmRYc13eIS45vaPOCoK34kYraDNMLTB64\nyvnS4mBwinnZ1XIjVTTDEjQY+n5Il9hv/Nu70xmuhRbbXzcUm9SW+L/Ueob9\nZenVfOUm4yvRhreL6PUvGXTf6uT/O2FZltL58MfTuTvqTkk++pkz6IauexEc\nAatQMjv2Qwso1OAOTMGYsOChI3ezKVs+RxI20whDL5tdYjXF22xMe3B5CQbm\nISMUNbFWtE2zqD30muCm+J1zie7ql6YR6VvO/I1SoWnCic9yzT1k49aEaPzu\nOTEEjeG9bgeY0PiXrbAQsqJwBEmfaJFvSsJDpURMiMoMp14iEKH1+S2ZeGMA\nkvGG\r\n=HjGe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEYZEEH4IIDUfJ/1KxwNpQURUTm1qT4tNq306QhaspQ6AiBQQcnHzNKG/eMPSQaJoxOgz7u9rBmb2Rle94cN6zn7jw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.3_1571929163648_0.996803627862316"},"_hasShrinkwrap":false},"0.6.4-alpha.1":{"name":"@react-ssr/express","version":"0.6.4-alpha.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.4-alpha.1+5c658e4","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"5c658e4b4b3b55432498064d449eed1c34c2cf04","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nimport React from 'react';\n\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration\n\n### Constructor Configuration\n\n```js\nconst express = require('@react-ssr/express');\n\n// default configuration\nconst app = express({\n viewsDir: 'views',\n distDir: '.ssr',\n});\n```\n\n### `ssr.config.js`\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n // we can override the default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Supported UI Framework\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\n### With Emotion\n\nIn order to enable SSR, we must install these dependencies:\n\n- `babel-plugin-emotion` (devDependencies)\n- `emotion` (dependencies)\n- `emotion-server` (dependencies)\n\nAnd then, populate `.babelrc` in your project root:\n\n```json\n{\n \"presets\": [\n \"@react-ssr/express/babel\"\n ],\n \"plugins\": [\n \"emotion\"\n ]\n}\n```\n\nFinally, with custom layout, inject `@react-ssr/express/script` at the bottom of the body tag:\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const { script } = props;\n\n return (\n \n \n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\nEach example uses `@react-ssr/{express|nestjs-express}@canary` by default, so it may have some bugs.\n\nTo use the stable version, please rewrite to `@react-ssr/{express|nestjs-express}@latest`:\n\n```json\n{\n \"dependencies\": {\n \"@react-ssr/express\": \"latest\"\n }\n}\n```\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.6.4-alpha.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-737siPWlOYh/CdqVSWw12cPSMnuvaals8RpBLIak1KtLJpPqOPqC0zQ/1onU1FiTfoylxqvb2ByvP5mhWXB9Dw==","shasum":"c2b2936ee64edef61092276133e0517e7e5588c8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.4-alpha.1.tgz","fileCount":9,"unpackedSize":18796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsfNqCRA9TVsSAnZWagAAKDAP/1f4U0AvaSYuc7Ec+WuT\nhT5SoUwwd6p0QnJMNeuU60H46qq8E4Brxmg0bIbIOWcrGRYvLHcyYnGbr3A+\nPmolQnCV3JLVrZgHZDbA5c8WB81AeuO/vt8WmiPU3Ubi5lT3hkp58AooeLxG\n8JvqAbpnN2VEu03D3xIylhiVGAHqeliEXJzi98zUXBa8ox9DD1daJm6CIW7c\nAJaG8S3392Qna7UBpdZG8+FHGjOLSqxeHsFZDKO842yjJDuVefR7wZxzvTza\nfmEjcywpoZuTjFRenxNhA3k0YVqsJ/zrHfV7o0UnRnsadWbdAMfXFzL63yca\nQBPjfjx3WEUWAy+JDNOHXrQ5K1GrmdrEofNzbiwyOeMGOYAeo/Ze94Kvhu57\n+bFEk8h9pjCdQgahl/pW0Dlhk6QrNhakTFFbtKaWV+iqJPLvJqbYI4sODAwn\nWUrhuzhH8qozWJbcbXnRUf1n3bVaJCeXvY8h2LlnSl29+uZ4aJhs50XYvMhW\n2LWgp0Mf5lrlYh9QN5gnU8LAqXSzYBdwpUB65QW4wJfi1pseoipxPP6Bd9Am\nABF32U2QMGlBSW2XdKtpgsOC9SFzSvw0/LpRBBYuSAxLk64piaZy/vbZkap/\nd3Njj3YgO6saE+IM9UDII+RjnnGNuC4cltue3GCtyTnRum/o1SdJShNInor9\ndDYS\r\n=SSI+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCl25t6TX/gKltmFXegO21l4vROtro+6sPbV6zZAmeiTwIgfbXoKwkOtyRqdh+FlEUNCgoao1vxrPmhn4551a5vha0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.4-alpha.1_1571943273888_0.9762909931058636"},"_hasShrinkwrap":false},"0.6.4":{"name":"@react-ssr/express","version":"0.6.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.4","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"f81986110f5294125b0e12849fcaaeb6006cf028","_id":"@react-ssr/express@0.6.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-czmHeZ3ua9JQOgeS8Vt8vRkHvzp0Kr+vlElPNwDysEPbCjJacitRbDWHkRJMUqStfQQKD+75ctjsrf6h/rmLUQ==","shasum":"ddfe614200025dd66fa57794d3a1bee27551f2c1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.4.tgz","fileCount":9,"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsfObCRA9TVsSAnZWagAAVaMQAIaYALwClhdR3fUyR/Cz\nbfW8wUu4ka1aXkfIqI2p+zf/jqLA89G7JluBfBWYkZEVFscsvm1GJfxEtJ4F\nfv/++zAybC/r60Lv/Kx13Zaf2SS8QVcqw3E3ADRKvTM/B1dzOwgBZEV4JuRD\n+0AHX3iktbgumyeQHjsKNMS74m1Exdx3L506UffE4itInPJShbVo8HrWmbBC\ntjGGxbFYcOq+cjUkSWlPI6/63drG6fNGlUDvV0u2dpcy2HcJop/LoMKPvxs1\nYjB9ouBlXIDbeu4nO159wbclMXdEPXZx35JGquFF6MK08SWDuU0N5ghdxRgK\nomR5yDeoIGBa1/LULpXIovCVAff1k+9B1/lBNoss8rebahjpE//nSeWQgJdC\n9CT5plO0WBQX9E3QYPZE4CfQKGr9hHpGaaaLd87o/rYc+3U891RJnz3hC8Uo\njWhjXhrhEX/ldvKAffbQ7msllu87TNc1ubr5qtro4fV2WhTthGtSdYoZCjjk\nRqobM3MXKO8lcyY20BcnZ786KdZrJ0MprjBOTrI4Ly5mKB2Im6BDjJoiVhJh\n///bStCGZ/SvX5W882KamUlRuTmkNbAbAtVLguYdRXLU9YRgRSJcVS1c++aJ\nG753EnF0OJv2WywxxctjQJJ58JkCotm+SdV59kJ9vJagcfYcNZOBUBElKo53\n+2Nz\r\n=Tfu7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvq1ELh03C4+J05bEL3d4jXF41S5Kl6BgqrbaQMvEY7QIgKcaOLCnTSxPb5j1cWYSIFpTcfMUxXPN5fjO2a1LG14E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.4_1571943323184_0.7992220410496447"},"_hasShrinkwrap":false},"0.6.5":{"name":"@react-ssr/express","version":"0.6.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.6.5","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"80db8c2237e90181a646a98b2315cf8d355286dc","_id":"@react-ssr/express@0.6.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-nwqiahyICkaH4nP8/D57kqbH/UMoRxp/OLJszKlsDplD5KX6qNotVpxX1giJ/ASEWgirTY1gKhUz04K/5pCamA==","shasum":"3feef0db6d45dfc301842bca9cc3ae4523624417","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.6.5.tgz","fileCount":9,"unpackedSize":18920,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsfTvCRA9TVsSAnZWagAAdlAQAJPJFvtdRfbI8DwPzO13\nSvQ69lQKOcBF0F5szaUYAlk1+dQqLlMwyM4YjmnUN3w4rAa6kHMU50CyRtKf\n/SqwkxBngR1qgOEzJ5c95VOZ0Ixopk+jPUdIEGi0uz4fvaZOVwQ0ZpMnygER\n+O8Wg4SUggc3sd8DHk2mpBaQPKuS9zjSEOvD7eHWz5vg9/sJY2+vJiNiHJ8O\nRSGby5oFkj5icTKQHYKtczy382B9iDM+Zb6BOcaWlTq5ZKXS47dUOSr+VPCA\nFXJDoLI293XozhjwFyNZsbHnLZ/VWZOIeFxhuYGDhNCWKyYZQKDfTOG+eoiM\nH11aW05gtdFguWSy+xYvPa+ABJOtOfILO1SOtws6dJGk7wlwRSsbL/l2frEx\nzS6phVIC/4Ri1CzLG5T0YSNwE+SuqI0PkdXAVbMXmk4povaBKAjNPRtN7nuD\nF+Q1Gr0nLyqRN8Bk70EFktaP4NXB6/Z2AStHQojcJH4Tru/S/mTzB3Ig7OBT\n1STpxyCAANDNGlFsXU4ns0mFqNGdACADinEVQoxFuctmYAs2Nt/gTlY3NmBx\np0ONzwESj/tfuEvBQetdDNMKOBn2j38ue7FJQ/v15pWoZdLoPZHCcAN7FsVY\np+LjmQy9RrMefMpJpGNH0kXsZirNI2df03SlIJ2ScFpYicR9tI7h2XD6Q9g8\njmBR\r\n=zfma\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnHt2TOolvyeNl7yP0mM48Nik5P/vZiIsjbf3nn/2JAAIgL0jxueQ8DSGKR9nel4boYi4gwB8tUcy/EyklqlxGtQ0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.6.5_1571943663216_0.17373566186942924"},"_hasShrinkwrap":false},"0.7.0":{"name":"@react-ssr/express","version":"0.7.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.0","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"68d86b4c3680c06cf7b3eabd9a0e0ced6ad719d5","_id":"@react-ssr/express@0.7.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tgTv8ogbUV2Cjkm0buq0EZwm4Mi4AlmZEgJfMV3ErRGdqn73hi34Rc7Xma6n59aAl6f6FFcjSm6E2rsXUB9eqA==","shasum":"64c2c2414851d6b45ec348a4be7ea12c0eb5158d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.0.tgz","fileCount":9,"unpackedSize":18772,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJds6CzCRA9TVsSAnZWagAAG7UP/RciDe8/BrazQROjALvP\nsZijCpw0qQSIT4PUt9EvOjQBvzD2KUtRqumhD8yIqRTWSekgTlGCpiEwPUWM\n02rS+4NAAR8a2D/wzQYKBA1tbblowUO7gPlhAcXk+QvduZnIhAWjUM0YVZk+\ncKpKRCr2/45D6OILbSHFhyzq9l2W2NgOF3RgzYwUe9FVTgR3D829YJSocEUG\nDeHqeMsePi1OVh4WBVAZooBj5svD4pWAGtlVFS8jraxBxVlTcOI8LqKgh7EL\n76Ns9PLi0LRGKlLFrXyZ8s2Zmy9BHwSwCMw0Jh1GTASj3PuD5rQsW3NbDVd9\n/Gy4RS54DtEOMve7ZQktGBfHsh2LQ31vPv9/DiE73sfoSL9OhgBORV6Ebvwe\n/sFmGnjhPwy7JRI9foMNJEAh7rtkhhDV1VBoKB4oa3zxNwPgw1n+y+KS1EYp\n2/H1YjT2wTkuZS55a9Kjv1P/oUl6rnnuNWm+Mc3r3S8gmVGHlkowXfSkoLGV\nTUhL/NeNRat1zqq6evJ/hxuaKCzZ2ekgJNuGXeJHxnqSrhSDnvgztXAbrJIm\n4Tlb2WQUcSx4RovshCHwKCCNcoUOXtwUuMkrQ97x3Bg6PJZWIWcVPCIb9LIu\npsVXUZ8G1dabmKG+Amq+0mNSnmDfq0Rhkf4bG1sF4zK/aEnnRbuTpHtEzFhs\naEkI\r\n=VJFA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFsh+/Y/Ir6AOSSs9+KPVYht2a7tL8f+Lvf/fA6o1KPuAiEAjsuVNeN05qY5gKqJQ124RakQoOdhUN+MwhHpYza0ov0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.0_1572053171002_0.6414597663158841"},"_hasShrinkwrap":false},"0.7.1":{"name":"@react-ssr/express","version":"0.7.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.1","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"9cb3bd66e9e0b2159ad34edecc72f4cf1bc43cdd","_id":"@react-ssr/express@0.7.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NEl41uohJOf7VOt1tfqc0ubBiVgTxBKQL/lDmbWDyHz87ShAymSutTyPb85FPtqTgidPQlOGoOY7bnKo98F/9Q==","shasum":"afc611091da7d816d188e1341bbf41899ce32116","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.1.tgz","fileCount":11,"unpackedSize":19088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtBKkCRA9TVsSAnZWagAAsPIP/0wut0njUUx6wHWnCuN6\nNvnBkaoNtZFoYYMvBmJWh4gYny65KEGWaQRi6TEixIpjRfb/3NTszvs/MBV3\nkpSbu7wGBmEwnWV0HH9zPJJyKI97OMpju3ZDrDlYrFG/7pb/22yH76UEH46X\nGjLCwDawl3Aa6VrewYomV/+Nw3CBvAQJtHf8xKupBuB6gpr98pzfc1xFlDlH\nAwrRV3gnIvmhU4tszKx4y3t+WqUUdDH8fzkz6/koL6yWOQRrXjZyJlNjdcVS\nqkky8+GQMkl3NG6Yy15miJH4Nlwtl3+K6/qJcyShsGwAUNfIYpJNC+hM9a3j\nkRLQ/mw+PjxZhTeKkqUQDJHhGl5gNEJE6881Tsy9rWTgTBxUflWxXc5sbBUL\nyMgGilFwucVCVm8JtO9+DRVThjs3ev4kMaXEf60NuFeJTawsuP6YhXkJZxaZ\nvHSRkUTSN+afvoXAdminUlcOIn55LkBZ+hOKLXTzw2QsNS/cRQFdI36Eprvz\n5ZV6SUv5IPYBIfiBUdLgobgrdpRb4jL9ItF1jQ/13Z7Gzg16u4C8cdlH90v7\npjED8D/VjuUrMAPUvMvwCnP+EnvW/pvM7KyFiF+sVxtfy5k0KBL/5XjTigQc\nrZwq2qmXmbBLU0eaZjUUdJlvZz1XL1bn7k/sAI9hGcTK84XbL95By3I+lrZJ\n+o5e\r\n=beRQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAbgS+S7hMzBrANP7KflcgegAKRngLLj9VVJy5KyBPtCAiBjlWTsTXAjrTvI9XemU/h9WLH8z1DBLpGeKx0vgxH7+w=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.1_1572082340144_0.56836647925537"},"_hasShrinkwrap":false},"0.7.2":{"name":"@react-ssr/express","version":"0.7.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.2","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"a91a227cc2d15c4b958622da247f40c181093b12","_id":"@react-ssr/express@0.7.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-6mzQXVmVYKI2XYOWCThwBzD8RQy589MXhSG86Pw96A9RrLa9XmejlIYZc/aItnIyrVK9vQozmIo4iDKfqs6zuw==","shasum":"699e0e965faa1d503212928d56fc8617cc55b5c6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.2.tgz","fileCount":11,"unpackedSize":19088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdto7tCRA9TVsSAnZWagAA7Y0P/1ve54StybILrlTWtug7\nv2VPOCp7dAaZyN2uvvOMQFCgyZhy3fCVi1fkLefPwAGfRB2ZPZMpTJviyTF6\ncj/ehLf/kbt8MOYilDklIUWs2x0Sg0yPkxqZBzQQ95W7AFTJ/83BMHAxEZ8z\nxyRbRhqaE1RdVM0a3yf9QeYav+Ln+1D4xZiQaFCeadzSv7cCCXtfAyAYkhAW\nLc+HgmBVQfjq5vobI+Wrxom2/w1p0HfSOR3Q4xZtG5qBe5EmiPmGDmudAFlT\nppXEXYdiVYvZaietAr/2+KHSa+Cz3VI3jQ9HLkZ+0IRAytRwwphRsqJAsVMz\n0LbBBJHrWDBR/yRwaab6fuGe5n2MZ9tVBYRQp3iE98CY5tdCyoAgDZKKqND1\nS1few/Jyud/vf0FceNNZ2yApFnZcqDYA7NfV4RKYR5fSUXpqiMFvi6Ud0Ilt\nkVjmlngwvhKf3W8FdwEd2Ot9FNudLkXhcLuxT7+/2lh4GEtkqsfsaF2KqR25\neAJ7lBhPVJgePhFY3z3dXDThhHfaYwtSfpAjj1DXCRLnTy2eEpcDQKgcoE2q\n/XtJx8Ac/3huST5bGaWFyUp3xWoDNik8+UttKq5xCmJ5IwuyNtpVQmC52sqb\nORPaKlADqrsZuyDjTv/6W/V5d06AgvZB73q3my0LhuLSl1MO/GbhskS9Kf2P\nWwWe\r\n=9Bm7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOV0xndcSMJNMhmIfJBs6hf8DOUT1cw9u/qkM5tRwkfgIhANZpDF+eYfal+w6Oh24X/ItM5xtS1evA3mfqFJAvX7XQ"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.2_1572245228763_0.7079689884559421"},"_hasShrinkwrap":false},"0.7.3":{"name":"@react-ssr/express","version":"0.7.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.3","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"a3ae27701c0a295893848ac5979159033832bb5b","_id":"@react-ssr/express@0.7.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-X65dYWVQecjEL5I5RLkR/7jSETMhRhLIoAawYmsx4idYs8/9SA6gdHA3+tyXWv7QLEkle1tdSJ4/Sj9zHx5lgw==","shasum":"c6e601ac9e6b4dac151c9186999a7227a0802a27","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.3.tgz","fileCount":11,"unpackedSize":19088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtpE0CRA9TVsSAnZWagAAA3sQAIuBNYCeAqtTty5JkiNX\nlivHu6kcx0XbIBIZx3WNuLCeXlytdpdQbNisAKO3BFWJJ4Ug74acb3+4r4MJ\nPbtIUbUwvJjGH0eFfil/BV7NSqhZM+h/9V608yihVUvy/DANNp71cIAS0j2n\nzk1q0d9qUKeH0UEo7RTdMWfXAUJsbI/V/tfjocv3fEF/aO8Xjn2Gr4F45rDE\nOVU4KFDZwAT01eQKLniQkFLWC+L5PhsJKwyfk1coVj/XgSiRpcmdNHvdFQyE\na7FfpcZetPgQfER77AvnSCApmDB0nAhrQ6xbaCHZ2T4YmZd85+cftTKoVJ13\n44zOjcsvgz0Lx1OTzFrZjGKM/RItbDv9xohUVpCxNCBqoeUJ2+n2Mjw/r5ol\n5/O28DG33O/G02m2fsEA+HchwQxZLLMh+2Xelhz9OaEWenNBS1cwNN/iswCr\nf/JmY8s9k76jQGpkJJ1cYafxIgqelLGOgJAd29yXxn0/+ma2ctoOhbTyaqWT\nGy6k9l5YpYA+2jnHhBAUlUIb+6o5FtYoJyCEk6w0gbCs5kvGWItCoKYAvRee\nYwoQJbSnA3bgl+ofHzSjbZ81Nbn2PIQ1F2wcKoW2Lzfr0a9EDfCXpkvL+YEF\nJSN3f7fLS29lKpr9zVejgydPb3U+ig+TmCHH664q4sRDmdYXbfi2JablbZaq\neg7F\r\n=PQe5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHHamYN7OlwHU21s5BTXRer141fV6rPSaujsN0QLJRqJAiEAouXmDPgQWvc5aUp8c/x1qyHYYos3SKvgL2DWRdojMQE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.3_1572245812007_0.14617616526771493"},"_hasShrinkwrap":false},"0.7.4":{"name":"@react-ssr/express","version":"0.7.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.4","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"fafb79ca95814bf4b63aee571817380bf1aafd61","_id":"@react-ssr/express@0.7.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-dKq+4glz0tA2c+lqgM3TWXRLfScdzD7tBJCKlMOZorcRhwiiozFf7E7oXKWRu7lHgHMB4SDQDtDK4tIc0rbQuA==","shasum":"85aab25831844aaad010687f6ad5c441c53ecaf6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.4.tgz","fileCount":11,"unpackedSize":19088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtpJuCRA9TVsSAnZWagAAww4P/RpksacaI+TtzDCFtEIT\nOUb74VD++7HIm2HkIP8bIoEjNGFpWVVHUzVOD0AR5aAp1DmdlaYqfLY8jqRq\nPaCzdiPyzKpBpXFOLc6wsCcbJdyFzRH/tVgVCFT2rbfvdZnGl9pkDZzOnIvK\n0OqmtNTOOzpa4mSWcQUzSx9pu6zuENZjTEANltpsqqkGINeAmI2MGkr1tsua\nuorUg0BXMFf1GZiIlFeeR58gqOH54yxkZA/l9ONk3had4XlEmFoV6/m/RuBt\npkDD/Ep/68XFcStBoQwboy/yQiUMFUQ1H2s9n5tCN9JZtM5WcBg+Q7sFRpN3\nfNPxCwsuTzeJ8U1m5Q3VXmdCCJeWoUd2opHPeIvT7sg/fxqdB/BCNGZeMqO8\nfPb/K2kqN35Lbm1nZrS6Me1OFe5DaWSYrX8Snpox6EnKbC9TbUCMSWS/FWAA\nii891Mh2KemXZZ9lDoj+qo1i0/7KIP6eYlFv5pPgeAqgKI/ehnr9fL5wnBn/\nFrWEiXK/CSMP3NLL7lJijy37CJsXl7Nfm1mxY7W/1ep5ph/Tr+3hCzxFhEr3\nuTpbSv2zI0bbELthbm+qn5yu1/YehLeYLGvHSwCqdR3sQtoC4dL26dq4zwMG\nXCtHdaH2WO/f03Gbrbm5n61geGCRnMUdQ+9D9eyiwJPtVX+P94LuqVoPQYI9\njy3S\r\n=hmQh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIApxY6lCv8Lahu+OMdc8LLttuCXEp8t+3FNKNF7seRhRAiBH/LJMfPDxGy2mQ7GvIRpWI45YbhDBFhV3rk3WbJjxfg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.4_1572246126418_0.8858014633031344"},"_hasShrinkwrap":false},"0.7.5":{"name":"@react-ssr/express","version":"0.7.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.5","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"d5c008441737361d2883355a32c178ed6168dd98","_id":"@react-ssr/express@0.7.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-1Rq6KRuABx0mr5XEjttQ3b01MD0iODKWs2fcN9pzkaSp+aibxDbYNoMDXsBaUJFacw4X9fei/1J0DPe3wy7q1g==","shasum":"668fc27662c8a516a7d288b748d589903e6c816e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.5.tgz","fileCount":11,"unpackedSize":19088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtpMnCRA9TVsSAnZWagAAp4kQAJR91V/8Y206tQ3PxOPo\n9k9QvuODc/RHcY0hm9TrkBmH6Z/LhIJxPqLsgYf/soShMFYIfJSTDQOCJakY\nk4JPIMZuFgBScgLyPh+rBfoMiG8O6YI7iLwYNE/nWHh40QyaBDWU8G2NvP+5\nUZuDlg+M3mnRBCTxWDnmUKcAZGnmnjA+9zuRpBmm2jgqXjeuiwj+mFHzb8aJ\nfvky/gcYxuBF6dm8IF781H0T+VMsOzWFqnsN/fP1PDLPGAtv0xlG2q+7GUhd\nh1/b34WDSWiGHZLj5pq1IyZEnn8QYt3uimbb2n/alfyEcsYCdYjpjKmo0WkN\nF0m6Y+/I+ZOirHlOpfki/N/ts2lQ+qZBLH6g/xtkNZ8qEZOgTJic/xocceRz\nKioIHkyJmkLQ9Pt0+R6rCoFBQFk+ODzm6kVQYbS4jazVYUd+SPhPVoI8K37L\ndaFHZakx5SyF9sHSY3cTaa6HAFigUTHGiIyKA0ZKpbmDOGijjEAxArbDgLgy\nkDDYGO8HIJuNWA5oDBIl++DqM3mNEFlMCP6nprGZ3RHUUCAlDfINOw9FDS7N\nnsaJW0AAPXnE54zH/vKBHM5KDEwnZJolu8s8zlH5SYtOySa17QWn6zoh4Yja\n+3LXS8HBOwsW/4velUMAoI2nx98/69ksm9fs+15jM48OFEEuneWgpFiGKcOW\nSzi9\r\n=hEMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlOPgRxTQ3QTpA8tkI2pV4VkRETgYxr/rcXpov0miwWgIgGFi9JnsTdnJ3m/RuhPisCZjvsa+1324VWsIzyrZ94DU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.5_1572246311377_0.5185335510222524"},"_hasShrinkwrap":false},"0.7.6":{"name":"@react-ssr/express","version":"0.7.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.6","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"d2354011255ff06d1dfa193aca9002ee3bb6ab66","_id":"@react-ssr/express@0.7.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-VzNZNpsYmaDNKTc3WA52c4a8Hhr/giZlJWUA/OqbcXBCVt3IpiNnvcCbggDYdm1rT1vhth2a2t5GvE3gJh2BRg==","shasum":"3d24c2d316b5342ccd22ac6874b6011adc8d67c1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.6.tgz","fileCount":11,"unpackedSize":18820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtteoCRA9TVsSAnZWagAAya0QAJKLU+jNNNxUGSX/k/Ua\nbdECb3rpbY81RosABlH3U3V/sAVJpTXxWEMpMukTvfgW9gVOEVN3xT7Nf5X1\nN9yZZXCG/W9rrfj9xkqLkK2UekW/gCQGR5OiQQQmqK/fbPf3wXgl+zUfgdt/\nxgOUYUpi+YY3gGxbCF3n4i5aNQ52boiUf9FprOk+oI5pe7UzdtI2Wk0J2TCi\nY4QjUt8wnFq6qHifNgode+LpKG3174HbhzdAbylbvtUQCPHjmIoLbIpqVA3j\naTjUSx6rv8Csl7S/I/rmcgkq7kfcJ/gWH7aEafE84+lqZ+A/K8K6AoU/7/Ba\nVj+vurcnyugZNBy502azLmsqKBbz6ARGTb5MtGUrRtqi3NwpgxuS1w57DVht\njjYTCsPCowMMFyklipUSRszToltS4df48PqlNmlFIwfprf7iDVKtLlpft14k\nvG2cLB/nmN6pUEqrMamdbnrgtcKhMv2I5dd3GZq7LRHQ24DrDHcYAaEV2zCB\nDezv0csm6h5nrMT9h6l0Jwq5iNs/DPKIBiHHSpsUGJLZsSM6rvvN5axhrXoJ\nKcdbsAdZd3Eudgr/sN2Ndu8dgMrjAx9IvZKYK8Zj00NyZEzSjBy0unvdK3Tb\nXQbtbWSOrdoe4ANNmUjUny1/x/kLCL6gV9FSwpaLPvMTt16I1FQAvardUofD\ncYfu\r\n=uIJq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHxi7wk9d0ba7IAGrG+Ulq5FNoZWxPeYwIKJXaBuaJnwAiASJwCrE1n5LZ5BK5af1hkQsY8O+ItiCCE1fh+EXXPHQw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.6_1572263848280_0.7169033624152121"},"_hasShrinkwrap":false},"0.7.7":{"name":"@react-ssr/express","version":"0.7.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.7","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c672f9781cd21b0bebeeacf9d333102ef15afbe5","_id":"@react-ssr/express@0.7.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tLpVejKohlelgiv/LS7S/TwTcv/iA5MCfMwz831W959Q77cvx3OWO1RNLuYChY+T8V/f2g5Lbx79yQ3SNVNyEQ==","shasum":"15b53a8c2590dc80f6ca9c580927a79c50c8b040","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.7.tgz","fileCount":11,"unpackedSize":18820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdttwoCRA9TVsSAnZWagAAmGMP/2yR+t4BeD4aYW4LoL8V\nw9lxoBPilS6lgXBlM/mSYL8JvA660CVcOzhqyLMa7j3j5f5xEi54BagZqyzI\nl8vH68ePaEIC0ewItm64Xy1WbFpUmO6+vw38KbN/onSx+GfKMUV2JW2ZLfvs\nBOWUIlyrAMtFUuzdWGGYCu7Cx2yRdcjTDMecFegl8JX5e2S0O6CifvmRdJWf\nGvsX62V3WpKgCGMbGgE2lF3+5MC8XE3B15jHowAxdEB/MFKGe+CBeYvatzZJ\nWkbe7XTIWzgg+GYIYRemnDvVZJKepJxc6eN8QM+WK6lbkAil/E81netA8HB6\nrHTrK8bN/7r1UBlH0FUODNxUQcohZ1gem+RPrrTlnHMMPCivml6sbe4ZghLH\nx1rUeBRo6uPUsYSKAYipdcqWb+jYBqvzPxF3i79/fLs0Fd+Ko2Cw8y2dV2Pv\nSehwioK+0d3G8nHYhd5XQjr41CfYsHwJ12LhDgCYaxpYcdjEwVYGpW2B8lsp\nVW6icn8eM/doA9r0TunFxGPzcgX2z64HQ9EEjjvGwrB66d+W/j/dA7R7wshB\n/PU9ZPxHNROQD7PwEJ0DsopYQuwCYVfD2d8c2CgQNHTeRCJIjVaGIjzWHPSQ\naZ+jXBLPN0mYMc147n/smG7LKRWx9jomh5DgbMsN6cyAw9ignmmHDEm0L+ok\nTZ/9\r\n=B1cN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbWSXRUCYCUl6gRY+aAtNJDTCxfuKJlaPnNf3JSTQTMAIhALbg8BwnEI17ABZc6lre6h350eOYE+51U/ph3mXoxqBc"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.7_1572264999989_0.020155601665106104"},"_hasShrinkwrap":false},"0.7.8":{"name":"@react-ssr/express","version":"0.7.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.8","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"1aff0b170c5c1befa790ef057d42c901d62a59e0","_id":"@react-ssr/express@0.7.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yhMb2mOByF/PF3rjgTWC24mh5KIfJAUfNeyfpKpj5TGDPkHgqulrZjLZ3JfuqEv8MTGfzflimbAU33OQmlstZQ==","shasum":"3e0370f3f0cc480efaa2e4c602722a1f52d9e953","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.8.tgz","fileCount":11,"unpackedSize":18820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtt81CRA9TVsSAnZWagAAgqoP/2Xn/DrohbaJmT2K+RGv\nCMY43dcAPv8TXJl0KmBtrTzuLYjckl//6nFtjFnSJ9b27PtsLPnPwBAWPGXC\nPiorPJt688OMOGmipNFd+9lWzxrw7v4MoTkWibkAG8txlp/d8vcaTcowNrb5\nJO27PhwKv/UXpDeawVoDN5/wX9mbRmCrk/ZK3yTENUJXEVhSaxtO7GlGexny\n9x/ESn4GnLi0lSx0Q30viaqsPQkEnRWud70Q9nqv9hovM6le9iwBoKUA4Sft\n9pM1P/xwlkAdhNXTR4bpn/vdslfzrsog8qJVllvU4/0TmwgTpv46dh4YyapX\nxmQBqJut2xHPqI4ONBIvw89+7Ri4lRLBiUfVqiJCEuS5e+iqVlmIbrkNnpjd\na3RjE4qD/FCapDKKalMwqbiBAepxdviZlYEBc6dPNWyHnUGYLg12UqYe6C1+\nqmYh8KvcCmEvXvwG5B+mq1IT1yeuZQU9YY8RzKM7Hgl0R8xoZHDI1qOkj2GF\n5pfRcEOmAmVrmgNgj9ptwpr4G1+3q2uLGjL0f31tRGOsRWhyHW0uzA+eArDL\n01t2zUURTTDWCDE3DOknOMANQAci0RZ/oJsr5Ljmy6PN3xmYmpJV2H1a8gvG\nCywPbDmvzBY4Y1kW5o/iW4Ork6/8UkTvnOMfawlP4/nJNIG6Lhw2OvA3cpHx\n2/w3\r\n=R+TR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICT2FO/NCdYXj1InTrGHceNMqCkyzdG+19sqtmwsABNFAiEA8bcbYNLX1vu1kw4uYBewA7Vi0rUBndrP6ZuKyeBvpqY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.8_1572265781341_0.9722619810869491"},"_hasShrinkwrap":false},"0.7.9":{"name":"@react-ssr/express","version":"0.7.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.9","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c54bafb34f38db0aef279212a85b40b2d9c3d0a1","_id":"@react-ssr/express@0.7.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-fFwNQU+9QYWsc1D2yNuiLWB0PxrjByAszdFsI7nLXIF/wCVJPrJyWvEmLvupFg6v6qN7/Zzw7IeQQPhaBIm1yw==","shasum":"ea4a49fc934ed41b20cae09c0c61e07b46e45329","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.9.tgz","fileCount":11,"unpackedSize":18820,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtuIyCRA9TVsSAnZWagAAKPQP/iC4K5E7H+ih/d1NN80k\nAudi6zvbomXgicvgMA7BRa+Ork/i1To7Ul6neHzW+1D0LXhAh4dfz/dODTwy\nJDYVtfk41+4J+O+SsHSCmp2Pl7AOokVZPZQV3awPryTaSkmhC6YDnn/bsHo/\nkdUvXDo4m32AEDb8RvmLZpZsI+eeVETS1i+5rfhJmRpnS+JZ+E/rB+f2hYkE\numoNFH44W59Ii9cmp9C2FRJj4vDMKawM8+rt0hKKjHaK25duNcQOzyReq7sX\n7f0fuKZCExJle8/leYOWjA49LtdXJRyEpNNzQ8gl+2P7F1Q6EZ4x9insxIv1\nrB2UYnhl4IolXkUkO1YUrMZlPUzL+8ZsjRSHZKpowfRakm8ZA47laUj1rcO6\nLOzEzAQMEd4b3dJQySzQDGF2t3dWGzLqrBv+RJFxH8/Zwf6VPessViWi28PS\n/+D2JmzxQocpAQzAZ9dz3Kn/MRRVn2gtQ+wDNrLtAon9QFOCt6ZSq+po+fZR\no9oh9RcaMMkBALgfsrgrC3cwtRapRa1hS+5kj8Oue++x+Zsw9cfO/p/DYeAt\nHOUIjbTjUPmPnADJGGA44MPsgfxlZbJ1fkLKQZuLQf8CZFigkWwkC7USpb61\ndeBfVKDRf6YHhYhrJUDiQzdfaTrzdWy4uiw6oq0csAX0XKvXtQ2rlXkvSYmV\n62a+\r\n=glDe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAqwmKzWvijdQOQko1Md1UjqPDkovOWk/AdsICMSIefXAiEA4Oxyw2WLh+xlDrengCF+kTbb92PZSpfGWuXOfMHvGqg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.9_1572266545723_0.5605224597694751"},"_hasShrinkwrap":false},"0.7.10":{"name":"@react-ssr/express","version":"0.7.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.10","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c9356bdb7962715baec2e9edc28fb22d80dcb34e","_id":"@react-ssr/express@0.7.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/B5vlU5DY+HK9f1pJFWpiQ9bzax9hS26UkptimaInUx2xZv6rIGH6bDl3SGpJg2rw6I7Qjjy5Ei7RS4+IlCANQ==","shasum":"97a13e42e516c4a4e8765dad54009991ea3f5822","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.10.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtuSnCRA9TVsSAnZWagAAajQP/1rTUlWqdWapClO8uL/c\neZIRsAJZn6/5An2HH5BGF8x3Hp/+qB+zH6U/34S+kVXCADQuCZy7JXdl+aOW\nfNYhQnmOkJM/iO0Ju8Ug3mwSHNIIaE6R4U1kjbneIHXzRrn56hQfEyJUj2LC\nJWHAM/Ug+Fg3b+3Rl+p6xmeo4Tedsx+un51ktFkFxERQxK+Bn+OSvZ3OnPJt\n5TowhTL5Sa9/Fz96MFs7uJWIRxlM5VStNiBwnJMPgmi/BRGq83FPmLBrVe6M\nnVYUW5/I0v4NnQI/46iH1d03OWawlTfZI6VfcbMknExsg4QMs9jk0pA5lLWQ\nd/0X8oFXtlY7jkp37ByUpZ4c1+9kR9TKgw5ymD6ju3vaGqjFWawGTAIiKZaJ\nFv0K0Ue7YK3xF9yuzPrJ8RjX88Sfn7/3xb9dziF0/Rw6d3OAvTB+yugBna4q\nJj2SPQaHf52vwD26P1M3tWvsNxWXv3tnWc6pmJz57JXCtHRMLyp2VlhyhrGf\nR4sREBWHXaL6+wo7qPbizTORxcGDaCMxw41z0csuUat+e5Mh8egs+293j6E3\nAYVUZlZ1RZaNk75XeOAp07FF5NQ541z/Hy+UIoolRP3NVrImleNIxPcJWLHs\n0i7fqI4XJDZ8Cbso6Z6tD//HbJhfuagtMhVOe+GOaz/8kJ7uNaF+DBuOpyzk\nnsuS\r\n=FaUy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHuEd0RUFSFbToaNtnLyIy2MQylSw0xJoUg/r0Yik5sQIgLuKMGlaRGYQRwAjHJNZTGZD/zBaSGdCotbg4KSoMbSY="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.10_1572267175412_0.8767786296832378"},"_hasShrinkwrap":false},"0.7.11":{"name":"@react-ssr/express","version":"0.7.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.11","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"5d3a419293f1032bccc2b85c7a12aa7ba4454900","_id":"@react-ssr/express@0.7.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-W9/k6HvXInoeRTLsAvLjwzQrOLxbnkWzWwC4zwqX5af7Jw/d8XPJaKJjprqHVCpMk6FL1QOdvNusaAyZhS09Yg==","shasum":"27b1635ee922a0bb0b3e5a0fe1e1b978f0893234","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.11.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtu3wCRA9TVsSAnZWagAAcBcP/2Am9I/kgpRttDr+NO7Y\nUNPZRcWRVW7mq+J1Vl3SzJZUKTTi+t8Ay7vTCKCcJR7h1UkFnVF0snehvr5H\nX+xJOvyjzPYAPbYKtvAB14T8QAEV8n8Do3jsnZiXUzbjRND57l/1wSKm0h9Y\nv72xNrKGCA9d34qML0orPtEH9zCSFy0HNteXosUrNayjxREcTJbxL7UBM9u6\nPyvNGIvVcb3JiDqZTjmZGJWPR6WZO+of+rHgPvbHTYMgZyMu/QTfTMxNLBeG\nUxw9K2oONTLhj2tNL6sulc1573bR2p27Kt0VWn9VveLgupkyigFwBJvZHnVX\nyh0uhsJp/vn6hcwvkesWeWiF7qVo8K4H2ZM3nDJ6MPSkZET80r3ROuEtj2uH\ntdLeXynuOt5/b+yfIulC8QrttzzrioY1Up7PUzEkbNGN5tAouVJ/F9X14lf9\nQT/3ZUfs5lv67ERvX8tcdX7P6VP8OFmeIqCGllM8JofYxwZ13O40k6SacLqU\nc8KlgaIVWc+XmqUTCHiVx/YpSe9edbZprgS0zNFOqozUhcVyIOSbNon5ewq+\n2mOwLo9OdUdT1X5219bLQwuLEUoNacE4u3HDnHvCJen0TFlFYOThclfwyp9a\nu2+uPnPpKUkiOs6XcWpiaG2Raor17gQTjjufgh1SykKn3saE+5s0S60kWMU+\near/\r\n=A7H4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoUT5wcpfYSOhvQ18yhWL4aINCpVB5zBbLO6S7MIhNVAIhAJEBwIpIRCPnb0Lfctu7yACSbQpkf4fAi8RN5TNVUb9i"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.11_1572269551750_0.29866824251593194"},"_hasShrinkwrap":false},"0.7.12":{"name":"@react-ssr/express","version":"0.7.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.12","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"f0cec7e2fb6d74e70d02685af438c34a74dc7b78","_id":"@react-ssr/express@0.7.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-RZKHuhHesjp3LGFoM6Z6pwoUxGjZfLwZIMqhZfBOdr+09vVOmrs58M6yHZUWtGqeHTtWPnYcQNPFfAZczqo94Q==","shasum":"d4051426b2fd6384676a24389683dcf0eba90538","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.12.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtz8rCRA9TVsSAnZWagAAkdkQAJMQtLSrsqZuAx3TRCPE\nNbXgirfyORXmuiPq3PWWawoEB3y5zBZQUe/RH5o1mTMSBjCsXZvjBfcLkqON\n/FyVLUaOyTMSWFvBE3yH8SixghntWnKAx4VnYVJpYjD2dwepdhWB/RnK3Rp7\nytt1hN8pGQlijYZi04U2a+2UJMJzaVj9NhAjWQj9HCqFYJyV4PO3/qBTpYvl\nKyB03SuzuF2m3VEoCTy+ve8Nw8awUwqfWPUnlArgbO9MAL5zzkjyvGAiDNXE\nLXv2vuIQh07gfNGj0magJRvGl/0aQJG3hwTHUN1El+cq9Iaj7B0ii+Sz4++S\ny/YSipdqXgylWbe2IchYYhKbwGgK/RH176XBbvPNriIUCA5H4MoXoNv8WQgA\nl95SFwBfZGj2x8RXH48fQmJUUS5ArbePvzc7FJylqPm8VQ0bjrU7bEpfd1yd\ntZrRZzN1gWAYvtEKsRqZvnrmH6LTqQzAaiuyHyYHAWrI/WhqmeQLzja2J6O+\nlV4OYBLTdYKX0Hb9AgvRN97egZTIe06T3j57grY3FM69nEZ1Y5IatS6KjS+u\nu7lzbwoO+61jE/AhxxsIYQCGszx/dbZFV1CY1Jferg+dUPVQel1XU6xqC9aH\nLg3QgC1WqhyKWV1lOeDRmdSqx+1PQkxz4wn6Lj2ukqHWAKGomt6J35Fa1dbc\nl5um\r\n=qfT3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwbWM9iqCxcN5jZRqQVxo0WP1fajXRzP+9YxE5sxnsYgIhAMMGZ2NKUDFkmAlLLfeZYGCG1ukI61OSt+rxp4DRNcmj"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.12_1572290347131_0.6355096715018271"},"_hasShrinkwrap":false},"0.7.13":{"name":"@react-ssr/express","version":"0.7.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.13","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"9a4bb8a38c741bbef8515797bbca89006c43ff9e","_id":"@react-ssr/express@0.7.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-724DmOusAzyYgimD1CD3+BsvgmFPmO8blRkS10Dylz6FQPVyvi3mAc6YM1clTdQZDuJenMKc9hsmPcqJn43/EQ==","shasum":"e7c7b470647aa30e0061631ee101157474974fa1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.13.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0ECCRA9TVsSAnZWagAAPaIP/RxAkCp7czfl9OdCGd4/\n/70xrwEuji/3UKYlq4W4ZGH0MFYxTN8m6jUeBmkDktERImK7iuBbULgPD/Eq\nY4P4K1sihSZZpdYLXZ0O6nQ9qeHp4oXPgzT7eHDza260DzpKMCVWshp7lGmR\nfMHpgGpMxz/kMzOfsRd4UT3AWepp3fzkGf4y/TCebUDOJybs49L8ACMSfQb3\nCBJVW0ls0IbPT5WWClHxihRrxXCrh9egremh1RvC1KDSjWMZfHMoX0gMaF/S\ncyLU8RZf+is29dV4es4ZQH1W7ZMsgaRabO75zbqF4ulrc7OmHI2znif7JpKF\nWAcXsgwON/b4mRCo6TwaSEkTph95AaCKmwjevyKFs2FHD4pfcDYLYdZNcOMg\nFOlEn481yZUPcCRSkUPSJRUl9ehL6YVm3dTQPd7+g2XGaQnSepd/yXvNzgmp\nC/lUafsrXFA7vpzQFZqpxlQ7vQMAYBG84Ds+XXbDyef4TdH0fiY3gmZ4O9M1\nOerpjXzgpirGwwncKhPuRQRQ6Z0dUgSWJN+oXpvECBdyf6zQ8PK66MMoxhS2\noQ1ugDQIddZ86yXt+6P8muz5scDGwB6YLVC7TMEXYJdDsbYBAUnQbozuIqtf\n5mrhG6tEDCCvsS5vbLPHB5jvM4v/geEn54EHDj2wtrkkvyQmkpcqfXJZrLJj\nmnO+\r\n=d71M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLoiHbKP5zZQXKLtS6lY0FJahn40DacUDk8ErsvKXTngIhALqFBZ5rLZ/59KsDmqTRfWez1eTzFJdj9jrUFumpn+r1"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.13_1572290818359_0.5604590243664642"},"_hasShrinkwrap":false},"0.7.14":{"name":"@react-ssr/express","version":"0.7.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.14","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c203c66e0cb8ad1b29e4525f97139a8cf8d6448e","_id":"@react-ssr/express@0.7.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-A5/Fi81nDLMxwKSyCHfbP86DV0yh4N5wepV0VkL82tWHYorHD1q7Btg5VSaHl6Ev63ksyDiNTg2cNt4SDROo0A==","shasum":"f282d88b2c2aa133114517e757cf8ae4b3cdbe01","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.14.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0LvCRA9TVsSAnZWagAAwIUQAIk8dRNy97w1q7cTJ+E1\n3ydkD+7/af7iPyspoLDYCeZelF0RRB/kCdrVkfSLrtPXxN8gjIKNzNRTAoRY\n5AU4O/ILLLwSO9NN4HZ0/QyxHOJLS9GNofZV/F4WzBTlSGd+DZDgGzAXM5Uy\nQXfnuOMs07z2J5XiiFIjWgJx5scQahGolYahPSWD66iE8pjqGPqFFd/hZTy9\nxQzDPWRcnurWFdBtUv/rd+YISZNTLBqx1qpfKoINYpPb2ld7aT7MT4Qdy4FA\njFrE1bEVYAwjqKygDOLj2U+rgF6TfBiiUDSeNGVRtQIAvMkUcmfn2EJvOYnW\nKH2TkoDpkJJptfq1wOerXyoqLhMJtH+gxD74KPv1FLo391ZCY4RoxH3QgTNq\nIIhwD2SJ/X4HMpl0aDJJ38MKeu4ILsdVHe11eCyZZie5CRI7xi1U2QDfVNfZ\nyxAYhZCZIVg2CKAD0MKlGlsyYFeIK7fYKR2huHyy3oBte6tOZOo/JRNXDExO\nyNx+DulYW54LJrvng6tqctXYEjRDdRy8UDU5N4X0Ql4ebqYpIwnZrdmR8RDJ\nv819op4b/vJ+d5Cgh1D93LXmuoH/yVfGBMJf3EEID+L/AaAYWEgDZnWy09W/\nwswkn/SICW8s/p2D2VbltaviAxLX6x46P2nORFHrVpj7QsZ9KnMf16pefwaG\n3fET\r\n=4x6U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHGZLHtrwkUDugJSFTBYAXCqjBRpLGBdTKiH52NLt2J8AiB6q+xeBQOHpDMMTGw8M51BvCnELk5SCQoEoWEq82lEkg=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.14_1572291310712_0.21297521750428938"},"_hasShrinkwrap":false},"0.7.15":{"name":"@react-ssr/express","version":"0.7.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.15","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"c52c16f57e1758249264ddd5f9eb55efdebe620f","_id":"@react-ssr/express@0.7.15","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KLLN4GAR4ESmFWAJJRzEyHsE6e6zFuDQJKzGJQhx1LkW1DSv0CU1Zk9Gq+uhq7hEk7HmYxG9uu4jbVvw6WzjWQ==","shasum":"47ec299271c4cccdcf44b5d27d55dc0cd0eb4ea8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.15.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0N/CRA9TVsSAnZWagAASHIQAJ3Hq71dHwpnh4QSrqab\nMCDd6bQC6+Aq4csw6vZ6sCskIuC4tEOY/9FzuqNTtzln1LWny7K+r5YxCE8N\n6CRkZSOGCAsG0CQFwcRetJBqfdQ+23zurFr+ecAG5y005PN9St4FCnzb1Kvw\nwSQ+TlPjzTvEsLGlMZ20xKsHUC/VyW3bA4vFmjnye7Lvf+sK7vfuR7i7ulne\nQqwOwSCDn80ctEheynOowKGyLojte8t9Go3r/9yzJEZWJ7sC9V/fEngLAVJ7\ny3RxaA/ODvQCg7NtHYyc3wxsCOruInBlWmy14uK2APjyGfj1cI8wkgVQ3PJY\nKAb1MRt8I+2sVypw5M+350hLXh0drmboN1gzkkUvbn1SYxH2dtBqlfbaGNq9\nHNwYKjLdWUkZVTNuisR2hEF4B1bkG+2GG5vqRhDSXspJoqhjmk2N6nNI0lDD\n3Aci9WNhRZH+9Dg6kqDTJRfgTTdfrmqPnskcLhW4nC7aQKI6KqoqtNEtwYyo\nNPRDtY6pu1+zSRz2yElhRGPaJKRGCcKUi6whnGhV+JmH68ITnJBF/3GWUYzU\noiVxhXQkP0j/54BB0ZtLfy7qIfWelHr12J+YKePODe4X5DCFvZJUsKnUh1Yw\nT4y/xj0Y1W8vRNNL+xdVBctLzrRrY5LTkBHGHIFpB9YcJuyCyjIBM+UH7eT+\n/ZqO\r\n=tRAf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYNWaFl1MsRPIgL9oD5BaJR5RudzX1yoNpT3rfFaCb1AIgafTskwlvlGjUJKzRvwvYnNxov/f/YkYD9nuTgf/3G6w="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.15_1572291454681_0.3263813354947689"},"_hasShrinkwrap":false},"0.7.16":{"name":"@react-ssr/express","version":"0.7.16","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.16","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"0b25734f16dcd6b18e6a191b8f37b72aff9a866f","_id":"@react-ssr/express@0.7.16","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-IfDax4pMetxH2gaU7gGGhm/WTsjYgDrmuyDmM0au468WfloFIkLxH4HawxMqiDX37DvzcI0RukP+WbxhUYJgpA==","shasum":"06ef7c412eaabb71492b74777e46e8cd8af308d2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.16.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0RpCRA9TVsSAnZWagAAkw8P/3Cg9GokwaKTSgPxou/b\nZGXAcCq9iCnD5Xxo3zGtypCNtMultuOnADx2ZaKpOfUXRpoZO0JAMC/oJ9X7\nLWRCqrvyuSURLa6R5uGddegPsVibR7a6LWVoOoCFxYOCOtJrRlFeBjRzqGeb\nwVLgjsYOSHzWOTct6kPKizNiiCYdlJ7jk/jA1AvzPyp4XT5K1XrD/S5nAWJW\nCYUydYFVWRBK3ajOzRL8nfkWukg9EgqHiVRMAg4XnDlTEVzFBFuaXmvZpHQ0\nKAe+c+5pnz6vIyzvBMKCaRgpP/5dZ6QhnCN5oPbd3CC93fYg+UsS2rWOsYhf\nJdFw2qLKzycNUO9awx99d0YnvPMx8qsDRtltdtE45P98YliAG0/tZPR9kwHw\n4HM3wSXqdUOg4BKO8yxokmiSnrtVnUBFoYbK8Wv9TL3Jh654I7ekK1QpL+r7\nr4cdO8DhV0LlLSqMga63MF33CByreo/3fqolPszMJnmMa5hnzcYNPiMvNnfs\nCv8BSnPHCt1xq+uKBFkPSg51Qq791C6AcR4OgelNy8qxwmQqYdhzRY/VjAuC\nNnKjHnBcwWzmuhQvJYmtTUtaQ3VxCZDJTgQ1pTPMceZgFYhB8WQO86EyYr8P\nACYRbdvxj7GJKpIqqp0meWfMMHEtDiJsgJAQetDtcUjFCgfAQJXs6MEMg1Fi\n692b\r\n=SWoK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjQ+/FuFYUQEbS3rLROeaUs9VE2GGxe5+hAAwdjZrExAIgAL6Aep+oAB15PxOJhqFbfOZcHDwul7UFfafOwrrBNr8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.16_1572291688677_0.15017823543009312"},"_hasShrinkwrap":false},"0.7.17":{"name":"@react-ssr/express","version":"0.7.17","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.17","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"79175c22794b32c36a4976aba17c2c90016bbd33","_id":"@react-ssr/express@0.7.17","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-MNbkn5VqjfTY0fWibivIr/VJEjoGm4pKnwMVRBfOtQi4cp7DoS9pDimneW0XFS24Aqx7q/pyMLzAjGH8OWeUQQ==","shasum":"8f7e662ff3ac794a0e7bd532614ec68cafe34241","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.17.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0UZCRA9TVsSAnZWagAA64MP/2/lgmpzK1vugIH53pkH\n27BDVhOXnGlY82BHybug9H4OTQasU2baYSY8BDSBHJDMhX9hfylJ4U1HP7F4\n6voKiPl6NMJolUJmxYF9srbd9WK7P3c8lwGaxLoCwHk5WWkTLDWroor8gcv2\nWamsG2foRggsWnn5yzsPCFei0OhKrjEtnhztcgnfyhNF57xAvHcNDXfog7Qg\ny09k7bZMSkbredEzEMPDC/+E0v0T/hhSweMTtMD5hceMSJQObqvIMia4vikU\n4PdnT+GxDY3LiGxrZWlsD/QIeS9b2QEaypuMfiOc7IlOGrFAcgaL58NQjWcV\nm3D48ws7eNyz84xUT3tWudygzcM8L6tBZN0nt2dq+RRg9O68R5/OxAxOnXFa\nUWlkPxwyG4zuwcu/f9yZbujX/Km1mNf/jyzUa4ajXlcQEUgojL/Xqs01LZ34\nrbDzlCaSl+pgTZSfgT/sQRLH+y0PCM3d5eFna1evUvsC2kDleU3Xzmfdux0L\n1t058HiHQZE14O7GV1UPtXaWTu077B+K6cpqn05aNQw77TOSu2kRLtVsPNKF\nIlUvXMK7camLTPIlu/EnfxtLFNCht+YBsOdztmbRHvEU/LicL+0WBg7pMZiN\nMpfOpCULDiCG8UDo1G9ivM4jVR93YyDTkeUK0+2kkPjFKyU8HqqmzUn32/3h\n+MCi\r\n=kaOi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlp5W/WCZnUbf0fLw0UcwUrH7zaCDkopBxl+yElNCvUQIhAKzGRJXs/HR5I8b7poFa8i7PnrXNBdNS1rBON4fFghb6"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.17_1572291864932_0.44482059726388257"},"_hasShrinkwrap":false},"0.7.18":{"name":"@react-ssr/express","version":"0.7.18","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.18","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"8849f840917731710492bac3d432f08cd2b9f1c1","_id":"@react-ssr/express@0.7.18","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-gLZZtVQp0JdiwK8m+XzpwbL8OOX51gDQFv8i8ydRJ+87UoBKlRFfevAjayAfBFWYtdhoOEALfWPlERE/ARPsOA==","shasum":"2d47621434b3a4929ca5ce6e43b691d3752f7128","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.18.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0sBCRA9TVsSAnZWagAAFbUP/itMpvKQ7KXBMmTIPGdV\nQkLvu6RP4WsloOKeIXceXhDcLIQGRkeb5wL+MmxOuyduYL69+zLqqk47mAx0\nj71jZQAhOr6x0gzZCZaozlkafLNrspwP8cBO60VxrYciE2whYCSQyqTAa34Q\nDxyuSCWe1lRTgM9ecdW8HUgLuCEMOvH//e2Q52kETRqzDi7xYScgYiT105PB\nHBWaHn3OYf5q7GK/Bl+2GUCeJcosdnwlwDzsNSBfXzfrAm9mQ/Pcg2QnIs+3\nwkly2bIHSkH3lK6bWEd4KkN0Gn6XTaP6e/k3PJscpkdXEfYmfCgQr28gP32F\nhkG9pZOu+fsJ5BO7zDjP2S2bR0w7coJOwJeqevZjo8viHTEfxoHmyY75hFLK\ngi6w58f1Pe/sle3jPcovWAuI5Qau9ygtmgzk/Wqbjz5d3dh+qlBDzDFD7FZf\nimsksGtQPc84XcZxTHbySG7O2yn2208jNd/MLg+sAqt8TTVfZPqFK1dI5Qhw\nPNSZ6HD0ZRd23DVoK9cylrUxU71H6Aw4MxjVWUYA0vqmM3L2+cw9R7P4isAI\nzgjesZI9T0RXkCMPI/5bqzZ24TIFxcmqzLoqsqLfKFdI7GKWrr7ucInW4bja\nGsYnh/QRg7drBzC3PQ4QX4w1Ua0ajmVZSH+kqRPLr9ZF3veOC+Run2azUHE+\nPj6J\r\n=aJr8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEjqMz1sCEw1z1lwq6Ro6Gq5dQI7DKV2oUBqh0/UdVzHAiEAhEf007Jfxi9I6sIvgVjMYt6XMiot6hH5GeNmWP7+STg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.18_1572293377171_0.39785782814023896"},"_hasShrinkwrap":false},"0.7.19":{"name":"@react-ssr/express","version":"0.7.19","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.19","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"26071ac4000fc9870b97eebedd32c79f8ee5062c","_id":"@react-ssr/express@0.7.19","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-HEy2+TkRRM456TNAKMKT/mjGK85nhu0wNDAr2m4/dKlWxOi2ff5K/7QrkSMA04dVNb96tF/NlQMGlGCAkpkhog==","shasum":"e397f06dac62ad416b6f55c015f3df79f26274cf","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.19.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0vRCRA9TVsSAnZWagAAzRcP/1VYgc1BrWdFyGxcmgpD\nFcI4DUmVDmQr9siNlcLinAEnLcoOZVJoegZ1jWzul4Osp3d1DiLEx5nw0AGW\ndlwbr7xE3nMdJfoyRfsjfUAkt4iMFo680Y0Rq1PcssNUM9UcuytapNjmK/vF\nHo3HdrybHEREWdx+ME5yp3kiJ/Ha3zxnTyRBaJMdvKg3avv+QJcRY2kB436L\n6Xb4yVhxRmpfYtkJm4+PBubaAQ4LUJ8GVtZ1ipuJPaBE4182cFE/9330qkKB\nTSnkSKVJ1lLqNHXweN99dWYStCw91KPIj3mXsropEke7r/VS+SpJ+WW3RT7w\nsuRH0VM5C5VpP/bTVcK2Y1APQh6QC4DQFfZtvjFzPEPDq1YI7vYBJeR8rrGi\nbG3UrJybpTUJ1FhOHSG7XRos1TB5+6vyusQKvc4jxWewbUo4T7fiAtZfuAjE\nh+QxtmgGGIuQeGylfc6K15YDX+KEsj69AARgkPcPdf/hUdVvU2BaBLd0tDYr\n5bJOKdSJKgynQPzQNKI3d4DVuRVnxCbpYWh+Tgyk+wkpLHd5IUmh3hTjHYrU\n2zItlfo7rcGA8lCoV5LqJWp/sqZ2n7qmIFIJwUeVUT8e5i7044XZOWmVusbu\nkino7QSQtyv7k3OEecDx4jmLu1nrejwoZQpY95OAXqcmTLqMufPVdZ+DojBT\naamm\r\n=xx5M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDWWgtUGCX+uofUq7t7r9+G5lnNCqwt6lSN8vqhUvzowIhANPvJ1zYpjJk/sM6I9qapIMUVNLquKb2aOe0SDw7D051"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.19_1572293584656_0.11688281569003078"},"_hasShrinkwrap":false},"0.7.20":{"name":"@react-ssr/express","version":"0.7.20","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.20","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"44b98234dc2445c5a7f87302eb86219964b5e546","_id":"@react-ssr/express@0.7.20","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-L1pWha/L/fQGhmgF3gUDXJKw5R/ZyytazXszKRKjogUOl8070KMtskGFVWmRW0GrBK3XCpHXNcjosj3dI+7p6A==","shasum":"9ddeb48b4e9da380232964a4d50f7bddfb1ba770","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.20.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0ylCRA9TVsSAnZWagAAPhYQAIL04zm+n4tCHmqMMx7a\nn4n+kUmTU0gKX96jxJW4RnW0u95ZVlLqHwav+glRzFiyriJULaEvrQj2P/Ls\nizVXv5i18bCuOxAZKf7pRUFuqnBB9/FaxjhEINuGZH4aCmeHkjrdZa+EvlVZ\nRe2jvjsQPOJC7rB2W9PfT1cCsXbqR/NVrdDRoUvFnt72g3KXGvnqnWaIy3bU\nDs2nrW7QCGqDBOUp6MZHXg3KzdJAbrqxYbkdzG2H+one+BVhS2eWldaAobzg\ng3rvb1cYAEcNGFNTNwGRalr2Lgtx6AxxIXSN9aqIYcOFgwb7HiQdqFs+JRg4\nNSPJiN6m1Z6IrYuTZZ4J6eeMbgYkhtqYmRZi5xfwIT/cYSTSdXg3cSRFeZHC\nHuyVdz39fQ32PWwYs+kgpBKHQrAXinssOKOEPgRiTaLlp97basZzsJNiNzp5\n5BUNfhYqEWlBpiEh7WGo7ozIttxd0/QpZFRy1wSy92K45KV0E+kxvUqkN2iZ\nHiel+FDMqqCeLrDBNtpnSSFMoZVpptBsHJ9h1QLG4fo+hB27fR0mcE3xigro\ngahSa1p2TGzZsYcqrWpnr8c8619NuVpR5gKuuVvwkD7E68UqiaCVpIbPYO3L\nI9bBTOOt6vPMozIwOrCH7YpmuIW8x2zl1gvxRZgtM/KdtkTsq69/K6mfgtCA\nF6Ow\r\n=NWBF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG+L7O2VPxB723G6h/l7Kwg+BYO9Ksv77/iiUI4Ql4doAiEAuBV4yNOqmbDz3fjivacNZcFkuj/jb61eYhrHrV5Q+Ok="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.20_1572293797203_0.6890489275700833"},"_hasShrinkwrap":false},"0.7.21":{"name":"@react-ssr/express","version":"0.7.21","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.21","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"16f78c034d72b6d9e3264ccfe8a302feed57e673","_id":"@react-ssr/express@0.7.21","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-uRNYauqhGcDysNMQMz7I3BLsKxzdtgrqlV05gH8hDzvbyoNHKERSQ7+9LeqQQ7J2XMugd4QABNhszfddbdIRzg==","shasum":"a230e17c1fb5ebce310a5df77ca964756a321a2f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.21.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt00YCRA9TVsSAnZWagAAPpQQAIw36Z8dYH58S/UlYEc9\nxIOemDNn4xuAOkVM01U2U6+I7lQnUECzGweoOwC0QWe5xYU9+VTHdq+ptBST\ndw6HsRRnSjEAXmHgGkbz3KIn125zkaKroeF9oWqlbBWnjYqX3wquLkVl+8Id\nbYdidR2R8zIZ/Q+MwE3tzlMr4l4crywGOw1JnCOTpyAAQu17NAfVvzUEErU0\nCFf9Dtb0qnTSKhyZEg2gfM7Eyoxx39mtjP/PgwAHiG6PcBBEo+T1feOlrgZe\nSkA/Epo5Qv1i72I9xXFqxDllTSinBPnrNk9OFq/C02ILON7yzR75LhI0dGVh\nfdbZNrinK26duwzIF+Lm/HfAbCHtQ554urh2VlR95DQpz8HogbeMX5SjFBpJ\npKlO70wrqGzWDhebwDL59EIXA5Ji5PsZeZY+FOPR4jbDmN/k9Bk1LpnkeouA\nDUbPw+5Cp9GK+Ep1mJFM8U3N2p5STxslVRTUAl2w1bST2nA6+pI9VMpDpNMu\n5NTYvd6LCYRaWUt14GBXyif4ejCMd1yu4twIQezwXQgs3OJcHz5bVwxLVpRS\ne2jhkmf3jCnx9VRuJdv5M4mycJLdeP7C8Zg/Oqw5+dr1NyatgvvVJi6FOrTY\nSg888odDksUxP4qQVmVOllWxryiL8mZV6qEqwprlx5/nYl/NlX882i1HuYDk\nbi1r\r\n=qxnC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCe3RuLagJgrPBr88lbu9YkAuM0udq39JvvOxn2ALvgcgIgbno/AqkyFfB6KNUFO9cn5kszd2gk/MMD45fZz0tqpdk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.21_1572293911770_0.2679813080832565"},"_hasShrinkwrap":false},"0.7.22":{"name":"@react-ssr/express","version":"0.7.22","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.22","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"5f4a4d1cf10bcdd0c52c04682682e35762d2a5c8","_id":"@react-ssr/express@0.7.22","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-j1iAs7y/BcabYusNKFyAT0c2z1ZnApWUFZ/gqKR+IjluQorczXi/vBb+IYkSJCJkN2bWODco1yzJ4/L3D67aqA==","shasum":"bd6091e87c3fed50484ddf48b91f3408e3230a9b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.22.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt0/rCRA9TVsSAnZWagAA3moP/2ZMsawu/hs3/4vo5i/E\n/P5KB2cTWvtYoTdXmncpLHxEEx2BsYhRLaA6gef8QAw/m7HqBY+z1nyqK9+6\nHzdUqN+NeTMHWtPoMVViAsuSYwBYz2W7cHoDBYRxtRkxcRPcWNEcMA4RziTo\nH5/ktVk3Y3iiTeDuc/BJZk7JgRyEnCYPMFQlEfrlN7/mSywv25HgrMTafYzL\nBAri76iPuBNBnELqVQdYG9t9FDOkaXbjC8ipyonv0XtP60uN9OfF1xmJJVhw\nC+prT7+kbjLt1Hn2Hna4BHFMe81ojv97lpR1JBz2LCyJGgwA5vuRbCVF+t1M\nua5fdeYTRiOy1/1Wedaqt2jxJSkD/WWe7KijKBs75kjSLYTPCphIARupC9is\nSZapGP7sfKmOXs7tYnu2oDi9MbymkNJHUr/r/UG+ttuCM2F7swiV4UoSDg2d\nfxZIhPRHIGW8hk2NnIxPh4srSkOWqb1IIWziVp2DwgL0/UP3IRMsYPpekDtQ\nvHhSjxI2gwtdy7ymLQZK/6DVjyVq/ELhFvU0KTzw1kdYyCxM01s+Nr3euFA+\nK+tV+uI3mYZfjsmSKHRVnoYB2ZzDq2aKAhneoawtlHAfHJivREefFKusXDCE\nBsNEDE+hlKI6wVJJC2NHuiBje4h8IBUZJpamLUsaKFhTbW4/eEPB5v6dGteV\nXb+K\r\n=4fTY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB47zzsjgGoCvxiLdUEV+ykybVXV+eFgaKPADiFXLDdgAiEA3PJYJZP1oVhsSlC8OWlsikLC0EfUqiebyENtV7qYV2k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.22_1572294634831_0.9922518231336082"},"_hasShrinkwrap":false},"0.7.23":{"name":"@react-ssr/express","version":"0.7.23","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.23","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"f69eac1a0d7977f764fb65c84a229388ff47675e","_id":"@react-ssr/express@0.7.23","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-X6wrBTrcTNTBNMA3a51FTjviDoqHZjYjdJEtnK+eUWv5F5NSagYbFG/8psZMT+JipaoBvv9nytYsmeFhUa23wA==","shasum":"d33ef99830eae8a5ad48e1864254a97f0ea2da47","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.23.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1EwCRA9TVsSAnZWagAA/kgP/3qe5hrmk/87julL1KQ+\nbrhduAeFEyW5ObJnLFqIT1TFy+6WtOaRJ6vj9eVYqVI+HqLp86++iZ4TxNm6\nj5y4Gvu9rZrs8o/Wz/bXxKQ040y3HHnYXNBuCmN/27SAsaVBQ3LnHlr+ZrMs\nGjWRGVcCAaN0qk5KmffY8+qjBb6UcT+mMfcnVdCoxPgjro6qcF9ErtYelhBq\n659Z26/OZYk8fhCqJvilmuhvQodPCrqtjYCuR/t4s/vFkRBXlxAv5B7pX0JX\nsssQbVOfY6YK6IaaRCX8NfyAINgXngRgoAt7XL+MsGrhuSNv0AHzGuyUAErL\nqyzFu7xZmcVDm4ZmNbYLVPvBalWC1P1VU4nE+D5s+iQoJu+oxagBkDA4np6t\nEj8o0wJGLFZ8H/Umj/nnEw5kmG08P9vNXGSVrS/GwC4wSxgVsjwpdtcqKX2P\nl56v6JrMeTEdjBLWnAeJQmcRur43aUlDUUqfFuGyCFOAmoCNTzr2ADCxeze8\nG0ya6/5d9qXXiWprMAof067FtqFE4Qzrd8om478KBGQ1oXF+RppWhac4B/Ka\nOzqC9cN0VH5G5rpt4zhRjXzbaJf/iKG7Yycvi1B0xLu/j3B+nouBBZM/EdQq\nlG2O5tIvmaRktzZQGBxNUPzZRzUlgLHLce+YCGRNURbqgSKATzIioLQ5akUZ\nepo0\r\n=p3od\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQ1JGO9QJMqhdQlQY+dlIPniNO+Agu3Wto9u5yrfSfEAIhAMuF8uRp/Wn7eT133TMvF0h92H72CwOlndTCqVSJOFjS"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.23_1572294959902_0.3329289235591091"},"_hasShrinkwrap":false},"0.7.24":{"name":"@react-ssr/express","version":"0.7.24","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.24","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"b33f0eb36dc9087fbc8167460fab1b449049a8ef","_id":"@react-ssr/express@0.7.24","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-lSdfNL9YRvA9D2dydTD3YWJl9roBPFiFs3HloSmS8tdaOLNiYdQKIx0mOD+Db3kpY/E1LqRVqZmA3cVUmG9UqQ==","shasum":"01f425f8fc91e51c83fdd3c51779ccabc14dbbdc","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.24.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1IBCRA9TVsSAnZWagAA4nEP/AohfUTkokkpGuF1BjFf\nkGeI8FRmJ/l5q+tFDmGGDt/01EM/D/p2ufTzRzSWQYMtzfYv8Zb6l+oMaNfV\nd8aQuWW93m91ARu3LEtpjLGii6BibBOsMmNGiv3VzWyt3ssD67IcrdZdY1p2\nvmHbh/F2dUTp3fbHb8IHdtxeYy/AUH5eOnlkMk66uNZGU0RVx2FmgUV1Mzlk\noeOLrpA825ghTwdilFOGhXBlOWFsNCG782BzkfWfdiaqWFErVmbo5inC2DtP\nLFIBTGa+LY1WFbkJnGx4dgAEsLj1549eStv/shAUx7iHr2gPa6sZC9tBHBrv\nVMVyqFpoQtjlYrkhP9wBcE5O4zJMrCNfFpqVY/y1AUULMDp8aogU73z8Dca/\n1P1eUgLa1uAjT5OPkZvF3/0DxjF040ATHO2z5n2MRtdYjuwAZP05UYlzuov3\nHqEBYVDsklpI98h5G39kVj/yJcywppbfA93dsqao77jsY2nn8GC1GVA9WamX\nuSgvcLRBgcB95AJKgfKcBBq20HIcUnLrM6YxKo645lOixvDiOp00if+FZIA4\nRvRJLJ0Q01CSLshk66RuiQZIj1WVo5ZXESvhmcM82GCBPxL5Xnuy9CrF8gXl\nIHG/Hf5XlBIlhx97m6af2Xy2gU4WRbwBRiOEPno/c0WiZMQQb5lnpXQFyGIi\n2+qx\r\n=CEJT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcvFibSsjCSLHy/BbyKWJbOpQL9LvmhU89a4FhDySdbwIgQYvJH+vzU13LZdewIt0lPHXoODx5kJkflf7E4p6GDA8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.24_1572295169150_0.5889026351298516"},"_hasShrinkwrap":false},"0.7.25":{"name":"@react-ssr/express","version":"0.7.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.25","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"ace0d3cdab0e6224baea8534b751b04da13e92f1","_id":"@react-ssr/express@0.7.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xiXJPkJmc/y8FOxqIor2kTNwoGa/bf1M8zfkf/dOpEY9GnkQE+Q9qJvdOYA7ukIlkU7A81hH+KmqlBKR8EWbGQ==","shasum":"d1c960ae5d69ed50d26ffeabef6b86a949835617","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.25.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1SjCRA9TVsSAnZWagAAQ3YP/3jlAAmub0RSmtnL7crQ\nivSS/4ON2P2AkpmT2Z46dXWULlshyB49IAjV8gwTudU94u2HxAKM6ZhYYFGP\nF2OTdtm2IAeNFummnBzUfahUywiyub65oW15vjiT6JJE45Fe6w+1MaVLjYWQ\nlIFfUt6OALf7vofzEeTuMKc93pYO/wChjTgPRETIFveI4YXtv01GpOtq5eNr\n2zE4BKBrEPuRXrErMJfc2awV9Fuixp2ZWaP7JHOuhXCLHsOXIuwFL+fxGuir\n+eYC+kV0VzLVo8cvfmVwTDjB0HRxTxve0vojRpbE5xatDE8Xkf59IzVcBbNm\nAQS8AMA+9ZdBmc56rbV3MWwpMljI4hufMHSY9RygfRMgiJvDvgC0hGIkv9BS\nn55Jc7NhUbI8iN7591aBfToSHQ2LcUit5x0COPSAe/hh0FCrer33YgEoHFcW\nQea+QCiSCfw/NCvyVftmvjuNItWzSKkr3oGp9gvp5sGbm3Zx/l1go7bieCOU\niyoTeDlAJpPfnNaZohRAbgME4MkJzhhJbmfssLY38Rbh6ve8fFK3Q7394yR6\n6SIUMv0JYo9U7j5gKeYQ3bUWpE737xfXJxPe+Mcq9uBJK/6RX86IOSuauFmF\nOK7CLlzTvd4Gs8HgmxU0/b+okTzq6WGERTiRT12i+589tzBEobcHAHNx9rJ2\n0WYN\r\n=1MVo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAOr39TbO7oo5WwEm1iivm5b5fFWXpMSjWwBzaN3cJeoAiAlxrvvxyNbTqdDcwsTqghBlw+td5dqJaVNqQSHOSNcdA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.25_1572295842643_0.3711650976199319"},"_hasShrinkwrap":false},"0.7.26":{"name":"@react-ssr/express","version":"0.7.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.26","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"081e6674d650d67ba36ffa10a5f691acd1d74be3","_id":"@react-ssr/express@0.7.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-mIjcooL5Y4SF/j4jjyJ8XK7CWSf7Y6z3uFk4sCyrs2FDTN5VEF/6NUXVh7NPtPpWheBaLwSh8dd115/1tI7udA==","shasum":"644baf608a9d153f5c307c0b474fd1a1458176f4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.26.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1XuCRA9TVsSAnZWagAA0R4P+QDtJZPlvjDyifTKDgcs\nmwkJV6YKV0b20/GnOUYGjAaQ9t+TdqKsATfatRV6LsCy2iSfNB8V0GSUHpI/\nKhnhK+Kc9soUN01nvrROtkZAq1e3q5n1oB90gY0ccpOmd/J9QJATYIQdYldg\nPq1e+mCSyiJWum7whsLE5HSIDC+r2KZiW982GjxOrX9R8CPFq2BGNLBoZfOm\n4RRKrEcbm8JiNDI+9xvCAPygUX7pGiQM2JNiL/eq/12r/RajBmP1lZO/pggx\ngdR56IHdB+My/lnvfyjHehit5dcM8sFLPNwnO0l7SFFBiO9FzxB6XX06oTGx\nwE/hqNXtLRN0mlWWafF82PNM5i6pSLWcHhDGHKOoZkjIKgXpg6YvTidYo0h/\nceP8FfT+TKFm3JrfT4SRSb5qDTznRNyaw3+RDPwwxBlqAAvvZq7s3mf89iZP\nI7+/LCQea2Js37ajuoSeOecxPn4tJ6oEUE/ghCZc03g3TNW72lkFd4pBpqS8\nCBYuU7luVEiUc/FvcK2oNT6uZ0KckIWe/IK7BWLh6jiS7uBUs5Qc84UUycq1\nxhyqFPQ7wW9XWk6XF1UDODyQIZqsHxycJPMLxUcKbzkmGstJap5ewE4/Znen\njlhCuBnX6w7XW+H4pr3VaZMvYMmY3dKqKBXA3IeN1ZpAp0BEij99FNQeNMzX\nKAW7\r\n=lFpe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZd3SdywoLOLpYQl4+7m6KRwaFiwNXR9Wuwccb7IDutwIgaE9gm1cPSwk1jUQlygIh2DOnEPBiL0HFsiTwB4P7LoM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.26_1572296173864_0.7206125003217407"},"_hasShrinkwrap":false},"0.7.27":{"name":"@react-ssr/express","version":"0.7.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.27","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"f38972bb642e0bcfe3be5836a5b26919b0087c38","_id":"@react-ssr/express@0.7.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LpX6liOU5gPQcN4VWblJhDMp5YJQKw0ecQAzraJB6cmeL+7Hxm/i7kcOR4XVOxBb5ZOmQvAHhL/AFlCFr2iF0Q==","shasum":"b67f49d172befb4f28b5087ff6099e2dbd7ced23","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.27.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1bHCRA9TVsSAnZWagAADpAP/2jMrv2i03NCsBkfL4Ku\nb6xhw40BZ7FKE7BSi6o0v+AxcfjJxErxL50sVSesR/odLJE2sDCInScu7xE9\ns5f5cXcH08pAMfnV2/+CTdWsv8JiDPQgzP911J2afHhXw6rOtdwqcd1Gyp1j\nFACZ4sMBnQWXdjIJTBEDE9p0GZu4LyeUIUjc+f7mzCJNlc8Ss9PJ3SZLIAtr\nqQBXwIeRjzJHQHQYF8CpdICFvCBew6dlAVVThQut62OtOmZCAWf+4GVP+T2p\n0sLv1huQ8f5m0KdkZ3Lb/K03mO+tTThuVX/2X3OSV0yEEd5pWex0nH9S2sxQ\ndvLfYP2jIWBxvGsrTBjadnDKtiujuiKa8Hr0YYnQngU54cn0wMj9XC2gxCU2\n4o+l5PCD8aDaGnEg16i1h795LJqyKIg4pN0rBCqpqX2mQz/TNoaCqdrrHbvd\neFSKJoqk6ggV8Ir1F7SU7z8KWxkTYRv6dFaVbKoI9SoAgd/j+P/q+e3SWi9v\noBKKCHB6/GVQLiiEJ0ocn/YPwRZRPuwQcCJ1+mFohxMW66jml0cxbpY/YHDE\n3DAiS/hPdaSvMcmAeHi2NAYcqDpuKvpbQgbOo+iDHTJw/kSfQhaZ1RLlDub/\nTa/Htk3MexADQg24OMWenAbrEcyLbF/v9Ou0+s+yRQrwlNDLYGyyQkUXS6ES\nXyoS\r\n=4bUv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOy18tWxj/Sm72Z5MbSU2uM78P6QpdT75zxyquAmgVJAiEAhc+d1S0YpkvkMZAj6pTHtVY9ioOsLTeVTlGVW2BZ2B8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.27_1572296390832_0.2135823178957008"},"_hasShrinkwrap":false},"0.7.28":{"name":"@react-ssr/express","version":"0.7.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.28","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"720ad62b413b52aa365b0f22455a9a52942bea36","_id":"@react-ssr/express@0.7.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Ho41w0KE4L5xoKQjua8jYd8fdaaH1orGgWmAGl+YagladWxHRI3SdxG80EwlFwrXLbwMCz7jupfyFzD5Qt7KdA==","shasum":"fa8e8074ea30b134b71ea3003c76c90952abe106","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.28.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1lKCRA9TVsSAnZWagAA5asP/0dFLDl7X7E1A+2hqH06\n50LnZ5SN9E/m4CFjf8Qe/uhB/dEEJg1d5w6z0a2TFaSZkCLJi1olMFirduUx\nai4CnwHbs0aUw8Brt+WFpiK/+7hRi7ZxYgqNfj0NR1IdWMuoXBtk/3ZPQPL/\n3h1oi4L3DOaELM+SD9AcnQ5fEU6rZ3924BPcZz1wAxL/+lSk6864y2riXStA\n6sWCTretDgIcZ3wuo75FiQrtoou8GHtanI3SOG8I5iyJpeWMlCjT2613YuLo\nVhj/cOCByAmSQhbTosDWusOrcIsQ4kxxvIoJWCK7dzwv3bdHJu+kybYkClD0\nWUIjGvT8mhZjV+FeFwHC8D67t2EhpeUyhLjnZ2Co2iIK9SLvsbQUessLMw1X\niKV7YmPPsVwDFYaIOFd8sDygkWS/1uUSyt2U2C5muQ6xmBLsabkmhclOHx0i\nf7z/ExZ2OHwe76W8yIjG4c+czGV5aOTmuDDWtHI1IW+wloaP8iJHRVrB4Izk\nFHlzbBe4bZcW8Lf+lGVNdy3m5aDpNKSAM0ogZwJgwnAQVjHT0452VRDUNTz/\nRDExsutvY2fhY81TTDa8i2DqYnpvJbhkb1fyMgAUa0CYQPxTKOOH5cYr0OUy\npwzTAeLMsKCLqJD808zsHz2Wzz9ILBuoxpaZ8VbFeIlVwUP4S96yIK8fiUyi\n7erI\r\n=nbVO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCI/1WcaxXREtGWNJCH4swRyvM6N1/3doAVkCPQctgMsAIhAON/MeXX77DEfYAeF+K0MSPW1QVPpBhLUim7bRk852wC"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.28_1572297033824_0.23685362790995845"},"_hasShrinkwrap":false},"0.7.29":{"name":"@react-ssr/express","version":"0.7.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.29","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"37684feff02f3d564549db41f65198256f055826","_id":"@react-ssr/express@0.7.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-F9ICtNMnWwQKiv7QhEQ+jJl5vRaSJTxDjtT6kuKffNxMhf1GCgnBp2DbBSl/T0Qy/M8MIaNTwNBdtgKWC2//yw==","shasum":"951685bdcb8579b12905cd116574254e2f12c50b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.29.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1n4CRA9TVsSAnZWagAABJ8QAJMVg7rI3D6WipcOcmX2\n7WRHAiRcvJ+Fsa0LGeIcG9jJeWatW7hXwtxH3h/TwdalunAKrf24tPyO4Iz/\nZNJrX9TGIZ33AlIJyFMddDR9juchpus0K2n/Vb12FLQq3h8AY5JH+3oYYleG\n05++EiVGHWW02+TMsIj6ySCuduxYoez3cSo3OOUDpAXsZ9si4EDVfaaoDrcm\nUKEJaM50c0f+DXRom83tBddSeUq2vw8qbJFDM71ANkfre5p/dJZEzFXK7u3j\noyilJQJYzHpJx4UJ2OTV8SctbIv5ZmUapv+vSwuprhUX8/PS6ZdHRA/vKwPN\nLhVR199pVIhYGJglp4mZI1qO5Gk7gyjlInZRDTImJ+fNt4OmUoPfUI/FhB5n\nOVfCZ3HjC7O0mS7HNOTuyijSNNYXm4HAocCSZQ2bYZ1mm5SV8Iz73qCc8/FJ\niz4S+DsXV5mDTF8l30q1jOKhgtYVNy3/Z+DED5Y7zj5eEIMpV0yNtiONsXL6\nbpYRErMx/J29K4zanHRrGErdRL9MKWqXu+WvoRwBkkG/qXViTufY/gJi6jkA\nkLxA1HZ1RA8MwRkhyJapu2M5wWI+umoa1LCG2blcXKwprm8kHj2EyMhcdhZ3\nBF+XiFm0sfefdEmuUhXOw6G21doYExST4+d0ugdm7DkLbEFqeATzpIXAYfmo\nnC0k\r\n=4Csd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGJmUrZoNR0g+GaY5TkJ3Rcd8QknzoMCcAgw/3jimVkAIgA8wBcEeNbk3+D8qmZRlmKeDWRqdsN9sVdyEze8rIjDA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.29_1572297208270_0.4654413093223668"},"_hasShrinkwrap":false},"0.7.30":{"name":"@react-ssr/express","version":"0.7.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.30","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"71f4ed0388d6b737809c57d965471971dcc20708","_id":"@react-ssr/express@0.7.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-rJqC9MMhs6Oim1sNY1BL5TiBUEjrOjKnzAz+Hote6L+UA6RQJ8jrZkIidyNZNF20w6fHFHpHMP43RcBvJkaC1w==","shasum":"35e0af45f260f5e56b7b5efad44dfdae6db2138f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.30.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1rjCRA9TVsSAnZWagAAtc8P/iuUJysXMHEizhN+DE/w\nEiTwxjrILOugaYGDIRR2szTG/t55Y7wBn82slfBUohD8zfarzLv6QPPtfoSm\n1/M01E2Rtas/P5lE5X/kWfynLYg9ZaP1bQlMlctDB4r+ObASnc39D5VQOpN0\n/DFg2PsDSP4s9UYHG6hnGX59DgZxWWVw27rzE1D/O1VZml5rcUEpxHxzr7Bo\n3C10GCcXfCYNoWBgmAtyoOSmmVJZ/zf25+P6zOwUPXDQlx24aruPMKXPUe21\nDWW3LssflmFl2k/QL/q57Z06ffpZUNUUNdsy4u1ToAq10U8Qn0o3ceeRrwwd\njDvxBztNOJiNtPyRqIRM/fAyAcZaI3MT4SlQhmMzI5EycEwUkiioC/G3F7Ac\nJm4qjicqSQgqrAhpjA+kYd9UU8FU+ZK0aecKT2V6+mNxf9k4HUeYd1soUzfq\nq1zPFOsA061SIVB0SQj2vXy6g5jzEQ2X1n4ZRQKkJgW0DSD7NamZpMpdu0nV\nYj+VovuB07U21IDwsmhn3ZnFNMbRb0vidWwLnoU9qJXptZRI4FoZbXUYZk77\nugImKY+AiIx0kZKOgA+xKy1yUP7gqiIffMFTDhGBVCdY//W2Vmoho2pZtxIn\njoeTkDhH+rX2/GeO1Uwxiu3oUfRUqT+iDUL1YZeMxOWR2RExHS30eqfY2J+D\nue9S\r\n=TxAZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO3ZY+jtcLDRZlSlkRxTl2gkF70Tt9Epl1Rx7EpwpFowIhAJrHHgq7ch38cGu8v3JVeDWtoo7P6vINcTDJhCw228fO"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.30_1572297443124_0.3611585198008247"},"_hasShrinkwrap":false},"0.7.31":{"name":"@react-ssr/express","version":"0.7.31","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.31","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"da8482fa649e367d03b1a5a78933773b0e2dc8e3","_id":"@react-ssr/express@0.7.31","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-+r5F5LOrc2Ew5hPOUFaF7t6yz4C5CfD9XqHGG5n7R16FqCITUb48pRvPZ00XxnjRH3/GLwSFHd9ikrbeuiDMBw==","shasum":"9517a069e93e07f291470fda5cd97d56fc3127fd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.31.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1yLCRA9TVsSAnZWagAAsmAQAIQ0HaDWA/UNIG82Suwd\ncVFO8Mu2zFxVkdHwQAolC/048kWI9bd4duHeIlyJfgRpKLEDEPURDpo96Mnq\nn3ilXSaIIIXNuiujR6yM5uMdc1n+T+bUBZENNyqGMQtN3T4twoZZLIX/0JiJ\nx8ft7eIVBKIeW5k3qpQtYCR/WFkkgjOlEE9p1nqNJ0k71z86eeU02lGkFUmB\nbAV3/2jtr/TPkkJq6F1Zv4b46cWzonpGSUbZ4yrWwi6FI/APHFOr6TT/kdJ5\n3Zqt14IJ4Xy5xUjnuLbsic3+tlc+aTuXUudek74re63lSepEqI2mXdUIqVQC\nanbe3JU5qQGdtVWl8gptiNjSnfWXS2jwwneoHHVi9Z4EAxaFDqpDCx95l5+j\nlbKAk/lf4mWoM3HFqgbZFsDpWQbkVnebKtVnwHIOFMcqJ903lDvubwT2IiV/\n48+IpSpBINT2vcQ8axFMOCEyoBcLFmtpY63VoqEf3rsR7Q1sN9/E1xHnatdI\nbAhqy2BIRwL67n5HOusiRxDLjwPPR3XpVfCIkS/CUmZeb0CzNOg8HxueInFp\nQiBA/mebi8GjHDM1JH1ElWPqFGyhrr+ZwzFHRTMG+uBlMH2pLXMdTWQKOL0g\niaqZSjIaIHnV6mxQHfLaxLd5uvYMM3P7RZ1/I94MxnI+406Udhhe8AZ1xvy1\nFTrD\r\n=1JVM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBQm/7gkYLAL/Rjparm/j0jM5+0PnaBAqM1va7PVkpziAiASfQ0r0s70MrccOnD+ETkKgTKulsFyXnOOJBXT8sKZUA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.31_1572297867225_0.8656649801499474"},"_hasShrinkwrap":false},"0.7.32":{"name":"@react-ssr/express","version":"0.7.32","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.32","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"34e13e4cfb84ece1a7d59897b3061bdb1ab30d4f","_id":"@react-ssr/express@0.7.32","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-7PmM1n6sApVR1BYQYy8aDoAemRHllybM5/OSSmnWpdc0vPcByGu3tri1KCjdq02ecHyl7CwkWlCG6SYwSLSPkg==","shasum":"0b3cd1f0095d37df5ff8b8658996382e04173ae6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.32.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt10WCRA9TVsSAnZWagAADVAP/3629d2lHjhrUUwDoWfx\nPewhx6bdNE7H6MkgOzDkqfxWzQ19Z36N1MfOghCKcO2qIHtLpyfTEq1VJkb4\np2ctPYJt1lnmWJ6hYzpWAFEqn7ZWu0E5hlcveostca85UrMy/xD1+qE9A+aq\n3DQ7FjUrgYSdV5KbXaIJmsP+k8lRO8Y8SddHaY/KaEhbdcZTx0m8llGZArr8\nJL0HGrfv5ZUhzzCSrMM/DZQv4aTdNnRZSHV3D7Z4u/4q+Myr7h4P9FNMFVBG\new4VXPNVAeaVyVgKJP29l0WGQtyQpnUA8J8MFC561kOOG4qGJ+tLJemNV3tN\nISA8Qb+m0dBAEDdsCVgqPkyBTtne2ArKOjOuDtAaKEqUYBNdMkBRTQML6htT\nQzLrAiB7jLtpCVcd2bsyzsEgQin1o/4MOfIdC7mSbGeB+OHruTrURb+etHDz\nk32f2Kv/wd/5RkHdxFeyHZu5xHAtJ0eIuA2BupZMVlL/myvAEUx9rAhMQs7l\n/4WXg18R2gP9ly2goPObXNuXkgwDstCZh73E2eY2EnB1ZP+TvYIvOo6nmQoJ\nNOY43PK5uNEdgi4zTcBEp6sXUN3Lf9oAd8S770/Jly4HBvfkXleOYmMdF9n1\nUxbGxSlpOx1jULf9jG5yt8jD5xnr30VPazbn7UKJvSTffnGbGEHyMnXKIXB7\nVhTP\r\n=cvjv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCvp0vD/huYXSebSzZA82cAKIMiJKUtmymZZBDmsy8sQIhAI3nCqgh15iig9L8w/IMBmdx/eQFHRiDJO3DiiVHAW7L"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.32_1572298006155_0.7614697407373097"},"_hasShrinkwrap":false},"0.7.33":{"name":"@react-ssr/express","version":"0.7.33","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.33","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"05ed8b6a6f97cbeabd8bd96282ee83efa5046d78","_id":"@react-ssr/express@0.7.33","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-yLP96xdYg5VxWqu93HRNUTNmqebj/okS8E3FBsZVdB5KRGed0wN1nk9twenqnMm+0Aw9r6l70Pht/a6eBAJTYQ==","shasum":"7ffc5ddd53c29d2ac60e9780ded3e9beab77e15e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.33.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt14oCRA9TVsSAnZWagAA6XsQAJRY9KK+nb5VvX5QHKC5\nCMmjmPdlCMpvNPySi3RMOnXbwd+yOWmMqzWPn3BbjCycORgxP56yag7rN/cI\nE2QAM+Y97u2kuESf2V58rLXtlCNyLnD7MLVKO7jXd5OY/9r5rOx0wjfOKCYN\nEq76O5Eka4GzBmdGQvQZ1c7ZEJvCWwBdij8584wP1QZL58MLJ3zJ+qKxjQQy\nbGA3OPH/65j9wuXDJ1OKsV0qb8Aha3G/gK4hZOAcIs0gP6KrtxzIbPeBEp+v\nnO8C1qIzt5UU8XeYsnlmqeu/LUm2/K0Svl5Tpc8i/LZ0/rXjvz3dZnfTwonx\nEa5xaEChNtq17xpGZrIzh7BC8pmy5g+NYWrERRJhBxSX0/xHrN/QjbAw+PDr\n+BeWlBTo2YzIAw1lgE4jNTPQvlVHtyufmDVBR+YJ4Ghc9fNmRXfPzY+gBjvX\nJ6VnoXVc6UanQ4N+9f4CnYlhsEP3RAoWicHPxQXrjvkIsXypYQgONDYnqnFK\nxFrlpMxCjgm2kdn0sputE/NJceGsR+UxgYh5h7kwI8H2g5BqdVRlKZn0piDA\nM1ZJXtRgkJmA2EA5qBYc9IUzeqxBSx8i0gZGwvrkwlpdFdY8cZ4bKbVTyno9\nynaunRivnxW6d7rWW/cGOiD84jgVT7oGTE6gi0cIPQmiFgBF2GcdZuCZwiu+\nzt+l\r\n=3IGA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk0Nc493i+zh6kspZrRQAGKsBIvJdCZcke3XPWnhGVsgIhANf1c3KqPCpB0qsZzVsjj9NF/X+eKBc2IPiWHAIiBkTD"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.33_1572298279579_0.5096602672322248"},"_hasShrinkwrap":false},"0.7.34":{"name":"@react-ssr/express","version":"0.7.34","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.34","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"d96aca51627b8d61c093aee09d9a8719912631f3","_id":"@react-ssr/express@0.7.34","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-DEX7D/cdiRNi3mn/bxStV8EC/vCPqN89sbe55U5YKNUXY5OuwCk0MtbLZNmV3X5yRO6nvAVej5DbNjR+BMwk7Q==","shasum":"bcdb7bb254439045cfd3c492a9401f331cda2389","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.34.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt166CRA9TVsSAnZWagAAVZMP/2aIiwuukX8lV/Lt4DEh\nRzNaXaA1tno2pxgzD5hCitg8I3wrtlGyrp0jtqoQpu7mr+kWRfgCiF2//Eog\nlHmYxr7EPAu2Sk1vwWtfxVTa5ZA1AAcUtRTGmBDx2k2asDg0w1WWgq83VN/Q\nt6ZiQvNqKXc/UUP9ttg/fEx3oj4fnGwR6o1/cv6Cq6bLdGlU7/uRPmpG8Eby\nBXP8cfUckhX/gmC4T32CtVMqaCBjq7t5u46OjBvujOHomB4J6Rrvru3KEJWO\nDLA2tCUMXlEaShr6173iEsZUqjSughZj0lp3rAfdcnyiHigeQM6mV98CAaz/\naKWMIibvdESuWocL9KnqHTOd1qCEVVPJLtEi7VGT5FFTovTBcFie6sAIQEWl\netN/Xi/ikA4OSmn85jNaOfFd5C/AOGnh5PyGj7+rKHTRMv3JGN2RQlJmwyFo\nXqF5hBr2N9oq1o/F1BZx1uAeUL1cXnFtbswAf7Q0t5VC0NegOlfFNGqasw3F\nKNU/KeQXNW+5HK0EdYFTI6edm2r8vARKEpAeAIv8PMYU3Lej9+OP6c0TV6oK\nLDcqgHINWlHZqcAGhBxoj2CZIUeK9a0+tQ9NVSmEAvq8TBS7Pw7mFT7Ntuzi\nkfynrFuQKZfR8llRpRjyZvaQdvSGuKoaT6sVwWAOQaILJk+8yt7nhbhj+6KS\nr9B2\r\n=Wqwg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWMvnHDwo0mEt3tRMR5H5VsJ/56e596Oy9fG/aBpH1CAIgWUcaLWPrwckGFZtNN2l3zVfq1mkmWxb2xpjSkrJ5Fyo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.34_1572298426043_0.4186480349610091"},"_hasShrinkwrap":false},"0.7.35":{"name":"@react-ssr/express","version":"0.7.35","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.35","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"af0070683f351231760f97ab3215047b0b66c57b","_id":"@react-ssr/express@0.7.35","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qXyJNyo0+TYXDeAv7VSNo0sNEQyjD58jVtSC+8dv+JH7CHmpUMdVFa6Ng/obcp6mxsf/jOT3WTUxfaE6poMi/w==","shasum":"e85c8b7c37cb64700398a67b53688ade1dce01bd","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.35.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt19UCRA9TVsSAnZWagAAo8cP/At/ZVXuM+6hU3W/jGEP\n+xMGuBFjhlhe02KSKHWzTWASBTPTqw5LnLpmlXAv2nR95r7u1wlsM9PBdLea\n9Yhih8udRNlFeramPvuc2lZFAn/ZhPi23ZvFgXcHKodLozzC1d+bYly8hs6i\ntbrgbacrE7jH9+dU8jBSMS8Ttk8GW31J2Hb8ms8I03yyGRy7UsRzND12RLKF\naEG3ge94tEByqIm/4a2IHhnGhVgQqoeY+OkrUEAZuMozK2OjOdwZLJOc/GeW\nEiUpWKce88xjiBxrGgNhlb6ls/gFD6CpZRzKkfjK3v9AnWn9yWy6s+R8giZB\nrSQJuLVUo0OqSdIGqhdOsrMNliicl2RNzNdo7+yYwRIyJZien1+nhByzl0PH\nxOKvV9ZQqob7NI2Fn5RRvXRXdRQHTuva8kJckgCOhyWLsHyCopDz1vgsq9US\nsqVU6ErihnLTFL/rZb29WrLB022xFjW7qzb/fwj2kJRQ5AxUB3mBXPK4H4X7\nkPoqgrUlE6DtRKgEA0/jACPiDbliMQlYInAtKBUcC/zFXa0hTabrcxolaxiU\nBVby2toXkzOtKT1+p8Bj7pXY2oVyqDgnhvuALYtfTyoyHWgSRCYl1DqVTege\n+IkzlLsVszdsRP0TPy8lVMFPGIdb943ePfol3M28b1OiwXLvnCrSvosvvIcW\nStHL\r\n=8+9u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICQ9dMyEQYDkvYvqb6IW0X79raeSqCgGViKeKmAq+/XoAiEAkJXxKZ40h8ImZJzCwSQ4GHdRAw79nkN4XHseaQotEg4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.35_1572298579645_0.44393928135867444"},"_hasShrinkwrap":false},"0.7.36":{"name":"@react-ssr/express","version":"0.7.36","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.36","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"80a93d8ebe9b35eab8560aad033bf1b79abdb0bd","_id":"@react-ssr/express@0.7.36","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qWnxSA+4G0gGpMgDWS5iC+YzgK71BGxaY3K/K0tSwCR+nVZ9n0sizS1gt1aoz65AkdrSXZI4+lHE2J5NneD4pw==","shasum":"a8f854e179ef0a12eed109744d7a7c9661965b39","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.36.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt1/lCRA9TVsSAnZWagAALeUP/i0K9eiIQUJuevrZjwlj\nxGx/hvzvbscPvh944YLSPKNy7u2jZeLJoYjBsXxxUG1rVzCVeH4BASieiYnL\nDcYPtAkCaJWnrfSjYpZg9r4muwhw97ByVDj6DjjOtQIDQzjzeA9XyN7BDCX+\nQGlJ2MX9C9gjX+s/dGzjn4GffEM9VG2iH0Q1nB1jVgwZiCe69j+T2yI04LrQ\nxApaciT7R0F6wc6OW92TtoIo9A9qCc1+VK4i7boIhSiWOEtc8ToTIusDH0y2\n+V09PbWZ0lFXUvC/hj/XO0YwAfQapnJ9B6zTilcxsR8phxnVM3G20uSWDeaG\nG2lUGc7+0rCTinbEuGeZenrizMPS/+QHPubWw/zbKTrCCJjg+bWzyIX+unVk\ntoLUj3OTSbNKAGhfajpWzN4waZ3b3Ip8Mf7QwUCdXw8B5fhwgKwl/AdYQiB+\nFhNC7lvuW3DTG5iS0eUdulONwf84eoYwTydywlbvQFE+hLP4EVhF92K9Vgys\nsoFZQl7cpKVjqqSi+K9eoA6ZOCAj6vW7x6CFNK7+L3b3aYj0PHrhsKOiuihT\n9npEOHb8Vw/4I20A+Rqu7aLl/QmVfmjcIcJJLinWOHij3aCty33xwcyM+TvF\nEgS8T6KK0NA7KZrTCeko1GzFGRkyixm9+G6w0R6cVklj11wjSknFpQA7dqmZ\nViI/\r\n=rJ7Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHeRrJWC3SFNDkjCNRwCzueJu5uTlP0aSSNR6d0V5S6CAiAE5Iicw9IWg4WTC6fwR6B53hK+LraoGqa2WEFBwPykfQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.36_1572298725161_0.5269543796623508"},"_hasShrinkwrap":false},"0.7.37":{"name":"@react-ssr/express","version":"0.7.37","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.37","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"15612ed4542dbe0da81c725048fa9d6e71120e5c","_id":"@react-ssr/express@0.7.37","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-l1ggnYq8Ccne9AofUcCHhW/mXDMg0mYUvfJcZGOrcxUGZoo/ZpkrfwdtA+eGfW0l5AOpJr/Yyq3wNl4NoCcfFQ==","shasum":"fc8e13abdedf031a43de706a4bfe1890a97eada8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.37.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt2CPCRA9TVsSAnZWagAAwI8P/1HNSAJOUhRLjSps0Qp9\nTmAqi0v3OEfujEYteLCILwoFoRdlnR9JF5AhNs9gQ6YJYn1mSB6Ui3KdZCZ9\njDd/FZGZdwQmYvHf2yqshDwmEiRa521TSlxQUO8DuHI6PcEMxUqDYP2PGX0/\nFSENWRk8jk90kVdNj5Bg/bY0R7H8IUHti7y49RLeoEAf6iGr5jkwuoDEDo3x\ngT2TLuNeKeJfXbbrKy+xbwIRPgwrYhCEG43DE3C9z7GuPUBBeXtMsvAxaZsY\naiKRwctTLADYpV3E6evPw9VeOs/hsCCiVpgE57yDiR/M+fcwPemwvycg5v+r\nwgIl9A0TI3x3ZmVv2v+HSCVjIs5Elxg/4qpSLoOw4lQnFBM6dgAA8R4M3MKt\n3EUcKYtoHPOvWwgGvneh3kjyqb+dGoApql5gcBf0bDORdxdupsKKU/MqGk/h\nIG4mbdlro1E6zx2U5XaKXDN1Hp69pDOXz0d0rUWYkXaxUaJyegnJZhfqoZRr\nkKPodz+pUDy2qgQaFB9Tmi3k0elGBvc4iGTAfoIAIHmuUiEH+2aTXOyYNf5W\n44fUSy4T3bS8cRGxpikp2rSECMStZVyDjKPzIpe98NLA/iMhK4mJX3fl/e9E\n+0Pb+pXJ8i8eTJ+qTJrk5GHlO0swNixjcCIB6iMZ0hXTr4X2cOIZ6SU/Lg0S\nvSTY\r\n=SMmo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkxfPtC7M/WTuBf1ay79HoflE+ebmtFMwcSqFWfUMl5wIhAKBJ5iJMh3YEVRcsh/rruSIDePSiQ5Ocp8e/dJqCpY9k"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.37_1572298894578_0.7461853634944056"},"_hasShrinkwrap":false},"0.7.38":{"name":"@react-ssr/express","version":"0.7.38","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.38","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"e8a38501a1c21eaf84053e1de02677f2524334cf","_id":"@react-ssr/express@0.7.38","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Hbvznv53jK2exL+rgXY+lBnyBg7ct7tHAZu+igzNUkL2yucXECT2wNMiSqTCPJT+L+Fz2q5Z6eWWtQ4NlfaXfw==","shasum":"e4707ed3352d500ef71230b0732d982990f57499","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.38.tgz","fileCount":11,"unpackedSize":18863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt2F2CRA9TVsSAnZWagAAy0EP/0FuWXOXji06Gc5ptAJO\naOTWMfsSQOX6ucisGp9BIhpFrzoHN68O1LNrINAZxfDIWbOpViKMUngVFBwe\nyul84ayzKp+7wHUCZOsPpQvDHE2bGrQh8FRtGnA6MT5VJkyrAiimEozaQgkQ\nXVQ3OlJ3I4hJbcXfxkB44miwr9NuywDV4OAm6RJTmgiB8mTd0td0XQoPU5TC\nL7PX101TNYxEMmM3QCn5Kx1n+RJWqldUAoUb64QId8tUTbc0MtEmTGCTOp5O\nfRcdQeFpl5sUA0djjmbJxXQNiqsZ3CBY0H26E1pmmH5dw+KcBHw/AfLUknut\n3xgprOm6DEiL1J0HmIEcP8NQT50X2H/L2sGFRMan0h4gkWfuCMPHrP0/flgK\nyr3475uuEL60Ue3KlXlZ6y30/xidqdqiYKpCw3KJlfuEKsoQNVWbpUmPTkGK\n8nTltp+7Yf+C9aTOC+YtJbKIzVaUbmynlKO9mSD/ZZedwL+tedYBBmURrmmj\nkQe4FeQG+R0NvtTFVxajZgzbVz39XhIokWEHs0dDRco4HVeYoPFhTcVoykYO\nZeHg+gnfsG2OmPMnhsTFzVDEbhslX5dF1sizZIwbif0nIEsI03Yd5KIw+8He\n0hBYnzwqF4MaaJb0HWkLOlKp8rqSWl3+gdPsQ2EfxZgXWVDp15GjxdBsv2NK\n7loT\r\n=OWbV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBEDilGlwMDAMsSTm8L3gKJyrdHDNetz+GHSAZpMjhvQAiEAq6VzQnD7gAfs+0CfqNt9mmxGxt2dzKmYUmkcTahUqAQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.38_1572299125184_0.9773033324924794"},"_hasShrinkwrap":false},"0.7.39":{"name":"@react-ssr/express","version":"0.7.39","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.39","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"4a1d0f9b16e58f3e4d954102a2422d0106874530","_id":"@react-ssr/express@0.7.39","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pa+gQrqGvFOTzo76POSQDSqRJW7hxG4Z9W6jAoSZn8U2/inBcmKAFoNK4kIaWc2zATme2Aacbf1esDQJwUS3cA==","shasum":"4a95f2fb5249d2a1315c98549df0342ed625288b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.39.tgz","fileCount":11,"unpackedSize":18863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt2MfCRA9TVsSAnZWagAAAz0P/j2hXcJ8ALeFzOOQhVGH\nf/MmNnbn4/f9Apj6bnC7c7EWj45FS+jxusEFe44OsE5p4OO0UOktnNlSla7z\noUjGD39XD7q1nbizk5lZNtQEazyzqC+RYeCUyqAWWT/Nv6chUt2PfhAkDGUA\nagYh+Nj8CuBglrXFJi/93YToASCYSeYWOhhVHvw/p0W0SpSgdktgBI99rVeq\nZd0R42+U3mZ2ZYlGsEqCRmozYjcCCpchCGyU4CTXSQkY2POQyAoPOfwA6IzC\nhIG/0PzYuMPdAzEZxRdlu9E4n4W3DCAA3YzD+ORMx714XjGH/BNKzQqu5wQO\n7YlyrAKKLewA+23RITJKJwTAPyfnHiOeYUi+Ed/VadNvOjglpkNOyCRWHSPq\ng+OMxAaiH4NxkfBk4yxxvpLAuSYavICeAQv2S6nDqL4tzz84RgrdBBvVVydH\ndspcvVDIEdlJieT6vMsFhPw1oxmtiYDf81w/mGGfk33vW9M4av2Et671grhv\n+LA4kcZKmf74othCntSP6Ti48UU9poJ3yIIdK7NFEyLgKyWQv3Gg+s4kPHJ0\nC1K6g2rjBqz5rLGAzLfzzFzVsyakF/RcIVWg57abydxSm9BQxYqPPIcmWZX+\ne888yWqVIJhGGWFWdLcUKOOYsR64zAclV8icv/rhPJXE9bzXkURzVU5+XZYt\n5hty\r\n=dYZf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFKHGGn7fRsaF+CiBXLxKen94co23CRuzuNgHXvDbwvvAiEA9nuWvChORA4SfuYI6O5neokmu5Av1LlFR5b1n297864="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.39_1572299550527_0.46209642924304806"},"_hasShrinkwrap":false},"0.7.40":{"name":"@react-ssr/express","version":"0.7.40","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.40","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"f3e40244cff7ae1b5bfefbe51b0aa3dfc6203fa0","_id":"@react-ssr/express@0.7.40","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-qQDQ/L1GC6rS634jvt9KqFFlSKEO7nzlwqOG/UhCoYCkPK813LE4KiD6fJA49eqLfZSHCC7Y4qBryLRGn0cTYw==","shasum":"13f31baa887ebba187829989371fbe96918e7ca1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.40.tgz","fileCount":11,"unpackedSize":18863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt2O6CRA9TVsSAnZWagAAnawQAJcvpxXETgDaDfk5k4oI\n875mcUA79TvmrSiNwW68LR5YkXJLL+P6D0hMEjP2/0xvSjRpJ6WyaoJbpWER\nlotWTc/gVfFqk10+lZqMnDxPjKRGpr224+761ivvLNj6ZGXC1yBpf+DrzJ3W\niTQMei548aCFHd7erqUGJ/1OA9wjYeBWiq8w8awV+zh9U32Rx18vF3ZG8U8Y\nLFfS9iXtpmK48JMKxkiDxhD5FLR1t0WGkEGtpoVZKcDL2aIpgTcZWZ+4GN+W\n8leXMSZAOZbth0oORP41MixNShVcZGTidbRUx/nclP872ylpGC0RpqrvS9dA\nj204N+73rcqre3TUDO5WXNTwafY4ymWL6k1TG7T0violbYlghi3GgBLWxHZM\niHMruiwGCK4T3Rd0b90D0fPFQvlC6FnSoUEqJ6YRvToetNcUb7r6fja/dw6p\nvZbkRBWw14Wp3/uC2VEwFc5ZRqA/FMpQVTNcnMSUbwslXxcqHRZcQVUhJYAK\n/oCtTA74ITHBE0lhKK3d1dkLzZIzbxnjVCT4SBN2DjTtpTnLrlZtvfWUWfqh\nOfyBCgMAaei/E84QF8+t3fFznKO7vwLEnZqopDC1iJhEPMW2+p5I4YOyg4WR\nS24OaG6oY1mT+zxfLDY6olSWf5AgQMKkNw1/rzuHrlN9/wW//Kq85urdVAi3\nhhgJ\r\n=Ro0X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVTERrj75OF27ibJIm906rWIw9lqpy6V25rbND4Hu/yAiAe/N3Y5gLUeQIWoP8qw9SqJR1sCBe2Eg1ObMGKS9eMZQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.40_1572299705660_0.41907761514007147"},"_hasShrinkwrap":false},"0.7.41":{"name":"@react-ssr/express","version":"0.7.41","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.41","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"6b6e43de78b3e3a1be7f1f57e80038f330c9a64c","_id":"@react-ssr/express@0.7.41","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-H8FSGcvWsQ6flaabyM3AS6E8rJ4ARh2Sl+MCrCA1XbcHEBOqN+8j9k5uFNfJ1mKHP5OarLsL+cI1gnDXUR8lDg==","shasum":"ca6527f3269b0c1018d586271364b5219ba2c505","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.41.tgz","fileCount":11,"unpackedSize":18863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt2mMCRA9TVsSAnZWagAAPH4QAJ/haGaF4eFuoqj3m3DU\nOsAAGGYcvZc3qBgIhRdZwtR+3U09EPB8LFUrmN8u3kaeZLGStaW8eWhYHSZR\nsQ28UM093QCFvFgOUeVBEVChEPcpRadB3BNfzY2HRlJpedP2WYFNY9JSIRxN\n3S2E5UqrMZNvxR+MSjvebS9NvASt4ZS2yfg2HjEV2hhKKCmcG1vt82s9R4yA\nMYSfJOceSBkHJyGidlthVqRa+NSGhqTprJPD+eC4vgyhoxl2aWf45u8ITy0j\nx91aOVuYmUwHb9r+IGEv2jNASpaOEKGpEpqhm+uFzAlD2BHoLRWLjdll95AW\n0ZzzN8wZ4hzrw9VXulThZoN1xNecRBQVGFxSxWua04OTQTIdM2bXLypq53BG\n5kUtd8XK8sh2CykhOXphT5jCMaVwmge0pixt9UbTiWxesQKkk2Iw54/5Z1yV\ndB+KcfSqDAtvPjpzcsbK1pluUDAqB5OaVhF1QH8LNtdTf5iqCG/86bsIVbLh\nBj3fTioinBbIUax7u4Hjndb6k/8QXXvhBC6ArpG8E6Dfb9IMkcTDbdTf/7AE\nRwd2m3ZWNBCtMEdkdbCkMt60n288t341QaJmX2Ca5m/c02/QVi1JtlGkgNWT\nllzA+M1mupA2vhe8iUjlK5ySMjsVOF5D45tgQeBmYAVqIRrh0GUdv6tMTXzD\nHjv+\r\n=h9Ii\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8nxPcGhXf2kkhZg0BMhxQvjDpgH+z1gN31dbiyHhNnQIhAO/3D2pnynOfJc+JFUouO75CDxuEAAPQ0PM46M0c0xdX"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.41_1572301196322_0.7649602593495028"},"_hasShrinkwrap":false},"0.7.42":{"name":"@react-ssr/express","version":"0.7.42","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.42","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"07c5fe9ab2b9bec0b030ffcacec506558807c25a","_id":"@react-ssr/express@0.7.42","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Q3uVrajiOJg9aS0heEzFD0UYxtaxD1p2Z+Uqc8ZL97GI72vtD5SGyPDBsp2XO8BCmiMI/eFgH7cuDmawzxsHlQ==","shasum":"7475eb1a75050cb29bda502f0ceec655c0f0fda3","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.42.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt2zPCRA9TVsSAnZWagAAxRIQAJH4g+SD+g1nPEnwbvVX\njoVWwjOPIOLMeDKEiJpOV2K8nOlim5gqqq3a3mdq+a+2l9L34RQ3YdXSKAul\nXclJlcwQGPYU0kXoRRP+FtS04kd5XQHxjJVU1HItRnBtFIAYNPN7wmGK8G2Y\n9ZwLhXwu6QQ4tlmKOFywEYsoRoYtDVvps4ct878StqKNgINCcOtkK36qYVaM\nXymbFpBy1V6QO5hqmjL05VyLtW5msEEwUeij3YuH0FIoLrvey+xjPxiEVx9Q\nwOIjmYpx/qfVvqZIZYuRoPz6CjSTykeeVr8iVAZft6J+6NI/y2CrbYGm8oku\n+JmBQwHUnXDhDNTRIqEfRdjIlnD6Vlk7jwfvqmfiLtqO55VL8xnbI2AZiHiU\n9bdjjCdeFgmsqRgQ4zDdUc9JOC6jCK0Ay2sw31XtVR1ECOkURQYSkuFci2xJ\n7wHkaDNikqjKJSWVB9yFK0a1HUpp6gej9E48PjOk2bJwcakpDYCLB+ypw+9O\nHq5kMTwT9X0rim0kKmhYXgAxPypBiebASPfqKx9gf3uwmDvoccikDp/FXnwq\nf5zJCTrcl4wTlD5bokVBPqkrzlISwDrVC468OpWOQaJjBu5b8xPKO1O/sQsF\nVyKoQ5xDVzQ0teMnf9oAiUWE4SBBiblK5Cg3OCuxRTCkVivTSql18FYyJwAz\n7z4u\r\n=/IRz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHn+OKf14QdXAmX5xKBZDynJTSAvm1KbdBzJmeaWrDPGAiBGvSCED1Vmx1/rA1Urmoyelu/UzVreOLvoySyEwz2POw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.42_1572302031364_0.23317344913425186"},"_hasShrinkwrap":false},"0.7.43":{"name":"@react-ssr/express","version":"0.7.43","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.43","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"ea1834295f269ac692eee43966d3a13d2d4a19b1","_id":"@react-ssr/express@0.7.43","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-YYeCVuh+l92NejxYQeayhix/V40SxLilEtp35296VIAN5HhoSJokBavJlz2gKbGvw2YiaxL5LJzceaZ6Cmk4OQ==","shasum":"af2fbab63c1afa3bb75b1f8f80d6a4664a8b0b1f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.43.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt26WCRA9TVsSAnZWagAASGQP/3dGdqC7GZ37UsryQc2M\nIwWK+NqDMGBc3+3i9HQPwz/d5PTds6kt2LEYQohacruEi0nPNGCYZhsoms6p\nXysaZfZlp58EZRUtamjig6KRQXPbGR7SbXcqm70FCLR7pO9RhoLfmhvRgmZS\nMr8bCji8RrDVogulP7JM/StbaQQmrjSAEz9202e+ukQUTMFGxcRLGqtg+AD9\nQFyeyzRiBOojqmFjTzFBTnbUFjvijFwAzHlnuGuPXM+bmg7Finhy/fAjdA3S\nP2pEX3qfCA2QBYsZ2Bxoc1kL/FuKj5dZrHlhI6W6U1qqRdOVMX+KtG331oas\nSFee4TnES1TAhvA+P04iih+1WUMZCUQHyk8zQqXxA1NYN7eEpQ50KsQ6AEXN\nhQOK7cPlwT7CbjpZMT6DJ53zySl0LwH6tcimSmN0Hnh92aYVS8okhveR5nIV\nt5oQkODFAsqMzhcSvSn6uHcJMiWpd/d6/hScXVxXKOH4gfrLFUBJ7rFP34rQ\nmA9FnMprkL3mDA1GiCeKb5gZJgK7K4thNhpeM3JoQCP5f6YS6Mdh1t2YXFXl\nOhYFHkms4JxYxoV+ps/YqPKDo1VuaM9eONZX40olW8sU0Rh7guqxAffKKofk\nQTJJ4jpYQBySglbDFU1oMxRWMylHOYmtu2xnrApfgXO0xXNJR4xhtU9va6LV\n92iH\r\n=rTCg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPbi5CMfgrCw5TVdm1WhNgykAe/LL/mg19958hFYQ4yAiAX3vm+/VSifb1jY0JM9KAd9/k82z9RoakgdbgTYtL9pw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.43_1572302486064_0.5264764245262539"},"_hasShrinkwrap":false},"0.7.44":{"name":"@react-ssr/express","version":"0.7.44","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.44","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"af2cffc65933256152d439959827d4d46ddae2ef","_id":"@react-ssr/express@0.7.44","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UDYcVcawCFkknp3bzalAUn90T0ijNcRavjZRVLeYd+iu8MlY9454kQBpwhQuyN2ZxAYypVheSs6b4XHJaXlVEA==","shasum":"3abd75fef6e3e179c83cf17894d2b28360b6612c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.44.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3AACRA9TVsSAnZWagAAeMYP/RXC0f/pomR5pdiQRu+G\nVGDQO8pCFPQixU8AWsZJMZeQcVWAb321wdymglFAmQHgpXvVJzf3EcRVJyFR\nJoBBuZg6Z+oOy3xHRdmz294HGo8EIhyTviyI9tmbV+EWhPu3bSWmVNEAFLG4\ntQxFPEpI4OMjFoiVhQ1DMWzzBaNeUHdFxwqzt4ia0snhA1ZjMKh8n6Qb0msm\nivktUSQSCiiAjm+fKbHodI2ts7SQbmdIT1lhTKMjYrYd7f6/zn2GpzLIAIm5\nOIqqo+m7VGvYAZXjvBBlCtyG/LQpAM5Sfhu98PEc1Gvmi+zU0XQynoXYQiyt\nwV1dgDF7om14LDPsbKvflr+pHoDVAnHjREMtBdWCG4V7tPcL0xzmX/dw56Rn\nj1zkJ6gHCt8u2CnSl29YNK9ogwzkB2OEzGbeGEo9nPR3qgc7ROT0klhZcrf6\ndaS0g7jYQktLudIPmn3rcwRfV3sNDet1BmyXSJmYcxh3N9Z0Vtjh4rL6FeD8\nWmlulChduLI+DNj0AelRw8oPtURdfhBAQbQ/FldvIxct1olcM/aZG7Z/z9Vg\ntgxx01Rzjbg6rJtlKXpH6GWTZ4o5x8NRrcA50dg45OpysxpFT78tPqerRxyI\ndVtxqOIhS9YW9BhoojMPoPmp1dh3nfdrp7FRKwu/itMyENJT3bTby+atMKU+\n4WXf\r\n=aBuC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEHGAO0I3N9z1KdfSLd5nVi5FyKcjxL5WIphSZhu6rgiAiEA7B6w7JsTn3ngqWflZYeQWtwc/s4s1UNVdqm5D5BdwB0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.44_1572302847793_0.43591602045436706"},"_hasShrinkwrap":false},"0.7.45":{"name":"@react-ssr/express","version":"0.7.45","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.45","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"30928992b43b55621e34aa104486ea79a48de6fc","_id":"@react-ssr/express@0.7.45","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-NgCi4QaeruE79MrwrLf68xeVFCKaweo7x7BD0P0KsjvlQkAVDn/itYqPVqQtttxco+Gv25foRlwcgvUYf37DoQ==","shasum":"230e0e98388086c6eebba65077dbf3b25a52fc3f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.45.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3BlCRA9TVsSAnZWagAAV6MP/3hFFMOceO1IV3qbeza+\n/LyV7VNSZrgCbyxtGBuYOYEaGYd4HJL1fGCTviovu4gNLbjZXetgEDbGfKyv\nrGUxLL6mXsRkYJDaIk4EzWuE4rvzcC6F2VVtKGJPjyjb67EC7vyBvZ3OFiq0\ncUPBk3niMz+mq7JpEFo/tNfIztlLphZycKAze16AQpwenBephcaokPWZU5V2\nvF3jGFtFl0RTSM59LdXsdqc+puBNmf/rvASmZrbZJsPw1nk/OHPVDUHaJXpr\netT9WVN+PURrKVjsMtSqg4ip72XIlT9ibsYqIHoo1cXY4sis9+B0Uk4eFvJL\nsojY+pwD4AGGjQDEmz//7LW2gyuYJRlarv8P+SeN50KlXT5GQr7kWHtlrmbf\naNpzHN2gCC9NC8wFFNxxkR1D4EkhG9mYMHLfCkpVSuJMniXcYE06ymVdAsoD\nyiBHoNbiPbuMJxYegKX93gSXZTn0iS9qSf9ij3kw/ChS7FJZ1iYmy6YsJnyQ\n+sWmYDCMeAogwALqZW7xOtRKAB3/CGcdA6ujfm5+Pq5ONqpMKNirmHYOh5F6\nCG442285dsw9ACURSnyK8C/WLopGnZls6gMTVrLNeVoa3r36kp5GbOTqwwDa\nMnxU46dd2uOjNpfI6ly5e/aHpOJ7nFzFB0UIDPT7MNTxWz/DL+/uBHccUBjk\n1JPx\r\n=78N2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfEQmlqWUH9iLGZuz3ABeTYwDconieGc6rQtS8w5FG+QIgQ12bbbtq7XqZfAiRyGl956rWGtH3kmuR3junrGKYMUk="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.45_1572302949299_0.08724178836494323"},"_hasShrinkwrap":false},"0.7.46":{"name":"@react-ssr/express","version":"0.7.46","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.46","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"f5034bb83d4dd5386cbd3e9dbc6e5468c20714e8","_id":"@react-ssr/express@0.7.46","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-pLbj1zN1M3t0rl2IuaRI1jM3UibcxIsbBXdfqEk+mOrbgsMAiqAWU0cJkxo9yPce1kJA8/6w2xK1DUaAEoUOxA==","shasum":"d67251e2121c3cf9f2be23cca165fdf89e6d90c1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.46.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3D1CRA9TVsSAnZWagAAAiIP+gPh/ibhFvd/DktcDNZC\n3wZQoYIVVVB2oe71dpziR5GLqF/VNRqjIClskHNUbkNn/DQZbHdakaNsU5vk\nnoqp2v+1hhNQxDZGrWzetJkkjCkFY0HPwIJPaTSKf1rRwS+Byw6UE1PVF4h6\nKe3ggm/CTGCTu2tvpb4JkMP/fa/cyNOyE/kiFmdTgdkUVNhIzDb/uySfCVGG\ncJ76VYU4byGCiNjVNpoW2IDoo7k96C/gtDWHoScuZg0elM6K4UDu+kUa5fs7\nN+rmAGsXbIB+V6J3Rr+T0bHNTNXb3/HmnaFTz4uiS15piosff6JtleIK7tgo\n7vOaJ4XW8jDCJd6/Y87iWRqXNskxG/6fayrOTpZLjkkhxst7ao0GBVI4Zqgm\n+7KW4avXVhdRinE8M5K+UJkLAkZAdoYOoXOCpWaszQNzF5jGwADNxPUkgB4j\np6NIWGWnPtm8wHjup4jqRMP+YNgUHolH/qnvmiv58kB12XULwU6VoEzCCnuU\nV8XZi4y1feGgIqi9GLi94umu81u97wknxIfZ2B5AuJ8pdEnb20GALZiXGQWp\n4Wny0/6iGpcfrkdpxej/LjPMZlFPjp9d5z7CJq+ZRKV2kVo47t3Zmt5uCoWv\nI81IK+HAvxvz65DkVPLl5B24o/C1TZNMlw7pv1VloWvOyBmgcUv9BNrr+6iD\nNf5R\r\n=H/rx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+GnC7QfuT8W4OhYFrH6CXQcWULEyJd98lXbkxdYm+oAiAdYRNfCkBCtUqFOsbTrJP3LWl7hZS6f63kPUdEIeAqhQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.46_1572303093185_0.9737724446119653"},"_hasShrinkwrap":false},"0.7.47":{"name":"@react-ssr/express","version":"0.7.47","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.47","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"45404820a449751589848c4d4df48bff67d462cf","_id":"@react-ssr/express@0.7.47","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-9JTzL+Tm/bgUMXDUM35C/Z3fg8sgXyHxznScRD0ufpfx7YWaLg6l38eTc6OaiNEnqqFvy8Q3r3lmhiHS32bFaw==","shasum":"8aa82b0da90a9d3bb2ad7aee65d7c9499c439089","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.47.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3I/CRA9TVsSAnZWagAA2yAP/iuSHqrIwoA1xg1WDtnI\n/fCRBavXFkOA8rHrwneC3eTPrqxvrsbUFvD/vL3P8byLlAKiLfkLd5xVJIJK\nuCvL9ciSU5gLvxLj/LTrVNLj19Zp40vokVjN24GspYQax62O40KDJaz/kIZx\nhkhDVZLj1YFH9vdKXMgtMfZQSWfu/yAh9iEp7xIMA4lhXsiGed9R48bkCn5C\nsDw4/JsEHPQviVpyYw/SXXDjhdFYXYuUUgpLIZPl2Lf3pQGhVusxALiwZ2dx\nwN/vS9liCCYTcJHQS3YTpAfQY85hAppMt/sb2reyFKEodtotmdSPh/YHCA2p\nIRcTR7Lk7Qta7Ah6GGO1JpYMwMyl8yTXddIxbTdExD+pk9JqOxnBqYOdT12p\nV5PVgqvrOjktP37ehqS5cjkHboV1C7Ov2rrJnyJ0rOroama1Czw7mWvQH+jr\nl1Ibaxo8aICzBAQs/kutQ2SJ5dFf15iOofv2ymXJE74ihG+3VWbNfWaTOF91\n6SIO5mTBfsV+u0WrGU60Gvi65HkRsuzCKJU2+B1rNAeEItBkEc9GKY4Pj/c3\ntw8HMfzTOY+ebwGOEfcZwefOmeOrLc6BM5nA8igYIfd/Sqmt76Z1EQ/UimTL\nZzBDqMzuu/ramyAqx25743gpceEfkC5bBJJ+cj/OQgrcOR5obupZNpADr+Cv\n8xS0\r\n=w1mX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEGw6vdKKG0myhoOSFb7mh/33mHavvwWVGM5Du0c6ZZ5AiEA8g4oVLHVgtUUZ3tUjpCq6cVOS32nwFUlBDICYcQiEqw="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.47_1572303422910_0.9757881424299899"},"_hasShrinkwrap":false},"0.7.48":{"name":"@react-ssr/express","version":"0.7.48","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.48","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"e3a04981cd4c372ba8949a086a9637747fa9ac97","_id":"@react-ssr/express@0.7.48","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-AK93+5/pqBiJJO2Rkxx+o86axDN0vSs1oIQ3HuhLYC0SL5qs9hPkCA2z430XjDjB6lmIiWo2jmXccQZ9HoORpA==","shasum":"8f73b71ad7724681b389ce5eb6072cef91daee7b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.48.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3OyCRA9TVsSAnZWagAAcaEP/0Gy3cUyhk0P+MCxoVST\nxYFJTWqUWkDStWsSXqL4yrw9X05IAa3Zx3fZiHAtYqHuyftwR+JiSkx0aEDR\nbgYIr8S9MW7Q0fd+l4e0swOfxqEAPEmf8/djQ6vqiBK8hvtZVeEgRN1zcHTf\ndvNmB8fBh6EUMTOq9ADnuxvLzdTpVe28RUj1l16K77OBxrngp3iuseeFb0c7\nP/EgDjr+PlutvFO0OXQWD7JwXkw/cOJEGmMyCPNm8EIpPoTKGZK2Z83mBuqJ\n2y6f5LHvuQLj7k0X/6fwzZIYJXBzIVP4Pte9fLfSpV5+BZJYMJWOl0mYW3jm\nFr5nOp3IohuUlEKOwwl6qVCBBwDGf6B66K52HRGG2gHan0MOHNwCghNH6eht\nctZN9c1uafCmJ1PLGFwRVio36Xc7dsNTQvJ1UYrHcOZgtEtLC3Urwb3g5pe4\nblKKArBfRcjGZ+/wn5z02QdTj7d3zbv/1tVYJnAuqSFf6FlRSeoSTjPOqAjV\nvf3Mnm2LT5OhLaVTtp+r0Aj5ouPLjiucMvHdYRuh9XJYa79x1yrCckC/ScVB\nrGeVsjZs4g5NiyxrlEXC+FjW8cqfZFcUiVczBLLdqvpfEYsAvWIEUIMLuNEp\ndL3USH4gnteGJvlw7la/dKJzferv1vgI2Q+OJ7Sb+QoFta6UuAcPk/UJGi69\nZfha\r\n=eYZK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAtD4AW97Z1/fUeCMxtSIwr2XOWxYzUHO7RFAc1IT5KgAiBOzD2bY6o41+P02TYAOqk6zTwVos+D6bHmZ0qRDLzfrA=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.48_1572303794347_0.6616442127415747"},"_hasShrinkwrap":false},"0.7.49":{"name":"@react-ssr/express","version":"0.7.49","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.49","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"d1d463f6edcf14ad55c22f310b0cec2d4878c3d4","_id":"@react-ssr/express@0.7.49","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WHtJiDqa5BFoE6UqA+/0A1yhEuKCXTTWdAssOLw8FJ2sUIFWwnw1+8vEqIW6jm+7KRgCXzfYmSX1iXyQxUQfCg==","shasum":"b7a6c20342d852f8e2fb022b46c05ecae378c1b2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.49.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3SyCRA9TVsSAnZWagAAnRsQAJ3sO7RARGhPyX8ayt4F\nlgfrn3TD4OH9uv+SvGTw/iqeWL0H/WVHm0LeyfDk4Q2AJLB+3mM4Akm6JTzV\nuamP8gHpev1arIhPf5gWZb/9LKCLp0TBFbNnp4u4pT51WxTSLpccv0vLx956\n4f3z2sgES3JVYIcSh3qKnDu/thzYuPCLgpd5osTH0PPjPSjczXw/jIMosaLl\nXeVhQgehXWmAWubtA5OGe+Jw0n82AFkP1SRlOyZfVEbB3KN6a7DpLJsT7ihp\nZQWhCVz40EzMx4bSPU4IidPBH774hiIa6d5K/01op/b0gdB8WuY9oGG8XgGY\nLol9QmQVZxmeP1jcEKUZMrRt6ThaIFLS1hcuAG9ZPkx2d/gRcLykQ3JmmOCl\nq/roJpGi3PylgqdOCa6jUg/gDQm9l9JrxdZ4AL5X2aduk12qzY4PdmhbKocD\nOmjxjUtVAw+JoJQ2c8c834CksV+olraoxvfR9YCeMmPHa971+uzHwcuhtkPM\nAeXzW2Ym9nPsSybcnajNm648MzbB9aRn+CAr3epoeDivNSurk8Roh3sigAhU\n3cj3jajWL7LB52kiZVyB4720Y04QIyFsYf9zg1J+V6336dX3uve50lE2PTvg\nd9X1iq5pt45/FhSvzUOhcoab7qRDoFQsNVxMeT5yyT/z++VNwRJUASL9KDOI\nf9i0\r\n=lbvq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBBcHvkNiDyLFGzZ+SL+Tw8+F4nxEx4tiSsrPDdTq/+8AiEA6cAFf6efPG8YG3SOu2epU4UU2mPCaY/0gc6jwNV8nLo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.49_1572304049724_0.05834052793155675"},"_hasShrinkwrap":false},"0.7.50":{"name":"@react-ssr/express","version":"0.7.50","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.50","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"e097cc086a7b34a9e77ffa04cdeabd20841190d9","_id":"@react-ssr/express@0.7.50","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-WhAqvdutRY14T/MH3bG5WqIMidk4id2zuqCJtaLOSYNZ48r8/hwri2DrSr4HZtrnJOHEv912b4C087UuA/TN3w==","shasum":"b3419ca593e6e989c60bb07e356ca0cc9a401b09","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.50.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3XTCRA9TVsSAnZWagAAuP0P/3Zu9hUhTGJHHONdI5vV\nT4C+o6GM29ExeCkHGtXDPlB1KooQomYaxq+zAhDrydJjmSoMPVGFh3SqnBto\nz2otA/jiIFX5TucrWwP5bjTRmH1ugfrtHC+e1u49n9sgtKl5pJlge31IP828\nUHAelh2oejCUQFHQJu0trl3XeTz3kMsH88gqPgiNCIKRWNI1isFaMkvMoOTY\ntZqBXpeGlK5ZdbBRl4phkVYgq/g/Ksq9L+qFzELsePAjG9rQJQid3OL2HYtN\nFW6Zt+6ycBzaNaYBd8aBufsIKSlagkXDnL75+A4QyC9VM0H/ZgWLpGTYkGSP\nut55GOcDXphb7LHk6YI+vwYq2zhC/1ddqjJzFOy4mQKSlKskJFVYNk+JS7/0\n9oWx2Iu2xvcGKxBvHH6oUAYlnuWe46kxV8vHPWGUAKGrzo2xbfimKLRvNfht\neEFtFXzyK4oPkkAYFxcqml53MTesvVpeN5Ws6NMXPYhtbAHY1FPOO4i+hUL+\n+AqPbNfXHzi2g3glzkHPdTuvjTVvyugmKmFRKzEV+dHAG/ZlRWISQ2Sr0clE\nXi1LOzfB0Qlsd4dWIz6hI4I3tzTX3s/Oon3nK7Y63X1LtirMhP7VenTQUaIL\nZaoPCBQYb3iW9RCsDArV7H84M4IY6TfKfroAyvyIWj1iv43cI2HRtWQ6uTzv\nj3wO\r\n=bMbA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1oMcXmDiRsey36A497sM1NBdrrLfc90OF6MIbpgEmsQIhANystk8+TgDChAVRV3biafz3YOYeNBnzbNrW9pl9tYln"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.50_1572304338894_0.5707377354558496"},"_hasShrinkwrap":false},"0.7.51":{"name":"@react-ssr/express","version":"0.7.51","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.51","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"ad35846eee2d03565619a8639e736c0a7fa020d8","_id":"@react-ssr/express@0.7.51","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-M2HBt0mn8M7ToxlYLU/V5h8FSCRPr9+vR5GivXvTdVn3tDBhB/ftF/8ho3pvL1LeRcbyShJVba9Cjbst1AADzQ==","shasum":"c21cc0c6c005b37a7ee401c133b31d4790b823de","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.51.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3cBCRA9TVsSAnZWagAAiKoP/j43TIZOqLranGAiYXfM\nABqcIPA02QgSomN9kPggAt27kBUsd43sNcFHB7wI3peDWeiXfOZifcux2Ypv\nZHFCV36+TvdQsddCxn6RFIOP2vBvL+60t9Tu3BkFWlvwt0vxRNi5VeYyH88b\n3MwfVTbk4OkCHgmrcJv9QzBVbDxfD5nfqk+/3WTV0u+PzzZ+02FB3BnVd1AS\nVLc+hg+uCdHFl0FNk5iX/EnQ3xBzeHt16MSivC/wWlPHbytQ39/0eAuZGc7J\nrl8eKNIjpXlZUVRBP+0DH1ryOe/1uBkwll9WAWuTuqdR/ANQ8TBxHaBJKuW3\nFjBY7NEiHfp/2Swrx5JzG2VDf538Ok0Z6H5rNNsp8l1beDeAJdjN32As4P6U\nLkZMvdhSiPKvVpuH2SrxPzk8UFiWrDrHfc2HoAvMUpzsUHZesRIqbA7BFYAL\nMGxgKLDfUPBPApiFLs0robAgCyl16qAJHN47d9SUsIWDPitGcN81TZGjtY62\nQ+TPg06pbMO9U6akpocetDk5vKFmwfqOF3CT3cHQ8uqo7CZV/7uAX5KDziiA\nu9qJqSBupGqFzFKPwL44qAkFR8gT0dh3U4P0atJaBdNdws5y6yKs6OCdDl0K\nRAa7D10Cw9TWwU7/hf88lcFYyUW9pNO0mBKYiZx05RdcqLUMjNUHyGHOvwNk\n+Q+W\r\n=NSKS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwoLkvzuLQerUWpYO3Voe39nK4Y+rfPtBzmajUqk8XjgIgRPQFj9rYaTQ0WgYRAZ+8DlWDiNMmrFLLh8tpDYCyB1k="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.51_1572304641421_0.8209301993975526"},"_hasShrinkwrap":false},"0.7.52":{"name":"@react-ssr/express","version":"0.7.52","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.52","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"ae6bd378f9dfaead41a4192b121c647c649d0fc6","_id":"@react-ssr/express@0.7.52","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UvIOsPSau25hf3RiZZUgM9QMYJYExT9TgqXfaGg1/ickx0N8zzqyb8xBYGCULoOGdt9xrNgHZt+o/QfilQUOYA==","shasum":"c65594eaf1fa6e1da4d15b241896627da3c3c40b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.52.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3dzCRA9TVsSAnZWagAAg64QAKQnLweJ/EDWhIh4Cfu5\nTcwEfbVPuudc5Ae6LeCFSFR+Bx2icxkAPzv6ADRn1tlCmWl3TsfJaap9Qgw0\n/lbx66SHWIn7D+Md0kmE5p5LlZAsZh7lF2JmQNNRD0tSpvWg7iWett4K9GbY\nLE0qcwbwO5U3LF+b49EAEUZ2luEtGZuT86AM5LqwM2cJClrsJJHSmk2OQT+i\n7ADv91ck2c2RPCT5tsSXJnqwxbzOBcVOVVczbhCRVWC9UJPTmVg+0FKQ7PCd\nU4Wsliy0j7hJqvaZKMa8sCAjD0S/PvoZl0Z8sIHWRhnSOUCU55rfaTmL5Lfv\nVF3ZIfR0Ccs5K9Xc+yeTXVnurSrTU+1jcEoTAjex1nTOhM2dIM+O+WVmdtv8\n+OMow02EJaRHhoQizeC1k32AU3PB9PGAQh+VQ8HEb87vUzJicUlnKwudjB+x\nWs+J7tQQX5Hvx78jP2ryGdEyOL+V2HMJrBKmy77RPE1dUjHXkUgrg9E3Idlg\n3juWLlDkDAQSRgmqW/c49FMh82601QSFsk17nG2SnBzrh6cK+/yJe1bb0qzS\nv1bKLmxZ7z7hosDdSi+wA0ZMh1cGrrfJpPblmAADjV3Yps5XKmssCv5CJXuV\nL9Zz5oN4esVVhgWr6FtAB6vUnSf3X2HvuQmdmIXnpRCBu+dP2fY+wRDb4dTq\n4Cxo\r\n=tQBX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCijP7QWo8SsIFDDd1+E2p6s4MzthDNAhjpggWD2pSptgIhAKAbB+saK5niu83zrYDlZJgwQZAIhtIZm++Z1s0MBW7K"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.52_1572304754873_0.5505874461158011"},"_hasShrinkwrap":false},"0.7.53":{"name":"@react-ssr/express","version":"0.7.53","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.53","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"9544d693f9a132417b13009de345d491350eb957","_id":"@react-ssr/express@0.7.53","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-6+wh0eauXTtp7u/1+MIxwZbaQXHG4d0hWHLo9psvMtc64i+/VzWvAev0wGQxQmYzpzDlftfmLbk/cGTszIoR3A==","shasum":"625e036193bee25e7548abe3d8a00bf8dec92295","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.53.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3frCRA9TVsSAnZWagAA4osP+waS7RXdZTxoioaFW9ln\n1FW7DWzK7pmUNf2yi7UXXTog3U24M5bMj7/cLgYokAO3mdXh419edBXWlBux\nRepgW6E83xgaoo03+zHSO+3F7xMFdOUms5BEpS4lWQVYwzPbDYghz6apyqtH\nnPwaiShsguT8IXCPUdoBAYmaQl+9USlJcpWo4z4gjbCCV9+v9+k0svd5cfT2\nxs3mAsJh90TE7R6t+EGtuWZdUguRkmsOfgtAz9Fw7jToGB10Zq4T1LNKPl61\nBGTjLbsft7UgJCZU4tGGbPMvHkunaEt0zBBVzuUokb7x5NtdMdrvtu+zPn8V\nnv8aBUznEo25lI50GSKsWaB0IWNXHrcnJ3y6X/ILJyuBakbCNutqgQipQrTi\nHTyUJ3uj6ausU9cV4iu15FxrzKNmq4WKyCT6E0uGxMRF8WUWQ06RqDEjdX+v\n9SksG7XkLxxcb6GjpJCFLKFn+wPP0rsl1bIcBlVyPq8Df0wNg4kWJnxIMwnU\n3sYhoCs4pov1fDP9RK/y8mSj0FdlRPYdGBc62KJe9rhkiEEs6xhw0QCyOPzU\nvlGW/kZ5Iez6IulJW5HhScoeDkMKKiaB9Ff3U2LYAg09wkK9WviB2oeKufd4\nUBt6J5k4fF3nMt7UetZXv8PhqwvTQrFqRap+FFxvNeoCvB0xQBPICEkRQrrd\nDMeN\r\n=eG8L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAide8i0aNZ8YFebTUW1Umo3JWRDUEy/WHHy4exq9F6wAiEAu4zHWZEblwEb3DIdbt/5IjmHEDt+7XJcSxY9Ivp1rgA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.53_1572304875413_0.21749683218670457"},"_hasShrinkwrap":false},"0.7.54":{"name":"@react-ssr/express","version":"0.7.54","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.54","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"04f10c799d0675fb37bb30c58ed2b18aee600359","_id":"@react-ssr/express@0.7.54","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/Mf8WoeSIkRZDBMSYcMLiw4XHeXEn8ePRI8vG9OqtXCrIhCuPf0FLMPB46S1FvL9KjSkvdIbX42Kd7bn8fsFeQ==","shasum":"60dc1511233436799d41d2e99b0313e838953b99","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.54.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3jMCRA9TVsSAnZWagAAvQQP/2v/3yRYD1XAlOWSz524\n8wZeNW9tUxS7PZGcoT4ZLUYNVqoAB5gMQ7DxWg/VbusB0dHo62cZ8mRW7/t6\npNUnL3cGzkwsQ+UYbk7jIWdnj5/SrhAZ27ORvkXcPRyprlht65c0IBTyEK7K\nRIvvUPsqI9OGwqUJin1zMw7ypgTOpXAokXsuC76m74e0y4e6Q/gpaNtfXCWl\nplhCZR+NGdpvlBgonpmAg/OIPVrbYEzkU6NxZIPGx0fXH17VoWCaJZ7cShXx\nBKh8G+KZ1fJHk5fb7Uv44qVpdYPJNQg2gEoEGdaGG3gybnRvZXKACijEpPt4\n11eXZf97rplOyougYbuTBH9z6HsZo/V+BjRhiDMwNxs7OYBFDTvYa+2NLnOy\n5KZ0VQQ2C5NMjM8zy6ZONIt7ALyFvXg4p13hYpVacedB+a9563XGGVUA8qw3\nE5leYUAVpS1gBqTKo2y1/kCqbXyRGSMqz7wNmmuUiDgLoCqS1E7Q4IG3TWaf\nIxRCj6U1Mb1+xNstkhHJ5HkLAtqgD2FjzfFbvDaW7Hm9ZiMRtDKXhfhi8+Jj\nXBHJcJlAZ1heJ7S37q02sgoYVoBBjgH2B4yF4s6t54Tj/fekqmuc6XXg0Hv6\n5ePq1CKXBFtyfJPWz0hUD4Eo/uHCFvMyJabagDmjS0+XivHNd2pUmERKJ60x\np44M\r\n=gPN3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAJWQSON0/GstSl3DnrlSH+u2XRZ1fNntwWxYoV3Ul9gIhALWGJyVZKFInbEpPTUc7QG2Mi2ZTknQmgA5lvnv6iQUI"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.54_1572305099827_0.3953938931014609"},"_hasShrinkwrap":false},"0.7.55":{"name":"@react-ssr/express","version":"0.7.55","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.55","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"b5f35c16d8d900645569eab060a8e4a7da6c3bfc","_id":"@react-ssr/express@0.7.55","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-lV7OqV2fTjpLxkA49kmRM9E7cPGrxPCDwn/AEewD3AGyI/7ywOEy/+R1j7XoLp1alPASFfK3jvebHs5rT1fI2w==","shasum":"16ebe1bb5c25e313450c3436a647b2b1f3058e25","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.55.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3mZCRA9TVsSAnZWagAAsQ8P/ipXHaJMzKcpvDT8wG3e\nVnIJ7ss2O+l8tKFMKxcrXXR3BRXLVDZcachYFME2z1ypfUNUMiuvBKE5LsCm\ndS3gXtzgOrkxgS6K1Tnwi6qU/1+qwUsuCO85LyTdsHQJ15qFLRYaCgwHH2/M\nZHaE00afrtBuHiDD0yy07nNSGxYPy1NMl4FHyZVvp+ZQr7/8eRVN+gSTN9hu\nSExvS8q+4/3scRoAiCRVwYKG+mjKD9CpoQoHSk8LWV0c0jhBm8W2h+ddf225\nNutr19adyCOPMTfE+lzMJ0Vctd/prCLdNu/wy63c0IAzJFViqGfQqO7VqZr0\nuqMtu/WWIzjStT1xhSdRX8/EVXCDWXRKVfwWwQHjjmbPB3NbEynvy8d++Us0\nCHyU2rNYhJQPDsR5sun3/lruIx1fs0IQ1gZY3PAiFz0vPHZi3mIL0c0lTVsr\nTIcFY010dcI3gPQxQkjB8DvLgFjOl5KxsHuIctvz+znUkKHMqnbh7GJzgwKi\n/za8jza+o/IzjdoKsQXj18ljNlGcEN+uhFhWpiW7IQ/O8d6/f/odb3dXD8EN\nEaJjiNOFsykG+vmtnlKn4o+lKgygwHjzW7FNyEXJDNprhiVGWF7s1Twg4HbA\nqX8xnohgdwYv/7og3gP+ssgNiFmWeVXRR180+dx521HKBz5m247ESc08Uo3c\nLCPY\r\n=OtYf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPQr+EDANuMBEC5wj25get8bGHyRbwVNHYvvEa5QsrVAIgUxronPfLBgMkmG25C5YwSoCQJK8TwhSdaUlJfZevraI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.55_1572305305465_0.8062519907784627"},"_hasShrinkwrap":false},"0.7.56":{"name":"@react-ssr/express","version":"0.7.56","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.56","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"a44043b24b2e59b0f12782bce9211bd1dea985a4","_id":"@react-ssr/express@0.7.56","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-5lYtqs4GUfec3i2Xf9Ft2AsVmJ222AOvh0YUIqrlcAIrs9u0Oi/5N86tU1Ai+2b/Z3Yjf2uETm3dS3lqH33jYw==","shasum":"91f380e68d293283d51f98e322baa27673799859","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.56.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3osCRA9TVsSAnZWagAAgoUP/inKUF5kpAqCdVG3DLIr\njaj85V6Y9NKPdTTHQ/xDheIV8J52yTqCQamj4GQhES/cMS6If++O8YY9ZLeI\nNmkyt9PoGvGaaHT8BKeECbebgliyvXbUfT46F7u1k5ryl0ZHtn7br9BY097b\nLiXJ9s4f9MCZbtfew3TFcVPWYKLbyibOXBVk/8TPtrdhQs6O70v8G5PV+hks\n+ezf/uJz2cYjKjoJoGKYhz1Jiso2QnShgBMOmGKW84YICI3NXQQLvqz5VKa+\nyPEBF0M+dxSY4Cfze8gmUqNa2jRrSmwyOEiKaZS+l/56qg6IehDxQBt+VwU1\nuyWYqONSECfRNl74jyhF1sXcbkEeTYRW2YvJrddkeFQhtkMhz7bWz8p+BCmg\nuk31o1+lIiAOpsmBCbcLGpUDn43dbF9SfozWpn3SE/1EcWB9bzGajzWGAoYD\ng0EIjYa7+AnDZCtAe2m5256ZNtZQEXE0+NMeAjJY59bfDq959PgS4T8aPTjf\njOzDzimUtI1Skc/Sj17XpFLgXJGTCXvg1lYQWHgQZDqGqgY417yk5rBc36Fn\nNCw18wpBHjns6NJsFwqyULvbgID9utdX+0k+ppLZ8AFM69ot7Ys5zUfhaXzi\nODbGJ9v6nad51UwFqnefollJ4mm8aj03BamOVnYXrRHl07h1lEssMC5J4jXL\nd9sn\r\n=1sLJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA9SFngqkkHRjsZ9gyJXIKxy2whvix46FdZS4YPAHSDmAiEAtEi1dnYSF8f1PXC/OSs+evVnr6IWx5PGeVutRudovxU="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.56_1572305451573_0.9077519890724706"},"_hasShrinkwrap":false},"0.7.57":{"name":"@react-ssr/express","version":"0.7.57","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.57","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"94a1965de8fb035288b14bc9cf87873f71341fb0","_id":"@react-ssr/express@0.7.57","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-8RFhPikMabtG2whu3Ns9JMLxAnpFPFFAMlQZ56E3XTtCH9OLO4KEDdG2J6rFLLntNZqRLNKWNx0Wr+jNVoJv1A==","shasum":"6256435a5d468f6a112e520e065f29d7d5113871","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.57.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3tICRA9TVsSAnZWagAA2/IP+wYLOpPK5gH6SiefX9Q7\nEQvHQwgvZGuYwhjps1aIVDu/K39Fd9GfuCKjp4NqewhBTrIszFOtCwKpj6AK\n1N04/MvaMT2EE4ihl3czlAg3e9nBZooiphhbl6JnBJ4Yed0SfTG9IVdaTO8d\nh6DVubaXTuAA4lZhMaXHijIRBZduOaNrsR9FWFM9hE5X1EyLNPz3kjf3Sj9/\nSlfea3fIX/oQLcvOsHXLDgIjQYy25/QBsD2rLo3MwjdyQqLbx9qWGz3C9E1A\nhL2mlN4eVA8yd3V+Fao9UyySbspxzvIWuQhd/TFCAzTUf74ULtYSe/+57R0A\n/7dxVTEQvLBxztMuudbwdGvj2wDnxtrrdirEB4vlfYxC1pnnOCaHT561uRim\nnGBoDTXIx28L+kwTKPad5V6FOtyatSpXjf48y0YJAkwdFABAexKtnq3Q5PR2\nSGnsfl3XkOqkBsxSG/WMh67+qOFBPrljjHZ85+fEVS3hRUgPt42sbTTfy/HH\n5FsE0c+DRPcSnRVU8zAxvs/icJ8WA3gXaSrEI08/PvIKYcWLk9aSXWY1fMs2\npeaVRuas8BRXrpxKWzWWTUh/NLQd4ZM8o20Y6aBiiQXGQeoZza05NvxMOClE\n1QiNRBctreZlFUU9Zg5DXYaqQLMGXHO0XfA9yYU6FQRNpmTl9CQgLJGVDlzr\nlkFs\r\n=IOhx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfwkyybf8xmt/ai84dajqHYT1peJBYpMkKjuJpqYgpGQIgYoUb1fJumIrK5AieUXIj46UFeimNna1xaoGNnlzkKB8="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.57_1572305736160_0.16309255865585426"},"_hasShrinkwrap":false},"0.7.58":{"name":"@react-ssr/express","version":"0.7.58","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.58","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"18b3e172f7c50dc607fc10875a4a21c879dd4a73","_id":"@react-ssr/express@0.7.58","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-DvEx4NQ8a7XTFVDeFSXsNLDhTllngvCCvFYQbyIhg2kOHYZJgLE0oPrhacrSh6VEfqRPdWRxEa9oBP6BIaOE5Q==","shasum":"d1a3afdf13f073e59897708b9b1b52cbb435db22","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.58.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3z+CRA9TVsSAnZWagAA8LgP/RSx6T9tLNvAEm/lfNo7\n07Fzg9Xhni/WKFFidWNSc8Js2OBFnF523lv2VLaj8UgBo9JTpBSlJqLYX6lh\nikcwY8vmgXSyQZweiiJMcsjRk2Ayi0vonHCe6Lq+VVpTrDN2si86NQkYpRUl\nm60YGGnrqfyleJlUfWPCTW5PKlDvGrqxvijV5ZXj5mBF/LX8Mq94tLAn9T0g\nILXonf3PzqqPfwr36JIHzoiLdE9G6uF5HSlry30/LICXiStSNrG/P/KCzI45\nmhGKGB1xUMvhVWU37QPHe4kRCcV+cfEG4Eqy8czobpHxcaSKlvt26hBCY6rh\n//lPmjKBd7Zs1t0DZXOzjWND7ik58K6wexEHlDRF7qJDkPneK5WXwyCk6wPI\n5UF0UxNrAw684AQ6AzdNRzlhQK9Q0GtGNuvKI0AIiCuIXzUw1Q30QrVa48/K\nu9zKloxzWW3RDzTFgUqYe+7U9zR89GsKVtGsMaq8ERDyZWoG9Ihk2JStSzpi\njHfHa1B30RJS9krQMtFr82qy4FnHkJ4DDG/oovuSMZVopHuEcRqR3XF14knD\nMQBu+G4V6jRj/EuNPS8ECB72aicT02C0XYIQtyHbX/noU7kefSevTnaT3kpQ\nWkTDeqGtUO6f+8ASnfUJif768/7qnS+KrKfZtbVFdo8Kful/+sdN78u/EISk\nlVSj\r\n=p2XC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQn63yrYGmxHtzbjHHNkvxAYNjDxWwn/Nm3c9EPEVQuAIhAOqGHWM8XXU0345qkRraUalaZgmSgk6KdyBMJUUNDJLx"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.58_1572306174052_0.5690602714899635"},"_hasShrinkwrap":false},"0.7.59":{"name":"@react-ssr/express","version":"0.7.59","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.59","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"de638ff505df35c94aa85f7a22892d2503a5eb5d","_id":"@react-ssr/express@0.7.59","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-fknXN/Qa2JEtWh+Bz5R2ateq2s4/CnCHClzThyF2pEHtDJNqXDsIJTVQXACkMKDu/VkcpX9Ro59/xIjbyOrTUQ==","shasum":"2c7f135d8018a6c8f5a1e42ec8ca3da70e634f5d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.59.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt36ECRA9TVsSAnZWagAAhtwP/jfXGM/tKgiuTOZ5oSiU\nrkV7e0ua94KKQpeAmOgDoe1LyKyqua9uJ5FrR9Dv8l4X+hgBJEkAcelymwE5\nhvLzMAxEPSXiGenQSr4o/ss6DFv0Lu6km7PqCi2SafFGGnsU6Fazu1dReM++\nfnesUPRI/t9YdttM/8PVmou4cFZw6PgwpQvnbng7Vk4rERM6cIOoguCtl1CS\njG2RE2ydwYPB3KUI45B+ukko3/xBEwL/LYjijAiJXdBGhnVRjBJh9XItHFHg\n1nhnibG6HpOIvdd4QJx0dT+dQLWkMM3u9/7C3HaC2DRBd2BoLqe8TxCovqJN\nPY+DJR4392wZupy2R85fXjIfeAhNdw0L7/MSmk/B5cHJoJxk40HvMFeJEGWl\nnS6Wc7MkbYcKU8yCC4E/FtZdGz0zQZF8JTTCnSMfu/XPPdxaMwop6n0cvGmW\nSQKtl/lWDPjzI3k+OpIvWN8YqdqVLiTwZuI3mrKYwdzoBsuKOsvDjfI1A2bF\nhFnt0uFHVsng2N8aS7Y03RuH/PSeYkiGY9rlB+SNn9+hlbYECDLKVgP5PDtv\nl9HGf7p9mlWKgz6wbGu/KuhkqhM4eVLxeXakTjOJUZP6bHDGPoGTu9emyBlK\nBtmYvrygHIs9pRMn0rHH84+eGK4WpTmvsvxhC+mQvMDJTD7lP7VhXJiYBoSq\nzEyW\r\n=fzaf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOKVjwTPIzSGyt2fomCN3+aZZ6hagpfE5iHryl8V6+1wIhAIozAzpoF0Gy2Q4NeXgLfhUEFRM6oOlxscGOHP7VxsiH"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.59_1572306564525_0.4511327789273327"},"_hasShrinkwrap":false},"0.7.60":{"name":"@react-ssr/express","version":"0.7.60","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.60","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"4eeea2809b6b7e45a8c6d622b228af61bccab272","_id":"@react-ssr/express@0.7.60","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zcAH2rdEOCiF+3dG/aJkTJSEi9s0mcw/5MMkuvPVXq1CflPh6Guto+Dg2w58hdfU3w45Ro+6N2POVkDDBY6wXQ==","shasum":"eba7689e36baa17636952aaa1c2683d3758081d9","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.60.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt3+kCRA9TVsSAnZWagAAj8sP/iLnZH1O2VW/vG/8sOmu\ncsgEW8XRrh9A77IR5pls1o7OI8yZpJrspt1mMa+jxX6EuGH20KtGPovx3pSF\npF+wdeipVEBMThXaRQBc3JeSy8mtjSiAtb+m93ED3ie4FJZkqRE2Isv3QvSv\n+PKcxL8tKRkf/dHKJvWl/pPJT8d3MoEp/DSdGaeepCBBwabNXa4ha6JmWQA6\nmMTWE5OLC85GoRvdIn9c4nUJV6imEzdIaF1MraHuKY2cNTamjR8X7OhIvvD+\nDms/cDghaxY8UVo3rb1zuYOCbhY5AAoqzvHm6MSljYL0Yjtd90PzlWs0CgqM\n/8hkDjGsJM+eddhp5C7oSwJIAOwlbP7UH9YG98G7XSl+VPrwoWVxeiSXQkHp\naqS7QquvFWry3Nys7cyw7ogjPKKnRiEE741cg3ic/wyZDPEOrSMh5YgC//fK\nP4RHn2LRjlwqg8RP1wSjp/onxkb46kj6oKBRPesdYW41SomY3fF9L5Ry5JEl\nwpoMFSvroDskQ4BlQhNQSTBib1X7vH0xRhIjyAp8lx2vGTXGCbAXrxLk6IGN\nme6xr4+tFRtXtY6rUDOw/cnkm1sQfbA2vjWBNwGfEtYEJ6mEkHywQOA8/coY\njGo1RCyGrPekgNoTn6rhXsKAv25xxQufQVI8okvcGKdG+K1NuW8znR3fueKU\nF/6N\r\n=IcS5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIbEk8BWSiSuTlK5aFkdmHU0bYQLLLJttsKs5lFEcNdgIgKXOOemN6CkWF6ybV1diJ6nBOuSjuGstCmb+L/BFrbTI="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.60_1572306852088_0.946831532096845"},"_hasShrinkwrap":false},"0.7.61":{"name":"@react-ssr/express","version":"0.7.61","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.61","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"da2338c8fc749a8da8ccdfb7395b844b89f3fe84","_id":"@react-ssr/express@0.7.61","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-MWXqa6DCQylDA5VYCaQUzhm3NzZzfa+cK/G4A8W9SbKxV7TBPQM9vZPxgD1VGYIGXgrGSzrY4DSBNZjYbYLj/A==","shasum":"0aacd7bc5dc9c1ea4f9733c13b1ba9bd1a3c1ca1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.61.tgz","fileCount":11,"unpackedSize":18822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt4J3CRA9TVsSAnZWagAALvIP/32tBnEcSO9V2rUGIiE0\ndCy4nTxFy5A8VNN3DEW4JK7q6Wlb7+f83hiie5aI4gQvAlCCrbZBTmyYTqJn\nZthD+4sH5XCTz8XEEgcr8S1C8IEHv+AgOqYKbpy2NTtnHDr0hf6KibSNGpHD\nYUtCLS9875LEuKKwP4u4GQnQgrmW4iLAoyys2Nhg1fhksJhXczgLI2eZFLRT\n2VvIDvFIM3PTh75HNSAC9Xj+nh8DTA+3ShrOBzeYpWuhlT2lDoMX5rmGBQ9Y\nnQXysHgNSqDvp2R2Qa5hTgIcCG5GTj/uBtCM4P9cp3G4I9aniiB1sB0SsG6p\nskG8O2CsOzfItjuwFZlV3ld5b05bQPcZQJ8cGIRP8C7JaPsqSWG+x5pfaeRt\nGe+zfkC4QDFnqXjVQFOV/xeYQXU3sVo+tdwP0O2TnARFxHsv//jfr5j8fzOZ\nmpJt4Omp8GQhKtQ4dFQBvFunIlDbornVKYovfk6AWOtQmcUb3+af7no9p5qv\nUSbR02tRwpp0mZM4WjnCbkECuXGA20XMIfle9O4bRjPvr6/55/bhU+9kixl7\n8mMfCrz5+o3MzmnpGM35LzYWxFBn+x2TG8EAdY54lugEn9N7wbB/bL/Us0rm\nrQZcevD6Qw3wQwM+QYHlNznyonU2naxE/pzNgY94FVoTpbKtQozKnkZayhjY\ngT99\r\n=Y/s1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9JGo+LQxrktNvaFoyPu41YVS60Cq7/1Xsb5RrRjyDHwIgVJIxl+5f523dl7HZTjwJW1jlJcXw6wpvZ5k7MMiO4r4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.61_1572307575087_0.28205439254165166"},"_hasShrinkwrap":false},"0.7.62":{"name":"@react-ssr/express","version":"0.7.62","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.62","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"8c792205696a595dcfc95fd2811377c416bc1640","_id":"@react-ssr/express@0.7.62","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-haEiI4i/9BxBKSle1kFwNat0cxm2/Rn+0s8HrJAuROvbxqSErsoK/J8mHr+kkTGGNHh9qMdyCV06FXQe7BfnyQ==","shasum":"37c8cf94af1259b04e4e8750c515a805e93503db","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.62.tgz","fileCount":11,"unpackedSize":18804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt7wWCRA9TVsSAnZWagAAp1MP/A6fm6z0b37uSzwIgOBp\nTTjM5yZlQg++Mh3GMRLFFmx2Hy43P0XQnPNwTp2Hy1TIa8JNBu93hhs9rAkd\noxlU6HXpsQJGOm8blfuW3FAJir98zPFwydaXQfFzCHgDxxRKT/RUMjFqqvfw\nufTU7n8grlK8AnVrQQCet5YUpumvKrGHwvAZiCTXIoPpZRBKRQfUnWm7TdcY\nOLo/K5yM9y8zi55+0Rvrz2RSinL9MwiiMktyu1ZuJHp0ZUYtr/WGOrbLLfZc\nOx5TUqyYnlCrDSZMBkVhOCMXEL5yJCxZR1Rkw5tAK4LePtRfO88x5OqgbS50\nmnIF5byam8ovMGEdnTea7+RS7p1iiog02p5v+A263YOHcgS8Sp1741Cuxk6V\n9KmbPVwmSCa/GfZR4l1Q9mPb9YaS0ULuD9PtZCXsUQkPQPX0fyOFK9+twLv0\n3un3QNaMVW7zpBYHFs8rS42zXYkRY/bWF4w0IcYn0HlyZEj2vRBcfAEm/ALY\n4est6IIe3R1olVD6GMWKK/HwQmIi9n/3FjpMLhZ546ioZUdFmb/79MHBvsOE\nTNHLBx6ltf0LnK4pmB3Ca9Utd5NWHFKYqNGvK3IBtNnwNblolQ43xmMt7Xeb\n7I863IdcZ8R0XYu6Wc+xcPb4gYFl8T5GWlcYiFAslA4sEtg83TQzog0UxIGE\nrdN6\r\n=iClM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRGHmQeHcEZXfVJnA/9o3oCk1rIW9FhL/AtIyPB/MoGwIhAJvvGliTnoVEEWB58QawNAm/qUwWh4EH/XYDBWMibIT9"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.62_1572322325714_0.5764398078473192"},"_hasShrinkwrap":false},"0.7.63":{"name":"@react-ssr/express","version":"0.7.63","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.62","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"1c08174db7bac75137403cb5be9e7b44f25f65f4","_id":"@react-ssr/express@0.7.63","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-F6E7zeAb4FR3vNOzG7F6F5H3ymsL8TrbWvBT4xS9hqCoIuDH8SkLtu/7IwcGAsID/krjgy3IIeaB5zrtDDn7tQ==","shasum":"78c8ea96d6ed2b4ec41be3d6429910376f9a1891","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.63.tgz","fileCount":11,"unpackedSize":18847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt8a5CRA9TVsSAnZWagAAPZYP/3GygUR1vWQVs74a9rdm\nv93mUZt+HBhPwu9huqD8m3vp1eTsjZr3lg5IvKavVsH+v8Q2s69HakovfIRc\nexdC97tyqTqp/+kDWDfBnUCW3vcOtDxXjTqeLmCusAC6Wd0Y3DEEUivDSFSn\niMREbS3/jyJl5T80Px5pTMk7EZ/ZZwQ/WLArlmWTGedi5G53WycT+fuZCE4a\nTw7pxFUEdOghh4F+d3Y80wQmQ8+mYaJLerW4te4RyZFcB7Go8my1EaILpx2E\noDyQtZAai9TipGy1Uqjk+d3Y6Bez9Wgm2Y/XVz14gAC2W1h5mdylKDRsE5Jk\ngn7It5lGB1PqOi053ric4tZWSAwAswOzbchWq0v+bmcpDD+tZOy22/XCduRb\nMZaY0SYxQxNPpFQ7+IisDmQmTyIKfyELPkeYp+D7A0z7r+Bgt3k3gCAzgw5O\nL7oDGz1hqI+M15fnzBUM/FbMpKFzIEFv3hPpHP83u77+XSBFMeXFVZEi+27f\nqnu9Ulcv2/hq6in8EGwU4df56p7pLk1LpshteS4V2WdTqN5b7T55s7WGTpCT\nNspMLVeQnTESVTurXGMEpnjo+j3DIxYHHpp92bBjKV1EIMSJzI0mArnQ25Me\n0fCnDNyZus8JSExOQZ4nnhNM0e7dLrylQ6iOuylgshFYxK0efL42tH5IIjel\nU4I4\r\n=jl/2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA74lr3HV5aoWm6d+Zi/CcqPGLaMLLSz9SojCnGf6IQrAiAd7m/4MStCrI1asnEBP4Be9jlS8KK2Eo/2tZC1s9Mkjw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.63_1572325048498_0.07807341607881813"},"_hasShrinkwrap":false},"0.7.64":{"name":"@react-ssr/express","version":"0.7.64","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.62","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"3d29ccd85d4bcd28cfd5052cf6a2a97389ca9bb0","_id":"@react-ssr/express@0.7.64","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-/6aunynEoxt8HpZr6xnykKDlv71BADtgywVbJUsz/7orsLDcaE60fC2I0LartrONfPFRycA91up2ubgUsjxvWQ==","shasum":"02711e6137c883e2ff245c73cfd8832a7f725094","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.64.tgz","fileCount":11,"unpackedSize":18887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt8qjCRA9TVsSAnZWagAABJwP/1vNYsvp9+KbH/eM4EYq\nGmz41MjAeudFhDicavsOXutxVETSroX66H9zfouloTb3/qBfIWrzfIui3gto\nsqvFIjxoFNwTY0YOtJkSCsXAT0znG/JfEsYyrbs4+bRXt6ezmU5Vovh8LugG\njiI52dKybunmFR1KEW+G3YwfSLKCc4N3UurOU8bfaBzo04gcsgiTJVi5ZXys\npajPqsjXlXjSZNBYNDu2rdeAB12ZDhwQPtqG15ZHBYQ/LqpEG99W3TZUShQT\nHdAIUVupVbCqQjJ3g3nMqwq4Qs05LL2pF/76Suf4w+azyMcyJlJQpnjAVHJS\nJ0uXDeOe+V621bnE0BpQTKjZI9782du1FCJJ1V9F5lhBuhImdr3H+JI4pB2j\n6UTWXP86i2FRBrgUOSMlNNxKHL8ZwbeJmESVBZJFYTf4SZS0PaUQwCYyqeda\nEmdSKf3xiQhmOuBWv/PTSvaN+TbXJunJ0Jjz29MKfOGNZ4xGfFNeFIM+nles\nNAuvtUP9C1BOqmZ6aKXOGUmTWuV+nIDql3APuEBlLL4qwGiKUSZOtIjA02xg\nxDTkJPEeY1UjBxUmztGazB0DCNRPLFintYE2K2A9qjHVNpuiLUsv+xikySpW\n5An2gaIUCgiZsiBcuQsX7jSNe7I10WgByqJUpNe3iTHgsWL3TZwUUPl7vWXz\nNqyb\r\n=+2fF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6adCxOwOzFb/X95RLrd94ChwcbuIYYONI2XYgZkXQoAIgPKkoYq/e22IBZUCEAGGMQ2kpnanI9eC7p1VViBmCoYE="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.64_1572326050846_0.4101889013495099"},"_hasShrinkwrap":false},"0.7.65":{"name":"@react-ssr/express","version":"0.7.65","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.62","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"cc197eaff3a99eac2b6b552b0a29368c339550a3","_id":"@react-ssr/express@0.7.65","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UOWFiEqK4C5sw4cNCipmdyOu3NJIGADaBrcvngyNTrupytpuuduIC6nfil35wxVlPUMy1gHtn5Ws96SaIRgnvw==","shasum":"cf6cea402f61329409a2309e4a4c44d87fdc5e4d","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.65.tgz","fileCount":11,"unpackedSize":18934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt8tNCRA9TVsSAnZWagAAb5oP+gMTRS2kFsKWxVqRh7W/\nsHRysG3nkaQz8wsgZHRu3z49D4jJ54066sSNGbBTLwTENszeyqcgOkU0rAxu\nm5P7KcJTMfzUjLV+0pzI1e3orbrkQrDSjUASCMSlsEfA9a05MN4MmV+bo9Tm\nzOeJHVTD5UU42AwUhM7azDclYWus4b/v1PygEGO2Mn+b65IC05d+kKrwefQm\n/H6brtz7YwzTmhCAhH9mlKr+KxIDOkFLyThmCLeFGOVC0D3j/zg3GvlNl+6d\nVDjG17DcOCH80iswL3zFQOs5WnWQgtsnJwG/q8/R6ouT9DEkeRGByySDz9nd\nmwsd4vWVpNcForXm5iIPT4fmQubPtRTa+RWH3/22UrXaBBUAwdZRF2CyQRE8\nUdmQ60uvzcb1FMNqiU6PUHc6Kgy09PnvxuhfAnfQ7tKr1b3x0Vf8UClAaMAx\naQSFcXnZGVxFQ/fwDazFi0OTya78rJ/T4qq+oTntGM4Ehb4JOEjWJ0zfM7vC\n7MpKzmHMxU+Ms0dDRQ3HcUeMfO/HfowGb3lZFIjXsISzjdsvgGNPtP5ZNJrQ\ngQAL2LXKBzwQsJGrje6EHgOziKc+G5s66egmxfuq8SEgCYjhIwGnhCaGhDYn\n3ecya+sk42y0FLM/ijPRfXwVp9QYIrRWCkVG/NsCRHCbrDC/S10fjWNULDqJ\nfeHZ\r\n=o8TM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHIj/JSTudT8H6QmYUh97ETZCkwsc/sb/TIYExVjA3vRAiB1yHyv7637z4PzYPIHvLSL6BxBxhm0Qd2vlff+8+gyjw=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.65_1572326221205_0.0900086992149638"},"_hasShrinkwrap":false},"0.7.66":{"name":"@react-ssr/express","version":"0.7.66","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.62","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"758eb037b4f07a8e207888524b13ccf354f71b37","_id":"@react-ssr/express@0.7.66","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-FtcbSHl9y343OAa/HhXU/GFpBNLoo+6uV6DQIemvZ8uVy2rpugVvEGWKlkaXMVgoJPLRxrQqAqt5zM+jOMX8lw==","shasum":"0bb5c90b0cfed2755ff9bdece54750fa385709eb","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.66.tgz","fileCount":11,"unpackedSize":18911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt8vKCRA9TVsSAnZWagAAl3IP/0i3kFqQg2LJazhTTGLT\nMUEQQNebu24vP7AfQmZS/BPtwp2YEX1tTRcgmfh4fHFo+pVAQ+3YN15Q+mP1\nEaPMVfHdvkBt3arQoni0H14B2RgX0aKZTMri3kSHaoNiF9OUt7jmzb3EZh/c\ns5VPAF7LyvNQVUlmIEDABikISe/tIxboBGfN84l7lNwoc2U6m2SgVAEIF3ic\nzg6Td3kDTwAzNE+s+rZN4totu31wGVRvAWGcwZijU+zFpASFdQpTMX9dhdNP\n5c6ehO1U9DzbQBqyBfKUm+EHJhDILacG1iVs6Qer7jn0vegYG96VXTfqk8HD\nhBjp49MpuUIYpNTjsVO2GGjMbmlq95npNmVKRSDWuIxQreKiSnZQGwknGcWo\njBnSVTKU3n4650a2qGo3qPk8SKQz7H9Wh2sT55k2hI8Pre4z1sdyXc3pXyWz\ng++M6YrlkySxS6MM/EHuvW6GUzvRKESh2x4Rxe/teBONpbsYykp8HnTwmH4d\nv+PPe3bQkw/q525bKrkvnHolKFMEO6S3DSPb1pvnAot+UwCTVsmCGqpQ7mub\n//bxwhwk2mnGXI2qdpRQXKDzNhcPXqmnfVV6Kh5FynmqXP2O1cH+CbedqOt7\nnQa/fSdb2Njwok+2DhAOnS0Kg56oehPk8WCQV2g/v5NJQIRZnCUyR3TurUtA\nYG+6\r\n=1y6X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCN5McMgxf5SkLktd3CXrGmfx1TYI8g9i0RMlIzKiEctwIhAMz7ZghFTKAL9uTPGZxIN5pRbiQTC/W3LVjnvOOa//ss"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.66_1572326346259_0.2659200142591118"},"_hasShrinkwrap":false},"0.7.67":{"name":"@react-ssr/express","version":"0.7.67","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.62","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"09820a29298822170cfdc7a4509320946773f39d","_id":"@react-ssr/express@0.7.67","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-m5Qq8+t8T/3mtb6WtFOCUaP/uppFRPb9UPE3AalejNHH8Y4cy3Rm5OGJEkicuHiF+RVkqatQBSfQVe9nVGO1pA==","shasum":"c2048987a4664d4acf271919c14894dd62de48b8","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.67.tgz","fileCount":11,"unpackedSize":18887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt8wQCRA9TVsSAnZWagAAUkQP/00mwvDuJLw04+q/mwa/\nD3rmJdG1rMHZ8Igmrs5peTHqbJXra0ec3LrO0Jr4rncX43E94tRl14l/qBSy\n4KdNn4iQis1jUaXy5pKnvPSx0H1JXtuIyRpwPEw/L6R9V31kbtyxN6cWMoyM\nnCcMiN2XOQroAnU8ouQLxkg6jTgBHITxKb16qU7b0khvLZ/cGeuR3Rro+0el\n3UItURGu5H0jeYX2vHyuUGaK2bCOhVTibD7TLBJMnvparKhGEXyiHh0P8R4O\nau9aEc/nYItYvydv732u8GxwqxmC1vrSiJIDOHfm2FGsOp7kY5hLb/xYrfRx\nMppo/HHyA0vwXh+Zhr5l70R3JDvfWJxOrg41GvLuQ+weYafBquUG+hhGEhsa\n9iaO12caBh9NgMHh9cM56o43oel5I4vT3XzJSu4SCZg+Jp2crPEnqOuwIxU3\nL2SR1AQosvWRC46qPJlJTu/qVnOAQIG+FobN66IMHltr4KUFguJmU6YpS+Nb\nL2+o4iBS9xG3hLKZWkMel1kECV03US8EEVrLbkfSh88+wsythd+/DQPiH5au\nzb7iBLvCkhOZSuN8Lufh9olRC+goX0bfGtzy1d/phNYfhkFtw9eC6iVUtnSG\nL97C/lyusm38gpQswD8+D8IcbtUDTAhG/mGbeBdYKqIgC5RNtthXh7i6xDGq\nbFXF\r\n=QtHu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB71Lw/4pneuOlObusj3WqR8JP39dbHujRgd5NzEYL3YAiEA8Lq+Y/HFR9Cn25ub6xH15srmDEqrWsREzND1ctQ3/S4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.67_1572326415982_0.9990446323006472"},"_hasShrinkwrap":false},"0.7.68":{"name":"@react-ssr/express","version":"0.7.68","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.68","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"8d9640d80e5b848ce1b1677ba81890c1a29f2992","_id":"@react-ssr/express@0.7.68","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-xIEV3mcJ15q+fe5XfvY2Ll53bLhLTEPxbTzIAcLInpCTxuYvPRJwRTPOLihOdMjmRXpRdqJEjwpuPjE257cHpA==","shasum":"f65355f5efd6327595bd413a1363e1a9fb32ca21","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.68.tgz","fileCount":11,"unpackedSize":18887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt80LCRA9TVsSAnZWagAA1C0P/0JVBcxiy9tJfMxA3XY/\nd/69R0yakh826asJZgPj5Ii1oR/CG5e600qoCccDyC3ekUOAiR3MxGU3rktL\nvzaaJ27zUnLFxRUSOBUvH9PFVl4hYNMORdh63ujMkLnvE+k53Tic8LiDakww\nzAro8/nxpvB+mFPkxJCL9yIwNKyCwmLmQ5sGQmN9OM0QLWm3ogXDgXM296eb\ngdyY5ONJDKDUyHNsNmOWZEsyUnTgyBhFsz43Hr8j5YWn60qDoeT8WOXuL7n1\na3kPbIvJvWmFcReZ8JZXxQcRZZ1A5xOzwoM/Or7YPCODj50H5m4ZstlT0LLo\nk+JwIxmWXmmaEoxShS7+4L83w4CBnD3DFt4ukdumUyZ5iIYGXp0cLHw7hPcw\nDSPTjpUguL3IUAUK2zSyUjbDFukE494RKcPnj3dmgHkZnOHUJNp7z0k8S1+F\nAbY3a8+Js05LmeAFas5YWYgXuADSCWGXpY92d2g5AjJZS8VeytHgKEFuhQBJ\naq3i6EH+hnScgUTzBHI8quuHZR/eni3vSQ7QalPHVZi2Wlh80sCEmq/AZL1l\nFWY8F6xu8wV3wSlrReZPZKuyUQ9iu5d35Bdq2hirUEkO8iLhu1w2V6g+FNeF\nb6MaZMCd+7zbk5yygWtled4Y3tcF3SHMmewU+b/8TzGOHKiAAz+q8J5zLjpr\ncNWD\r\n=EDP1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGFfrdXf5TOBFoJfgLJeAFiMyM3Z1X0WKU1cuidIZ4uQIhANeF//MJSeYbyJfzCI7/gx5ngHS284QdqvDd+/5U8Lix"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.68_1572326666678_0.6289690020678191"},"_hasShrinkwrap":false},"0.7.69":{"name":"@react-ssr/express","version":"0.7.69","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.7.69","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"cb1228d2f63397f9c05fcd02c83bd7a78fe7b8be","_id":"@react-ssr/express@0.7.69","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-POB43K6PL5cDmYavtL6MqSnBzyL4u7roDIT/a0UDhoZSFCRs6hjbyA+6/dJQxiW2ghOEHjxhkINML5hFB4Uaiw==","shasum":"ca13f6bb40951f28935fb340f7909b28c30723cc","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.7.69.tgz","fileCount":11,"unpackedSize":18887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt87yCRA9TVsSAnZWagAACooP/33mKCtVy0i3I4vK/buY\nPF7kd+/TMG1da4gURHCXJpyMqc6WJpj25DeH+3r3uJXePKypC+lOWaFTC98F\nki3a1+wm1TYouNITryb4+DwrcM/QjWWn6FsgKtQuvZI+FWqaPNwcuzFnYRIh\nPWq+0cUJnYoeLhvGD9kbUpqgtItCTE1zj07JzHMd3KgAvWrkkNBsgIbDyaHC\nB2QDCvIXdqPwo+cjGjp4zsmAA0K9LQTidYPgzEojARvAfHs6xIaPn+R92wov\naI/B7oe2BIGec66QzZOzeNAVmIbFwdAFqmTQa8hYsm+gzB/ccvKXrodedgbh\n3l9Kn0+7GkLS6YNwYAlsl5s36955S2l/osjNtG2NOwVkpV0zIAyoIw1i3ItS\nDOHcSMC9wBDG9MQPkUDY6ZdV6xdKqx+Qq5RRvX2lf2Ze2bduOUcC/Zq6NxCa\nBQHDlG8djwcqulf0Pwx1y8SoXtqjTFn9FlDeWzzs01gSnAOyQJI+T+tvXVZT\nLiI6Y6m0S/xxjRQ8eM4JcSUQYDAMJVQojkgWjEdJU5gJcIPjqPxzofw7XhHl\nXHlI6tWIByracSGl3Uw8sGii26v1qvlqrVr+7NS4OzUg+bBi0K58ON453Tuj\nqb2YNKdVAPU6Q82O+K6I7ixITOtaVqTznb3XEnJygMXAy2vDG037rFhkXD0v\njNw4\r\n=WkBD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwd4A5jBBkqdrgnqSypLJn5u26xbhG5oxRcOHj9amIuwIhAOKFTsCOy2R04el5Otq3tBkZqpPeyRG6WvTaK6qyId6T"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.7.69_1572327153647_0.6453989046936586"},"_hasShrinkwrap":false},"0.8.0":{"name":"@react-ssr/express","version":"0.8.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","scripts":{"build":"rimraf dist && rollup -c","prepublishOnly":"cross-env NODE_ENV=production npm run build"},"dependencies":{"@react-ssr/core":"^0.8.0","@types/express":"^4.17.1","chokidar":"^3.2.2","express":"^4.17.1","fs-extra":"^8.1.0","json-url":"^2.4.2","lodash.escaperegexp":"^4.1.2","memory-fs":"^0.5.0","reload":"^3.0.3","unionfs":"^4.2.0","webpack":"^4.41.2"},"devDependencies":{"@babel/core":"^7.6.4","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-object-rest-spread":"^7.6.2","@babel/preset-typescript":"^7.6.0","@types/fs-extra":"^8.0.1","@types/memory-fs":"^0.3.2","@types/node":"^12.11.6","@types/webpack":"^4.39.5","cross-env":"^6.0.3","react":"^16.11.0","react-dom":"^16.11.0","rimraf":"^3.0.0","rollup":"^1.25.2","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","typescript":"^3.6.4"},"gitHead":"25ddbbdc5b82a005bd2896073b8b320e83cab3ff","_id":"@react-ssr/express@0.8.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Dh/Tawi9JVdEgtAkC6rcQiJVleCtTQf/5pnFfR0e8CXe9WjO5ahChBgwT5ryiMa1SOZ7o4M7y5palYqIdndlNw==","shasum":"869809519fe46ca5c7d17532b8633c18e7351027","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.0.tgz","fileCount":11,"unpackedSize":19707,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt9d/CRA9TVsSAnZWagAAxOgP/26wgffmt0tzCMgYeVdi\n84eUow9pE+VEliWOs2fZiHwBVdlAihMfLtMVa9W7aqcHn8OmaxRQ+UBiGsK6\nym3li0ocNF5cnF4NJZV/lOHCeRih6CQ02HpME/lULoArBp7N5TuY21AzVuzT\np8P0YvByQDTX+Dn8IfNk1cnuR7b8sjkc2YnsD1MovjWjontGPCB08w7jKVEW\n034cPuLPSYcq0lJ6SC7U5TeAowqgkhWCBsgnfMiGjYez11RqA8WyN2r90OH5\n7UG5LKu0U7mHqjEkC8+of2IjqUIdlmyPqDhFeF+M+bwIjAmD11hUraCYXWBI\n0p//rHkZlfmRWmPzeAo/5g+ziAnb8On+CDrEXNjL3H7EE3oOdgLaM0AeanCY\nHoYp2PFvz4qUlvjQwtAHhDpb7QLnrzD5RiTehP+EsufGrkUWDgDcUPn6ekoN\nUYqww+oWkMMiAPZuspUloAdB98MGrZgUkOKUQMb286BVzD7//Q7UUb5fhCWW\nKz8BnYGfWf4Gjq0VIHwb/erJ7CM1+pkBaBHD5l0CBRS+8gsFw5ec5DOxMbaQ\nmKHiiME8sBZQbYqhLnt82q87JgfXdt7/apEbna1namv94nyGq3jGHz0YWALS\nGpdG7rk2bocIrInO04jE3X/ZDToLVuwWhQaqCoR5o+UqCsRl1WOgBk/eaoE4\nuYZS\r\n=lhr9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcyAeFn8iMi+ifSNzhHe/dfpVOPUjz326zDA3NbJXN2QIgS4T86b3xd1Yl4cwTjS0YT5YQbvUBbAcE7JrkiyzXF6E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.0_1572329343452_0.14361103017573407"},"_hasShrinkwrap":false},"0.8.1-alpha.25":{"name":"@react-ssr/express","version":"0.8.1-alpha.25","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.8.1-alpha.25+935ca1f"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"935ca1feae6c845267d1510589de03f037881372","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration: `ssr.config.js`\n\n```js\n// default config\nmodule.exports = {\n viewsDir: 'views',\n distDir: '.ssr', // we should ignore this by .gitignore\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.8.1-alpha.25","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-28ptw57mnGmgS2pICIh+GPOun/YRAhd2yWwrTvArb5TkzjZXGpoJ7xy6DtODluot7fkjVzGtw2DqZ0KdRkdsjA==","shasum":"4d475c86ab7040db1f7dc73a173d2f79850b53e0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.1-alpha.25.tgz","fileCount":11,"unpackedSize":12937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu4X6CRA9TVsSAnZWagAABQMQAJ3bpCcmLKqGYgRSVvvE\n7fL2Oa3cfZw8uq4pT6FKyqKOZgRH2A9THcPXXb/4Ww3SDo4ooOm1uQzb1rfL\ngVnKP5V9LzgQceHEvdYZUCqNqaL2UKmgypsONz+rLEkjGhrAw71xnCJJvdmz\nBwAfp7UhRiRg5NS3QyY/x8P3rG/nZ6t5s5J82/JL5bQvTk/hfoZyOQCPlTTE\n6dLIZzJATHUNMM0f+N41JsrSDX1JIemOhTkHFLBZfGIVHtPpOrPNQmAx2cNU\npCKLxHLaA3KuzFJIGvOkP8BpeUYNqfPfp1gGVA47NWpo+prp6jKNzgQZCO/G\nKE/Fz4GRjnkebkDl3lTCeX9LYcj9Qf4AqdABZX831nqssKzc+YQ2nesSTweI\nMf8PyTTFP0XExbn6ZFtyZEYvjralo6qROjQSShl0pHdPQZ/8vRLabQ4OE0PI\nAFmS3sJQoPGNPrsjQw8B+T0leiI+rhuQ15LrUDIgnX1x9qCL4/BgvpvGBEu+\nvOLJsAw3J1DHNtWUqe/Nvq+/IoduIuSOA/6k48pHe8s5+gfRO1xrEIAfvBlV\nGhAn9AHKkCnH7PWcOopB/43RF/v5qY/a4Nc63nd5Ta4Ci5pqgqMRzPJ4jg1/\n/knDdHnmsS59xUxYnveFenwm1lCGZsHfNGULfdCcREImud0GuizndHHSuEkp\nDy9Q\r\n=NFtC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6ePWIVUf+H+pXygRUFMjd/RNqy5QGW2/Alf8G3wuMnQIhAPta8Au9iG06+qxC3vO3bTtytcCkgwpXIWLo3AMga5Hp"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.1-alpha.25_1572570617730_0.043920715373795716"},"_hasShrinkwrap":false},"0.8.1-alpha.26":{"name":"@react-ssr/express","version":"0.8.1-alpha.26","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.8.1-alpha.26+e4ee4af"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"e4ee4afc8707e4579d822dbe7d69209874d82e52","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration: `ssr.config.js`\n\n```js\n// default config\nmodule.exports = {\n viewsDir: 'views',\n distDir: '.ssr', // we should ignore this by .gitignore\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.8.1-alpha.26","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-UZB4Q7MWZINsLSdCYfmgclNT/FMvD6b1nt/WioJ39oxcQkay+fNN+9Imgxnwj+VVBx2m7kld+eZrG9oBeGEKng==","shasum":"cb7531fb44cd8215d488242ded11b6e8712b64b1","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.1-alpha.26.tgz","fileCount":11,"unpackedSize":12937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu4d1CRA9TVsSAnZWagAAZwwP/1fF8TZhMBa1A2A2jGi0\n6hSfhLkUeg1AXx6AJwcfS5s5dd5Y++SNGAcjKEd9BkDDPS9eld+VdOrEv7AR\n34O7+H8fpmrYebW4GQmD0CaK/00ckExdSMRrTSxmKbnWyKWTvcJXt5IWIGpb\nwq6du9aZiAAkirjZ+TDy62hZlU86IZDNP4LwmFhPXcd0wmjCe3qe8+2Xe5fP\nTMSV/iqf0+1dvFsKokl5NfAckQIcaom2X9I5ltTCRJfOGUK7ZypqaumEVhD4\nwBAPNu/LTYq5cUcA0pVC+sOUNGDou74QZYT8nwP2whSl3PERRogJ1T26c3vC\niF47Q2b1R+66SyFaJ76o7e7r0FgxY5DcALz8XsTUHsGiHysEFbiwbYvGm5Pw\nJtMqyLWqp9XPX5iXl2OSZexzyUicBBWJGGU0A3OA8zE1UpZyl42eZ3iMtWUo\np8puFQ3bnxvr24pa3RB6kxvGkdGiN4IO5kRD9ewcpCYhyQOezUXwyetbgFJa\nHxYdAVWcii7tr4Eyz8MbSJ5kUwV1e5Lbvlnk6GmD9yT+Z8hprzTn1Np7GJ6V\nKTjxof6+RgjEIKvHxMja7vIcf/X4V4iXxsVjHUOcnUC82M/YsZRXEs91l5og\nHD4OO7M7CJORtzitpMpzdqQfGc9JoACJh4X4oIQJDPDH6VT1/yEarDU69gYK\ntk5r\r\n=qIho\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGAgLvpAjeBxPtfQY0M38JnGGB+7EWkan3FN3H+Ra/4pAiEA7ywp81FTTt7caKsZtJ2wULyhFrhKs4QbEEVBJdF4R+U="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.1-alpha.26_1572570997448_0.4483924167056901"},"_hasShrinkwrap":false},"0.8.1-alpha.27":{"name":"@react-ssr/express","version":"0.8.1-alpha.27","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.8.1-alpha.27+69401c3"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"69401c34a7670c6cb9cc411da9ca3255edae6468","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration: `ssr.config.js`\n\n```js\n// default config\nmodule.exports = {\n viewsDir: 'views',\n distDir: '.ssr', // we should ignore this by .gitignore\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.8.1-alpha.27","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Gz0wKPonQFPDMSyzeyzCaeoC4xHqGyb2SochJDH+P0WIPsEbJbJldU+VHg1hlM6GYzRnS2qpgHBGHOvpo5ClEg==","shasum":"539217e2e2566ae35dee12e864ea4fe4338b185f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.1-alpha.27.tgz","fileCount":11,"unpackedSize":12937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu4jGCRA9TVsSAnZWagAAWIEP/2qrcWedPrcleBZOELV5\nQrZs1l7hmTq9syl/nOQ/Y35PDfPeSaqeT0hvLfklvXklLuiem3tlQyScHELV\nS8RR+DdtPZzHv+ia2IqFS8O0D8oAPqi2BO6BGWlkoOkrXptNZUcG0pLs17Py\n/bfvoscgkZ1mJUFFzQkQgMA42YGvhALXyDmzo3cdpklGdcF+bMejTyj7na/k\n9nkcgcQ+8SsXisMDuu7C5YqsZeQW6buBsOYrNo8kxIII1HTOheAbMFIaRAk3\n70vC/OtRZpc6AQiF0J4glQxDXOzGGKIrKXr6I00i0FfFT20YiAjMAmZ3h/LL\nXQMj9H1ZkV5O0TIDSpTfxQVylDk9a19YtoYX2Pfp54NhM+NjHV2iCY7Eo7Lu\nGIpqvobnCbWrKn6OIQhV7YkV+IMNaFx6RWfXgwJtW8ERNSbD5+ygJVfWjOd/\nLuSaKoDBWZtU/M5+JO4l47zuRSqwCMLuy39APofkEOoTW1d51cCExE2djF/h\nhCq6d3pCFOBuYiQ1dWbrWuw5T08m4zVgcyJBbmgn3Xu+WgojL6HAsq5m8C4A\nJkyWOaG/w9Ho9OYt4i8PSQIzrMt6BNbB/xv9QIGzX6eghau0mNy3fxaEQ7RB\nRkt5kI9qnfLD1j2e7gb1IDLo55QduMvf9F8HL/5QKW6yx4WCbvodvIM0LBGd\n5Qvr\r\n=DEEH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFq1dBwnMhfe9sMXrrNIdtyLJp9SKLmqcyw39mrrAsqlAiB0TvQr1aVqc3ihWJGq81hKqD+d90s/Nckmrwp9KQl+XQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.1-alpha.27_1572571333663_0.08771958602065011"},"_hasShrinkwrap":false},"0.8.1-alpha.28":{"name":"@react-ssr/express","version":"0.8.1-alpha.28","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.8.1-alpha.28+7ab9fb6"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"7ab9fb6a3ba099190bc809d1a49fd5d3c9be1c02","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration: `ssr.config.js`\n\n```js\n// default config\nmodule.exports = {\n viewsDir: 'views',\n distDir: '.ssr', // we should ignore this by .gitignore\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.8.1-alpha.28","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-C8z0kTAk7UYhlP590H3ayQSXMlYlcj9cnaSE8saRzThlmagav5s9mFevuuGG9SLBP64XMM3LtKfgOXNcKBWBPA==","shasum":"5467b8d700b4e847a752b7ab7689412909f2688a","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.1-alpha.28.tgz","fileCount":11,"unpackedSize":12937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu4l8CRA9TVsSAnZWagAAWHQP/Ra39sBaDRoHa5ZqTV9a\nUUYYkvic8xB/sr1nYHIphLtkL0+ipaRNlUCJOZqyb3UYKCy6X8wfX1FgNHAC\n39uRI8ctoXUE43MCraUIxBcmm1NtUT7TxRWW5IJFIj30IM9+vIQQObdn4yug\nuLP2/eKs3OW8YCwbDCDfUXYH931d6ntjozmk+RCk/K03GpjDCpNMntiYxOZQ\nhJwwALfZ6N2stqYoqSWuexmMBDRkSuEr6vtFHGGsjjT4EJ8r10NhZ5cBc7fL\nkOmdOMdLnVFTWV/nbaqmw5y7Q4eXzeUqTqM5OHZ0SRA7LtuxEepiLH4kS+LS\nBThg3DeTJWAo4IMNFFfVNpth7n7kvAog0u+rdaRzk2B7fueR05veTPxh1vBW\nDLn+nNU1pyflW/Dyn7/3jrDAGq5jItb5QaRauiAYpZbfVqNxgZm2Lx5A6Wmx\njTPN6//B4zFnVGqxUnKQm9lCBmqReq6qX93de7I8HwoxK0HZl6FEYYNNgenC\n2EXRM+tHfsLQRXWrAFmixa7lXzzDAc9G95zefPIfQmCwliuuMcRcp6LJRNB+\nUO/5y8rm3YQK9uflEQlSdZPjRIabXkbo+n3nJE1yCbHGGb95n9nZf0xVKIcz\nE1gyw03LCQt/VfJnOMS39K/m6bpXahhhIs3bb+9ElisP5OIpt6hDItP3/e2q\nP6lK\r\n=EaxQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPky9X5S86eGPif8kO6GEHKMJUZV/10l4Qo4nzDwqLPgIhALKw+jwTVulX50CqgJMgnkqWIaQSO14jToTp0lfWe5Vy"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.1-alpha.28_1572571515713_0.48416773577128436"},"_hasShrinkwrap":false},"0.8.1-alpha.29":{"name":"@react-ssr/express","version":"0.8.1-alpha.29","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.8.1-alpha.29+b72bc43"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"b72bc43b0a0e9d2cd149096bf3cc6dd4320d8844","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration: `ssr.config.js`\n\n```js\n// default config\nmodule.exports = {\n viewsDir: 'views',\n distDir: '.ssr', // we should ignore this by .gitignore\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.8.1-alpha.29","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LrgVkB7IotKj9eeuGGrUQNOv5z9v1ZMOV0okjMH8/Z9khDsgpOW0UAsgX7J1UORgOKMJkdGXN8ayC+218CjaSg==","shasum":"aa826964320480b106db205504dfff753a12d4d2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.1-alpha.29.tgz","fileCount":11,"unpackedSize":12937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu4pkCRA9TVsSAnZWagAAAjUQAJV71pGmKaWDekSXZJZ5\noFn69wh3Pfl7YbVbvGxuxq07RvCkHuY2uY2O5RbSfijjqS/VJxR1g5iItrT4\n/Uaz/ZMUkgEHSyAADcF6pxIKrinIrwD5lDHelZzYZ7eaGipN0vYBvH6k96Vm\nrr73nXoeahq7LfjX+P3paSZNMpn0LKNC+IMEkX75VdYPiMmUiwORaOZgJq+L\nRedjfum9BD1S3Q1Tgruptxte2soma8wxK/wH/jKgaB06MxuWnKvURPfy1FTf\nKAMF6naCrBFlwSA3EaBlqAuQscV2KZEQFV2gpoiq7CmjkzvjAuOWNL+Vs13m\ngtvhcNUyX7b7W83bi6Y8+idIMNcwQxGgl5ERBDejLdpLupy4X3gxO5oGw/HI\nnmF0LVpCKliq6pjEwWKAxyr/in1Z8lJv5p2bKh0fJMJCUylwnX4lmpO0Zt3N\nLlSsGXLT6yt6MU8eT4cCoxWfv3VVmJmkyn/QyGsgNPRoulhDzO4KY7CcxSqS\nuOCFQWUxPCylTPbfN0bx1MI/m8RgbLej+ktNYucSu6aDi0En0DiQsmnEsV4P\nA07pvVGmBxbuuCer7DZtJITwKwr6gSSMcpxS15Y7RloSAeTRnVTGx8nXwq1G\nJ2VmC+NNvVLaZSh5RUkKFOkQC9pXyXBEbVTkRxyGa3roQLBva039Gh0ufsTL\n7OUT\r\n=w3yy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAqOoZSbCtt7DWjaTmknvYzSK9Hr+J94PzSIvFUoqQxfAiEAuWcAGRumZErA+XPOC9BXfhoaf5xub6c+Urn+4mGVxDQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.1-alpha.29_1572571748226_0.6641108202354198"},"_hasShrinkwrap":false},"0.8.1-alpha.30":{"name":"@react-ssr/express","version":"0.8.1-alpha.30","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.8.1-alpha.30+cccf08a"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"cccf08a80d3dc29f7064d118f2999e74921fde23","readme":"😎 @react-ssr/express 😎
\n\n\n## Features\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- Hot relaoding when `process.env.NODE_ENV !== 'production'`\n- TypeScript support\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express react react-dom\n```\n\nand add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('@react-ssr/express');\nconst app = express();\n\napp.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n});\n\napp.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n});\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nand then just run `npm start` and go to `http://localhost:3000`, you'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration: `ssr.config.js`\n\n```js\n// default config\nmodule.exports = {\n viewsDir: 'views',\n distDir: '.ssr', // we should ignore this by .gitignore\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## How it works\n\nWIP\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.8.1-alpha.30","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-EzkpvM5F9/ox4yEYSwGaBxXyT9r1liCJYiPCHhwE3Ihx8cH5goHox9Qf9WszJJbLFIFysVXBvw40pic2m+uDzw==","shasum":"f9bf256d2cf0c3a6f27fbc98ae39d68b5646e3ce","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.8.1-alpha.30.tgz","fileCount":11,"unpackedSize":12937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu43bCRA9TVsSAnZWagAAuvoP/2hq38CcbmHFjxMeUkJ8\npr/66Imev/J2nPLzLvg9J7GT/MdlwQpvZPnV8RvuAHPc+aWgJNFxfvUK9jsw\n9yRfX9675aezjLjYrf9Y+hWLD2oLHE9J/L8dhwAoGdj7jmYLLkUtt6EvZ0dN\n+r4Hu0RwXIDNdFLpHLBgMRGw0AgYuRZmjU2UOfXktBcaP+7tH6vF6B6q/zw9\nNL7F1CJI3h6gg32fhX6HwJt3p31OZht0qnTmuVVM0WPWtj8NKk09BM7Anf5U\nxNq9Amvom9ZabkL4U5cVwnWBcwvOvYmVZCuIi1ZlcMEj6zz0nX01CTku51nv\nyLrL7GzB45re1wLU1EE6BqMQB7I/FqO23NB4N0notVa5qgFCOshePCyG6m/v\nZi4LCMh97ZNsnGCXyMd2Gm6Ez3DMW4qQbUlO4xT626qW+OAj/ehdFZP80v2v\nxb8pISYK0EGfU8Z/jSlDTXZ+egOFG3zS/2wqFebi9j8oMVBYKJX9vSjkuq5N\nIYHiVcRqsw9etNvL5o+lWqmwFGAlw8LBsv+Wq2C1Mpq8PqB7CBysmc5Wv3S7\noZYf0XSxx8kEw5b5yp55ArI9qSGOqAMQpmnO05YU2b2Oa7wNIqTiehrKAXiC\nxv0RjiHwbMnkVlPNesWa0+cS6mii6f5J2VFJ+gkLxWREbS/zBchV3nEg5FW1\niTmO\r\n=cDv3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZk8shoX/tFSL2yVYEdkvmQjKpPG0Yo3zmADNUXcb8tAIgNbrlSbcw8Vjcz628odZO2Z7aoqknH0ipPS+q256EFG0="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.8.1-alpha.30_1572572634515_0.05429468439541951"},"_hasShrinkwrap":false},"0.9.0":{"name":"@react-ssr/express","version":"0.9.0","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.0"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"9721ff9c38faf27b24718c360d2dce62821b1df1","_id":"@react-ssr/express@0.9.0","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-uQR8JHaWWcmJBtoRT7eq2IvxrViBA4j9UQkdRd6Kizg24Qunqxdf/1hkrG+Vmx5yh15Z+lA0PrIDSKbgpMzKBw==","shasum":"eb354d87b588bb49c472bcd1bf8609275d258783","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.0.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu5y7CRA9TVsSAnZWagAAXvMP/3V8bIqUv8j/H4kIo/3q\nbjj+R/42dxZ/4WD2WkVI6kaHRwkTWQ7JLWxaqvcT/Z6KmK/L2x5g8BemkGro\nwWR0Ipu80zM7GMh8FwgGl9gG+r0TBYLsIFgOkTowwt9R5l9wM+l+DgmuYkqa\nI6NktXDOpci8gZncVz6caqgazj+xFHGhg0Pqe9LIcwRN3ejE96DeZSbi+usw\nhNIPScoZsaPOtf97ijBRVReAx9xn2d7sXZc0Rt5waWaoekQTR/mXJpZWuVe8\n8X64uyJvpNYo0qtq3H0mzLW/lEpjl4XXFpX0mrtwOh8dX75pYinhFQ27S7ZX\nGufNn2q8Ha8uUWK7nI4vyT2YSHSXXAR0KjVLbm8qYV+FhI9AhbP6UTtHSbKt\n8DIm8eWv6z5fiziTqHsh0EtdWKxdOOzo1eJMOefRIj7iUV0T4ukkU+lkuxQD\n1Ic6wwg0fkoQF06oX8zj9UrftpzT/fZOkerJvTiX2BbUGOCswW6uuZtSoSfk\nKZ8P4Zx6iRZYiD3e16F56H8JMNeXmp4T+UgPpJ70RWkWx3gZ1p2RCXZmDZfF\n/PicQIBAmZ1atl+Djmn1ZdNurQJNnt7EDM/jxYcrV64NeN8ak7QwJKBMsrf9\nAXRhK8hvagzAkXdk+PZHxqJpC6WqkvQyzMPOKJFDRhPD+w/Rugf2QkJYs0Xt\nI4I7\r\n=el6r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICMBdQnyGySQiSeGfkljZT/x8K5XzDt8VKSxN7O+ehdOAiAEHG2/YOUaw9wSkeQDZ2wO+IVEHCuxs0g/3PqJ2cke3Q=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.0_1572576442959_0.9276257216227024"},"_hasShrinkwrap":false},"0.9.1":{"name":"@react-ssr/express","version":"0.9.1","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.1"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"990afe7f70ab4f118e699b508cf22a4c25820120","_id":"@react-ssr/express@0.9.1","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-eG8Y/fq3g8whtGItwu9yeP4AjYps9Zzaz9kMKlGkw5W86QfblYcRgpJw01zEh9a+IKIojIH5gSbIz28cU1O5Qw==","shasum":"9f96c739b161d8305dbf961e43410c5f19853065","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.1.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu52TCRA9TVsSAnZWagAAQYoP/33bWkxubCTaXj7Fp3Oy\nz/zAuAsJhsU+QUzusIDJjmg5XJEn8qJ+Chv/HavFEvdRJ0iZ1UnMuhXUEmhb\nLfEFRzmNt4xA7x0fuOY7KlNxEbth3u7AxlBXmul4FwvSYCIaTGBdd4ayGS9V\nSTEkDNnBguyuqIE72Vo78wHGOjduREn7obw8bwQAE/nCeEkTWHP1eTkHaoa0\nHIsRo8y3zE+4ti3ISvnUrr4Ou1/Idi3RJFd5+H5OqdkhrBip4wl1uTZreYlU\nyydeqKFDcs7l1YwzWGVr0GoFV1tAhdiAY+0pgUo7/40CxnVJGD3kQBXHYKu3\nq5OjY5YE4z2ChoMOHs5CIJIQ6fYEAiwi0CV1+aTgLHhSduH4uypT1cJh+fRZ\ne5eXhsS06/fr1oGsYVtGCEfBjCG05wcz6+qObzCWZX5ngmy9IVbTpY+kSz4O\nwQVGxJ3ReVv68wOLuFmHOVNJgb85mwsCfUtw7G2OSq2OLfOS2KzeeSZAqWXN\nOPdz1BiVkQpCwBKYCI1LyI07NTAIQ27XsMyKF6Qltdiwy7THbpClLLTrigfX\nxeLxd/spgjh5GEXvmKNvKQCzDLeE7RmbEMHzcg0OrCef1ELUiego+wGQfNom\nNneNbWYNcxrLwXSn/yyuh4PAaFjuT73+lCsNcQlZqlO8wLfqGXWa+tYtD7l1\nDWDF\r\n=+OE7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiJmKtyHyUztoeIkMMazyjl+GoBu+lH0BdJpBz/1RncAIhALINyUlAfC4QCEzwev7H7qz8o6/k/fRRuLav5+St2jkJ"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.1_1572576659184_0.8424255157932539"},"_hasShrinkwrap":false},"0.9.2":{"name":"@react-ssr/express","version":"0.9.2","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.2"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"bc65d3ed84938b955b0f228d9dc654a83a025829","_id":"@react-ssr/express@0.9.2","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-KwfLn/WlwB7ydVljAWbhwxLQUPfseK62QlcksrmRguV0fXWvby1BpUJnsCGnTYH4DE2kq0CUR3r8jzMeVEJq5Q==","shasum":"524f5d3c4c353838e505a6c81cfb6827d65a5f19","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.2.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6GvCRA9TVsSAnZWagAATpUP/RtAzAoACe18aNgKqG+u\nka3x0OyWlPOTc0muVOuVpPNT87mLxXyofVNRH0r5K5FXocrohnUGzZkGd4jU\nSiNqs6VmjrDCRCohT/RzKJSBdx1YAjauk9rK2atwXhA9pV3pBhF+rT1FpHNq\nMrynVld5it/2dTpLQrzVIcnmafHHQjGtwLvtr1Z+riaii1ZuNqKS0mh3ioqA\nE9QQwX0kqufUOqVuqH+Ihdqrzb8OMc7cm+y8TZcd2Y0h2t7DBwaC8m+FWuID\nX1Py8d+qi0/Zsv9atkzU6iBsdGtkIeztBYfQ9CahuboUEfT8+/O0s7/ORCIW\nUbVpsLMkdrHvCJthJsKTXbHzQ5xHe4kf55WvxN9jBFsakB1icQlUTDP5zUXt\nIPEABIzbvhr129EcE6itjxkAL9j9Y9KWaWc4WLPAJVIbYu2wnc4o6oZM+SB/\nlsV4DVwI7G2Lsn+ZlizWbVKQ/skCqgDO7bQKgoI+CO64/wyIcWWHm8KpQwSO\nQpoVWYYX9W142Bx+s6UowMxJK5OK/L0tOfB9Et3dQyUcapjXi44QN2SSXiTg\nu6Zlet/xD79OdGrUV5MHQeuzn2dzNJovW1tYgIZdWWx3jcKAtCDyMurV6wtR\ncUz+Wib2lTy8xwelV4Pt03mo6fbwXOrrQBQ7tfKNBDZzawA9anWIgWai3c/H\ncrX/\r\n=WawH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFxnXEMC/+Mdd+CJ9TSa8qJa/dXBKel/HOTMmgslKh/wIgc1kMCn8V6Y0AgwLAK8q6p/TWAwcJzGdsw0pCEd7U98Q="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.2_1572577710934_0.022155313165111767"},"_hasShrinkwrap":false},"0.9.3":{"name":"@react-ssr/express","version":"0.9.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.3"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"06a3436a70edf15e608d7fce368e8eb8ae86c6d0","_id":"@react-ssr/express@0.9.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-kBqbCATu0z3Qe1MUxsDMMDFEz0I8x+0QwMgf3ncxZgfeONyHGFh4uGUHtWag2V8Lgmbh1DGGe5/XbiTlnm0/Rw==","shasum":"01bb84c07a4994afdb83c7382b6cf395c72a68f4","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.3.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6QVCRA9TVsSAnZWagAAX8EP/2vv/UDlwRXc1UjqBiGq\nqjh+JWRiC52r7fYPrhKeIpEordsJrWyFM6kgmCv8ikjO7iLQ4kq8ehBcPtIs\n2sogl8mWbkJZIA620kfOsaM5lUCCCU2xhOmiTUshko6kaAEZhvdaCNHLlYaW\nZ4oMsikc+6amKq7uaFYbcr7eW5ZHiFCOuhg6Hcb6ca743P/Bua0YjuNEb0ut\nvQ9TSOD/znNQMq61udyl62fXANF/C8SYbHjJHvSRUAuS0BDaZo3ysQGIK+5o\nvwoLyc1bKjchCLuHRguJ0nsfMbaFvFzE2F0cSd42SJ9GJgMnptJoLFkEWK0l\nd/3cn1ayi1rBWLYQRCwm0eqEEC/f1Gi7iPN6foP8Crd0O2lNy2GZoQd9fJk+\ni1HM/92iktHZTi2KGftkBFA6EhjQaMxaxNyU6uwkCXwKK7ohwoqeKS0hlmRG\nklB/sO0MX0FJu+aB6cNB5iACHAHL+PfT9zPq+5yoZkIjllcAPEmxv06pdGGN\nY5xlLmYzOAEGk9twXHq2L19m3Pa5MkZXf3c52MDLVo/yxrTR62hB34kiwZY2\nhULEOcu6Ca+WXrKsqHw5TAoqpZeyfwVubBxzIm/R4VdGXFP38n3ZJ1RI//l1\nC1vh/9O1l7UCneBifZ5TBqaH/FxKQM6eWBFrZD2TzOtH1LNEoIJkHou7hid9\neMck\r\n=clV8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpuEaqKJR6pMqg2vxdbnqRNxlYTw/wQCP1lcEOICgjaAIgC+pyjfhrqlxYdzef5H9ja4KA9ge1VQ5D7TDCSi3T3Bg="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.3_1572578325076_0.26476231053977917"},"_hasShrinkwrap":false},"0.9.4":{"name":"@react-ssr/express","version":"0.9.4","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.4"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"47df35a84043490e405f782baa6b4967d3fe0190","_id":"@react-ssr/express@0.9.4","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vSDGGK8jfbmt/5A0Y1ReVtDbRQTTmlgcQ3cZY/CKqqiVSxoUrr3bdzkMhqYyVIUniM9wPhi+mFPJDzpXirlLmA==","shasum":"2b3ceb0849c182ea74e87f722f34600f27dda276","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.4.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6VFCRA9TVsSAnZWagAAaP8P/j6QH/gsqr1nD3sU1tJn\nBOP4LNC80eoXcSfsVqvL9fF1jZEdppB+4nv6IsYUHEGyazEZq9wO6We4A6hP\nsHv8RsSxxjIbCaaGly3XOfj1t8ka60pVvdSsxI7bBoTZAfhZOw0NEp3+5FIE\n6PmsshTCkNnSUrI3queDTJd8uORgEkipInFdIUJ0e06lAJp7ZLBLx1mHmCKv\nqP2uWehcxLmioiOhxz78Od6fitxDn5i7GqAqnyA9TSTbbkZC1yX4fV25+c7o\nMVcjltQag1UDfu10mWj37O2QdJOqOIM3BlBjY5v/veY2bjmTeJG7xIv89jNA\n5+UAliBwB07TT4ELBKTLyvceMG1rROtsJs/IQUJW6uU9reUCf+pnQ2cq8ZI6\njO67D70F/1k3QRgBDAV7SqLrpaX+oS2GWhXti88YPXooiurzpu5hCaen+lgj\npVGnGlqq96iZ8RKow98xhdvdtFOA0IzM5c1TRmRJjsrtZUqwGEqWBTBoqqP4\nNdSUtKbWl7lM6J7mGxfClXdM/rs6dnSLYPjUIfRfLLhl2cx10ueuQSZjolv1\nihHVHTJJ/VQoPogMmrryG1+W9swYeMhWSOZ8ecSnP+Oi4YheebLA/QB/MfeH\nEg76lPa/NnDUHnXMZPNb8MGOuL1R0mOwlCqcKSm2C2iF+jp+tO5S+NCgPmWb\nPCjz\r\n=ms8P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFCPguqZFXZkmSCnSZb/z/sn+Z6mcD9W7npdCY47uUghAiEA7GTaWQW5zlh04fGlh7uqsI/AzssAmA78SFQRyv3hDy4="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.4_1572578628810_0.1370770930226104"},"_hasShrinkwrap":false},"0.9.5":{"name":"@react-ssr/express","version":"0.9.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.5"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"22e321834d7f60f9a1cd8c8d9fba93657919436e","_id":"@react-ssr/express@0.9.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-zHFURy6dTYt5ogs5zl7slNmFmdAUEec6LvveOoe/ZpCk96t40FKQzL44ymLVT63CkdyzLygq4EoGsv2bqy9PBQ==","shasum":"0470b0a043cf4fe763a838562b502a2888f94be2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.5.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6XhCRA9TVsSAnZWagAAVOkP/RC7IAiWAoUDoD+ejFqL\nuH0jqsU3RTK6gbwhTH0UrpsrBz6jS27Kdu9rtMtMAzQdjKocWdYdpUJ4UlkW\nUsw2INKi3jHV2qg+TL0BFHtINCbyVUnh/4sgUWfwN1v67E2rRKNbtn0w8fHL\n/lLDq/H42V0lI9xAWmWXaUT2G5nGBW9727lQ87mEpBbVX1lxGoebj70pA4nu\nUoKaR91+ROgngBHr+oBxdwN0Yw8hKud1AM9Zzosufe4JJ8tPkQ5uJzML9kBE\nA45HXR1broPIIekklHr0H6sY+Ry5/9gyRBGtkSa9Cw6c6pXkvngiX3DzNQvZ\nJezARJdkhDOJjPwYhONs/zwnAZ6cWH80e9vLdr5brf9G1TBvvl6/6z1PDqyW\nb1zaK6qNtNuMHAdQlnReXxzgGyT83zN3+B9xpb16btGYa5CfOGwRRfLu7zFR\nETs2IGdIIKsYvuqbghmNBWg0BrzPwED9iOkAfs64n2PIeoWdBiVrvLs+9brF\nNrtugO6+wZMRZOQ0g64BBaGLIAiQa8LtsbIAr4sUotmpuSuiT1YYkESNF4nr\n8MfRnwm6ljs+CHUSF0VnJScyZ7Os1j8lcUMk8Je/AD1fBvQZ0pL82qmgUOLF\ndfqoPjpNuDhHGXyMIPYItkmfP+427cdKfCA4sCYJt/qDm2k7C5xttSMxl9ea\nmx84\r\n=lPdt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5wc1IsfdwWBrWXkG6J4Tdcbl8FeM5t9IREvSpS3oGrAIgTIFL1q3LdiRg3G9VIQ6KxsDHwHj/m5+mGGBiS07WNQM="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.5_1572578784872_0.372264470560538"},"_hasShrinkwrap":false},"0.9.6":{"name":"@react-ssr/express","version":"0.9.6","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.6"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"9ef57306f13759c960a6fe954866eda2f4db32b3","_id":"@react-ssr/express@0.9.6","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-QpQktWb4ICn4lcZkIDYHO8AinyQ2zJRS6DgXg75rgkVeIPJUq96Za/OzjF6UiSK7dFPl5BG1dykVAr9BNvod7g==","shasum":"aebec37a0c29524f67c540a8e7c120dbed4a90fb","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.6.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6g5CRA9TVsSAnZWagAAgH0P/0B93p9ZC+hkH1pFeo1T\nqDiruMvOF0KH7u+wYIiS6rzBWEl7Z4sOwp2fYJfHgY6deOVNZwBRvHzMe7GA\nP/0NKLgFfJyFgb9w1HWXxxye5nkNqnXv9HT60NOqj76WTvWPkczy2d48ZyRI\n5+iYkau+457gWr59wI/pTmOfNWBo8IxlZtqhiMIz/rBZd+sB4p+2gQMa8yXq\nQpmomQ3bOXagHDIldUhOh9w1VsWxYuCweQcJqjSx8KsPOhv0O+ct2porO9Sj\ntfxWYWUoExJN3O6RMH/R+9E/nMVpPa/zg7JgGMjFFOCkt2Ive2LJ23myiNtQ\nNBOPuhrvx9rm+PZnNbeVSyC6VSiiPfXxgjOEHgOWcidPIxi4nWoHti4XNqnv\nP864JjQK1ksnqn3G9Mk7K0I159f5QpeKjNnAsz7zy/CdpouPbt6F6AspMZfI\nDe7GypfLQjSsZa4NgVu2St3Y74q0OahkxmQtfLcc9sFR6FlARdcgWjaTcxFz\nCroZS/OJVLyssDBKQSKAD6YnEbRiqADtaD9tiZf/zcvFZywPvScw3a2bbRBG\nBRl9IbkyVob3e0lHk5CprjrnqPgtvHqIZwabyRdlOswjPMn8sVNBz4igSoNZ\n6vNlsHwXOUxqGdRS661RoK5cGOwaxs0Y79ky/KdF1xrX3+MHKkxeHW3l26OR\nOufS\r\n=fQLu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJD4jhVrjb8sAUkwQayi0j5JSpAtUn2IlUzFrG7gQ4NgIgIEhkmT+W8fyE8O25EB89WroZmbwkT++zTCg9Fyr7kLc="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.6_1572579384734_0.8983387022290397"},"_hasShrinkwrap":false},"0.9.7":{"name":"@react-ssr/express","version":"0.9.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.7"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"7363afd72f145459214d48c2805ccc2b69c391cb","_id":"@react-ssr/express@0.9.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-tD6OmZiSZ7SgrlvL077PduIygH5/Xy5hYWW1ELVNebFSGakP/G7bMf9JYeDcAtORv5Mp9AB7nmDUGCcUpg7uKQ==","shasum":"7c07938b2dab5f298e8777f55d54eb9072a33af6","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.7.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6jMCRA9TVsSAnZWagAAkWUQAI7IP3SNPwTNBvGLjfFB\nOWO7xKfZTBOQPjITsWOVXrzXlYE2XitZsGjNeh8kAWcstSbPkyvHWkGVgzH2\n2SIvkjIVESnXUUvmjX1WyHMmEK0mCJZrM94UI55T2AQK6JNl7kS14aXTdQg+\nyMZ3oVEme7nchK0aOm1ZNRm0MuNMt8ET27yKAhVxE7hMveaKjg1YUABHFewk\nzOtkE0FsMBXOKKR1maT5fL56LbZH7NI8XchnNPgDo+Q3hXIaU0HTo7hPFFId\nE4hdlkLN5vYphHrxxq5MnOBum2kkkfsieOmbJGIAGP6h0Bi2f0WK+nRvrNjR\n0b/GlQbW0j0SN1PP5zciz+fZzVqZCgaxhC4YKAT+OqW/O+/aMXBGuu/Bh0WW\n7Ho7vw48Zi0pCwEeQlWPY4nXq76qC0PG5Fjce0Bo8SDJjLiCdYI3ilwrodUl\nb23XBLscRzz61kzsKgADYK9ATNYxmzQwJg6gkMtKJrNb8dE2uqXJSfnYCILR\nNlTffqkWYNB1liE8yAPVRj+HfmFa2GI/isb43M0g0Zv6lb8KiH9BOWV6kIWV\n30qR7jshiejju/9++nW6nFWdxaNe3wHfrU7NLrdBXg1hEooMXv3r3QVSMxqK\nhI5nmmZg0Y2cuPRjriqpxrrlk/IHtqav6zsMKZphrWooBBsrzcr0ecafnUVO\nAF8M\r\n=WOma\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDz+pWYdIEhJjEwOp0h+FgeXRxhxnu9uhSKIfYgPM7fLwIhAK6IZ0CLhlBs5TvwmMjuDTlTftWX2fReRp2Pk4933/Ue"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.7_1572579532451_0.648797428414543"},"_hasShrinkwrap":false},"0.9.8":{"name":"@react-ssr/express","version":"0.9.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.8"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"1c9395b1c24f94add136aba8970509c335134387","_id":"@react-ssr/express@0.9.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wLu2sFmFIVf0WLuRbBTQPu2PXULN7XHhbeVEAoiqWKzQDeALONglaPFjaW6f3AQ82KvZUlTMNxnLVfTQYOX2TQ==","shasum":"6c3c0aef1f46cccc8bc6b66397e938ca5b9e875b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.8.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6oyCRA9TVsSAnZWagAALCoP/Rb43sHJjgPNCJVuzeOd\nY//cUU/ny2qmgveWxT5T5xyoNzK8OthASS3+jPSuDgTFaxJUkw5DSNzEzjp5\n+bThK+xkMVI02m9mFF1foVJ7bYzSb8NcHQywy12dFYQ1RhVWtwobK6beGByi\nLUaL77OlsZrnSPjC3LC8hNR8OGhbAOlIj4HJSz6yK0nZPfAU86rCSunT743+\nr8rUku4BkOOTGsRjl1YnRw8cQ1DszCjzPoioxMuCS5RdP2E2MTEdCVwqC1Y+\nEq4nQp/b0cyawX7eEK0upFviwVb8RfesheZbzhjZMnvMmizy1THmfStZlDhd\njj+xkpInjUGfgL9f6hczQScwxC32CVdlJp21rIUgzhYLy4oQUsTH7ek9Bbwc\nKOR/ay9Quc2fC2Xt0v3G14WwMb2ZlyjyzTnUF1rO2GJ+dTwnRFnngasrynpR\nwQjXzQTg1QFjzM/5vpb/1XHTebw+PYdOvmnEn8gDly9zv0xIx1L6Qo9RcVBZ\n0oS+FvlIPMDtn5gAWOKksBqgyd0ZrF6um4mF73gPhNGUFrf/gkZaziEBOeH8\nC5O61TjGKtVe/6ZMb5d0aODmdIq4FYp78g2URmbA3aDT2ROWySIZQauf9Cwd\nnQwMdJxkkUPqQSW77HeC6lxykyq8wz1AIYZFvtvGGK79vjS+/8+KKZNTyntr\nqPdm\r\n=bpqU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKlMPxdOVEoU+TsLaddz9Hx7291zsSz4di4dx9ky2IiwIgcq//UZywwKGehEgdnYIP/RWpJmXHzfHg2m/iGC4ta0E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.8_1572579889987_0.1763214258603647"},"_hasShrinkwrap":false},"0.9.9":{"name":"@react-ssr/express","version":"0.9.9","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.9"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"ef66d459fd06fd96520425ec00659e6b4134923b","_id":"@react-ssr/express@0.9.9","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-vtvDMiFERgFG5QcEhZLp8RU5B3pn9j8KghhuCU6CAkWg381poZI0wiwSJK82vqjUWQdUyJh8kAd/OCCpFES0MA==","shasum":"cacf6c55033b3fe9015008c0e55e3b43a752acba","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.9.tgz","fileCount":11,"unpackedSize":14447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6q5CRA9TVsSAnZWagAAyp8QAJe08Z9R1gy/HdtgTLRJ\nA2j7mh751z1DqI/Lur+NWwKT0AocV0Xz15z1l9MlAqaIN5qy+UVN+qfMoUFG\nHNH3CosJpsnLB4w8Sq95/GZHmun8fWVk5nQ50BfAHMRzrHgtHpKcLRjwibpM\ng4P0EOaH2Y6hjvFeWYJ2wxqm4Ng4GvjJgbaPjPlcrizC84pq83ZtPsJQm51R\nVmijhoIAu2M/VoftzB5rDcepxZXYRYtR1vUnMm69Tq36yZF5t9PHwMabkqm3\nMSti5XvwfhOuj+PgJYU8E4e4SAZkc6bOOsleFHwF81HLvQBCXISm/ZPNHoCK\n/tK1LGR0hblKr3OLOeUPkLGF1dXBXIQdP09V4eTU0dllemtBm+u/gu+AtxqU\nF7elG7HuSEkV5D2KSiQL+D9K/uPTduh9PjZ6UeE1WrqO2tuvXFrxHphiyVLz\nkXtSMaJwHnqIbuR3WSzHyVAeg/QmT6ZV++d8ZZU1/g3Eff8q5ulelQ0IPkZW\nB90KY86ljSxBBx90l81T8J4bbo+cvEtRic3GJJJ+lq5rUcdWlSrjMCmv8+Ci\nVHhSurzOk88lg82IpL9UvSgw5BMojBG2XO/SgI5U2V56eOA/3Qh9tDsRfw47\n9w3Wh+1Nx0j9jY7f7rpayoTTHEZ8BApafJlC16too+vQSOLsrJLtpRgPTMjY\noWSX\r\n=gZpp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzhklIbM2SFJlq4KG1mJebilgMC4k3KlUdZVRKeIxvOAIgJCpFEbVytFzkPeYslFtyxqg8XCZCDaI3mpBBlUxlitA="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.9_1572580024670_0.6573985395812987"},"_hasShrinkwrap":false},"0.9.10":{"name":"@react-ssr/express","version":"0.9.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.10"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"a24d89261f5aa9f1824000158f3e946a0c143b7f","_id":"@react-ssr/express@0.9.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-PUdYq3rJgCY89/8eSsPmtioOlsP2Xor/d1oGLa4MgG2ZjZ9KTk/2C1vIXrbS5bwSPCwzs5vIjy2PAuM1hDTofw==","shasum":"401dffebf5ea40f3b80a383fffebc2d911bda17e","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.10.tgz","fileCount":11,"unpackedSize":14449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6v7CRA9TVsSAnZWagAAeHwQAKSYCKwK5C25FAqw1YrD\n5Qv8fCgrb1b2uk7ieQGA+Ci5PHJEq48r99GsOrT0cB1TuhrPD4oeOWgWMME4\n5xUgGrtiPF/3X2RiZoyAyGsk+BXSG/IKzREEX1oydt5VFehjVjYNSKDJ5vNx\nm1Zv+ajXXag1mWFWQYYtvDw5UvuWIjaTfvXgN8AQGY1K4Zt0ZLkTdgzej8Aw\n8nGiKlwJ6cZEFZyXE6mK9zwGIzo9bvBaEHb6vh9vpwwYzWhjDN28CSjHEPwl\nDqJszg1b+Phz2AtP4mRD9jY00DJlieTMlq0PPvM8bq8MfK9zHn9y+bCFBY6s\nWLyoGKTwLoHqTiRORJfXtdjAsX0e3mVB7a6bPBjHv2TTxAmdsEjd4uvD5Dsx\nbqi7LkSxVKQrqJ3MdIpuWoRQyez0ABodkQUMFMqwqYkSp87E+wedW2OBcQfb\nvE6otlC4aiA7LaC+axIhFtLPRi5W0uRzQUEnUDPBs12dn7n3QdE23s1NbPeN\nEgT2HOlEwJb/1LzgZTpWIy3pR+4zpJsazycOyhsvU8cPlz9Et0DasF4I1+xf\nhWxqeibi7OlQitCN64JWkamqIbk5EQKQgESJhmeuIuujT7LBW3/4Gk3PxIR8\ncjaurkVd6Dip5k5vRpdwcSA/48kkKfLqKQcQCwcvVlrpw+6zYR9XZKdBbfna\n189p\r\n=yPER\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbJp8oq1lC1qrZPvi/oBD1q02pxgET+tqlYOrynZRq/QIhAMvCh73QERE9s2zwijtZyHtQksmclXmQ7eggj7TC8ENY"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.10_1572580347187_0.14818703544746303"},"_hasShrinkwrap":false},"0.9.11":{"name":"@react-ssr/express","version":"0.9.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.11"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"ed535c1224ad13647688900da2fbd1fbfa1d6f5d","_id":"@react-ssr/express@0.9.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-LXifcxVq4eeAVS4HlrgBtv6KUWmXsVnwHN/JMH3kvtuTOpaHGkV5nBrZiFt+NUqi+HhwXMZCM/7rPlMWZCSfnQ==","shasum":"1192224d1fdfa06674274d6d8d45e0a49ae7c50b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.11.tgz","fileCount":11,"unpackedSize":14449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6xiCRA9TVsSAnZWagAATcgP/0NRUsDFybjUdbEQs38Y\nFvPGvLCypHKh0UlCmfvNTTosZrKE7Z1e91g+MOwgywhnhHBn1TUdUYd1Veph\nyo9iItVH19ekFfK7Js/oUUvgC4v9mC64zA1oggCr6kvtFvdKtQeVfB2p5Q02\nrkb6vALgsKq7Ka2j4gH7N73y9uBRxQgQf+oupxjGs2RwVV4LlpbiBSSGj1aq\nwa1OZFvDmvJI6aahiDInDkNWzWDYBTE0LszMUdK6ELYEiP7Gjp7TO5C4Fn3Q\nQ3R3zJqUk0AtZqqytrWE0Ox+JYFBndlBIM/IHLKxiQeRt4yf6M5eJhcXDYU2\nBKoVAvBKKVLqYyY7zI1ja8fGO9WQF78rVsG+V3twhA1P5fPwE3/YTcmgTe8Y\nSdF/SSEDH9R0bfcSGTnr9DORTz1X4orBULWMKwn/yb3Y9YqNKWqKrOSQxZA0\npUnrat+PKT5bAr74pu90v4cIUbloMH1UInivPU6/3+NJNL/J3plg9RYBFiz/\nXnCbDBJblDYpV26mCHkJhno3xbdj0P1Zq92kU3CTb/wZhYr6WhefWdlSpIAp\n9tBvfpcSB0O7ZInivM2VhAHq+ZpYv4SJq47frQ5UNc6z6raLaXFQM28eqUtn\nywwOvVA88AsTOM6IR93M9L+jIG0hwJ3IVdR8+C5NBpGIX/Chk87tPpiz/zdr\niKYl\r\n=eTS0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiFmzXNtVda1SC7nzBCEZERkQYX/6LRKSOIapwind8+gIhAPBiXTCvmcpe1RfHU10hQcR2BlRLuAapQdDKldbylkXh"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.11_1572580450191_0.07721873725091766"},"_hasShrinkwrap":false},"0.9.12":{"name":"@react-ssr/express","version":"0.9.12","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.12"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"b3fe778ac6aa7400fd581916b2d7584cc4c82ce0","_id":"@react-ssr/express@0.9.12","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wbnLa2qd4YQ/EMMcunYwMpLyO5/x3czJbKVfSMfsTnHPyuj24/OMb3H55jclGqwgHK8CzwYrN70O8TiFC+qaUQ==","shasum":"cbc9a2cf380956f78795642ff62cdf29730e17d2","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.12.tgz","fileCount":11,"unpackedSize":14449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6z2CRA9TVsSAnZWagAAA14P/RcT6MSyXUPMmVbjPwbE\nC6rSUSld6Mco59n+4YBlIXYilBI4e3Dt9ezaKhTRLSG0l6W3gI8NL22VHHqK\nrAdAjL4B1lnQYSzTpZrCJZLC7en2RVDStbyihJoHV0/5o/IwisTWSaJ7o5HZ\ndy+Wh3LE5X+X1wvTnNXAIXdfEAV8FlrnHZan69rMVVyzMvyATnKZEYAWgB+N\npwTegxzXYlceVNpPe0BVUTsZNi5vIBMB1Cfdh0KTQAjaFXwx9lMaaq0LznGr\ncENIspbQPUmAnvnNMLSVZ+6fD9dWdIfIaDKFvgwev1JRsEQ6wG3ke7sc1GoT\nq1L0N2FR/roGkXnkkOfaD5GXJUNs/LG1VQx27rgvi6S7OWSsxlEDL99y4ThA\nF22sigQ5sSXrdPifP0gVKyusToLcx1pp2r5iMjP9V7pzgV2xxC5eFpsU8XjA\nOZ6/b7HDBMhT7bXACdTLE5NWImrwHQediIMYJdYGOqaZQ+dq6tiJPkWG6Wx0\nJekDkF7KXUbYMqIHeVcGucIvElriBhrLnoaJDaaKU39gB3wNlI2BUWk9Y4/I\n2muqCfwzDZnxNS9Yrw8D2TZXUrAI4Lbz4+jFk6UDkyat7wfDq9bGhI7RATYR\nKcn2SsX7rNPqqr15UVIWDwQzurDDA4QbBlLo7/fHvEKO4K7/ETc+/o6ouFzw\nOYG/\r\n=u1lY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCr6zGRjgEnutl+rQoBZJgw5I0fhNNpJPeWmnHwBIJrDwIgHWw2qUXmVLuMy4AIlcIdlAFHz3a6CfWiE+wXa66ACns="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.12_1572580597480_0.6605830617953257"},"_hasShrinkwrap":false},"0.9.13":{"name":"@react-ssr/express","version":"0.9.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.13"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"e5d40e6fae77dbf070c1c2984861fba9342dbd1a","_id":"@react-ssr/express@0.9.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-AWDg/thubDfLm3WjyxCY3FHnZ/miYW/zDXiXrvHF2tdDKHBd7O/xlx8p2Cql/+1u3cQWuGcgxaTpiuPJVU2g9w==","shasum":"11e75c9bafb45c025d8ac440cfbf4508a8d8c61b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.13.tgz","fileCount":11,"unpackedSize":14449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu65pCRA9TVsSAnZWagAAegEP/1ZfcWOSuNfisE0r2qHs\nHsjNvY4MoOJgpQjeuPiQJqtDyI0ua5qV/LGNTVrrCexHpjj48P4El6dEyCbr\nRMM10Tta+OqaWNrdbB1ROoXmYlLU5hgVIlQw6C11smoqaZGnboncyqylEwD1\n1ogWcSVx37hlEWH9Ijy2Rmudk7hidZd9LfYydZiGs05Mav8J9HWwpxj6voOL\nqAUdXX45CVo6JPHudafq+uCXQSBkRY8plyZlg99BBnsIo7qpsprp+Yu5fRbm\nHjTXWx6UR5LUE14KIu0u+GyoX5GVoSjjiejMKvGMJmCpndPxVnO0yOOkZrJw\ngRLDi48Wv+BQ6VbONPG0gOaABXxSUnzD7E/kBFdUibPZFHZV6NAgCPjaDyZM\nOs+UIJV8YedCqdL/8rGMxxNKSwy++RVN/7G5wOXw+aBkEZ3TzJhyz2ngKBAy\n5T1WH17cyQg9MsoLnHMdrnPRZ9yj0qWOJtU7hMUsyh6g98N9eqI2aaG7EXJJ\n4uQI8xuOweNbu64fNOlRlby4LuHiXsmNDp2qoUN5nWM0TYQY0jJ9DEfDGceH\nwbw/N9wGPqs0u/B+nR8w1uwpSXm3LfZ8rWqZKDm2ulzx8mvhXTHQjbYGxisy\nvmroSEKQVf30hIqI01Wck4WXetpCoVr8S6OR7pQssZsHgs6JEasYF8+FqAG+\nFIw8\r\n=4aKH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCng37lEU6qM0Q3EZPmfyYGY+7iEVlhqGfRkripZkNduAIhANSyGT+qHBzyytNAzM8oN21raF8Qv50yEeUFrFFey6I9"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.13_1572580969283_0.5428121586345769"},"_hasShrinkwrap":false},"0.9.14":{"name":"@react-ssr/express","version":"0.9.14","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.14"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"50895251cb950cfa4ccccf03bff43011b4303e51","_id":"@react-ssr/express@0.9.14","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-ckwOxA120uvXt3EEua0rl2HcAW8Nl1OBlmHZKaddz94eYZLTciEpxOYqOGk4hX2Iu9PC5abDDw9+T2JNjpzc7A==","shasum":"516052aab3d43e5653eff0893f15fac04fb0f03f","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.14.tgz","fileCount":11,"unpackedSize":14449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu6+pCRA9TVsSAnZWagAAqpcP/1EPQLaGYKYYlqFf923e\nVc47XcHyIxb//pr0XQyGKwlYhtquyc/qJ4dxh5oBPjfTq3K2uPIVwXZPCcOx\n7j6unrRhFC40t0ocop5Q2sTnE9zsRYMcPIzf8TVMFdP/X491moyWrvPz5Fmn\nJUyFG24R6C3MvG/EdLLUgMO6Pr+mtqrBhbJinmIr27bWfSZoOb16Hve29W+2\n9YF1whQUDJAWmwAzgK8Fts1ELkVxTr4aDkV0PhOGw00VJ3Eu+1N/+xfyhoJJ\n8cRVT4o12hhqV3KLLlwyIysz5cZBUwEa+p96Crff8UglcRbjMZJGRn909uhN\n807Aq3YqlLS0C//Fq9OfX/HV322ecZyjy/8C3sTTs1lAXbQcqWVzOebfGyZy\nL0nz6yMN7FmiCaophVJXIv90PkSjZbLlL1FTlVhAQBFacPr2I7a35rNgwll0\nsn3q0BI50y39U1QKBQtZoyKSXgz2DAt/jjmCx839l2DVkWUHyU0gye8r7dFT\nw0AySpHIcmnvFJiyJ3+t4OxUDO7Qc1VubIAHW27n02lW08Uwj9gJEmNjOoGL\nIrn4Lw+PDtodGEVER+PcbH3vkLUPIh8SaH7Tmb7jIoD0oafy0zFMnZifOzXr\nLLtJAOwfy8M68gBucOfVM0oYl+bAplAVMf25ReZ3CbG3RDRs55Tk8saHFnnP\nyivP\r\n=FJHh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAbOzi8YhrwOBb2eGbX/yB0zj47+C2eSOPdioB4Ve2UMAiEAuCvucOpYYvgBd7del+AsOB5cq/XqCqw+9Jq4aVZHcEQ="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.14_1572581288720_0.2912605190052473"},"_hasShrinkwrap":false},"0.9.15-alpha.3":{"name":"@react-ssr/express","version":"0.9.15-alpha.3","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.3+898bdd3"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"898bdd3d06a22412c967a54337bd8b20a62bc6a4","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.3","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-Wj38hNbd8kE7V6lNoHTBMNkReOjEkyo4B9dMWGDBJNAqSU7SEqQuGB1IXhCMp0KLM6IWI7awP2ntuu0OgLceYg==","shasum":"0d1e765579bc5268c4cef7ff6d3f52ad3496e5c0","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.3.tgz","fileCount":9,"unpackedSize":14159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8ARCRA9TVsSAnZWagAAbngP/Rgd5AaN2un8+zVWJgpQ\nFk5JvVcLcQd1igmazS+8pCe9fFUq9bcATPSN56DTkC8HuXMueGNLYHdCuHpp\nAXFDud/Csq6ufWiVG7K9g56/i4oAaYaAo8/NmXuLtgVogpcX8Dqr18ZJ+3b3\nSqNrgbazItpZc90g8rJG+7CyOPAyH5s31HFSn3dUZecQ/rDvVpKu05oZrsEZ\nXBhNU7kknWr/1DE+YykFxcg/jj7X2ZtyIGCA8lzimZNksR3AZ1qbZYq+gyZH\n8n/Zc5tQR4xgS30mkWoJ+zrxoK7fQJooyqGIkLPlVhqQ72kwYAEuCbk9vGsn\ndCe68524DtZj96HKAgRbg/3vJsazDQl5599yWX5DVWrTwVFIR9MwL3NuP0pj\nOzxukVKuiOTjB+jcSB2YJGLrTZ02gTEzaetboF/8CgZv+KknSWyNWd2v2/FU\nXjOOOG5kDIOfnxHM5x8gXUjk4O466txAyMj7/8JSAhJ7LX9vD72cixTVX1ss\nD5eu1HAlaQcAO9oUwrRb98MVXj+tG8qaz26/MvDr4cGW33zhj6oh9xpPNf8h\nCIiYl43vWHLc6sRZYOlVmn+N+jfV355pK30Vdb3NSH9KMpKNkgTGexBSEn+o\nDpf2N7WHhPX+OCy9j/YvcRcqNlNPj3TJjVqFHBFIKFqnQGgUFP/pt4eGegT+\nLFld\r\n=bIrP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnQADa30R5NtiXFfFr7TZbMvUF5lBvZ15QBI2Aqa0gPAiEA0I/7Et0eQU3pjpcRARx5l990ZnAFNLQAgWCyHf4Nt3E="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.3_1572585489421_0.4820964803512424"},"_hasShrinkwrap":false},"0.9.15-alpha.5":{"name":"@react-ssr/express","version":"0.9.15-alpha.5","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.5+daaff30"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"daaff30d42cf62d1d35e7d1b56a56dcb5ee59ab0","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.5","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-wVt5oT0DMBKRfeklsqLDmFrCU530Hq4mac9iHzGjo1TjtGbN4jU61JFQKVIof+JHrTvPlXCod4VBWPkmnK9dgw==","shasum":"f935584ee4ecaf54198f9da0f16ce3787294de6c","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.5.tgz","fileCount":9,"unpackedSize":14159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8D4CRA9TVsSAnZWagAAqTUP/2LdA7MsI98OtBtt0Gb0\nhlHn4RcvCpf27b8qPeOIdqX4nAZ01iJOGhAH/IOWxZngjRbnuwL+twyJGQq8\n2gpfBDnq6DxspQg4P7p5PimB0ZpelsBOHILE3bpYJyNidoAcS/lXS2YRp0Fl\nsI8Uaza0ULM6zi8WjbFV2v9oq8cSEKPFHoC1c5hZ8G4tu0llkZYqLGMLqi7Z\n+Wd6feuL+8K9Yk//i9m/bZAgJozwJKfsIfVWwtu7lkeECJ9KJwcxHW1AoyhT\nSiqQAF6bCkpRVUQM7x4BLdX9VVmaTVPX5KhtgxFQlEAQrvlVRmIM7X8HXZWH\nmP51Oby0kZdveNZY2T0wBbyUTyAaftz9q+Csj6ixoD49LIHhfLV0Y5NXxQ1k\n5tS2lURJ4ctw4Vz+CShR7NpaNlQH9l4KsFX4SY2jdGIFiEayKFORy8yrM0Yg\nLGNUJvYT7GIRqZeRnRiHYaC8kMNwegSopGeKDziVVqXM0v6fpAAufKbMTAmc\ndwt/S5hLa+B4jqjZiZvcT9T5dS2OTP65zrmNXzeTR1Bwt8M2SZczGzpcFIc8\nUJ69aOeZD8Imx00QpHGjxq48qm1Zt3KaKgaUGkemZFqpy8dB5FD9099i+Wdi\nnGbT2p9Tvx5O7LGSTBCg1HQu59/2ZQauDVipr2or7gfYUU4SPM1r8dxm0HzT\nitKY\r\n=MALJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM48K7rTXwPWNds2UpPIdjUBxiN/tqesm5Niidx/fVjgIhAKOgHq+nBXp9CaoH0mtZVi2RhqBnLSAFAu01pfFRBCBN"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.5_1572585720390_0.32222657573009306"},"_hasShrinkwrap":false},"0.9.15-alpha.7":{"name":"@react-ssr/express","version":"0.9.15-alpha.7","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.7+98175d3"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"98175d315bf6bccbc383694adbff086332e14d2f","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.7","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-3FdDbNxm0b9iqMmivKMiM8hp4NzPIzQOyEHFI0eC5RPIqr5KxJ+p1aMSdJOH+qkp8b1LnQPZrTltl6O+6Wytow==","shasum":"5e2d3f054d15da79bc96a5c6daa825d7c2cedfb5","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.7.tgz","fileCount":9,"unpackedSize":14159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8KoCRA9TVsSAnZWagAAY38P/iHnsQjqVwRe0BA+OxQv\nGLD1742751/OKUJHiZdc9IwAHoNf1dEX8swEZVjbye0/MNZxTKxsQC+DYuvb\nLlkf0TvdRCopsyqhZr07E+B/OYQm3tPgUnLCCoRdcb1LMpl3KK5p4Y83jN8q\nczydf6O5gP5eFv0LOraoxI1+pdgZBZE5JnAoW/579PNknXMebmjRdbIJuICO\n31t5RUZFygBf3zIAszM4KgNr+8dFpFVjoz4rNGG58keyUdwnGidbkoetavQB\nI9c4DAXznc34TMU7EXY+jV6B1FM2qO9Osvt5shhs/Pef5TwEaYhEsG/29+cf\nwUFrDV6phZdV5r9one2iEf73CWxarp7RjNGRlStsZ9yELes6+fu0M3OOje4M\nrUxJ+hw444kVrGbrpQdLxFvdt5dDho9OfqOM/htiGz4Fk9Alx9rSgFxOR6+w\nM2y0S/c+YFCL+U3ZxZZpdIB4vEWjVn/z56B3+P1mL12fkRj9eicuUwbVNx2V\nJwrHTDGO54fGiWvzb+DGioUCu511JC4xzuMJUgFw4mMlTQKy5IJZf7PRLrLF\np0wel6WGpuimvMNYC59c7ggxVhQTiccbLr1QR/I2W8Ok9hPgb70d1F4bjjmh\nEly6dDczPi4VKP9vJg6an3D7wJ/O0KVT6FE4oaRh+TzeiYOxJLmDZS8W3fmJ\nEvMR\r\n=q5xN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFhBhBnSycuJJ7AutQNKhXxq6PjjLk4mHpkGf00diQI1AiEAqBsTEAvInRffrgKqRmmc0XtH0rqWkWXcT8unjB5NFPo="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.7_1572586151984_0.14274063346744748"},"_hasShrinkwrap":false},"0.9.15-alpha.8":{"name":"@react-ssr/express","version":"0.9.15-alpha.8","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.8+c52474e"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"c52474e5917dba41ddb0d7cc0489ed275ee38633","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.8","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-cdSzrsPCd24WrPbS4lj19gNY4FyofGJT1PmfsBVmh4VnCl8LgjUqy8bBp269l5B0Mza7Xgu50TeLSRzHkWWE5g==","shasum":"8280825e5d4e551ae58f721cb5c934048665ee1b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.8.tgz","fileCount":9,"unpackedSize":14159,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8NPCRA9TVsSAnZWagAA2ZIP/3BvONckIQRntyH05rWR\nk0wto48Q3ifAosTfO38oCcNaJtDrV/7RPEcMClem1iwoLi16ZqQxaIY3aJ9V\nGQ7/0OJgMYI40Sxs5tuQ42Uod8h2LkDCbgfqkt9BgvEYeXi6/TD1ZX+/xS3J\nuvXQOvB347CyigXPHu+CFgN8nPh7z3VyDOnm+iOZBzxXRCE60a5GrwcNhQof\n+WEjcnBXqI94D2aW7NOOd00g4S+SpZkQAafAHEh/kcp9UeSkQsmJOyp99Be6\nDi5xsZCHzdfQy1q8O3s8gcZSK1Kr6QCdtg2NSw4NEIBCzXxqzzKJMJTbWPYs\nG+wszf2t64ShJC5XhrsDTm//aY+6SezgS0kvah0GwcemJVLKtqz+ytCJcCgu\n75cdy7etZbBxJ8XNaSd4XirfSzZp7o7iEH3OOpxyjnOduyKH3nRbmudLV/b1\nlta3YFdgnrAr7jYbQugl8p7KVdJp/UJBHJ3vj1vih4iOojG9yXbRzU5nGmIL\n0wPOgoUTLTRAzDMSpN8de1fLMWXuhXDgp/z8jvtMLHBGkYwKUGS3t7PnKFmn\nPFHCz2tP17n8PlHRQstQYrx3vJVJLE79V+mOZ1d9L5GWS11Kb68VJTD3zVg/\nqBJwn29qpGIMW/acQkx7WF604HtQUWK3oFrmCmepdJKTt4kNuLFlQcntq+i/\ncgs8\r\n=vYbW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHXJDQNz/s7qCwAZIIVvtqxUzPb5duNnUyVXWvPf0T0dAiEA50qol8ktG5nyyrNe/NzpYyOD8bz/aG8jCjHlkP+Ob/A="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.8_1572586319469_0.5676652210083617"},"_hasShrinkwrap":false},"0.9.15-alpha.10":{"name":"@react-ssr/express","version":"0.9.15-alpha.10","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.10+f5ebc9a"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"f5ebc9ab35da44702898fd0535eb8ac3d08d7904","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.10","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-2GyQKqd7/e6bKqmaIvqv8qDKP3KhjRoMKb6ZN/wbjY14gt56yiIfTS2NCw8UGvDsk498Z8Rvcu1h30hjgjxOJQ==","shasum":"5c47f4d2d5c2e84ebec9d52f2934e0f39319f569","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.10.tgz","fileCount":9,"unpackedSize":14161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8TNCRA9TVsSAnZWagAA7Z0QAITneDtdOtyDTNPVyHXI\nZI5A4nNHwIoFMndko8mAs19No1S/alzafFZ05ak4tVWjipRg5LtjDAlxQ6Bk\nqGVTQB1dZhoi99QVSOMhVqYjQhwlPZ0Vo0qLZP9vgEnYtjQANrTD9pX/JYO1\no6eM8P7BR3ucANYK7VOt4KuNc0XkhbfEi1+50l/CVSiz/hWD4buascHqBtTg\nw9HTLm+l9m+wkWJ7zR6ZcD9WmKayRrDYZqhUigzSubFJpq3pHTWtpnNJ8idO\n2sJdZohDa33nqpe/8D0srIK6x/YW/YcouaHlpOCBxRTjV1HfTYL/rgfWYdqq\n5KEg8ZrwjLpy6fD2oUgDulHE5VB4SOL9WAjEN62Z+M+MOEYWPOPw10PFiCcv\nnDOs28tX2MiNYHiDqmBULLyUNUWr+EqyD7wQJChx2Dz1hPMkAbhDBCk06tv2\nGkWi9eBNs9u6MMVNl+jihBXpAlZqqWj4/UFtKj14LhqtBxW9R/RYi0DxGVc3\nxPipfp7WShu1XP/C4GR+p3FyrbPn8eGaUl4pXjg2dSxbwyQvJ25p30YjCEa6\ndayLfd1mk7Ad4+DSGgVJ9Exxqmosl8G4IsAn9QNH2py0YcX7EOqL2qxC8ktH\n7YmupNMpAX4Ppxx+YiHZvqvFpxsopiCTboYKZUPdvnM+MbD9qJyW1W6kaQBc\naHvt\r\n=NaTf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAkYoIG1SGiu4ncvXNx65Go0HFENVYntN0thiMafgsZPAiBs6RRbVFcKfSdz8t+3W3ig30YLXgsMUxQ5C/dx3k1hvQ=="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.10_1572586701180_0.6700406390112981"},"_hasShrinkwrap":false},"0.9.15-alpha.11":{"name":"@react-ssr/express","version":"0.9.15-alpha.11","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.11+c33f825"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"c33f825115eb783d20e5bf1b6a107422ff699690","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.11","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-saCQmioTCDC//L6qzcRBXhLosislor9yri5t5FhcG+usz4XQdA6KM3fkBWKth7GqTZGutj10hIxKwBpbGIvaoQ==","shasum":"37d0b288f19578a013167992275011adb285b59b","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.11.tgz","fileCount":9,"unpackedSize":14161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8VGCRA9TVsSAnZWagAAUPMP/1z96qtWZBCmwf2m1dHm\nR/zQUwfvu9KNyan59qnJUtjap9fkO9wGryqkGsR0CWd2Ov31phrzkp0nz+lC\n7S6GQueazDQTXItUWDdevYyPoIoJ6shAX4A6ZHRcXBIbvKQu/ftpGfV2mtiI\nrdKLukEX0jgn4TtBOppDbFIO2gM27wsCO+zaRl/Ey+Zb1i0Kx3k6LJHu76oU\nBwJtrZnRtHfTVFbTikV4lTpPlxIvHxbyqJ2VVYz9ScQL/y8N0ja2USGsRV+B\nkbptBPiZdpYbQbYOQkJmewsFsvHiwd7TJe0ir5GspyBMlbbdFTYKmRgHIBS/\n/8v/SV5RkR1RQ68HX6Vz416o25X7XP7PlqRJclO0gF2ZIjZwmXndxdWgbJAs\npfzzNCrYUgCC+bTKIRJlyagWDOxVTrDDskGhXbCkU4HSf9yPO1Uwf92qouBD\nahnicH9WyZQ7KEFPZVI5ZkCInF0aCh9BN5PHepH+XBVyhDYJbKaYOEkapZ+4\nVV5TTGetU7RjaxaeJb0J+eNghDKEXscJFI5zNBW8v5fGrJTwJgSfS0AFnNNK\nU5T89N5JBKFB7Hr85L4PE9GAxF0mo/Izl8F2SMPeTT+ceWoqPbadCeCCvmSZ\n96Eg1wCKhk2OqS7YD6QEIE0MGFJx7UXZmRkVzxkaxrAqh09eEi94BQ4ajIQH\nMd8X\r\n=G5UO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyw4wIwPfGhqh/Z09A2TEwJpX+yrrUMcgdd9+YMTN6MQIhALG9r57nRFtZngwH6KaH4zfF6UChjcDIIl+AY+pEE3dx"}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.11_1572586821840_0.7512787922182906"},"_hasShrinkwrap":false},"0.9.15-alpha.13":{"name":"@react-ssr/express","version":"0.9.15-alpha.13","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.13+9ed6b6f"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"9ed6b6f3075af7daa91eeee177dd00273971ad90","readme":"😎 @react-ssr/express 😎
\n\n\n## Overview\n\n- Blazing fast SSR (Server Side Rendering)\n- Passing the server data to the client `props`\n- Dynamic `props` without caring about SSR\n - Suitable for dynamic routes like blogging\n- HMR when `process.env.NODE_ENV !== 'production'`\n\n## Usage\n\nInstall it:\n\n```bash\n$ npm install --save @react-ssr/express express react react-dom\n```\n\nAnd add a script to your package.json like this:\n\n```json\n{\n \"scripts\": {\n \"start\": \"node server.js\"\n }\n}\n```\n\nPopulate files below inside your project:\n\n**`./server.js`**\n\n```js\nconst express = require('express');\nconst register = require('@react-ssr/express/register');\n\nconst app = express();\n\n(async () => {\n // register `.jsx` or `.tsx` as a view template engine\n await register(app);\n\n app.get('/', (req, res) => {\n const message = 'Hello World!';\n res.render('index', { message });\n });\n\n app.listen(3000, () => {\n console.log('> Ready on http://localhost:3000');\n });\n})();\n```\n\n**`./views/index.jsx`**\n\n```jsx\nexport default function Index({ message }) {\n return{message}
;\n}\n```\n\nThen just run `npm start` and go to `http://localhost:3000`.\n\nYou'll see `Hello World!`.\n\n## Rules\n\n- The each view must be a single entry point\n - Don't create other components in the views directory\n- The each view's extension must be either `.jsx` or `.tsx`\n - We can decide freely with other components' extension\n\n## Configuration (`ssr.config.js`)\n\nHere is the default `ssr.config.js`, which is used by `react-ssr` when there are no valid values:\n\n```js\nmodule.exports = {\n id: 'default',\n viewsDir: 'views',\n distDir: '.ssr',\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n return config;\n },\n};\n```\n\n### `ssr.config.js#id`\n\nThe id of **UI framework**. (default: `default`)\n\nIt can be ignored only when the project does not use any UI frameworks.\n\nSupported UI frameworks are:\n\n- [x] [emotion](https://emotion.sh)\n- [x] [styled-components](https://www.styled-components.com)\n- [x] [material-ui](https://material-ui.com)\n- [ ] [antd](https://ant.design)\n- [ ] and more...\n\nFor example, if we want to use `emotion`, `ssr.config.js` is like this:\n\n```js\nmodule.exports = {\n id: 'emotion',\n};\n```\n\n### `ssr.config.js#viewsDir`\n\nThe place where we put views. (default: `views`)\n\nA function `res.render('xxx')` will render `views/xxx.jsx` or `views/xxx.tsx`.\n\nA working example is here: [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n\n### `ssr.config.js#distDir`\n\nThe place where `react-ssr` outputs production results. (default: `.ssr`)\n\nIf we use TypeScript or any other library which must be compiled, the config below may be useful:\n\n```js\nmodule.exports = {\n // dist folder is ignored by `.gitignore`\n distDir: 'dist/.ssr',\n};\n```\n\n### `ssr.config.js#webpack()`\n\n```js\nmodule.exports = {\n webpack: (config /* webpack.Configuration */, env /* 'development' | 'production' */) => {\n // we can override default webpack config here\n return config;\n },\n};\n```\n\nFor example, let's consider we want to import css files directly:\n\n**views/index.jsx**\n\n```jsx\nimport '../styles/index.css';\n```\n\n**styles/index.css**\n\n```css\nbody {\n background-color: burlywood;\n}\n```\n\nThen, we must override the default webpack config like this:\n\n**ssr.config.js**\n\n```js\nmodule.exports = {\n webpack: (config, env) => {\n config.module.rules = [\n ...(config.module.rules),\n {\n test: /\\.css$/i,\n use: [\n 'style-loader',\n 'css-loader',\n ],\n },\n ];\n return config;\n },\n};\n```\n\nA working example is here: [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n\n## Custom Layout\n\nIn the layout, we must inject `@react-ssr/express/script` at the bottom of the body tag:\n\n**./components/layout.jsx**\n\n```jsx\nimport ReactSsrScript from '@react-ssr/express/script';\n\nexport const Layout = (props) => {\n const {\n children,\n script, // passed from the entry point (./views/index.jsx)\n } = props;\n\n return (\n \n \nHello Layout!
\n \n );\n};\n\nexport default Index;\n```\n\nA working example is here: [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n\n## Dynamic `Head`\n\nWe can use the `@react-ssr/express/head` component **anyware**:\n\n**./views/index.jsx**\n\n```jsx\nimport Head from '@react-ssr/express/head';\nimport { Layout } from '../components/layout';\n\nconst Index = (props) => {\n return (\nOf course, SSR Ready!
\n{message}
;\n}\n```\n\n## Examples\n\n- [examples/basic-blogging](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-blogging)\n- [examples/basic-css](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-css)\n- [examples/basic-jsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-jsx)\n- [examples/basic-nestjs](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs)\n- [examples/basic-nestjs-nodemon](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-nestjs-nodemon)\n- [examples/basic-tsx](https://github.com/saltyshiomix/react-ssr/tree/master/examples/basic-tsx)\n- [examples/custom-babelrc](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-babelrc)\n- [examples/custom-layout](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-layout)\n- [examples/custom-views](https://github.com/saltyshiomix/react-ssr/tree/master/examples/custom-views)\n- [examples/dynamic-head](https://github.com/saltyshiomix/react-ssr/tree/master/examples/dynamic-head)\n- [examples/with-jsx-emotion](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-emotion)\n- [examples/with-jsx-material-ui](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-material-ui)\n- [examples/with-jsx-styled-components](https://github.com/saltyshiomix/react-ssr/tree/master/examples/with-jsx-styled-components)\n\n## Starters\n\n- [react-ssr-jsx-starter](https://github.com/saltyshiomix/react-ssr-jsx-starter)\n- [react-ssr-tsx-starter](https://github.com/saltyshiomix/react-ssr-tsx-starter)\n- [react-ssr-nestjs-starter](https://github.com/saltyshiomix/react-ssr-nestjs-starter)\n\n## Articles\n\n[The React View Template Engine for Express](https://dev.to/saltyshiomix/the-react-view-template-engine-for-express-42f0)\n\n[[Express] React as a View Template Engine?](https://dev.to/saltyshiomix/express-react-as-a-view-template-engine-h37)\n\n## Related\n\n[reactjs/express-react-views](https://github.com/reactjs/express-react-views)\n","readmeFilename":"README.md","_id":"@react-ssr/express@0.9.15-alpha.13","_nodeVersion":"12.12.0","_npmVersion":"lerna/3.18.1/node@v12.12.0+x64 (darwin)","dist":{"integrity":"sha512-TEmI9l+VjWOPMrDUwghLrxNT/wBJ/eqLd14faX05gEtC+CI1TyZjwL66yV9ABTfwPSDRkJBSD/Sy7ln+PxU1NQ==","shasum":"30fa37bc9ff50c2d2eede884c87e1f66d2f59c19","tarball":"https://registry.npmjs.org/@react-ssr/express/-/express-0.9.15-alpha.13.tgz","fileCount":9,"unpackedSize":14161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdu8gdCRA9TVsSAnZWagAAxQ4P/1W8BzB99oisdr7VoVox\nAs7jB7jbOT4XqsjC2zYmff/G/tsRojjlCHssniUSVfx9gWkbbS6ZA0iNkKAz\nDmeDXNjmO5q7+mWzmGiD7SrWiu1pVc14X5bxDZWfHvvIzTT/qcGhBHE8pCER\nxE0tf7sFipyB9acU2onpvfoNW1K8H2XemxvlFCZxSBLyh7cq3ppn0k3NtG8G\nrq2QW3DCjzIcd0GK0WNV3DEYolyABeXDqoR8GHDKM62MeAPiGYWhCFG9KqGV\niPL+7fU09XXzHSEP+LFazDp5oNp/6NwDM1VvqwxCpXOugoQalgjDK/Z+qzcn\nbfZcomgM3mPUTRzuV1g1QJDLxjrl649H9It8lY9mxA77SgtZW86Gm32ecdgG\nsC6wl+seBNaC3EKYnnZZfc8wh1IgtLtWbln8C7T0g/NtmjYIG7vhJIwIYQDy\nfQ61V1gHpXb17y3ZrMJmMf5PjK2WYWIos0n6UK53Lw6vJHXr3tw1GGSQLsg9\nkHZhw4KIhrfmu52DN1DwfAVQf1nkKZetYeuUp2mFaS+fmuni+olIOC6ZA+Eu\nXPKpjxdxvSZANinZ/e0/voKB1pXS0hqJOo3t72DZn5C7VF6MhstXUvHd6NnN\njErkXSXc8ZLfM/THlV9DcXbi1rmdCOnoXrvRtAjT/o6CamBiim7Sppb6S24F\nXyPv\r\n=DdtB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDE5qjy1ARlndTYgrQoBtIA0Q0IZdKGYl17ZhUTQTRAcQIgXydCLGhvjvBCEP2SCChVZ1YDDfZ8dCwR62m9dsQB19s="}]},"maintainers":[{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"}],"_npmUser":{"name":"saltyshiomix","email":"shiono.yoshihide@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/express_0.9.15-alpha.13_1572587548839_0.5968879632676516"},"_hasShrinkwrap":false},"0.9.15-alpha.15":{"name":"@react-ssr/express","version":"0.9.15-alpha.15","description":"React SSR as a view template engine","repository":{"type":"git","url":"git+ssh://git@github.com/saltyshiomix/react-ssr.git"},"author":{"name":"Yoshihide Shiono","email":"shiono.yoshihide@gmail.com"},"license":"MIT","homepage":"https://github.com/saltyshiomix/react-ssr/tree/master/packages/express/README.md","keywords":["react","reactjs","react.js","express","expressjs","view","template","engine","view-template-engine","ssr","server-side-rendering"],"bugs":{"url":"https://github.com/saltyshiomix/react-ssr/issues","email":"shiono.yoshihide@gmail.com"},"publishConfig":{"access":"public"},"main":"index.js","dependencies":{"@react-ssr/core":"^0.9.15-alpha.15+e67c6e1"},"devDependencies":{"@types/express":"^4.17.1","@types/react":"^16.9.11","express":"^4.17.1","react":"^16.11.0","react-dom":"^16.11.0"},"peerDependencies":{"express":"^4"},"gitHead":"e67c6e1ebd90820380504a2a4012e672caac3e71","readme":"😎 @react-ssr/express 😎
\n\n \n