alieslamifard

prompting() {
  // Have Yeoman greet the user.
  this.log(yosay(`Welcome from ${chalk.yellow('KIAN')} development team.`));

  const prompts = [
    {
      type: 'input',
      name: 'name',
      message: 'project name?'
    },

alieslamifard

{
  "projectName": "some-name",
  "coolFeatures": true
}

alieslamifard

{
  "projectName": "<%= name %>",
  "coolFeatures": <%= cool %>
}

alieslamifard

writing() {
  this.fs.copyTpl(this.templatePath('_data.json'), this.destinationPath('/data.json'), {
    name: this.props.name,
    cool: this.props.cool
  });
}

alieslamifard

constructor(args, opts) {
  super(args, opts);
  // Define argument.
  this.argument('arg1', { type: String, required: false });

  // Define options
  this.option('coffee', { type: String, required: false });

  // And you can then access it later; e.g.
  // this.log(this.options.arg1);

alieslamifard

'use strict';
const Generator = require('yeoman-generator');
const chalk = require('chalk');
const yosay = require('yosay');

module.exports = class extends Generator {
  // Note: arguments and options should be defined in the constructor.
  constructor(args, opts) {
    super(args, opts);

alieslamifard

// npm install react-pwa-toolkit
import React from "react";
import Device, { useNetwork, usePwa, useVisibility, useInstallPrompt } from "react-pwa-toolkit";

alieslamifard

useEffect(() => {
    console.log(Device());
})

// {
//     "browser": {
//     "name": "Safari",
//         "version": "11.0"
// },
//     "os": {

alieslamifard

const isPwa = usePwa(); // true/false

alieslamifard

const isVisible = useVisibility(); // true/false