Create component: Add class to CSS file about novicell-frontend

[tbb2]

@Bjornnyborg I think that's splendid

[Dan9boi]

i guess this can be closed due to @Bjornnyborg 's commit?

[Bjornnyborg]

@hesselberg also suggested to remove the default markup from the component. Maybe we should just make a div, with the class ".component-name" and render the component name as the only thing inside the div. What do you think @hesselberg and @Dan9boi ?

[hesselberg]

I think thats much better.

I've modified the script in our most recent project to do the following:

.config.json:

{
  "title": "Organism",
  "status": "backlog",
  "context": {}
}

.css:
/* Insert css here */

.hbs:
<div></div>

The only thing thats changing is the title in the config file to either Atom/Molecule/Organism/Page, and of course where it puts the files

[Dan9boi]

@tbb2 what do you say?

[tbb2]

What I think would be really awesome is if you can use the component name inside the files like this:

.config.json:

{
  "title": "my-organism-name",
  "status": "backlog",
  "context": {}
}

.css:

/* Insert css here */
.my-organism-name{
}

.hbs:

<div class="my-organism-name"></div>

If not, the suggestion from @hesselberg is fine

[tbb2]

I guess I don't know how to do line-breaks inside code in this text-editor - the line-breaks should of course be as hesselberg's

[Dan9boi]

I guess I don't know how to do line-breaks inside code in this text-editor - the line-breaks should of course be as hesselberg's

I've fixed your markdown now - just added the tripple backticks ```.
You can see here how to do code with syntax highlighting and more...

[Bjornnyborg]

I reworked the generator according to your comments: https://github.com/Novicell/novicell-frontend/tree/feature/component-generator-cleaning, feedback is appreciated! :)

[Bjornnyborg]

createComponent -t a -n "My Component" generates:

{
  "title": "My Component",
  "status": "prototype",
  "context": {
  }
}

.css:

.my-component {
}

.hbs:

<div class="my-component"></div>

[tbb2]

It's nice! I think it would be nicer though, if you write the class name when you create the component
´´´createComponent -t a -n "my-component"´´´
since that is the most important name for the developer - actually you only see the title from the json file if you're working in fractal.

Whether you want to leave the dashes in the title in the json file or replace them with spaces and capitalize first letter in each word - I don't have an opinion on that...

[hesselberg]

The title in the JSON file is just as important, as it generates the title in Fractal. Loving everything else!

[tbb2]

The title in the JSON file only generates the title that is shown above the preview iframe in fractal. The title in the navigation in fractal is generated from the folder name instead

[Bjornnyborg]

I updated the generator, now the name argument is used directly as file/folder name, and a capitalized version with spaces instead of dashes, is used as the title. :)