shared module

.eslintignore

@@ -1,4 +1,4 @@
 out/
 .next/
 node_modules/
-next-env.d.ts
+next-env.d.ts

package.json

@@ -5,7 +5,8 @@
   "main": "index.js",
   "scripts": {
     "test": "jest --coverage",
-    "storybook": "start-storybook -p 6006"
+    "storybook": "start-storybook -p 6006",
+    "lint": "eslint --ext .ts,.tsx,.js packages"
   },
   "keywords": [],
   "author": "",

packages/app/template/__tests__/storyshoots/storyshots.spec.ts

@@ -1,4 +1,3 @@
 import initStoryshots from '@storybook/addon-storyshots'
 
 initStoryshots()
-

packages/app/template/next.config.js

@@ -17,4 +17,3 @@ module.exports = withBundleAnalyzer(
     basePath: '/template'
   })
 )
-

packages/app/template/package.json

@@ -16,6 +16,9 @@
   },
   "author": "",
   "license": "ISC",
+  "dependencies": {
+    "@outsrc/functions": "0.0.0"
+  },
   "devDependencies": {
     "@storybook/react": "^6.1.2"
   }

packages/app/template/src/components/Button/Button.spec.tsx

@@ -8,4 +8,3 @@ test('loads and displays greeting', async () => {
 
   expect(screen.getByTestId('button')).toHaveTextContent('Click Here')
 })
-

packages/app/template/src/components/Button/Button.tsx

@@ -13,4 +13,3 @@ export const Button: React.FC<ButtonProps> = ({ label, onClick }) => {
     </button>
   )
 }
-

packages/app/template/src/components/Button/index.ts

@@ -1,2 +1 @@
 export * from './Button'
-

packages/app/template/src/pages/index.tsx

@@ -1,18 +1,18 @@
 import * as React from 'react'
 import { NextPage } from 'next'
 import { Button } from 'components/Button'
+import { capitalize } from '@outsrc/functions'
 
 const Index: NextPage = () => {
-  const handleClick = () => {
+  const handleClick = (): void => {
     alert('World')
   }
 
   return (
     <div>
-      <Button label='Hello template' onClick={handleClick} />
+      <Button label={capitalize('hello template')} onClick={handleClick} />
     </div>
   )
 }
 
 export default Index
-

packages/shared/functions/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@outsrc/functions",
+  "version": "0.0.0",
+  "description": "Templated shared functions",
+  "main": "src/index.ts",
+  "scripts": {
+    "test": "jest --coverage --config ../../../jest.config.js ./src/*"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

packages/shared/functions/src/index.spec.ts

@@ -0,0 +1,7 @@
+import { capitalize } from './index'
+
+describe('Functions', () => {
+  it('capitalize', () => {
+    expect(capitalize('john doe')).toBe('John Doe')
+  })
+})

packages/shared/functions/src/index.ts

@@ -0,0 +1,5 @@
+export const capitalize = (a: string): string =>
+  a
+    .split(' ')
+    .map(p => p[0].toUpperCase() + p.substr(1).toLocaleLowerCase())
+    .join(' ')

packages/shared/functions/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../config/next.tsconfig.json",
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "baseUrl": "./src"
+  },
+  "exclude": ["node_modules"]
+}