{"_id":"@goldpage/path-to-regexp","_rev":"41-bf664aa91a6cf27f1b3044177beedb68","name":"@goldpage/path-to-regexp","dist-tags":{"latest":"0.5.13"},"versions":{"0.5.0":{"name":"@goldpage/path-to-regexp","version":"0.5.0","@brillout/autoload":true,"dependencies":{"@brillout/reassert":"^0.1.1","@brillout/reconfig":"0.5.0","react-router":"5.0.0"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/reframejs/goldpage.git"},"gitHead":"71a1a4d54bc06858541687db32a4367ad532604c","description":"\n\nGoldpage + `path-to-regexp` = :heart:\n\n# `@goldpage/path-to-regexp`\n\nRouting with [`path-to-regexp`](https://github.com/pillarjs/path-to-regexp).\n\n(Note that `@goldpage/path-to-regexp` doesn't use the npm module `path-to-regexp` directly, but uses a modified version [`@brillout/path-to-regexp`](https://github.com/brillout/path-to-regexp).)\n\n### Usage\n\nInstall `@goldpage/path-to-regexp`.\n\n~~~bash\n$ npm install @goldpage/path-to-regexp\n~~~\n\nThe plugin is automatically loaded and\nthe `route` property of your page configs is now handled by `path-to-regexp`.\n\n### Example\n\n~~~js\n// /examples/basics/pages/hello.page.js\n\nimport React, {useState} from 'react';\n\nexport default {\n route: '/hello/:name',\n addInitialProps,\n view: Hello,\n title,\n renderToHtml: true,\n};\n\nasync function addInitialProps({name}) {\n // We simulate a network request delay\n await sleep(0.5);\n\n const nameReversed = name.split('').reverse().join('');\n return {nameReversed};\n}\n\nfunction Hello({name, nameReversed}) {\n const [isReversed, setReverse] = useState(false);\n\n return (\n \n Hello {isReversed ? nameReversed : name}, welcome to Goldpage.\n
\n \n
\n );\n}\n\nfunction title({name}) {\n return 'Hi '+name;\n}\n\nfunction sleep(seconds) {\n let resolve;\n const promise = new Promise(r => resolve=r);\n setTimeout(resolve, seconds*1000);\n return promise;\n}\n~~~\n\n\n","readmeFilename":"readme.md","description":"\n\nGoldpage + `path-to-regexp` = :heart:\n\n# `@goldpage/path-to-regexp`\n\nRouting with [`path-to-regexp`](https://github.com/pillarjs/path-to-regexp).\n\n(Note that `@goldpage/path-to-regexp` doesn't use the npm module `path-to-regexp` directly, but uses a modified version [`@brillout/path-to-regexp`](https://github.com/brillout/path-to-regexp).)\n\n### Usage\n\nInstall `@goldpage/path-to-regexp`.\n\n~~~bash\n$ npm install @goldpage/path-to-regexp\n~~~\n\nThe plugin is automatically loaded and\nthe `route` property of your page configs is now handled by `path-to-regexp`.\n\n### Example\n\n~~~js\n// /examples/basics/pages/hello.page.js\n\nimport React, {useState} from 'react';\n\nexport default {\n route: '/hello/:name',\n addInitialProps,\n view: Hello,\n title,\n renderToHtml: true,\n};\n\nasync function addInitialProps({name}) {\n // We simulate a network request delay\n await sleep(0.5);\n\n const nameReversed = name.split('').reverse().join('');\n return {nameReversed};\n}\n\nfunction Hello({name, nameReversed}) {\n const [isReversed, setReverse] = useState(false);\n\n return (\n \n Hello {isReversed ? nameReversed : name}, welcome to Goldpage.\n
\n \n
\n );\n}\n\nfunction title({name}) {\n return 'Hi '+name;\n}\n\nfunction sleep(seconds) {\n let resolve;\n const promise = new Promise(r => resolve=r);\n setTimeout(resolve, seconds*1000);\n return promise;\n}\n~~~\n\n\n","readmeFilename":"readme.md"}