0.6.5 • Published 10 months ago

stackblitzhelpers v0.6.5

Weekly downloads
-
License
CCO-1.0
Repository
github
Last release
10 months ago

SBHelpers

Some handy helpers for Stackblitz ES/html projects

Install the package

npm install stackblitzhelpers

Use in the browser (or in Stackblitz front end project)

import {$, logFactory, ...[see 'exposed as']} from "https://cdn.jsdelivr.net/gh/KooiInc/SBHelpers@main/index.browser.bundled.js";

Use in Stackblitz plain ecmascript project ('javascript blank project')

Type 'stackblitzhelpers' in the DEPENDENCIES input field

image

The library includes the following packets:

  • jqlmodule: a JQuery alike DOM manipulation library.
    • Exposed as $
  • protoxt: a library to extend objects without pollution the global namespace - using symbol.
    • Exposed as extendSymbolic
  • jsregexhelper: a library to create readable EcmaScript regular expressions (multiline, commenting possible)
    • Exposed as regexhelper
  • datefiddler: a library to fiddle with dates (add/subtract units from a date)
    • Exposed as xDate
  • intl-dateformatter: a library to format an EcmaScript Date instance with a template string and using the Intl namespace
    • Exposed as dtFormat
  • datediffcalculator (a small library to calculate the difference between two dates).
    • Exposed as dtDiffCalc

For printing/logging to screen

  • logFactory: logfactory logs string(s) to screen within a formatted unordered listing (<ul>). It exposes 2 methods
    • log([string1],[string2] ... [stringX])

      print the parameter strings.

      Note: inserting !! in a parameter string (e.g. !!<div>some text</div>) will print it as a header (no list item style).

    • logTop: same as log, but the string(s) will be prependend (inserted on top op the existing logged lines).

Automatic style creation

The SBHelpers library supplies a default (css-)style for Stackblitz Ecmascript projects. Style may be edited using $.setStyle.

Example project @Stackblitz

Notes

  • Stackblitz seems to rewrite links with target="_top" (to target="_blank"). Version >= 0.3.6 of this library catches and fixes this. For links to _top, use target="_top" OR class="internalLink" OR the data-attribute data-top.
0.6.5

10 months ago

0.6.4

10 months ago

0.5.4

1 year ago

0.5.3

1 year ago

0.5.6

1 year ago

0.5.5

1 year ago

0.5.8

1 year ago

0.5.7

1 year ago

0.5.9

1 year ago

0.6.3

12 months ago

0.6.2

12 months ago

0.6.1

1 year ago

0.6.0

1 year ago

0.5.2

1 year ago

0.5.1

1 year ago

0.5.0

1 year ago

0.4.98

2 years ago

0.4.99

2 years ago

0.4.97

2 years ago

0.4.95

2 years ago

0.4.96

2 years ago

0.4.93

2 years ago

0.4.94

2 years ago

0.4.92

2 years ago

0.4.9

2 years ago

0.4.82

2 years ago

0.3.9

2 years ago

0.4.80

2 years ago

0.4.81

2 years ago

0.4.91

2 years ago

0.4.79

2 years ago

0.4.5

2 years ago

0.3.6

2 years ago

0.4.4

2 years ago

0.4.7

2 years ago

0.3.8

2 years ago

0.4.6

2 years ago

0.3.7

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.4.3

2 years ago

0.4.2

2 years ago

0.3.5

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.3.2

2 years ago

0.3.1

3 years ago

0.3.0

3 years ago

0.2.8

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.5

3 years ago

0.2.4

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago