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

@tao.js/core

v0.16.0

Published

Core Javascript implementation of the TAO ☯ programming paradigm designed to embrace entropy inherent in application and system development using a simple set of building blocks

Downloads

22

Readme

@tao.js/core

Core Javascript implementation of the TAO ☯ programming paradigm designed to embrace entropy inherent in application and system development using a simple set of building blocks

See the website tao.js for more information or the issues associated with this package.

Commitizen friendly lerna Gitter chat

Install

Using npm:

npm install --save @tao.js/core

or using yarn:

yarn add @tao.js/core

Importing

The package provides 3 different ways to import based upon how it's being used.

All @tao.js packages use the following pattern to provide keys in package.json telling Node and bundlers where to find the packages distributed code:

  • module - provides a ES Module version of the package (in the dist folder)
  • main - provides a CommonJS version of the package (in the lib folder)
  • bundles - provides keys for any UMD bundles of the package (in the bundles folder)
    • currently there is no bundler using this pattern but now you know where to find it

Why NO browser key in package.json

The current pattern for packaging bundles meant for browser import is to provide a browser key in package.json. This should be the way to go but unfortunately doing this doesn't provide control to you in certain situations.

For instance, in Webpack 4, which is used by create-react-app, the default configuration is to prefer the browser bundle when packaging a build intended for a browser. Unless you are controlling this configuration in your create-react-app (and most don't) then the build process will use the UMD bundle and not be able to leverage tree-shaking if you only import and use parts of the package library.

In this circumstance, even if you do what you think is correct and:

import { Kernel } from '@tao.js/core';

in your file, because webpack is using the UMD bundle, it will import the whole UMD bundle and make that part of your output.

ES Module

If you are using import statements to import @tao.js/core then package.json identifies a module key to tell Node or your bundler of choice where to find the version packaged as ES Modules (the dist folder).

import TAO, { AppCtx } from '@tao.js/core';

This is the recommended way to import the package and most modern builders & bundlers can handle it

CommonJS

If you are using require statements and not a bundler that understands ES Modules, the package.json identifies the main key to tell Node or your bundler where to find the version packaged as a CommonJS module (the lib folder).

const TAO = require('@tao.js/core').default;

// OR
const Kernel = require('@tao.js/core').Kernel;

// OR
const tao = require('@tao.js/core');
tao.Kernel;

UMD Bundles

If you are not using a bundler to build your web application or just want to use a full bundled version of the package by importing directly into a <script> tag then you will find the bundles in the bundles folder (also identified in the bundles key in package.json).

  • bundles/browser.umd.js - available as global tao
tao.TAO;

// OR
const kernel = new tao.Kernel();

const ac = new tao.AppCtx('x', 'y', 'z');

In the future, this will be published to a CDN for convenience.

All Packages in the @tao.js family

| package | description | docs page | | -------------------------------------------------------------------------- | ---------------------------------------------------------------- | --------------------------------------------------------------------- | | npm @tao.js/core | Core Javascript implementation of the TAO ☯ programming paradigm | tao.js.org | | npm @tao.js/utils | Extensions to Core used to build out the Signal Network | tao.js Utilities for Implementers | | npm @tao.js/react | Adapter to use tao.js with React | Usage with React.js | | npm @tao.js/socket.io | socket.io middleware to run tao.js seamlessly on server & client | tao.js for Socket.io | | npm @tao.js/koa | Expose a TAO signal network over http using a koa app server | tao.js for Koa | | npm @tao.js/router | connects url routing with tao.js | URL Handling with @tao.js/router |