npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

arquitectura-de-software-consoleapp

v2.1.0

Published

Screen handler is a JavaScript library for building user console windows.

Downloads

19

Readme

Screen handler

Screen handler is a JavaScript library for building user console windows.

  • Component-Based: The library is made by components which can be reused and be modified with a simple modification of JSON.
  • JSON-Based: It bases in a JSON file which defines how an app will work, all the manipulations can be done with only tweeking the JSON config file.
  • Info-CRUD: The library gives a posibility of showing info screens and CRUD screens, saving data in other JSON file.

Installation

For installing screen handler yoy need to run an npm commanda and it's all set.

npm install arquitectura-de-software-consoleapp

Documentation

The whole focus of this library is in a JSON file. Let's first of all see it's structure:

{
    "screenName": "myScreen",
    "type": "info",
    "content": {
      "screenMessage": "Welcome to my screen",
      "actions": [
        {
          "name": "Other screen",
          "button": "oc",
          "screenName": "otherScreen"
        },
        {
          "name": "Quit",
          "button": "q",
          "screenName": ""
        }
      ]
    }
  },
  • We need to have name screen to be able to call it from the other screen.
  • Type defines the behaviour of the screen, you can use "info" or "crud" types.
  • Content contains screen mesage, which is not optional, but it can be an empty string field.
  • Actions contain the actions (transactions) which can be made from current screen.

There are a few important things to have in mind:

  • For crud operations its necessary to use c, r, u and d button.
  • Button q is pre defined to quit an programm.
  • End screen is pre defined too and it is shown every time programm ends.

To use a library you need to install npm package and then to use it and call screen builder.

const sh = require("arquitectura-de-software-consoleapp");

sh.screenBuilder("showWelcomeScreen");

Screen Builder recieves name of initial screen as a parameter, so, you need to write a correct name to make it work.

JSON Checker

Before first screen will be shown, library checks if JSON file is all right

Extentions

Screen handler has 3 points of extentions, using which you can customize your user experience and modify a place where your JSON is stored, or even to save it in another format!

If we want to execute our extention with no modifications we just call our screen builder, sending there the name of the screen

screenBuilder("showWelcomeScreen");

It changes if it's necessary to modify behaviour of an extention we need to pass new functions as a callback to our package. We need to keep in mind that naming of funtions is vital to make it work and for now we have 3 extentions:

sh.screenBuilder(
  "showWelcomeScreen",
  function setHeader(screenMessage) {},
  function setOptionsShowing(actions) {},
  function setStorage(registers) {}
);

Those are 3 functions we can pass into our screen builder.

setHeader(screenMessage) {}  

It recieves a screen message which can be showed as user wants.

setOptionsShowing(actions) {}  

It recieves actions which can be decomposed and shown as user wants.

setStorage(registers) {} 

It recieves a JSON which by default is saved in the package directory, but it can be rewritten or even saved in other format.