// スキルが画面付きデバイスで動作している時は true を返す。
function supportsDisplay { 
    var hasDisplay = 
        this.event.context && 
        this.event.context.System && 
           this.event.context.System.device && 
        this.event.context.System.device.supportedInterfaces &&
        this.event.context.System.device.supportedInterfaces.Display 
    return hasDisplay; 
}

suggestPizza: function (){

  // supportsDisplay ヘルパー関数をコールし、デバイスが画面付きかどうかチェックする
  if (supportsDisplay.call(this)) {
        //画面付きの場合
  }
  else {
        //画面なしの場合
  }

}

const Alexa = require('alexa-sdk');

const makePlainText = Alexa.utils.TextUtils.makePlainText;
const makeRichText = Alexa.utils.TextUtils.makeRichText;
const makeImage = Alexa.utils.ImageUtils.makeImage;

suggestPizza: function (){
  var speechOutput

  //スキルが受け取ったJSONリクエストを引数としてsupportsDisplayヘルパー関数を呼び出し、デバイスが画面付きかどうかを確認します。

  if (supportsDisplay.call(this)) { //もしデバイスが画面付きの場合、テンプレートを使って画面を生成し音声を出力します。
    var title = 'ベジタブルピザ’;
    var description = 'ゴールデンコーン、ブラックオリーブ、トウガラシ、チーズをふんだんに使ったベジタブルピザがお勧めです。美味しいですよ！';
    var imageURL = 'https://i.imgur.com/rpcYKDD.jpg'
    speechOutput = description;

    // ディスプレイディレクティブの作成
    const builder = new Alexa.templateBuilders.BodyTemplate1Builder();
    const template = builder.setTitle(title)
                            .setBackgroundImage(makeImage(imageURL))
                            .setTextContent(makeRichText('' + description + ''), null, null)
                            .build();

   this.response.renderTemplate(template);

  }
  else{ //デバイスが画面付きでなかった場合、音声のみで応答を返します。
    speechOutput = "ゴールデンコーン、ブラックオリーブ、トウガラシ、チーズをふんだんに使ったベジタブルピザがお勧めです。美味しいですよ。";
  }

  this.response.speak(speechOutput);
  this.emit(':responseReady');
}

// スキルが画面付きデバイスで動作している時は true を返す。 
function supportsDisplay(handlerInput) {
  var hasDisplay =
    handlerInput.requestEnvelope.context &&
    handlerInput.requestEnvelope.context.System &&
    handlerInput.requestEnvelope.context.System.device &&
    handlerInput.requestEnvelope.context.System.device.supportedInterfaces &&
    handlerInput.requestEnvelope.context.System.device.supportedInterfaces.Display
  return hasDisplay;
}

const SuggestPizzaHandler = {
  canHandle(handlerInput) {
    const request = handlerInput.requestEnvelope.request;
    return request.type === 'LaunchRequest'
      || (request.type === 'IntentRequest'
        && request.intent.name === SuggestPizza);
  },
  handle(handlerInput) {
    if (supportsDisplay(handlerInput) ) {
        // device has display   
    }
   }
}

 const SuggestPizzaHandler = {
  canHandle(handlerInput) {
    const request = handlerInput.requestEnvelope.request;
    return request.type === 'LaunchRequest'
      || (request.type === 'IntentRequest'
        && request.intent.name === SuggestPizza);
  },
  handle(handlerInput) {
    const speechOutput = "We suggest the Veggie Delite pizza which has Golden Corn, Black Olives, Capsicum and a lot of cheese. Yum!";
 if (supportsDisplay(handlerInput) ) {

      const myImage = new Alexa.ImageHelper()
        .addImageInstance('https://i.imgur.com/rpcYKDD.jpg')
        .getImage();

      const primaryText = new Alexa.RichTextContentHelper()
        .withPrimaryText(speechOutput)
        .getTextContent();

      handlerInput.responseBuilder.addRenderTemplateDirective({
        type: 'BodyTemplate1',
        token: 'string',
        backButton: 'HIDDEN',
        backgroundImage: myImage,
        title: "Pizza Suggest",
        textContent: primaryText,
      });

}
    return handlerInput.responseBuilder
      .speak(speechOutput)
      .withSimpleCard(speechOutput)
      .getResponse();
  },
};