Napping Panda Missionaries

    @chitchatjs/plugin-ax-display
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.8 • Public • Published

    @chitchatjs/plugin-ax-display

    A chitchat.js plugin to manage display (Alexa Presentation Language) easily using @chitchatjs/alexa.

    🤖 Chitchat.js is a JavaScript framework for building voice user interfaces for Alexa Skills. | 📄 Read the documentation


    Get in touch

    gitter

    Usage

    npm i @chitchatjs/plugin-ax-display --save

    Enable APL interface:

    import { display } from "@chitchatjs/plugin-ax-display";
    
    display.core.enableAPLInterface();

    Check if device supports a display interface:

    display.conditionals
      .whenScreenDisplay()
      .then(ax.say("this is a screen enabled device"))
      .build();

    Some sample APL templates:

    Shows an image in the center with title. Good for showing a welcome screen.

    display.samples.image({
      backgroundImageUrl: display.samples.Image.CHEESE_DOG,
      title: "My Awesome Skill",
      ..
    });

    Shows a short text on the screen. Good for showing a quick text on the screen.

    display.samples.shortText({
      primaryText: "Hello world!",
      ..
    });

    Shows an image on the left with text components and more on the right. Good for showing a product item or search result.

    display.samples.imageLeftDetail({
      title: "Hello world",
      logoUrl: display.samples.Logo.CHEESE,
    });

    Install

    npm i @chitchatjs/plugin-ax-display

    DownloadsWeekly Downloads

    14

    Version

    0.0.8

    License

    ISC

    Unpacked Size

    39.7 kB

    Total Files

    10

    Last publish

    Collaborators

    • kevindra