m2s2-cli 0.2.1

CLI for scaffolding M²S² design system projects
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

use crate::config::resolve_framework;
use crate::scaffold;
use crate::utils::{to_kebab_case, to_pascal_case};
use anyhow::{Result, bail};
use clap::Args;
use console::style;
use serde_json::json;
use std::{fs, path::Path};

#[derive(Args)]
pub struct PageArgs {
    /// Page name (e.g. Dashboard, user-profile)
    pub name: String,

    /// Framework to target; detected from .m2s2.json or package.json if omitted
    #[arg(long, value_parser = ["react", "angular", "vue"])]
    pub framework: Option<String>,

    /// Output directory (overrides default)
    #[arg(long)]
    pub path: Option<String>,
}

pub async fn run(args: PageArgs) -> Result<()> {
    let pascal = to_pascal_case(&args.name);
    let kebab = to_kebab_case(&pascal);
    let framework = resolve_framework(args.framework)?;

    let out_dir = match args.path {
        Some(ref p) => Path::new(p).join(&pascal),
        None => match framework.as_str() {
            "angular" => Path::new("src/app/pages").join(&kebab),
            _ => Path::new("src/pages").join(&pascal),
        },
    };

    if out_dir.exists() {
        bail!("'{}' already exists", out_dir.display());
    }

    fs::create_dir_all(&out_dir)?;

    let data = json!({ "name": pascal, "selector": kebab, "file_name": kebab });

    let files: &[(&str, &str)] = match framework.as_str() {
        "react" => &[
            ("generate/react/page.tsx.hbs", &format!("{pascal}Page.tsx")),
            (
                "generate/react/page.scss.hbs",
                &format!("{pascal}Page.scss"),
            ),
            ("generate/react/index.ts.hbs", "index.ts"),
        ],
        "vue" => &[
            ("generate/vue/page.vue.hbs", &format!("{pascal}Page.vue")),
            ("generate/vue/page.scss.hbs", &format!("{pascal}Page.scss")),
            ("generate/vue/index.ts.hbs", "index.ts"),
        ],
        _ => &[
            (
                "generate/angular/page.ts.hbs",
                &format!("{kebab}.component.ts"),
            ),
            (
                "generate/angular/page.html.hbs",
                &format!("{kebab}.component.html"),
            ),
            (
                "generate/angular/page.scss.hbs",
                &format!("{kebab}.component.scss"),
            ),
        ],
    };

    scaffold::write_files(&out_dir, files, &data)?;

    println!(
        "\n{} {} page generated.\n",
        style("✓").green().bold(),
        style(&pascal).cyan().bold(),
    );

    if framework == "angular" {
        println!("  {} add to app.routes.ts:", style("next").dim());
        println!(
            "    {{ path: '{}', loadComponent: () => import('./pages/{}/{}.component') }}",
            kebab, kebab, kebab,
        );
        println!();
    }

    Ok(())
}