Some handy helpers for Stackblitz ES/html projects
npm install stackblitzhelpers
import {$, logFactory, ...[see 'exposed as']} from "https://cdn.jsdelivr.net/gh/KooiInc/SBHelpers@main/index.browser.bundled.js";
Type 'stackblitzhelpers' in the DEPENDENCIES input field
- jqlmodule: a JQuery alike DOM manipulation library.
- Exposed as
$
- Exposed as
- protoxt: a library to extend objects without pollution the global namespace - using
symbol
.- Exposed as
extendSymbolic
- Exposed as
- jsregexhelper: a library to create readable EcmaScript regular expressions (multiline, commenting possible)
- Exposed as
regexhelper
- Exposed as
- datefiddler: a library to fiddle with dates (add/subtract units from a date)
- Exposed as
xDate
- Exposed as
- intl-dateformatter: a library to format an EcmaScript
Date
instance with a template string and using the Intl namespace- Exposed as
dtFormat
- Exposed as
- datediffcalculator (a small library to calculate the difference between two dates).
- Exposed as
dtDiffCalc
- Exposed as
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 aslog
, but the string(s) will be prependend (inserted on top op the existing logged lines).
-
The SBHelpers
library supplies a default (css-)style for Stackblitz Ecmascript projects. Style may be edited using $.setStyle
.
- Stackblitz seems to rewrite links with
target="_top"
(totarget="_blank"
). Version >= 0.3.6 of this library catches and fixes this. For links to_top
, usetarget="_top"
ORclass="internalLink"
OR the data-attributedata-top
.