v1.1.0

CHANGELOG.md

@@ -1,5 +1,15 @@
 # 🛠️ CHANGELOG
 
+## v1.1.0
+
+- Made sure component generation checks both types of component structures for overwrite confirmation
+
+- Updated Component namespaces for better formatted code completion
+
+- Made sure that SCSS dynamically reloads with website
+
+- Updated scss command to compile static CSS for SSG/SSR
+
 ## v1.0.0
 
 #### Official API starts with the spec

README.md

@@ -5,7 +5,7 @@
 ## Automation Tooling for Next, Redux and Prisma
 
 ![license](https://img.shields.io/badge/license-AGPLv3-blue.svg)
-![version](https://img.shields.io/badge/version-1.0.0-blue.svg)
+![version](https://img.shields.io/badge/version-1.1.0-blue.svg)
 [![CircleCI](https://circleci.com/gh/PrinterFramework/CLI.svg?style=svg)](https://circleci.com/gh/PrinterFramework/CLI)
 [![codecov](https://codecov.io/gh/PrinterFramework/CLI/branch/master/graph/badge.svg)](https://codecov.io/gh/PrinterFramework/CLI)
 

dist/src/templates/component/component.nostyle.template

@@ -1,11 +1,11 @@
 export interface {{name}}I {}
 
-export function {{name}}Component({}: {{name}}I) {
+export function {{name}}({}: {{name}}I) {
   return (
     <div>
       <h2>Component {{name}}</h2>
     </div>
   )
 }
 
-export default {{name}}Component
+export default {{name}}

dist/src/templates/component/component.template

@@ -2,10 +2,12 @@ import { {{name}}Style } from '{{path}}/{{prefix}}.style'
 
 export interface {{name}}I {}
 
-export function {{name}}Component({}: {{name}}I) {
+export function {{name}}({}: {{name}}I) {
   return (
     <{{name}}Style>
       <h2>Component {{name}}</h2>
     </{{name}}Style>
   )
 }
+
+export default {{name}}

dist/src/templates/new/_app.template

@@ -1,3 +1,4 @@
+import 'public/assets/scss/printer.scss'
 import App, { AppContext, AppInitialProps } from 'next/app'
 import { wrapper } from 'redux/wrapper'
 

dist/src/templates/new/package.template

@@ -7,7 +7,7 @@
         "start": "next start",
         "prepare": "husky install",
         "lint": "eslint . --ext ts,tsx --resolve-plugins-relative-to .",
-        "scss": "node-sass --output-style compact -rw public/assets/scss/printer.scss -o public/assets/css",
+        "scss": "node-sass --output-style compact -r public/assets/scss/printer.scss -o public/assets/css",
         "prisma": "npx prisma generate && npx prisma db push"
     },
     "dependencies": {

dist/src/templates/new/precommit.template

@@ -1,5 +1,6 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run lint
+npm run lint --fix
+npm run scss
 npm run build

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@printerframework/cli",
   "description": "🖨️ Automation Tooling for Next, Redux and Prisma.",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": false,
   "preferGlobal": true,
   "repository": "https://github.com/PrinterFramework/CLI.git",

src/generators/component.ts

@@ -5,7 +5,7 @@ import { Log } from '../helpers/log'
 import { Config } from '../config'
 
 export async function generateComponent (path: string) {
-  if (exists(join(process.cwd(), path)) !== false) {
+  if (exists(join(process.cwd(), path)) || exists(join(process.cwd(), `${path}.tsx`))) {
     const result = await prompts({
       type: 'confirm',
       name: 'overwrite',

src/printer.ts

@@ -14,7 +14,7 @@ import { inject } from './generators/inject'
 export const Printer = new Command('🖨️ Printer')
 
 Printer
-  .version('1.0.0')
+  .version('1.1.0')
   .description('🖨️ Printer: Automation Tooling for Next, Redux and Prisma.')
 
 Printer

src/templates/component/component.nostyle.template

@@ -1,11 +1,11 @@
 export interface {{name}}I {}
 
-export function {{name}}Component({}: {{name}}I) {
+export function {{name}}({}: {{name}}I) {
   return (
     <div>
       <h2>Component {{name}}</h2>
     </div>
   )
 }
 
-export default {{name}}Component
+export default {{name}}

src/templates/component/component.template

@@ -2,10 +2,12 @@ import { {{name}}Style } from '{{path}}/{{prefix}}.style'
 
 export interface {{name}}I {}
 
-export function {{name}}Component({}: {{name}}I) {
+export function {{name}}({}: {{name}}I) {
   return (
     <{{name}}Style>
       <h2>Component {{name}}</h2>
     </{{name}}Style>
   )
 }
+
+export default {{name}}

src/templates/new/_app.template

@@ -1,3 +1,4 @@
+import 'public/assets/scss/printer.scss'
 import App, { AppContext, AppInitialProps } from 'next/app'
 import { wrapper } from 'redux/wrapper'
 

src/templates/new/package.template

@@ -7,7 +7,7 @@
         "start": "next start",
         "prepare": "husky install",
         "lint": "eslint . --ext ts,tsx --resolve-plugins-relative-to .",
-        "scss": "node-sass --output-style compact -rw public/assets/scss/printer.scss -o public/assets/css",
+        "scss": "node-sass --output-style compact -r public/assets/scss/printer.scss -o public/assets/css",
         "prisma": "npx prisma generate && npx prisma db push"
     },
     "dependencies": {

src/templates/new/precommit.template

@@ -1,5 +1,6 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run lint
+npm run lint --fix
+npm run scss
 npm run build