Overwrite support (#15)

* Overwrite support

* Version bump

README.md

@@ -291,6 +291,7 @@ export const TopBar = styled("nav", {
 
 - `--css` The path to the CSS file you want to generate a component from. This can also be a recursive glob pattern allowing you to scan your entire components directory.
 - `--output` The filename for the output file. Defaults to `styles.ts` which will be saved in the same directory as the CSS file.
+- `--overwrite` If the output file already exists, this will overwrite it. Defaults to `false`.
 
 Example to generate components from all CSS files in the components directory:
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phntms/css-components",
   "description": "At its core, css-components is a simple wrapper around standard CSS. It allows you to write your CSS how you wish then compose them into a component ready to be used in React.",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "homepage": "https://github.com/phantomstudios/css-components#readme",

src/cli/index.ts

@@ -22,11 +22,17 @@ const argv = yargs(process.argv.slice(2))
       describe: "filename to save alongside the css file",
       default: "styles.ts",
     },
+    overwrite: {
+      type: "boolean",
+      describe: "should the output file be overwritten if it exists",
+      default: false,
+    },
   })
   .parseSync();
 
 const cssFile = argv.css;
 const outputFileName = argv.output;
+const overwrite = argv.overwrite;
 
 findFiles(cssFile).then((files) => {
   files.forEach((file) => {
@@ -35,6 +41,12 @@ findFiles(cssFile).then((files) => {
     const output = generateOutput(config, path.basename(file));
     const folder = path.dirname(file);
     const outputPath = path.join(folder, outputFileName);
+    const exists = fs.existsSync(outputPath);
+
+    if (exists && !overwrite) {
+      console.log(`File ${outputPath} already exists, skipping`);
+      return;
+    }
 
     fs.writeFileSync(outputPath, output);
     console.log(