stackblitzhelpers v0.5.2
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
The library includes the following packets:
- 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
For printing/logging to screen
logFactory
: logfactory logs string(s) to screen within a formatted unordered listing (<ul>
). It exposes 2 methodslog([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).
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"
(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
.
4 days ago
28 days ago
1 month ago
3 months ago
3 months ago
3 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
10 months ago
11 months ago
12 months ago
11 months ago
11 months ago
10 months ago
11 months ago
12 months ago
12 months ago
12 months ago
11 months ago
12 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago