base con el nombre de andreani

.plop/app-generator.ts

@@ -1,6 +1,7 @@
 import { NodePlopAPI } from 'plop'
+import { PlopGeneratorConfig } from './types'
 
-export const appGenerator = (plop: NodePlopAPI) => {
+export const appGenerator = (plop: NodePlopAPI): PlopGeneratorConfig => {
   const prompts = [
     {
       type: 'input',
@@ -31,7 +32,7 @@ export const appGenerator = (plop: NodePlopAPI) => {
           source: 'packages/app/template',
           dest: `packages/app/${appName}`,
           replaceInFiles: {
-            '@outsrc/template': `@outsrc/${appName}`,
+            '@andreani/template': `@andreani/${appName}`,
             '3010': port,
             'Frontend App Template': description,
             '/template': appPath,

.plop/lib-generator.ts

@@ -1,6 +1,7 @@
 import { NodePlopAPI } from 'plop'
+import { PlopGeneratorConfig } from './types'
 
-export const libGenerator = (plop: NodePlopAPI) => {
+export const libGenerator = (plop: NodePlopAPI): PlopGeneratorConfig => {
   const prompts = [
     {
       type: 'input',
@@ -21,7 +22,7 @@ export const libGenerator = (plop: NodePlopAPI) => {
           source: 'packages/shared/functions',
           dest: `packages/shared/${libName}`,
           replaceInFiles: {
-            '@outsrc/functions': `@outsrc/${libName}`,
+            '@andreani/functions': `@andreani/${libName}`,
             'Templated shared functions': description
           }
         }
@@ -32,6 +33,6 @@ export const libGenerator = (plop: NodePlopAPI) => {
   return {
     description: 'Shared Module Generator',
     prompts,
-    actions
+    actions,
   }
 }

.plop/types.ts

@@ -0,0 +1,5 @@
+export interface PlopGeneratorConfig {
+    description: string;
+    prompts: any;
+    actions: any;
+}

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+    "workbench.colorCustomizations": {
+        "activityBar.background": "#16340C",
+        "titleBar.activeBackground": "#1F4910",
+        "titleBar.activeForeground": "#F6FDF4"
+    }
+}

README.md

@@ -39,7 +39,7 @@ $ yarn storybook
 Local Application Storybook
 
 ```
-$ yarn workspace @outsrc/template storybook
+$ yarn workspace @andreani/template storybook
 ```
 
 ## Tests
@@ -53,9 +53,9 @@ $ yarn test
 Run Application / Shared Module only tests
 
 ```
-$ yarn workspace @outsrc/template test
+$ yarn workspace @andreani/template test
 
-$ yarn workspace @outsrc/functions test
+$ yarn workspace @andreani/functions test
 ```
 
 ## Running Applications
@@ -72,7 +72,7 @@ To run all applications using dev mode for some
 $ yarn start --dev template
 ```
 
-_(You can now make changes to the @outsrc/template application and see changes hot reloading on the browser)_
+_(You can now make changes to the @andreani/template application and see changes hot reloading on the browser)_
 
 To stop all applications
 
@@ -85,5 +85,5 @@ $ yarn stop
 If you want to make this repo yours start by using the `change-org` script.
 
 ```
-$ yarn change-org --from @outsrc --to @yourcompany
+$ yarn change-org --from @andreani --to @yourcompany
 ```

babel.config.js

@@ -1,4 +1,3 @@
 module.exports = {
   presets: ['next/babel']
 }
-

config/next.tsconfig.json

@@ -15,7 +15,7 @@
     "jsx": "preserve",
     "strictNullChecks": true,
     "paths": {
-      "@outsrc/*": ["../packages/shared/*"]
+      "@andreani/*": ["../packages/shared/*"]
     }
   }
 }

jest.config.js

@@ -19,4 +19,3 @@ module.exports = {
     '\\.(css|scss)$': 'identity-obj-proxy'
   }
 }
-

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@outsrc/monorepo",
+  "name": "@andreani/monorepo",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
@@ -9,8 +9,7 @@
     "lint": "eslint --ext .ts,.tsx,.js packages",
     "generate": "plop --plopfile .plop/plopfile.ts",
     "start": "ts-node -P tsconfig.json .scripts/start.ts",
-    "stop": "ts-node -P tsconfig.json .scripts/stop.ts",
-    "change-org": "ts-node -P tsconfig.json .scripts/change-org.ts"
+    "stop": "ts-node -P tsconfig.json .scripts/stop.ts"
   },
   "keywords": [],
   "author": "",

packages/app/prueba/.storybook/main.js

@@ -0,0 +1,29 @@
+const path = require('path')
+
+module.exports = {
+  stories: ['../**/*.stories.mdx', '../**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  webpackFinal: async (config, { configType }) => {
+    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
+    // You can change the configuration based on that.
+    // 'PRODUCTION' is used when building the static version of storybook.
+
+    // Make whatever fine-grained changes you need
+    config.module.rules.push({
+      test: /\.scss$/,
+      use: [
+        { loader: 'style-loader' },
+        {
+          loader: 'css-loader',
+          options: { modules: true }
+        },
+        { loader: 'sass-loader' }
+      ],
+      include: path.resolve(__dirname, '../')
+    })
+
+    // Return the altered config
+    return config
+  }
+}
+

packages/app/prueba/.storybook/preview.js

@@ -0,0 +1,4 @@
+module.exports.parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' }
+}
+

packages/app/prueba/__tests__/storyshoots/__snapshots__/storyshots.spec.ts.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots prueba/Button Regular 1`] = `
+<button
+  className="Button"
+  data-testid="button"
+  onClick={[Function]}
+>
+  This is a Button
+</button>
+`;

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

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

packages/app/prueba/next-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+

packages/app/prueba/next.config.js

@@ -0,0 +1,19 @@
+const { dependencies } = require('./package.json')
+
+const withTM = require('next-transpile-modules')(
+  Object.keys(dependencies || []).filter(dependency => dependency.startsWith('@andreani/'))
+)
+
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true'
+})
+
+module.exports = withBundleAnalyzer(
+  withTM({
+    trailingSlash: process.env.NODE_ENV === 'production',
+    env: {
+      NEXT_PUBLIC_BUILD_REVISION: process.env.BUILD_REVISION || 'DEVELOP'
+    },
+    basePath: '/prueba'
+  })
+)

packages/app/prueba/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@andreani/prueba",
+  "version": "0.0.0",
+  "description": "prueba",
+  "scripts": {
+    "dev": "next -p 3000",
+    "build": "yarn clean && next build && next export",
+    "clean": "rimraf .next && rimraf out",
+    "storybook": "start-storybook -p 6006",
+    "test": "jest --coverage --config ../../../jest.config.js ./src/**/* ./__tests__/**/*",
+    "start": "yarn build && cd out && ws -p 3000"
+  },
+  "config": {
+    "port": 3000,
+    "path": "/prueba"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@andreani/functions": "0.0.0"
+  },
+  "devDependencies": {
+    "@storybook/react": "^6.1.2"
+  }
+}

packages/app/prueba/src/components/Button/Button.module.scss

@@ -0,0 +1,8 @@
+.Button {
+  background-color: cornflowerblue;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  padding: 3px 10px;
+}
+

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

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import { render, screen } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { Button } from './Button'
+
+test('loads and displays greeting', async () => {
+  render(<Button label='Click Here' onClick={jest.fn()} />)
+
+  expect(screen.getByTestId('button')).toHaveTextContent('Click Here')
+})

packages/app/prueba/src/components/Button/Button.stories.mdx

@@ -0,0 +1,23 @@
+import { action } from '@storybook/addon-actions'
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'
+import { Button } from './Button'
+
+<Meta title='prueba/Button' component={Button} />
+
+# Button
+
+With `MDX` we can define a story for `Button` right in the middle of our
+Markdown documentation.
+
+<Canvas>
+  <Story
+    name='Regular'
+    args={{
+      label: 'This is a Button',
+      onClick: action('clicked')
+    }}
+  >
+    {args => <Button {...args} />}
+  </Story>
+</Canvas>
+

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

@@ -0,0 +1,15 @@
+import * as React from 'react'
+import css from './Button.module.scss'
+
+interface ButtonProps {
+  label: string
+  onClick: () => void
+}
+
+export const Button: React.FC<ButtonProps> = ({ label, onClick }) => {
+  return (
+    <button data-testid='button' onClick={onClick} className={css.Button}>
+      {label}
+    </button>
+  )
+}

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

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

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

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

packages/app/prueba/tsconfig.json

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

packages/app/template/next.config.js

@@ -1,7 +1,7 @@
 const { dependencies } = require('./package.json')
 
 const withTM = require('next-transpile-modules')(
-  Object.keys(dependencies || []).filter(dependency => dependency.startsWith('@outsrc/'))
+  Object.keys(dependencies || []).filter(dependency => dependency.startsWith('@andreani/'))
 )
 
 const withBundleAnalyzer = require('@next/bundle-analyzer')({

packages/app/template/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@outsrc/template",
+  "name": "@andreani/template",
   "version": "0.0.0",
   "description": "Frontend App Template",
   "scripts": {
@@ -17,7 +17,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@outsrc/functions": "0.0.0"
+    "@andreani/functions": "0.0.0"
   },
   "devDependencies": {
     "@storybook/react": "^6.1.2"

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

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { NextPage } from 'next'
 import { Button } from 'components/Button'
-import { capitalize } from '@outsrc/functions'
+import { capitalize } from '@andreani/functions'
 
 const Index: NextPage = () => {
   const handleClick = (): void => {

packages/shared/functions/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@outsrc/functions",
+  "name": "@andreani/functions",
   "version": "0.0.0",
   "description": "Templated shared functions",
   "main": "src/index.ts",

packages/shared/functions/tsconfig.json

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