bitwrench 1.2.16 → 2.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +160 -158
- package/bin/bitwrench.js +3 -0
- package/dist/bitwrench-code-edit.cjs.js +639 -0
- package/dist/bitwrench-code-edit.es5.js +875 -0
- package/dist/bitwrench-code-edit.es5.min.js +15 -0
- package/dist/bitwrench-code-edit.esm.js +628 -0
- package/dist/bitwrench-code-edit.esm.min.js +15 -0
- package/dist/bitwrench-code-edit.umd.js +645 -0
- package/dist/bitwrench-code-edit.umd.min.js +15 -0
- package/dist/bitwrench.cjs.js +6983 -0
- package/dist/bitwrench.cjs.min.js +62 -0
- package/dist/bitwrench.css +5100 -0
- package/dist/bitwrench.es5.js +8446 -0
- package/dist/bitwrench.es5.min.js +31 -0
- package/dist/bitwrench.esm.js +6981 -0
- package/dist/bitwrench.esm.min.js +62 -0
- package/dist/bitwrench.umd.js +6989 -0
- package/dist/bitwrench.umd.min.js +62 -0
- package/dist/builds.json +127 -0
- package/dist/sri.json +18 -0
- package/package.json +86 -24
- package/readme.html +288 -0
- package/src/bitwrench-code-edit.js +627 -0
- package/src/bitwrench-color-utils.js +311 -0
- package/src/bitwrench-component-base.js +736 -0
- package/src/bitwrench-components-inline.js +374 -0
- package/src/bitwrench-components-v2.js +1879 -0
- package/src/bitwrench-components.js +610 -0
- package/src/bitwrench-styles.js +3240 -0
- package/src/bitwrench.js +3367 -0
- package/src/cli/convert.js +205 -0
- package/src/cli/index.js +122 -0
- package/src/cli/inject.js +55 -0
- package/src/cli/layout-default.js +142 -0
- package/src/generate-css.js +381 -0
- package/src/vendor/quikdown.js +654 -0
- package/src/version.js +16 -0
- package/.eslintrc.json +0 -27
- package/.github/workflows/codeql-analysis.yml +0 -72
- package/.travis.yml +0 -34
- package/bitwrench.css +0 -92
- package/bitwrench.js +0 -3348
- package/bitwrench.js_sri.txt +0 -1
- package/bitwrench.min.js +0 -1
- package/bitwrench.min.js_sri.txt +0 -1
- package/bitwrench_ESM.js +0 -3207
- package/bitwrench_ESM.js_sri.txt +0 -1
- package/bitwrench_ESM.min.js +0 -1
- package/bitwrench_ESM.min.js_sri.txt +0 -1
- package/dev/bitwrench-todo.md +0 -215
- package/dev/css-arrows.md +0 -23
- package/dev/docStringDev.js +0 -124
- package/dev/docStringParseDev.js +0 -171
- package/dev/example11-load-mjs-page.html +0 -17
- package/dev/figures.html +0 -37
- package/dev/html_gen.js +0 -349
- package/dev/htmld.md +0 -250
- package/dev/htmldev.html +0 -45
- package/dev/index-old.html +0 -87
- package/dev/misc-notes.md +0 -21
- package/dev/norm.css +0 -30
- package/dev/notes.md +0 -2
- package/dev/pageData.mjs +0 -69
- package/dev/sizes.html +0 -49
- package/dev/universal-js-module.js +0 -37
- package/examples/example1.html +0 -78
- package/examples/example10.html +0 -84
- package/examples/example11.html +0 -17
- package/examples/example12.html +0 -18
- package/examples/example2.html +0 -44
- package/examples/example3.html +0 -50
- package/examples/example4.html +0 -22
- package/examples/example5.html +0 -82
- package/examples/example6.html +0 -128
- package/examples/example7.html +0 -91
- package/examples/example8.html +0 -27
- package/examples/example9.html +0 -102
- package/examples/examplePageData12.mjs +0 -73
- package/examples/pageData.mjs +0 -69
- package/examples/pico.min.css +0 -5
- package/icon/bitwrench-dark-tall.png +0 -0
- package/icon/bitwrench-dark.png +0 -0
- package/icon/bitwrench-icon-lt-grey.png +0 -0
- package/icon/bitwrench-icon.vsd +0 -0
- package/icon/bitwrench-logo-dark.png +0 -0
- package/icon/bitwrench-logo-full.png +0 -0
- package/icon/bitwrench-logo-green.png +0 -0
- package/icon/bitwrench-logo-grey.png +0 -0
- package/icon/bitwrench-logo-white.png +0 -0
- package/icon/bitwrench-logos-colors.png +0 -0
- package/icon/bitwrench-thick-logo.png +0 -0
- package/icon/bitwrench-thick-teal/android-chrome-192x192.png +0 -0
- package/icon/bitwrench-thick-teal/android-chrome-512x512.png +0 -0
- package/icon/bitwrench-thick-teal/apple-touch-icon.png +0 -0
- package/icon/bitwrench-thick-teal/browserconfig.xml +0 -9
- package/icon/bitwrench-thick-teal/favicon-16x16.png +0 -0
- package/icon/bitwrench-thick-teal/favicon-32x32.png +0 -0
- package/icon/bitwrench-thick-teal/favicon.ico +0 -0
- package/icon/bitwrench-thick-teal/mstile-144x144.png +0 -0
- package/icon/bitwrench-thick-teal/mstile-150x150.png +0 -0
- package/icon/bitwrench-thick-teal/mstile-310x150.png +0 -0
- package/icon/bitwrench-thick-teal/mstile-310x310.png +0 -0
- package/icon/bitwrench-thick-teal/mstile-70x70.png +0 -0
- package/icon/bitwrench-thick-teal/site.webmanifest +0 -19
- package/icon/bitwrench-thick-teal.ico +0 -0
- package/icon/bitwrench-thick-teal.svg +0 -44
- package/icon/bitwrench-thick-teal.zip +0 -0
- package/icon/favicon-test.html +0 -20
- package/icon/logos-test.PNG +0 -0
- package/images/bitwrench-512x512.png +0 -0
- package/images/bitwrench-logo-med.png +0 -0
- package/images/bitwrench-thick-logo.png +0 -0
- package/images/bitwrench-thick-logo.svg +0 -64
- package/images/bitwrench-thick-teal.ico +0 -0
- package/images/favicon.ico +0 -0
- package/index.html +0 -282
- package/instr_tmp/bitwrench.js +0 -1350
- package/karma.conf.js +0 -140
- package/makefile +0 -21
- package/quick-docs.html +0 -206
- package/test/bitwrench_test.js +0 -1255
- package/test/karma-test.js +0 -1081
- package/tools/bw_deprecatedNames.js +0 -19
- package/tools/bwconsole.js +0 -20
- package/tools/createSimpleHTMLPage.js +0 -41
- package/tools/emitreadme.sh +0 -4
- package/tools/export-bw-default-css.js +0 -41
- package/tools/umd2ModuleHack.js +0 -32
- package/tools/update-bw-package.js +0 -36
- package/tools/updatereadme.js +0 -34
package/karma.conf.js
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
// Karma configuration
|
|
2
|
-
// Generated on Thu Jan 30 2020 21:16:09 GMT-0800 (Pacific Standard Time)
|
|
3
|
-
// note karma may need env set: export CHROME_BIN=/usr/bin/chromium-browser
|
|
4
|
-
|
|
5
|
-
module.exports = function(config) {
|
|
6
|
-
config.set({
|
|
7
|
-
|
|
8
|
-
// base path that will be used to resolve all patterns (eg. files, exclude)
|
|
9
|
-
basePath: '',
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
// frameworks to use
|
|
13
|
-
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
|
|
14
|
-
frameworks: ['mocha','chai'],
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
// plugins used
|
|
18
|
-
// plugins: ['karma-chai', 'karma-chrome-launcher', 'karma-mocha', 'karma-mocha-reporter'],
|
|
19
|
-
|
|
20
|
-
// customContextFile: 'test/karma-test.html',
|
|
21
|
-
|
|
22
|
-
// list of files / patterns to load in the browser
|
|
23
|
-
files: [
|
|
24
|
-
'bitwrench.js',
|
|
25
|
-
'test/karma-test.js'
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
],
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
// list of files / patterns to exclude
|
|
32
|
-
exclude: [
|
|
33
|
-
],
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
// preprocess matching files before serving them to the browser
|
|
37
|
-
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
|
|
38
|
-
preprocessors : {
|
|
39
|
-
//'test/karma-test.js': 'coverage'
|
|
40
|
-
'bitwrench.js':'coverage'
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
// test results reporter to use
|
|
44
|
-
// possible values: 'dots', 'progress'
|
|
45
|
-
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
|
|
46
|
-
//old reporters: ['progress'],
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
// web server port
|
|
50
|
-
port: 9876,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
// enable / disable colors in the output (reporters and logs)
|
|
54
|
-
colors: true,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
// level of logging
|
|
58
|
-
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
|
|
59
|
-
logLevel: config.LOG_INFO,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
// enable / disable watching file and executing tests whenever any file changes
|
|
63
|
-
autoWatch: true,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
// start these browsers
|
|
67
|
-
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
|
|
68
|
-
browsers: ['Chrome'],
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
// Continuous Integration mode
|
|
72
|
-
// if true, Karma captures browsers, runs the tests and exits
|
|
73
|
-
singleRun: true,
|
|
74
|
-
|
|
75
|
-
// Concurrency level
|
|
76
|
-
// how many browser should be started simultaneous
|
|
77
|
-
concurrency: Infinity,
|
|
78
|
-
|
|
79
|
-
//begin istanbul code coverage
|
|
80
|
-
// anything named karma-* is normally auto included so you probably dont need this
|
|
81
|
-
//plugins: ['karma-coverage-istanbul-reporter'],
|
|
82
|
-
|
|
83
|
-
reporters: ['progress','coverage'],
|
|
84
|
-
coverageReporter: {
|
|
85
|
-
type : 'lcov',
|
|
86
|
-
dir: 'coverage',
|
|
87
|
-
//file : 'coverage.txt'
|
|
88
|
-
// Would output the results into: .'/coverage/report/'
|
|
89
|
-
},
|
|
90
|
-
|
|
91
|
-
// any of these options are valid: https://github.com/istanbuljs/istanbuljs/blob/aae256fb8b9a3d19414dcf069c592e88712c32c6/packages/istanbul-api/lib/config.js#L33-L39
|
|
92
|
-
coverageIstanbulReporter: {
|
|
93
|
-
// reports can be any that are listed here: https://github.com/istanbuljs/istanbuljs/tree/aae256fb8b9a3d19414dcf069c592e88712c32c6/packages/istanbul-reports/lib
|
|
94
|
-
reports: ['html', 'lcovonly', 'text-summary'],
|
|
95
|
-
|
|
96
|
-
// base output directory. If you include %browser% in the path it will be replaced with the karma browser name
|
|
97
|
-
//dir: path.join(__dirname, 'coverage'),
|
|
98
|
-
|
|
99
|
-
// Combines coverage information from multiple browsers into one report rather than outputting a report
|
|
100
|
-
// for each browser.
|
|
101
|
-
combineBrowserReports: true,
|
|
102
|
-
|
|
103
|
-
// if using webpack and pre-loaders, work around webpack breaking the source path
|
|
104
|
-
fixWebpackSourcePaths: true,
|
|
105
|
-
|
|
106
|
-
// Omit files with no statements, no functions and no branches from the report
|
|
107
|
-
skipFilesWithNoCoverage: true,
|
|
108
|
-
|
|
109
|
-
// Most reporters accept additional config options. You can pass these through the `report-config` option
|
|
110
|
-
'report-config': {
|
|
111
|
-
// all options available at: https://github.com/istanbuljs/istanbuljs/blob/aae256fb8b9a3d19414dcf069c592e88712c32c6/packages/istanbul-reports/lib/html/index.js#L135-L137
|
|
112
|
-
html: {
|
|
113
|
-
// outputs the report in ./coverage/html
|
|
114
|
-
subdir: 'html'
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
|
|
118
|
-
// enforce percentage thresholds
|
|
119
|
-
// anything under these percentages will cause karma to fail with an exit code of 1 if not running in watch mode
|
|
120
|
-
thresholds: {
|
|
121
|
-
emitWarning: false, // set to `true` to not fail the test command when thresholds are not met
|
|
122
|
-
// thresholds for all files
|
|
123
|
-
global: {
|
|
124
|
-
statements: 80,
|
|
125
|
-
lines: 80,
|
|
126
|
-
branches: 80,
|
|
127
|
-
functions: 80
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
|
|
131
|
-
verbose: true, // output config used by istanbul for debugging
|
|
132
|
-
|
|
133
|
-
// `instrumentation` is used to configure Istanbul API package.
|
|
134
|
-
instrumentation: {
|
|
135
|
-
// To include `node_modules` code in the report.
|
|
136
|
-
'default-excludes': false
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}) // config.set
|
|
140
|
-
}
|
package/makefile
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
#bitwrench makefile (c) 2012 M A Chatterjee
|
|
3
|
-
#remember makefiles require real tabs not spaces
|
|
4
|
-
|
|
5
|
-
build:
|
|
6
|
-
./tools/update-bw-package.js package.json package.json
|
|
7
|
-
./tools/export-bw-default-css.js bitwrench.css
|
|
8
|
-
uglifyjs bitwrench.js -o bitwrench.min.js
|
|
9
|
-
npm pack
|
|
10
|
-
|
|
11
|
-
test:
|
|
12
|
-
./node_modules/mocha/bin/mocha test/bitwrench_test.js --reporter spec
|
|
13
|
-
|
|
14
|
-
lint:
|
|
15
|
-
./node_modules/.bin/eslint bitwrench.js
|
|
16
|
-
|
|
17
|
-
clean:
|
|
18
|
-
rm bitwrench*.tgz -f
|
|
19
|
-
|
|
20
|
-
.PHONY: test
|
|
21
|
-
|
package/quick-docs.html
DELETED
|
@@ -1,206 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
5
|
-
<link rel="icon" type="image/x-icon" href="./images/favicon.ico" />
|
|
6
|
-
<!-- above is all boiler plate -->
|
|
7
|
-
|
|
8
|
-
<title>bitwrench.js</title>
|
|
9
|
-
<!-- bitwrench.js quick-docs doc
|
|
10
|
-
(c) M A Chatterjee
|
|
11
|
-
deftio <at> deftio <dot> com
|
|
12
|
-
github: https:github.com/deftio/bitwrench
|
|
13
|
-
web: https://deftio.com/bitwrench
|
|
14
|
-
-->
|
|
15
|
-
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
16
|
-
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-30080304-3"></script>
|
|
17
|
-
<script>
|
|
18
|
-
window.dataLayer = window.dataLayer || [];
|
|
19
|
-
function gtag(){dataLayer.push(arguments);}
|
|
20
|
-
gtag('js', new Date());
|
|
21
|
-
gtag('config', 'UA-30080304-3');
|
|
22
|
-
</script>
|
|
23
|
-
|
|
24
|
-
<script type="text/javascript" src="./bitwrench.js" bwargs="ex1:1;ex2:2"></script>
|
|
25
|
-
<style>
|
|
26
|
-
.boxStyle1 {
|
|
27
|
-
background-color: #aaa;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.boxStyle2 {
|
|
31
|
-
background-color: #ddd;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.boxStyle1:hover,.fboxStyle2:hover {
|
|
35
|
-
font-weight: 800;
|
|
36
|
-
font-style: italic;
|
|
37
|
-
}
|
|
38
|
-
</style>
|
|
39
|
-
|
|
40
|
-
</head>
|
|
41
|
-
|
|
42
|
-
<body class="bw-def-page-setup bw-font-sans-serif">
|
|
43
|
-
<div class="bw-container">
|
|
44
|
-
<div class="bw-col-10">
|
|
45
|
-
<img src="./images/bitwrench-thick-logo.png" width="500"></img>
|
|
46
|
-
<h1>Quick Docs Page</h1>
|
|
47
|
-
<p id="versionArea"></p>
|
|
48
|
-
<br>
|
|
49
|
-
Bitwrench is a "kitchen-sink" type library of various functions which I've used a lot from various web / HTML projects and prototypes.<br><br><br>
|
|
50
|
-
Its intended purpose is not to replace mature js frameworks like JQuery, Bootstrap, Vue or React but to provide a quick set of helper glue when debugging random projects which may have little to do with web programming. For example if you're debugging an embedded system and just want to dump some data and look at it, or you need to mock up some javascript / HTML tests but don't want to bring in a whole framework that this might be useful for you.
|
|
51
|
-
<br><br>Bitwrench has no dependancies and can be used along side any other framework.
|
|
52
|
-
<br><br>
|
|
53
|
-
|
|
54
|
-
<!--
|
|
55
|
-
<h1 class="bw-h1">Table of Contents</h1>
|
|
56
|
-
<div id="bwTableOfContents"></div>
|
|
57
|
-
<br><br>
|
|
58
|
-
-->
|
|
59
|
-
|
|
60
|
-
<!-- function list area -->
|
|
61
|
-
|
|
62
|
-
</div>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
<!-- grid demo area -->
|
|
66
|
-
<div id="bwGridExampleId">
|
|
67
|
-
<h1 class="bw-h1">CSS Layout Grid</h1>
|
|
68
|
-
Bitwrench includes a built-in css grid class set for creating simple regular layouts.<br>
|
|
69
|
-
<br>
|
|
70
|
-
|
|
71
|
-
<div class="bw-row bw-center">
|
|
72
|
-
<div class="bw-col-1 bw-box-1 boxStyle1 ">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle1">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle1">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle1">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle1">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle1">bw-col-1</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div>
|
|
73
|
-
</div><br>
|
|
74
|
-
|
|
75
|
-
<div class="bw-row bw-center">
|
|
76
|
-
<div class="bw-col-2 bw-box-1 boxStyle1">bw-col-2</div><div class="bw-col-2 bw-box-1 boxStyle2">bw-col-2</div><div class="bw-col-2 bw-box-1 boxStyle1">bw-col-2</div><div class="bw-col-2 bw-box-1 boxStyle2">bw-col-2</div><div class="bw-col-2 bw-box-1 boxStyle1">bw-col-2</div><div class="bw-col-2 bw-box-1 boxStyle2">bw-col-2</div>
|
|
77
|
-
</div><br>
|
|
78
|
-
|
|
79
|
-
<div class="bw-row bw-center">
|
|
80
|
-
<div class="bw-col-3 bw-box-1 boxStyle1">bw-col-3</div><div class="bw-col-3 bw-box-1 boxStyle2">bw-col-3</div><div class="bw-col-3 bw-box-1 boxStyle1">bw-col-3</div><div class="bw-col-3 bw-box-1 boxStyle2">bw-col-3</div>
|
|
81
|
-
</div><br>
|
|
82
|
-
|
|
83
|
-
<div class="bw-row bw-center" >
|
|
84
|
-
<div class="bw-col-4 bw-box-1 boxStyle1">bw-col-4</div><div class="bw-col-4 bw-box-1 boxStyle2">bw-col-4</div><div class="bw-col-4 bw-box-1 boxStyle1">bw-col-4</div>
|
|
85
|
-
</div><br>
|
|
86
|
-
|
|
87
|
-
<div class="bw-row bw-center" >
|
|
88
|
-
<div class="bw-col-5 bw-box-1 boxStyle1">bw-col-5</div><div class="bw-col-7 bw-box-1 boxStyle2">bw-col-7</div>
|
|
89
|
-
</div><br>
|
|
90
|
-
|
|
91
|
-
<div class="bw-row bw-center" >
|
|
92
|
-
<div class="bw-col-6 bw-box-1 boxStyle1">bw-col-6</div><div class="bw-col-6 bw-box-1 boxStyle2">bw-col-6</div>
|
|
93
|
-
</div><br>
|
|
94
|
-
|
|
95
|
-
<div class="bw-row bw-center" >
|
|
96
|
-
<div class="bw-col-7 bw-box-1 boxStyle1">bw-col-7</div><div class="bw-col-5 bw-box-1 boxStyle2">bw-col-5</div>
|
|
97
|
-
</div><br>
|
|
98
|
-
|
|
99
|
-
<div class="bw-row bw-center" >
|
|
100
|
-
<div class="bw-col-8 bw-box-1 boxStyle1">bw-col-8</div><div class="bw-col-4 bw-box-1 boxStyle2">bw-col-4</div>
|
|
101
|
-
</div><br>
|
|
102
|
-
|
|
103
|
-
<div class="bw-row bw-center" >
|
|
104
|
-
<div class="bw-col-9 bw-box-1 boxStyle1">bw-col-9</div><div class="bw-col-3 bw-box-1 boxStyle2">bw-col-3</div>
|
|
105
|
-
</div><br>
|
|
106
|
-
|
|
107
|
-
<div class="bw-row bw-center" >
|
|
108
|
-
<div class="bw-col-10 bw-box-1 boxStyle1">bw-col-10</div><div class="bw-col-2 bw-box-1 boxStyle2">bw-col-2</div>
|
|
109
|
-
</div><br>
|
|
110
|
-
|
|
111
|
-
<div class="bw-row bw-center" >
|
|
112
|
-
<div class="bw-col-11 bw-box-1 boxStyle1">bw-col-11</div><div class="bw-col-1 bw-box-1 boxStyle2">bw-col-1</div>
|
|
113
|
-
</div><br>
|
|
114
|
-
|
|
115
|
-
<div class="bw-row bw-center" >
|
|
116
|
-
<div class="bw-col-12 bw-box-1 boxStyle1">bw-col-12</div>
|
|
117
|
-
</div><br>
|
|
118
|
-
</div> <!-- end code for grid demo -->
|
|
119
|
-
<br>
|
|
120
|
-
|
|
121
|
-
<!-- Text align demo area -->
|
|
122
|
-
<h1 class="bw-h1">Text Alignment & Related</h1>
|
|
123
|
-
<div class="bw-tab-container">
|
|
124
|
-
<ul class="bw-tab-item-list">
|
|
125
|
-
<li class="bw-tab bw-tab-active" onclick="bw.selectTabContent(this)" >Text Styles</li>
|
|
126
|
-
<li class="bw-tab " onclick="bw.selectTabContent(this)" >Text Styles Code</li>
|
|
127
|
-
</ul>
|
|
128
|
-
<div class="bw-tab-content-list">
|
|
129
|
-
<div class="bw-tab-content bw-show" id="bwTextSection">
|
|
130
|
-
<br>The following text styles are supported.<br><br>
|
|
131
|
-
<div class="bw-box-1 boxStyle1 bw-left">This text is left aligned.</div><br>
|
|
132
|
-
<div class="bw-box-1 boxStyle1 bw-center">This text is centered.</div><br>
|
|
133
|
-
<div class="bw-box-1 boxStyle1 bw-right">This text is right aligned.</div><br>
|
|
134
|
-
<div class="bw-box-1 boxStyle1 bw-justify">This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. </div><br>
|
|
135
|
-
<div class="bw-col-8 bw-box-1 boxStyle1">
|
|
136
|
-
<pre class="bw-code">Code Section<br>//this is sample code...<br>var i;<br> for(i=0;i!=10;i++)<br> foo(i);<br><br></pre>
|
|
137
|
-
</div>
|
|
138
|
-
</div> <!-- end code for text alignment -->
|
|
139
|
-
<div class="bw-tab-content" id="bwTextSectionCode"></div>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
|
|
143
|
-
<br>
|
|
144
|
-
<!-- Headings demo area -->
|
|
145
|
-
<h1 class="bw-h1">Headings</h1>
|
|
146
|
-
<div class="bw-tab-container">
|
|
147
|
-
<ul class="bw-tab-item-list" style="height:20px">
|
|
148
|
-
<li class="bw-tab bw-tab-active" onclick="bw.selectTabContent(this)" >Headings</li>
|
|
149
|
-
<li class="bw-tab" onclick="bw.selectTabContent(this)" >Headings Code</li>
|
|
150
|
-
</ul>
|
|
151
|
-
<div class="bw-tab-content-list">
|
|
152
|
-
<div class="bw-tab-content bw-show" id="bwHeadingSection">
|
|
153
|
-
<br>The following heading sizes are built-in as well.
|
|
154
|
-
<h1 class="bw-h1">H1 Heading</h1>
|
|
155
|
-
<h2 class="bw-h2">H2 Heading</h2>
|
|
156
|
-
<h3 class="bw-h3">H3 Heading</h3>
|
|
157
|
-
<h4 class="bw-h4">H4 Heading</h4>
|
|
158
|
-
<h5 class="bw-h5">H5 Heading</h5>
|
|
159
|
-
<h6 class="bw-h6">H6 Heading</h6>
|
|
160
|
-
</div>
|
|
161
|
-
<div class="bw-tab-content bw-background" id="bwHeadingSectionCode"></div>
|
|
162
|
-
</div>
|
|
163
|
-
</div>
|
|
164
|
-
|
|
165
|
-
</div>
|
|
166
|
-
<h1 class="bw-h1">Function List</h1>
|
|
167
|
-
The following functions are available covering a mix us utility functions and some simple HTML DOM manipulations. The docs here are generated from the built-in doc-string comments.
|
|
168
|
-
<div id="bwFunctionListID"></div> <!-- this list is dynamically generated, see javscript below -->
|
|
169
|
-
<br>
|
|
170
|
-
<br><br><br>
|
|
171
|
-
<hr>
|
|
172
|
-
<br>
|
|
173
|
-
<div class="bw-center" style="font-size: 9pt"><span >bit</span><span style="color:teal">wrench</span> quick docs and examples</div><br>
|
|
174
|
-
<script type="text/javascript">
|
|
175
|
-
|
|
176
|
-
bw.DOM("#versionArea","<strong>bitwrench.js version: </strong>" + bw.version()["version"]);
|
|
177
|
-
//draw the bitwrench function list (drawn dynamically from the built-in doc strings)
|
|
178
|
-
var funcList=[],i,keys=[];
|
|
179
|
-
|
|
180
|
-
keys = (Object.keys(bw).filter(function(x){return bw.to(bw[x])=="function" && x[0]!="_"})).sort(bw.naturalCompare)
|
|
181
|
-
for (i=0; i<keys.length; i++) {
|
|
182
|
-
funcList.push(["div" ,{"class":"bw-col-10"}, [
|
|
183
|
-
"<hr>",
|
|
184
|
-
["h3" ,{"class":"bw-h3 color-set1", "id":"bw_func_"+i, "style":"color: #006666;"},"bw."+keys[i]+"()"],
|
|
185
|
-
["p" ,{"class":"bw-code"}, bw.docString(bw[keys[i]],{dropLeadin:false})[0]], // makes use of self-parsing of docString data
|
|
186
|
-
"<br>"
|
|
187
|
-
]]);
|
|
188
|
-
|
|
189
|
-
}
|
|
190
|
-
// funcList = funcList.sort(function(a,b){return bw.naturalSort(a,b)});
|
|
191
|
-
bw.DOM("#bwFunctionListID", bw.html(["p",{"class":"bw-col-6"}, funcList]));
|
|
192
|
-
|
|
193
|
-
//takes HTML content and pretty prints it. no syntax highlighting is performed
|
|
194
|
-
function section2Code(sectionId,target) {
|
|
195
|
-
var s = bw.htmlSafeStr(bw.DOM(sectionId)[0].innerHTML.replace(/<br>/ig,"")).replace(/[ ]+/ig," ");
|
|
196
|
-
bw.DOM(target, "<div class='bw-code' >"+s+"</div><br>");
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
//this creates the exmaple code tabs
|
|
200
|
-
//code section for ..
|
|
201
|
-
section2Code("#bwTextSection","#bwTextSectionCode");
|
|
202
|
-
section2Code("#bwHeadingSection","#bwHeadingSectionCode");
|
|
203
|
-
</script>
|
|
204
|
-
|
|
205
|
-
</body>
|
|
206
|
-
</html>
|