@hashtagcms/themes 1.0.0 → 1.0.1

package/README.md

@@ -43,6 +43,21 @@ import '@hashtagcms/themes/src/themes/basic/js/app';
 <script src="node_modules/@hashtagcms/themes/dist/themes/basic/app.js"></script>
 ```
 
+### 💻 CLI Usage
+
+You can interactive copy assets (fonts, images, vendor files) from a theme to your project using the CLI.
+
+```bash
+# Run the interactive setup
+npx @hashtagcms/themes init
+```
+
+The CLI will ask you:
+1. Which theme you want to install
+2. Where to copy the assets (default: `./resources/assets/fe`)
+
+The assets will be copied to `<destination>/<theme-name>/`.
+
 ## 🎨 Available Themes
 
 ### Basic Theme

package/bin/cli.js

@@ -0,0 +1,89 @@
+#!/usr/bin/env node
+
+const inquirer = require('inquirer');
+const fs = require('fs-extra');
+const path = require('path');
+const chalk = require('chalk');
+
+async function run() {
+    try {
+        // Resolve the source path (the themes folder inside this package)
+        const sourcePath = path.resolve(__dirname, '../src/themes');
+
+        if (!fs.existsSync(sourcePath)) {
+            console.error(chalk.red(`Error: Source themes directory not found at ${sourcePath}`));
+            process.exit(1);
+        }
+
+        // Get all available themes
+        const themes = await fs.readdir(sourcePath);
+        const validThemes = [];
+
+        for (const theme of themes) {
+            if ((await fs.stat(path.join(sourcePath, theme))).isDirectory()) {
+                validThemes.push(theme);
+            }
+        }
+
+        if (validThemes.length === 0) {
+            console.error(chalk.red('Error: No themes found in the package.'));
+            process.exit(1);
+        }
+
+        const questions = [
+            {
+                type: 'list',
+                name: 'theme',
+                message: 'Which theme would you like to install?',
+                choices: validThemes,
+            },
+            {
+                type: 'input',
+                name: 'destination',
+                message: 'Where would you like to copy the assets?',
+                default: './resources/assets/fe',
+            },
+        ];
+
+        const answers = await inquirer.prompt(questions);
+
+        // Resolve the destination path based on the user's input (relative to their project root)
+        const destinationPath = path.resolve(process.cwd(), answers.destination);
+
+        // Selected theme path
+        const selectedThemePath = path.join(sourcePath, answers.theme);
+
+        console.log(chalk.blue(`Copying assets for theme '${answers.theme}'...`));
+
+        // Copy only specific asset folders
+        const assets = ['img', 'fonts', 'images', 'vendor'];
+        let copiedCount = 0;
+
+        for (const asset of assets) {
+            const assetSrc = path.join(selectedThemePath, asset);
+            // Destination structure: destination/themeName/assetFolder
+            // Example: ./resources/assets/fe/basic/img
+            const assetDest = path.join(destinationPath, answers.theme, asset);
+
+            if (await fs.pathExists(assetSrc)) {
+                // Copy the files recursively
+                await fs.copy(assetSrc, assetDest);
+                console.log(chalk.gray(`✓ Copied ${answers.theme}/${asset}`));
+                copiedCount++;
+            }
+        }
+
+        if (copiedCount === 0) {
+            console.warn(chalk.yellow(`No assets (${assets.join(', ')}) were found to copy for theme '${answers.theme}'.`));
+        } else {
+            // Log a success message in green
+            console.log(chalk.green(`\nSuccess! Assets for '${answers.theme}' copied to ${answers.destination}/${answers.theme}`));
+        }
+
+    } catch (error) {
+        console.error(chalk.red('Error copying assets:'), error);
+        process.exit(1);
+    }
+}
+
+run();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashtagcms/themes",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": {
     "name": "Marghoob Suleman",
     "email": "marghoobsuleman@gmail.com",
@@ -16,8 +16,10 @@
   },
   "homepage": "https://github.com/marghoobsuleman/cms-frontend-kit#readme",
   "main": "src/core/js/index.js",
+  "bin": "./bin/cli.js",
   "files": [
-    "src"
+    "src",
+    "bin"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -30,9 +32,9 @@
     "@babel/core": "^7.23.0",
     "@babel/preset-env": "^7.23.0",
     "babel-loader": "^9.1.0",
+    "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.0",
     "mini-css-extract-plugin": "^2.7.0",
-    "copy-webpack-plugin": "^11.0.0",
     "sass": "^1.69.0",
     "sass-loader": "^13.3.0",
     "webpack": "^5.89.0",
@@ -40,6 +42,9 @@
   },
   "dependencies": {
     "axios": "^1.8.0",
-    "bootstrap": "^5.3.3"
+    "bootstrap": "^5.3.3",
+    "chalk": "^4.1.2",
+    "fs-extra": "^11.3.3",
+    "inquirer": "^8.2.7"
   }
 }