rack-webprofiler 0.1.0.pre.alpha1 → 0.1.0.pre.beta1

checksums.yaml

@@ -1,7 +1,15 @@
 ---
-SHA1:
-  metadata.gz: 4e53fe35fbf1ec6a915d0374a19f1906099038b1
-  data.tar.gz: 5d4e24c3922f21f2ab2729c76ab2773d23c5139d
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    NDkzNDYxNzVmNWE3MTRhMjIyMzc5NWNhZjVkNWY1OWQ1NmVhZjcyYg==
+  data.tar.gz: !binary |-
+    MWVlNjMwZjNmYjU0OTQwYTlhMDlmOGFlZjgxZDQ5NWNhOWVmZjZiYg==
 SHA512:
-  metadata.gz: 6fe6001ef5e408dd90112981ef35a71767df331c4050493cbe9cd0e047e3f263f398e75d1f4461215eee7a701602e7ee534ef886bdf88bdb1cb896516f696d32
-  data.tar.gz: 20a4c13c4861a4a025b3b09b3a8889d18b7cf98665e3caa530575658cdc2d8e279416ebb185d14194c4ae1fdee55a7de1fd605cc7335aa0e6993f58485623f63
+  metadata.gz: !binary |-
+    YWI3NTY5YjBhMGQ0MzhjYmE4OTNhMDAxYmE0YzNmNjBlZThhYTU1ZDU5M2Q0
+    NWE1ZWQ1YmI3MTM0MTJhNzIxNGE5OTQ4NzIwZDU2MjZjODdiMTcwZjJlZWM5
+    MGZjZGViOGNiZjY2YWNmZTZjZTQ1OTU3OTZmZmVkMjQyNmI1MGI=
+  data.tar.gz: !binary |-
+    MWU5Y2JmZWQwNmUyZDNkZjM0ZGMyNmUyNjBmODc2OWE5YmIyYjBhOTM3ZDk2
+    YWNmNWYwMDAxZGM3ZjZjMmIzNjRiNmMyNGY5MzE5NDg4NmM4ZTYxMmY0ZWRm
+    OWIxNzM0ZjcwNTNmNDhhMjVlYzdiZjFmYjc1YjM2NjQxOTRmMzU=

data/README.md

@@ -76,6 +76,8 @@ See [the examples](./examples).
 
 After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
 
+You can use `bin/start-dev` to run the example and test the library.
+
 To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
 
 ## Contributing

data/lib/rack/templates/assets/css/profiler.css

@@ -0,0 +1 @@
+@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url("https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url("https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url("https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url("https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url("https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhampu5_7CjHW5spxoeN3Vs.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local("Open Sans Light Italic"),local("OpenSansLight-Italic"),url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtTIkQYohD4BpHvJ3NvbHoA.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local("Open Sans Italic"),local("OpenSans-Italic"),url("https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local("Open Sans Semibold Italic"),local("OpenSans-SemiboldItalic"),url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxv79_ZuUxCigM2DespTnFaw.woff2") format("woff2")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local("Open Sans Extrabold Italic"),local("OpenSans-ExtraboldItalic"),url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmPkvcX8kXDzy1NrkNCBkJ4.woff2") format("woff2")}#rack-webprofiler-bar{position:fixed;left:0;bottom:0;font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;height:46px;/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */}#rack-webprofiler-bar img,#rack-webprofiler-bar legend{border:0}#rack-webprofiler-bar legend,#rack-webprofiler-bar td,#rack-webprofiler-bar th{padding:0}#rack-webprofiler-bar html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#rack-webprofiler-bar body{margin:0}#rack-webprofiler-bar article,#rack-webprofiler-bar aside,#rack-webprofiler-bar details,#rack-webprofiler-bar figcaption,#rack-webprofiler-bar figure,#rack-webprofiler-bar footer,#rack-webprofiler-bar header,#rack-webprofiler-bar hgroup,#rack-webprofiler-bar main,#rack-webprofiler-bar menu,#rack-webprofiler-bar nav,#rack-webprofiler-bar section,#rack-webprofiler-bar summary{display:block}#rack-webprofiler-bar audio,#rack-webprofiler-bar canvas,#rack-webprofiler-bar progress,#rack-webprofiler-bar video{display:inline-block;vertical-align:baseline}#rack-webprofiler-bar audio:not([controls]){display:none;height:0}#rack-webprofiler-bar [hidden],#rack-webprofiler-bar template{display:none}#rack-webprofiler-bar a{background-color:transparent}#rack-webprofiler-bar a:active,#rack-webprofiler-bar a:hover{outline:0}#rack-webprofiler-bar abbr[title]{border-bottom:1px dotted}#rack-webprofiler-bar b,#rack-webprofiler-bar optgroup,#rack-webprofiler-bar strong{font-weight:700}#rack-webprofiler-bar dfn{font-style:italic}#rack-webprofiler-bar h1{font-size:2em;margin:.67em 0}#rack-webprofiler-bar mark{background:#ff0;color:#000}#rack-webprofiler-bar small{font-size:80%}#rack-webprofiler-bar sub,#rack-webprofiler-bar sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#rack-webprofiler-bar sup{top:-.5em}#rack-webprofiler-bar sub{bottom:-.25em}#rack-webprofiler-bar svg:not(:root){overflow:hidden}#rack-webprofiler-bar figure{margin:1em 40px}#rack-webprofiler-bar hr{box-sizing:content-box;height:0}#rack-webprofiler-bar pre,#rack-webprofiler-bar textarea{overflow:auto}#rack-webprofiler-bar code,#rack-webprofiler-bar kbd,#rack-webprofiler-bar pre,#rack-webprofiler-bar samp{font-family:monospace,monospace;font-size:1em}#rack-webprofiler-bar button,#rack-webprofiler-bar input,#rack-webprofiler-bar optgroup,#rack-webprofiler-bar select,#rack-webprofiler-bar textarea{color:inherit;font:inherit;margin:0}#rack-webprofiler-bar button{overflow:visible}#rack-webprofiler-bar button,#rack-webprofiler-bar select{text-transform:none}#rack-webprofiler-bar button,#rack-webprofiler-bar html input[type=button],#rack-webprofiler-bar input[type=reset],#rack-webprofiler-bar input[type=submit]{-webkit-appearance:button;cursor:pointer}#rack-webprofiler-bar button[disabled],#rack-webprofiler-bar html input[disabled]{cursor:default}#rack-webprofiler-bar button::-moz-focus-inner,#rack-webprofiler-bar input::-moz-focus-inner{border:0;padding:0}#rack-webprofiler-bar input{line-height:normal}#rack-webprofiler-bar input[type=checkbox],#rack-webprofiler-bar input[type=radio]{box-sizing:border-box;padding:0}#rack-webprofiler-bar input[type=number]::-webkit-inner-spin-button,#rack-webprofiler-bar input[type=number]::-webkit-outer-spin-button{height:auto}#rack-webprofiler-bar input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#rack-webprofiler-bar input[type=search]::-webkit-search-cancel-button,#rack-webprofiler-bar input[type=search]::-webkit-search-decoration{-webkit-appearance:none}#rack-webprofiler-bar fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}#rack-webprofiler-bar table{border-collapse:collapse;border-spacing:0}#rack-webprofiler-bar *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-osx-font-smooth:grayscale;margin:0;padding:0}#rack-webprofiler-bar a{text-decoration:none}#rack-webprofiler-bar.rack-webprofiler--long{width:100%;background-color:#1c1f33}#rack-webprofiler-bar .rack-webprofiler__wrapper{display:table}#rack-webprofiler-bar .rack-webprofiler__item{box-sizing:border-box;display:table-cell;height:40px;padding:10px;position:relative;background-color:#1c1f33;border-top:1px #282f4c solid;border-right:1px #282f4c solid}#rack-webprofiler-bar .rack-webprofiler__item a{width:100%;height:100%;display:inline-block}#rack-webprofiler-bar .rack-webprofiler__item--has-drop{cursor:pointer}#rack-webprofiler-bar .rack-webprofiler__item:hover{background-color:#282f4c}#rack-webprofiler-bar .rack-webprofiler__item:hover .rack-webprofiler__item__drop{display:block}#rack-webprofiler-bar .rack-webprofiler__item i.icn{display:inline-block;vertical-align:middle;padding-left:2px;padding-right:5px}#rack-webprofiler-bar .rack-webprofiler__item--close{width:45px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer}#rack-webprofiler-bar .rack-webprofiler__item--close i.icn{padding:0px}#rack-webprofiler-bar .rack-webprofiler__item__label,#rack-webprofiler-bar .rack-webprofiler__item__value{font-weight:600;font-size:0.875em;color:#c4c2cc}#rack-webprofiler-bar .rack-webprofiler__item__value{color:#f3fcf0;vertical-align:middle}#rack-webprofiler-bar .rack-webprofiler__item__status-color{display:block;width:100%;height:4px;position:absolute;left:0;bottom:0}#rack-webprofiler-bar .rack-webprofiler__item__status-color.success{background-color:#7ed321}#rack-webprofiler-bar .rack-webprofiler__item__status-color.warning{background-color:#f8e71c}#rack-webprofiler-bar .rack-webprofiler__item__status-color.error{background-color:#d92b2e}#rack-webprofiler-bar .rack-webprofiler__item__drop{display:none;width:100%;height:1px;position:absolute;top:-1px;left:-1px}#rack-webprofiler-bar .rack-webprofiler__item__drop .rack-webprofiler__item__value{font-weight:400}#rack-webprofiler-bar .rack-webprofiler__item__drop .rack-webprofiler__item__drop__wrapper{box-sizing:border-box;min-width:100%;padding:10px;border:1px #282f4c solid;border-bottom:0;background-color:#202540;white-space:nowrap;position:absolute;left:0;bottom:0}#rack-webprofiler-bar .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper .rack-webprofiler__item__label{color:#c4c2cc}#rack-webprofiler-bar .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper .rack-webprofiler__item__value{padding-left:10px;color:#f3fcf0}#rack-webprofiler-bar .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper th,#rack-webprofiler-bar .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper td{text-align:left;white-space:nowrap}

data/lib/rack/templates/assets/css/rwpt.css

@@ -0,0 +1 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}body{font-family:"Open Sans", "Helvetica Neue", Arial, sans-serif}#rack-webprofiler{position:absolute;width:100%;height:100%}#rack-webprofiler,#rack-webprofiler *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-osx-font-smooth:grayscale}#rack-webprofiler a{text-decoration:none}#rack-webprofiler .block{margin-bottom:35px}#rack-webprofiler .block h1{margin-bottom:25px;text-align:left;text-transform:none;font-family:"Open Sans";font-weight:700;font-size:1.125em;color:#1c1f33}#rack-webprofiler .block table{width:calc(100% - 2px);border-collapse:collapse;outline:1px #979797 solid}#rack-webprofiler .block table th,#rack-webprofiler .block table td{padding:6px 9px;border:1px #d8d8d8 solid;font-size:0.75em}#rack-webprofiler .block table th:first-child,#rack-webprofiler .block table td:first-child{border-left-width:0}#rack-webprofiler .block table th:last-child,#rack-webprofiler .block table td:last-child{border-right-width:0}#rack-webprofiler .block table thead tr:first-child th,#rack-webprofiler .block table thead tr:first-child td{border-top-width:0}#rack-webprofiler .block table tbody tr:last-child th,#rack-webprofiler .block table tbody tr:last-child td{border-bottom-width:0}#rack-webprofiler .block table th{background-color:#ececec;text-align:left;font-weight:400;color:#1c1f33}#rack-webprofiler .block table thead th{text-transform:capitalize}#rack-webprofiler .block table td.code{font-family:"Courier New"}#rack-webprofiler .block p{text-align:left;text-transform:none;font-size:0.875em;line-height:1.4em;color:#666370}#rack-webprofiler .block.block--text .text__no-value{font-style:italic}#rack-webprofiler .block.block--summary table{width:100%;border-collapse:collapse}#rack-webprofiler .block.block--summary table th{text-align:left;line-height:1.4em;font-weight:400;font-size:0.875em;color:#666370}#rack-webprofiler .block.block--summary .value,#rack-webprofiler .block.block--summary .unit{font-size:1.25em}#rack-webprofiler .block.block--summary .value{color:#45425a}#rack-webprofiler .block.block--summary .unit{color:#9b9b9b}#rack-webprofiler .header__section{display:table;width:100%;height:40px;color:#fff;font-size:1em;font-weight:300;background-color:#ff2851}#rack-webprofiler .header__section:nth-child(even){background-color:#e62548}#rack-webprofiler .header__section.header__section--blank:before{content:""}#rack-webprofiler .header__section span{box-sizing:border-box;display:table-cell;vertical-align:middle;padding-left:20px}#rack-webprofiler .header__section span a{color:#f3fcf0;text-decoration:none}#rack-webprofiler #main{overflow-y:auto;width:calc(100% - 162px);height:100%;float:left}#rack-webprofiler #sidebar{width:162px;height:100%;float:left;background-color:#1c1f33}#rack-webprofiler #sidebar .sidebar__header{height:80px;border-bottom:1px #26304b solid;text-align:center}#rack-webprofiler #sidebar .sidebar__header:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-0.25em}#rack-webprofiler #sidebar .sidebar__header .sidebar__header__wrapper{display:inline-block;vertical-align:middle}#rack-webprofiler #sidebar .sidebar__header span{display:block;font-size:1em;color:#f3fcf0}#rack-webprofiler #sidebar .sidebar__header .sidebar__header__title{margin-top:15px}#rack-webprofiler #sidebar .sidebar__header .sidebar__header__title a{color:#f3fcf0;text-decoration:none}#rack-webprofiler #sidebar .sidebar__item{display:table;width:100%;height:40px;border-bottom:1px #26304b solid;-webkit-user-select:none;user-select:none}#rack-webprofiler #sidebar .sidebar__item:hover{background-color:#282f4c}#rack-webprofiler #sidebar .sidebar__item.sidebar__item--blank{display:block}#rack-webprofiler #sidebar .sidebar__item .sidebar__item-inner{display:table-cell;vertical-align:middle}#rack-webprofiler #sidebar .sidebar__item .sidebar__item-inner a{width:100%;height:100%;display:inline-block}#rack-webprofiler #sidebar .sidebar__item .icn{display:inline-block;vertical-align:middle;padding:0px 8px}#rack-webprofiler #sidebar .sidebar__item .icn img{fill:red}#rack-webprofiler #sidebar .sidebar__item i,#rack-webprofiler #sidebar .sidebar__item span{vertical-align:middle;font-weight:600;color:#f3fcf0}#rack-webprofiler #wrapper{box-sizing:border-box;width:100%;min-height:calc(100% - 80px);padding:20px;margin-bottom:50px}#rack-webprofiler .wrapper__container{box-sizing:border-box;width:100%;min-height:100%;padding:15px;border:1px #e6e6e6 solid;background-color:#fff}#rack-webprofiler .wrapper__container a{color:#444}#rack-webprofiler .wrapper__container a:hover{color:#666}

data/lib/rack/templates/assets/sass/_fonts.scss

@@ -0,0 +1,60 @@
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url("https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url("https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhampu5_7CjHW5spxoeN3Vs.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 300;
+  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtTIkQYohD4BpHvJ3NvbHoA.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url("https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 600;
+  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxv79_ZuUxCigM2DespTnFaw.woff2") format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmPkvcX8kXDzy1NrkNCBkJ4.woff2") format('woff2');
+}

data/lib/rack/templates/assets/sass/_normalize.scss

@@ -0,0 +1,4 @@
+
+@mixin normalize() {
+  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
+}

data/lib/rack/templates/assets/sass/_variables.scss

@@ -0,0 +1,11 @@
+$dark_blue: #1c1f33;
+$dark_blue_light: #282f4c;
+
+$fonts: "Open Sans", "Helvetica Neue", Arial, sans-serif;
+
+$profiler_bar_background: $dark_blue;
+$profiler_bar_border: $dark_blue_light;
+$profiler_bar__item_hover: $dark_blue_light;
+
+$profiler_panel__sidebar_background: $dark_blue;
+$profiler_panel__sidebar_item_hover: $dark_blue_light;

data/lib/rack/templates/assets/sass/profiler.scss

@@ -0,0 +1,186 @@
+@import "variables";
+@import "fonts";
+@import "normalize";
+
+#rack-webprofiler-bar {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  font-family: $fonts;
+  height: 46px;
+
+  @include normalize;
+
+  * {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-osx-font-smooth: grayscale;
+    margin: 0;
+    padding: 0;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  &.rack-webprofiler--long {
+    width: 100%;
+    background-color: $profiler_bar_background;
+  }
+  .rack-webprofiler__wrapper {
+    display: table;
+  }
+  .rack-webprofiler__item {
+    box-sizing: border-box;
+    display: table-cell;
+    height: 40px;
+    padding: 10px;
+    position: relative;
+    background-color: $profiler_bar_background;
+    border-top: 1px $profiler_bar_border solid;
+    border-right: 1px $profiler_bar_border solid;
+
+    a {
+      width: 100%;
+      height: 100%;
+      display: inline-block;
+    }
+  }
+  .rack-webprofiler__item--has-drop {
+    cursor: pointer;
+  }
+  .rack-webprofiler__item:hover {
+    background-color: $profiler_bar__item_hover;
+  }
+  .rack-webprofiler__item:hover .rack-webprofiler__item__drop {
+    display: block;
+  }
+  .rack-webprofiler__item i.icn {
+    display: inline-block;
+    vertical-align: middle;
+    padding-left: 2px;
+    padding-right: 5px;
+  }
+  .rack-webprofiler__item--close {
+    width: 45px;
+    text-align: center;
+    -webkit-user-select: none;
+            user-select: none;
+    cursor: pointer;
+  }
+  .rack-webprofiler__item--close i.icn {
+    padding: 0px;
+  }
+  .rack-webprofiler__item__label,
+  .rack-webprofiler__item__value {
+    font-weight: 600;
+    font-size: 0.875em;
+    color: #c4c2cc;
+  }
+  .rack-webprofiler__item__value {
+    color: #f3fcf0;
+    vertical-align: middle;
+  }
+  .rack-webprofiler__item__status-color {
+    display: block;
+    width: 100%;
+    height: 4px;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+  }
+  .rack-webprofiler__item__status-color.success {
+    background-color: #7ed321;
+  }
+  .rack-webprofiler__item__status-color.warning {
+    background-color: #f8e71c;
+  }
+  .rack-webprofiler__item__status-color.error {
+    background-color: #d92b2e;
+  }
+  .rack-webprofiler__item__drop {
+    display: none;
+    width: 100%;
+    height: 1px;
+    position: absolute;
+    top: -1px;
+    left: -1px;
+  }
+  .rack-webprofiler__item__drop .rack-webprofiler__item__value {
+    font-weight: 400;
+  }
+  .rack-webprofiler__item__drop .rack-webprofiler__item__drop__wrapper {
+    box-sizing: border-box;
+    min-width: 100%;
+    padding: 10px;
+    border: 1px #282f4c solid;
+    border-bottom: 0;
+    background-color: #202540;
+    white-space: nowrap;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+  }
+  .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper .rack-webprofiler__item__label {
+    color: #c4c2cc;
+  }
+  .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper .rack-webprofiler__item__value {
+    padding-left: 10px;
+    color: #f3fcf0;
+  }
+  .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper th,
+  .rack-webprofiler__item__drop--list .rack-webprofiler__item__drop__wrapper td {
+    text-align: left;
+    white-space: nowrap;
+  }
+}
+
+
+
+
+
+
+
+/*#rack-webprofiler {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 40px;
+
+  background-color: #1c1f33;
+  color: #f3fcf0;
+  font-family: "Helvetica Neue", Arial, sans-serif;
+  font-size: 14px;
+}
+
+#rack-webprofiler .rack-webprofiler_collectors {
+  height: 40px;
+}
+
+#rack-webprofiler .rack-webprofiler_collectors > .rack-webprofiler_collector {
+  float: left;
+  padding: 0 10px;
+  border: 1px solid #282f4c;
+  height: 38px;
+  line-height: 40px;
+}
+
+#rack-webprofiler .rack-webprofiler_collectors .rack-webprofiler_collector img {
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: 4px;
+}
+#rack-webprofiler .rack-webprofiler_collectors .rack-webprofiler_collector.error,
+#rack-webprofiler .rack-webprofiler_collectors .rack-webprofiler_collector.success {
+  height: 35px;
+  border-bottom-style: solid;
+  border-bottom-width: 4px;
+}
+#rack-webprofiler .rack-webprofiler_collectors .rack-webprofiler_collector.error {
+  border-bottom-color: #ff2851;
+}
+#rack-webprofiler .rack-webprofiler_collectors .rack-webprofiler_collector.success {
+  border-bottom-color: #44db5e;
+}*/

data/lib/rack/templates/assets/sass/rwpt.scss

@@ -0,0 +1,266 @@
+@import "variables";
+@import "normalize";
+
+// #rack-webprofiler-bar {
+//   top: 0;
+// }
+@include normalize;
+
+body {
+  // margin-top: 45px;
+  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
+}
+
+#rack-webprofiler {
+  // may be useless
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  //
+
+  &, * {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-osx-font-smooth: grayscale;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .block {
+    margin-bottom: 35px;
+  }
+  .block h1 {
+    margin-bottom: 25px;
+    text-align: left;
+    text-transform: none;
+    font-family: "Open Sans";
+    font-weight: 700;
+    font-size: 1.125em;
+    color: #1c1f33;
+  }
+
+  .block table {
+    width: calc(100% - 2px);
+    border-collapse: collapse;
+    outline: 1px #979797 solid;
+  }
+  .block table th,
+  .block table td {
+    padding: 6px 9px;
+    border: 1px #d8d8d8 solid;
+    font-size: 0.75em;
+  }
+  .block table th:first-child,
+  .block table td:first-child {
+    border-left-width: 0;
+  }
+  .block table th:last-child,
+  .block table td:last-child {
+    border-right-width: 0;
+  }
+  .block table thead tr:first-child th,
+  .block table thead tr:first-child td {
+    border-top-width: 0;
+  }
+  .block table tbody tr:last-child th,
+  .block table tbody tr:last-child td {
+    border-bottom-width: 0;
+  }
+  .block table th {
+    // width: 20%;
+    background-color: #ececec;
+    text-align: left;
+    font-weight: 400;
+    color: #1c1f33;
+  }
+  .block table td {
+    // width: 80%;
+  }
+  .block table thead th {
+    text-transform: capitalize;
+  }
+  .block table td.code {
+    font-family: "Courier New";
+  }
+
+  .block p {
+    text-align: left;
+    text-transform: none;
+    font-size: 0.875em;
+    line-height: 1.4em;
+    color: #666370;
+  }
+  .block.block--text .text__no-value {
+    font-style: italic;
+  }
+
+  .block.block--summary table {
+    width: 100%;
+    border-collapse: collapse;
+  }
+  .block.block--summary table th {
+    text-align: left;
+    line-height: 1.4em;
+    font-weight: 400;
+    font-size: 0.875em;
+    color: #666370;
+  }
+  .block.block--summary .value,
+  .block.block--summary .unit {
+    font-size: 1.25em;
+  }
+  .block.block--summary .value {
+    color: #45425a;
+  }
+  .block.block--summary .unit {
+    color: #9b9b9b;
+  }
+
+  .header__section {
+    display: table;
+    width: 100%;
+    height: 40px;
+    color: #fff;
+    font-size: 1em;
+    font-weight: 300;
+    background-color: #ff2851;
+
+    &:nth-child(even) {
+      background-color: #e62548;
+    }
+    &.header__section--blank:before {
+      content: "";
+    }
+    span {
+      box-sizing: border-box;
+      display: table-cell;
+      vertical-align: middle;
+      padding-left: 20px;
+
+      a {
+        color: #f3fcf0;
+        text-decoration: none;
+      }
+    }
+  }
+
+  #main {
+    overflow-y: auto;
+    width: calc(100% - 162px);
+    height: 100%;
+    float: left;
+  }
+
+  // Sidebar
+  #sidebar {
+    width: 162px;
+    height: 100%;
+    float: left;
+    background-color: $profiler_panel__sidebar_background;
+
+    .sidebar__header {
+      height: 80px;
+      border-bottom: 1px #26304b solid;
+      text-align: center;
+
+      &:before {
+        content: "";
+        display: inline-block;
+        height: 100%;
+        vertical-align: middle;
+        margin-left: -0.25em;
+      }
+      .sidebar__header__wrapper {
+        display: inline-block;
+        vertical-align: middle;
+      }
+      span {
+        display: block;
+        font-size: 1em;
+        color: #f3fcf0;
+      }
+      .sidebar__header__title {
+        margin-top: 15px;
+
+        a {
+          color: #f3fcf0;
+          text-decoration: none;
+        }
+      }
+    }
+
+    .sidebar__item {
+      display: table;
+      width: 100%;
+      height: 40px;
+      border-bottom: 1px #26304b solid;
+      -webkit-user-select: none;
+              user-select: none;
+
+      &:hover {
+        background-color: $profiler_panel__sidebar_item_hover;
+      }
+      &.sidebar__item--blank {
+        display: block;
+
+        // &:hover {
+        //   background-color: none;
+        // }
+      }
+
+      .sidebar__item-inner {
+        display: table-cell;
+        vertical-align: middle;
+
+        a {
+          width: 100%;
+          height: 100%;
+          display: inline-block;
+        }
+        // a:hover .sidebar__item span {
+        //
+        // }
+      }
+      .icn {
+        display: inline-block;
+        vertical-align: middle;
+        padding: 0px 8px;
+
+        img {
+          fill: red;
+        }
+      }
+      i, span {
+        vertical-align: middle;
+        font-weight: 600;
+        color: #f3fcf0;
+      }
+    }
+  }
+
+  #wrapper {
+    box-sizing: border-box;
+    width: 100%;
+    min-height: calc(100% - 80px);
+    padding: 20px;
+    margin-bottom: 50px;
+  }
+  .wrapper__container {
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 100%;
+    padding: 15px;
+    border: 1px #e6e6e6 solid;
+    background-color: #fff;
+
+    a {
+      color: #444;
+
+      &:hover {
+        color: #666;
+      }
+    }
+  }
+}

data/lib/rack/templates/panel/_sidebar.erb

@@ -0,0 +1,36 @@
+<aside id="sidebar">
+  <header class="sidebar__header">
+    <div class="sidebar__header__wrapper">
+      <span class="sidebar__header__icn"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+VHJpYW5nbGUgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IkRlc2t0b3AtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxLjAwMDAwMCwgLTEwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik04MSwzMCBMNzEsMTUgTDkxLDE1IEw4MSwzMCBaIE05MSwxNCBMNzEsMTQgTDc1LDEwIEw4NywxMCBMOTEsMTQgWiIgaWQ9IlRyaWFuZ2xlLTEiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==" alt=""></span>
+      <span class="sidebar__header__title">
+        <a href="<%= WebProfiler::Router.url_for_profiler %>">Profiler</a>
+      </span>
+    </div>
+  </header>
+
+  <div class="sidebar__item sidebar__item--blank"></div>
+
+<% unless @collectors.nil? %>
+  <% @collectors.each do |_k, collector| %>
+  <div class="sidebar__item">
+    <div class="sidebar__item-inner">
+      <a href="<%= WebProfiler::Router.url_for_profiler(@collection.token, collector.name) %>">
+        <i class="icn">
+          <% unless collector.icon.nil? %><img alt="" src="<%= collector.icon %>" /><% end %>
+        </i>
+        <span><%= collector.name %></span>
+      </a>
+    </div>
+  </div>
+  <% end %>
+<% else %>
+  <div class="sidebar__item">
+    <div class="sidebar__item-inner">
+      <a href="<%= WebProfiler::Router.url_for_clean_profiler %>">
+        <i class="icn"></i>
+        <span>Cleanup database</span>
+      </a>
+    </div>
+  </div>
+<% end %>
+</aside>