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

laxar-log-activity

v4.0.0

Published

LaxarJS v2 plain activity that collects log messages and submits them to a log service periodically and before page navigation

Downloads

3

Readme

laxar-log-activity Build Status

LaxarJS v2 plain activity that collects log messages and submits them to a log service periodically and before page navigation

Content

Usage

Installation

Within a LaxarJS v2 project, simply run:

npm install laxar-log-activity

REST Service Configuration

The REST service which accepts the logging data from the activity must be configured in your application configuration (e.g. init.js). You have to specify the key widgets.laxar-log-activity.resourceUrl:

import { bootstrap } from 'laxar';

bootstrap( /*...*/, {
   /*...,*/   
   configuration: {
      /*...,*/   
      widgets: {
         'laxar-log-activity': {
            resourceUrl: '/some-service/log-resource'
         }
      }
   }
} );

Page Configuration example

Use this configuration on a page for a laxar-log-activity instance which collects log messages and submits them to a configured service every 60 seconds or when having collected more than 150 messages.

{
   "widget": "laxar-log-activity",
   "features": {
      "logging": {
         "requestPolicy": "PER_MESSAGE",
         "threshold": {
            "seconds": 60,
            "messages": 150
         }
      }
   }
}

For full configuration options refer to the widget.json.

Features

Logging [logging]

R1.01 It MUST be possible to turn the logging of by configuration.

R1.02 The activity MUST add a channel to the LaxarJS logger to collect log messages.

R1.03 The URL to the log resource MUST be configurable for the application (Key: widgets.laxar-log-activity.resourceUrl).

R1.04 The activity MUST publish an error message in the local log if the log resource is not configured.

R1.05 The activity MUST submit the collected log messages to the log service periodically and delete its collected messages. The transmission MUST be asynchronous.

R1.06 The time period SHOULD be configurable, to be able to control the performance impact of the activity.

R1.07 The log messages MUST be sent by HTTP POST to the configured log resource URL. The content type of the request MUST be application/json.

It MUST be configurable if the messages are sent in batch or individually. The body of the request MUST be either a JSON-serialized message or MUST contain a JSON-serialized object with an array of messages and a property source. The property MUST be a string with the URL of the source of the logging messages.

Each message MUST have the following properties:

  • level (String), the log level (e.g. "INFO")
  • text (String), the original log message with all (not anonymized) placeholders replaced
  • replacements (Array), substitution parameters for anonymized placeholders
  • time (String), time of the client (ISO-8601)
  • file (String), the JavaScript source code file of the log message determined by the browser
  • line (Number), the source code line of the log message determined by the browser
  • tags (Array): List of named log tags as "NAME:value" pairs
  • repetitions (Number): Numbers of consecutive times that the message was collected

If the messages are send individually they MUST have the additional property:

  • source (String): The URL of the source of the logging message.

R1.08 The activity MUST react to the DOM event window.onunload. It MUST submit all remaining log messages to the log service before the page is unloaded.

R1.09 The number of log messages buffered within the activity MUST be limited.

R1.10 The maximum of buffered log messages SHOULD be configurable.

R1.11 If the maximum of messages to be buffered is reached and another message is collected, the activity MUST submit all collected messages to the log service.

R1.12 The activity MUST delete the collected messages after submitting them to the log service, whether the transmission was successful or not.

R1.13 The activity MUST react to the didEncounterError event and log the error code and error message. This message MUST be send to the LaxarJS logger so that all log channels get the message.

R1.14 If multiple identical log message are received, the activity MUST summarize them into one message. The collective message MUST include the information about the number of identical messages.

R1.15 The activity MUST substitute the placeholder in log messages with the associated replace parameters before submitting them to the log service. JavaScript objects SHOULD be replaced with their JSON representation.

R1.16 The activity MUST pass the log tags of each message to the log service.

R1.17 The activity MUST add the log tag INST with the ID of the application session to each message if the tag is not already set.

R1.18 The activity MUST submit the log level and message timestamp (ISO-8601) to the log service.

R1.19 Placeholders, whose content should anonymized, MUST NOT be replaced. They MUST be submitted as a separate parameter to the log service. The activity MUST apply other formatting instructions (beside the anonymization) on the parameters before.

R1.20 The activity MUST retry sending the messages in a configurable time interval and a configurable number of tries. The activity MUST delete the messages after the last try of transmission, whether the transmission was successful or not.

R1.21 When the activity submits the messages, it MUST add a temporary identifier for the current browser session to the header. This feature MUST be disabled by default. The name of the header MUST be configurable.

Integration

Patterns

The widget supports the following event patterns as specified by the LaxarJS Patterns document.

Events

  • Event: didEncounterError.errorClass
    • Description: An error was reported. The laxar-log-activity must extract the collected log data and send them to the configured service.
    • Data:
      • errorClass: the errorClass (NetworkError, GeneralError, CustomError)
      • logLevel: the log level to use for the logging
      • logMessage: the text for the log message

Services

  • Log-Service The laxar-log-activity submits the collected log messages to configured log resource using HTTP POST. The format of the POST request is described in R1.07.

References

The following sources are useful or necessary for the understanding of this document. The links refer to the latest version of the documentation. Refer to the bower.json for the specific version that is normative for this document.