CLI command to generate new views

[sitefinitysteve]

This is an existing, but for some reason cancelled issue over here
#905

I groan every time I need to add a new view... it would be endlessly helpful to
"tns view add mypage" and have it generate the basic subs for a page, like the xml with the already in there, the ts\js (with navto wired, maybe a model) , css... all stubbed in

• tns view add mypage
• tns view add mypage --ts
• tns view add mypage --model myModel

Or whatever...

[NickIliev]

Hey @sitefinitysteve as a workaround, I am using this extension for adding new files into your Angular-2 based project. You can find it here. Still no such extension for NativeScript Core project at this very moment.

[sitefinitysteve]

Ahhh Thanks, good to know! Not into NG2 just yet though :)

[dtopuzov]

From @Abderrahmane-H:

At the moment the cli cannot generate pages and components ... we have to create them manualy. It woul be great if you could add the ability for the cli to generate componenets.

Example :
Tns generate component "component name" --ng

Tns generate provider "provider name"....

[pkoleva]

Related issue ProgressNS/sidekick-feedback#11

I wrote myself a page creator from template files. It was very simple. I am sure this can be done better by your team.

let inquirer = require('inquirer');
let fs = require('fs');
let path = require('path')

const QUESTIONS = [
  {
    name: 'page-name',
    type: 'input',
    message: 'Page Name:',
    validate: function (input) {
      if (/^([A-Za-z\-\_\d])+$/.test(input)) return true;
      else return 'Page name may only include letters, numbers, underscores and hashes.';
    }
  }
];

inquirer.prompt(QUESTIONS)
  .then(answers => {
    const pageName = answers['page-name'];
	const templatePath = `${__dirname}/templates/`;

	const filesToCreate = fs.readdirSync(templatePath);

	console.log('templatePath:',templatePath);

    //create dir
    fs.mkdirSync(`${__dirname}/../pages/${pageName}/`);

    // // every template
    filesToCreate.forEach(file => {
        const origFilePath = `${templatePath}/${file}`;
        const ext = path.extname(origFilePath);
        const contents = fs.readFileSync(origFilePath, 'utf8');
        const replacedContent = contents.replace(/{{page_name}}/g, pageName);
        const writePath = `${__dirname}/../pages/${pageName}/${pageName}${ext}`;
        fs.writeFileSync(writePath, replacedContent, 'utf8');
    });
  })
  .catch(e => {
      console.log('error reading:', e);
  });

[suparnavg]

Wonder if there's any update on this issue?

Edit: This is now possible to do by installing Nativescript Sidekick..