m2s2-cli 0.1.5

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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

use crate::npm;
use crate::scaffold::{self, ScaffoldContext};
use anyhow::Result;
use clap::Args;
use console::style;
use indicatif::{ProgressBar, ProgressStyle};
use inquire::Select;
use std::time::Duration;
use tokio::process::Command;

#[derive(Args)]
pub struct NewArgs {
    /// Project name
    pub name: String,

    /// Framework to scaffold (react, angular, or vue)
    #[arg(long, value_parser = ["react", "angular", "vue"])]
    pub framework: Option<String>,

    /// Skip running npm install after scaffolding
    #[arg(long)]
    pub skip_install: bool,
}

pub async fn run(args: NewArgs) -> Result<()> {
    let framework = match args.framework {
        Some(f) => f,
        None => Select::new("Which framework?", vec!["react", "angular", "vue"])
            .prompt()
            .map(|s| s.to_string())?,
    };

    println!(
        "\n{} {} with {}\n",
        style("Scaffolding").green().bold(),
        style(&args.name).cyan().bold(),
        style(&framework).cyan().bold(),
    );

    let spinner = ProgressBar::new_spinner();
    spinner.set_style(
        ProgressStyle::default_spinner()
            .tick_strings(&["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"])
            .template("{spinner} {msg}")?,
    );
    spinner.enable_steady_tick(Duration::from_millis(80));
    spinner.set_message("Resolving package versions…");

    let versions = match framework.as_str() {
        "angular" => {
            npm::resolve_for_framework("@m2s2/ng-lib", &["rxjs", "zone.js", "typescript", "tslib"])
                .await?
        }
        "react" => {
            npm::resolve_for_framework(
                "@m2s2/react-lib",
                &[
                    "typescript",
                    "vite",
                    "@types/react",
                    "@types/react-dom",
                    "@vitejs/plugin-react",
                    "sass-embedded",
                ],
            )
            .await?
        }
        "vue" => {
            npm::resolve_for_framework(
                "@m2s2/vue-lib",
                &[
                    "typescript",
                    "vite",
                    "@vitejs/plugin-vue",
                    "vue-tsc",
                    "sass-embedded",
                ],
            )
            .await?
        }
        _ => Default::default(),
    };

    spinner.set_message("Writing project files…");

    scaffold::run(&ScaffoldContext {
        name: args.name.clone(),
        framework: framework.clone(),
        versions,
    })?;

    if !args.skip_install {
        spinner.set_message("Running npm install…");
        let status = Command::new("npm")
            .arg("install")
            .current_dir(&args.name)
            .status()
            .await?;

        if !status.success() {
            spinner.finish_and_clear();
            anyhow::bail!("npm install failed");
        }
    }

    spinner.finish_and_clear();

    println!("{}\n", style("Done!").green().bold());
    println!("  {} {}", style("cd").dim(), style(&args.name).cyan());
    if args.skip_install {
        println!("  {}", style("npm install").dim());
    }
    println!(
        "  {}",
        style(if framework == "angular" {
            "npm start"
        } else {
            "npm run dev"
        })
        .dim()
    );
    println!();

    Ok(())
}