15297 lines
572 KiB
HTML
15297 lines
572 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>FLO Messenger</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
*,
|
|
::before,
|
|
::after {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
font-family: "Roboto", sans-serif;
|
|
}
|
|
|
|
:root {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
--accent-color: #0268D1;
|
|
--secondary-color: #FDB956;
|
|
--text-color: 17, 17, 17;
|
|
--text-color-light: 100, 100, 100;
|
|
--foreground-color: 255, 255, 255;
|
|
--background-color: #efefef;
|
|
--error-color: red;
|
|
--hue: 210;
|
|
--saturation: 98%;
|
|
--lightness: 41%;
|
|
font-size: 16px;
|
|
color: rgba(var(--text-color), 1);
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23a579cc;opacity:0.2;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ebg%3C/title%3E%3Cpath class='a' d='M623,1159c-87.68-165.38-129.16-438.77-9-634,37.72-61.28,92.93-117.41,455-293C1411,66.13,1582-16.8,1697-36c82.8-13.83,576.06-96.19,867,204,292.32,301.61,256.84,861.93,14,1172C2127.64,1915.05,909.4,1699.22,623,1159Z'/%3E%3Cpath class='a' d='M810,1133c-49.8-128.47-45-298.39,23-435,76.63-154,210-218.3,429-320,274.53-127.47,576.8-267.83,916-172,85.07,24,231.42,67.54,340,204,122.67,154.17,121.49,331.91,121,406-1.57,237.61-115.25,473.71-277,614C1914.69,1818,981.6,1575.63,810,1133Z'/%3E%3Cpath class='a' d='M1181,1142c-62.16-209.22,55-403,70-427,156.87-251,473.31-278.8,578-288,74.9-6.58,251.61-19.83,441,75,89.21,44.67,290.7,145.55,328,349,31.94,174.23-75.8,318.54-109,363-83.65,112-184,158.9-317,219-227.94,103-404.87,183-602,115-188.59-65-300.7-232.66-334-288C1217.51,1229.26,1196.3,1193.48,1181,1142Z'/%3E%3Cpath class='a' d='M1455,1182c-53.36-145,46.26-302.52,130-380,107.31-99.3,235.1-110.22,291-115,82.39-7,247.07-21.12,360,100,83.24,89.28,112.47,224.24,77,337-76.11,242-411.58,259.25-432,260C1861.81,1384.71,1532.47,1392.52,1455,1182Z'/%3E%3Cpath class='a' d='M1729,1156c-47.23-69.45-12.64-170.65,43-225,67.27-65.71,193.24-90.22,259-23,66.79,68.27,41.95,201-37,265C1916,1236.27,1782.44,1234.58,1729,1156Z'/%3E%3C/svg%3E") fixed no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
body[data-theme=dark] {
|
|
--accent-color: #3a9bff;
|
|
--text-color: 218, 218, 218;
|
|
--text-color-light: 170, 170, 170;
|
|
--foreground-color: 20, 20, 20;
|
|
--lightness: 60%;
|
|
}
|
|
body[data-theme=dark] .initial {
|
|
background: rgba(var(--text-color), 0.1);
|
|
color: rgba(var(--text-color), 1) !important;
|
|
box-shadow: 0 0.1rem 0.1rem #00000016, 0 0.1rem 0.3rem #00000040;
|
|
}
|
|
|
|
p {
|
|
line-height: 1.6;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
color: rgba(var(--text-color), 1);
|
|
font-family: "Poppins", sans-serif;
|
|
font-weight: 600;
|
|
}
|
|
|
|
textarea {
|
|
background: rgba(var(--text-color), 0.1);
|
|
border: none;
|
|
border-radius: 0.3rem;
|
|
width: 100%;
|
|
padding: 1rem;
|
|
font-size: 1rem;
|
|
}
|
|
textarea:focus {
|
|
outline: none;
|
|
box-shadow: 0 0 0 0.1rem var(--accent-color);
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
|
|
.grid-2 {
|
|
grid-template-columns: auto auto;
|
|
gap: 1em;
|
|
}
|
|
|
|
.align-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.justify-right {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.direction-column {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.rest {
|
|
flex: 1;
|
|
}
|
|
|
|
.hide {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.hide-completely {
|
|
display: none !important;
|
|
}
|
|
|
|
.no-transformations {
|
|
transform: none !important;
|
|
}
|
|
|
|
.breakable {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.text-overflow {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.sticky {
|
|
position: sticky;
|
|
top: 1rem;
|
|
}
|
|
|
|
.light-text {
|
|
color: rgba(var(--text-color-light), 1);
|
|
}
|
|
|
|
.accent-color {
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.secondary-color {
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
.fab {
|
|
box-shadow: 0 1rem 1rem #00000020;
|
|
margin-right: 1rem;
|
|
position: fixed;
|
|
bottom: 3.5rem;
|
|
right: 0;
|
|
z-index: 2;
|
|
}
|
|
.fab .icon {
|
|
margin-left: 0 !important;
|
|
margin-right: 0.5rem;
|
|
height: 0.9rem !important;
|
|
stroke-width: 8 !important;
|
|
}
|
|
|
|
a:any-link {
|
|
text-decoration: none;
|
|
color: var(--accent-color);
|
|
text-transform: capitalize;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.solid-background {
|
|
background: var(--background-color) !important;
|
|
}
|
|
|
|
.normal-weight {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.icon {
|
|
fill: none;
|
|
stroke-width: 6;
|
|
stroke: rgba(var(--text-color), 1);
|
|
height: 1.2rem;
|
|
width: 1.2rem;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
.page {
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(var(--foreground-color), 0.7);
|
|
}
|
|
|
|
.card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
sm-button {
|
|
--font-family: "Poppins", sans-serif;
|
|
margin: 1rem 0;
|
|
}
|
|
sm-button .icon {
|
|
margin-right: 0.4rem;
|
|
}
|
|
|
|
sm-input {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
sm-button[variant=primary] .icon {
|
|
align-self: center;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
margin-left: 0.8rem;
|
|
stroke-width: 6;
|
|
stroke: rgba(var(--foreground-color), 1);
|
|
}
|
|
|
|
.back-button {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.logo-section {
|
|
display: flex;
|
|
position: relative;
|
|
align-items: center;
|
|
height: max-content;
|
|
margin: 0.5rem 0;
|
|
}
|
|
.logo-section h4 {
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
}
|
|
.logo-section h5 {
|
|
color: rgba(var(--text-color), 0.7);
|
|
}
|
|
.logo-section .main-logo {
|
|
height: 1.4rem;
|
|
margin-right: 0.4rem;
|
|
fill: rgba(var(--text-color), 1);
|
|
stroke: none;
|
|
}
|
|
|
|
.select-file input[type=file] {
|
|
display: none;
|
|
}
|
|
|
|
#confirmation p, #prompt p {
|
|
max-width: 50ch;
|
|
}
|
|
#confirmation h4, #prompt h4 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
#confirmation sm-button, #prompt sm-button {
|
|
margin-block-start: 1.5rem;
|
|
margin-bottom: 0;
|
|
}
|
|
#confirmation sm-button:first-of-type, #prompt sm-button:first-of-type {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
|
|
#sign_in {
|
|
display: grid;
|
|
border-radius: 0.6rem;
|
|
width: 100%;
|
|
padding: 0 1.5rem;
|
|
height: 100%;
|
|
align-items: flex-end;
|
|
}
|
|
#sign_in .logo-section {
|
|
padding: 1.5rem;
|
|
display: flex;
|
|
}
|
|
#sign_in sm-popup::part(heading) {
|
|
font-size: 2rem;
|
|
font-weight: 600;
|
|
}
|
|
#sign_in .title-font {
|
|
font-kerning: normal;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
font-weight: 900;
|
|
font-size: 2.5rem;
|
|
}
|
|
#sign_in .left {
|
|
display: grid;
|
|
flex-direction: column;
|
|
padding-bottom: 1.5rem;
|
|
z-index: 1;
|
|
}
|
|
#sign_in .left h4 {
|
|
color: rgba(var(--foreground-color), 1);
|
|
}
|
|
#sign_in .left sm-button {
|
|
margin-top: 3rem;
|
|
width: auto;
|
|
}
|
|
#sign_in .left sm-button:last-of-type {
|
|
margin-left: auto;
|
|
}
|
|
#sign_in .left sm-button:first-of-type:hover .icon {
|
|
transform: translateX(0.4rem);
|
|
}
|
|
#sign_in .left h3 {
|
|
margin-bottom: 1rem;
|
|
font-weight: 500;
|
|
}
|
|
#sign_in .left p {
|
|
font-weight: 500;
|
|
}
|
|
|
|
#sign_in_page {
|
|
height: 100vh;
|
|
width: 100vw;
|
|
background: rgba(var(--foreground-color), 1);
|
|
overflow: hidden;
|
|
}
|
|
#sign_in_page header {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
#sign_in_illustration {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
#sign_in_illustration svg {
|
|
height: 12rem;
|
|
width: 12rem;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
overflow: visible;
|
|
z-index: 2;
|
|
}
|
|
#sign_in_illustration .circle {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
}
|
|
#sign_in_illustration .circle:nth-of-type(1) {
|
|
right: -10vh;
|
|
background: var(--secondary-color);
|
|
width: 20vh;
|
|
height: 20vh;
|
|
top: -10vh;
|
|
z-index: 1;
|
|
}
|
|
#sign_in_illustration .circle:nth-of-type(2) {
|
|
right: 20vh;
|
|
bottom: -30vh;
|
|
background: var(--accent-color);
|
|
width: 60vh;
|
|
height: 60vh;
|
|
}
|
|
|
|
#lock {
|
|
height: 12rem;
|
|
position: absolute;
|
|
top: -5rem;
|
|
left: 0;
|
|
}
|
|
|
|
#sign_in_popup {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
#sign_in_popup sm-button, #sign_in_popup sm-input {
|
|
display: flex;
|
|
min-width: 100%;
|
|
}
|
|
#sign_in_popup h4 {
|
|
margin-top: 6rem;
|
|
line-height: 0.6;
|
|
font-weight: 500;
|
|
}
|
|
#sign_in_popup h2 {
|
|
margin-bottom: 2rem;
|
|
}
|
|
#sign_in_popup p {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
#loading_page {
|
|
height: 100vh;
|
|
display: grid;
|
|
place-content: center;
|
|
justify-items: center;
|
|
}
|
|
#loading_page svg {
|
|
z-index: 1;
|
|
transform-origin: bottom;
|
|
height: 6rem;
|
|
width: 6rem;
|
|
animation: bounce 0.5s infinite alternate ease-in;
|
|
}
|
|
#loading_page .shadow {
|
|
margin-top: -1rem;
|
|
width: 5rem;
|
|
height: 2rem;
|
|
background: rgba(var(--text-color), 0.1);
|
|
border-radius: 50%;
|
|
animation: scale 0.5s infinite alternate ease-in;
|
|
margin-left: 1rem;
|
|
}
|
|
#loading_page h4 {
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0% {
|
|
transform: scaleY(1) translateY(-4rem);
|
|
}
|
|
90% {
|
|
transform: scaleY(1) translateY(0);
|
|
}
|
|
100% {
|
|
transform: scaleY(0.8);
|
|
}
|
|
}
|
|
@keyframes scale {
|
|
0% {
|
|
transform: scale(0.5);
|
|
}
|
|
90% {
|
|
transform: scale(1.05);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.initial {
|
|
justify-content: center;
|
|
font-size: 1.6rem;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
background: rgba(var(--foreground-color), 1);
|
|
box-shadow: 0 0.1rem 0.1rem #0000001a, 0 0.1rem 0.3rem #00000016;
|
|
border-radius: 2rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.contact {
|
|
position: relative;
|
|
display: grid;
|
|
gap: 0 1rem;
|
|
grid-template-columns: auto 1fr auto;
|
|
grid-template-areas: "dp . menu" "dp . menu";
|
|
padding: 0.8rem 1.5rem;
|
|
}
|
|
.contact:focus {
|
|
background: rgba(var(--text-color), 0.06);
|
|
outline: none;
|
|
}
|
|
.contact .initial {
|
|
grid-area: dp;
|
|
}
|
|
.contact .name {
|
|
font-size: 1rem;
|
|
font-family: "Poppins", sans-serif;
|
|
font-weight: 500;
|
|
text-transform: capitalize;
|
|
}
|
|
.contact .address {
|
|
font-family: "Poppins", sans-serif;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-weight: 400;
|
|
color: rgba(var(--text-color), 0.8);
|
|
}
|
|
.contact sm-menu {
|
|
grid-area: menu;
|
|
}
|
|
|
|
#warn_no_encryption, .date-card {
|
|
padding: 0.4rem 0.8rem;
|
|
background: rgba(var(--text-color), 0.1);
|
|
font-weight: 500;
|
|
border-radius: 0.4rem;
|
|
color: rgba(var(--text-color), 0.8);
|
|
margin: 1rem 0;
|
|
justify-self: center;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.date-card {
|
|
align-self: center;
|
|
}
|
|
|
|
#send_message_button .icon {
|
|
margin: 0;
|
|
height: 1.2rem;
|
|
width: 1.2rem;
|
|
stroke: rgba(var(--foreground-color), 1);
|
|
}
|
|
|
|
.mail-card.unread::before,
|
|
.contact.unread::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 0.2rem;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: #00C853;
|
|
}
|
|
|
|
.mail-card.unread,
|
|
.contact.unread {
|
|
font-weight: 600;
|
|
}
|
|
.mail-card.unread h4,
|
|
.contact.unread h4 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.mail-card {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
.mail-card .sender {
|
|
color: rgba(var(--text-color), 0.7);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-right: 1rem;
|
|
}
|
|
.mail-card .date {
|
|
margin-left: auto;
|
|
white-space: nowrap;
|
|
}
|
|
.mail-card .subject {
|
|
font-size: 1em;
|
|
margin-top: 0.3rem;
|
|
font-weight: 500;
|
|
}
|
|
.mail-card .description {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
font-size: 0.9em;
|
|
color: rgba(var(--text-color), 0.8);
|
|
}
|
|
|
|
@keyframes slide {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateX(-1rem);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
#mail_container {
|
|
width: 100%;
|
|
}
|
|
|
|
.mail {
|
|
position: relative;
|
|
}
|
|
.mail:not(:first-of-type) {
|
|
margin-top: 2rem;
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.mail:not(:first-of-type)::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 0.2rem;
|
|
height: 100%;
|
|
background: rgba(var(--text-color), 0.2);
|
|
}
|
|
.mail header {
|
|
align-self: start;
|
|
margin-bottom: 1rem;
|
|
padding-bottom: 0.5rem;
|
|
border-bottom: solid 1px rgba(var(--text-color), 0.2);
|
|
}
|
|
.mail header h4 {
|
|
font-weight: 500;
|
|
}
|
|
.mail header .flo-id {
|
|
font-weight: 400;
|
|
max-width: 90%;
|
|
}
|
|
.mail .mail-subject,
|
|
.mail .mail-content {
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
.mail .mail-subject {
|
|
margin-bottom: 0.4em;
|
|
}
|
|
.mail .mail-content {
|
|
height: max-content;
|
|
max-width: 60ch;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.logo-section {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-areas: "logo ." "logo .";
|
|
}
|
|
.logo-section svg {
|
|
grid-area: logo;
|
|
}
|
|
|
|
#main_navbar {
|
|
position: fixed;
|
|
bottom: 0;
|
|
padding: 0;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
background: rgba(var(--foreground-color), 0.9);
|
|
box-shadow: 0 -0.2rem 1rem #00000016;
|
|
height: 3.5rem;
|
|
align-items: center;
|
|
z-index: 4;
|
|
}
|
|
#main_navbar .logo-section {
|
|
padding: 0;
|
|
}
|
|
#main_navbar .navbar-item {
|
|
position: relative;
|
|
height: 100%;
|
|
flex: 1;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
opacity: 0.8;
|
|
}
|
|
#main_navbar .navbar-item .icon {
|
|
height: 1.2rem;
|
|
width: 1.2rem;
|
|
}
|
|
#main_navbar .navbar-item.badge::after {
|
|
right: 0;
|
|
top: 0;
|
|
position: absolute;
|
|
content: attr(data-notifications);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0.4rem;
|
|
line-height: 0;
|
|
height: calc(1em + 0.4rem);
|
|
background: #00C853;
|
|
color: rgba(var(--foreground-color), 1);
|
|
border-radius: 2rem;
|
|
transition: transform 0.3s;
|
|
}
|
|
#main_navbar .navbar-item.badge.active::after, #main_navbar .navbar-item.badge[data-notifications="0"]::after, #main_navbar .navbar-item.badge[data-notifications=""]::after {
|
|
transform: scale(0);
|
|
}
|
|
#main_navbar .active {
|
|
opacity: 1;
|
|
}
|
|
#main_navbar .active h5 {
|
|
color: var(--accent-color);
|
|
}
|
|
#main_navbar .active .icon {
|
|
stroke: var(--accent-color);
|
|
}
|
|
|
|
#compose_mail_popup header, #add_contact_popup header, #reply_mail_popup header {
|
|
width: 100%;
|
|
padding: 0 1.5rem;
|
|
align-self: flex-start;
|
|
}
|
|
#compose_mail_popup header .icon, #add_contact_popup header .icon, #reply_mail_popup header .icon {
|
|
stroke-width: 8;
|
|
margin-right: 1rem;
|
|
height: 0.8rem;
|
|
cursor: pointer;
|
|
}
|
|
#compose_mail_popup header sm-button, #add_contact_popup header sm-button, #reply_mail_popup header sm-button {
|
|
margin: 0 0 0 auto;
|
|
}
|
|
#compose_mail_popup header sm-button::part(button), #add_contact_popup header sm-button::part(button), #reply_mail_popup header sm-button::part(button) {
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
#auto_complete_contact {
|
|
position: relative;
|
|
justify-content: flex-start;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#mail_contact_list {
|
|
max-height: 40vh;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 100%;
|
|
background: rgba(var(--foreground-color), 1);
|
|
z-index: 1;
|
|
border-radius: 0.4rem;
|
|
box-shadow: 0 0.1rem 0.1rem #00000010, 0 0.2rem 0.5rem #00000020;
|
|
width: 100%;
|
|
}
|
|
#mail_contact_list .contact {
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-areas: "dp ." "dp .";
|
|
}
|
|
#mail_contact_list sm-menu {
|
|
display: none;
|
|
}
|
|
|
|
#contacts, #mails {
|
|
position: relative;
|
|
grid-template-rows: max-content 1fr;
|
|
height: calc(100vh - 3.5rem);
|
|
}
|
|
#contacts header, #mails header {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
#contacts header sm-button, #mails header sm-button {
|
|
margin: 0 0 0 auto;
|
|
}
|
|
#contacts header sm-button .icon, #mails header sm-button .icon {
|
|
height: 0.9rem;
|
|
width: 0.9rem;
|
|
align-self: center;
|
|
stroke-width: 8;
|
|
margin-left: 0;
|
|
margin-right: 0.5rem;
|
|
}
|
|
#contacts header sm-button[variant=outlined] .icon, #mails header sm-button[variant=outlined] .icon {
|
|
stroke: var(--accent-color);
|
|
}
|
|
|
|
#chat_page {
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
#chat {
|
|
height: 100vh;
|
|
grid-template-rows: max-content 1fr max-content;
|
|
}
|
|
#chat header {
|
|
padding: 0.5rem 1rem;
|
|
border-bottom: solid 1px rgba(var(--text-color), 0.16);
|
|
}
|
|
#chat header .back-button {
|
|
margin-right: 0.2rem;
|
|
}
|
|
#chat header .initial {
|
|
margin-right: 1rem;
|
|
}
|
|
#chat header h4 {
|
|
font-weight: 500;
|
|
}
|
|
#chat header h5 {
|
|
font-weight: 400;
|
|
}
|
|
#chat header sm-menu {
|
|
margin-left: 1rem;
|
|
}
|
|
#chat footer {
|
|
align-items: flex-end;
|
|
padding: 0.5rem 1rem;
|
|
border-top: solid 1px rgba(var(--text-color), 0.16);
|
|
}
|
|
#chat footer sm-button {
|
|
margin: 0;
|
|
margin-left: 1rem;
|
|
}
|
|
#chat footer sm-button::part(button) {
|
|
padding: 0.8rem;
|
|
}
|
|
#chat footer sm-textarea {
|
|
margin: 0;
|
|
}
|
|
#chat #type_message {
|
|
margin: 0;
|
|
}
|
|
#chat .message {
|
|
position: relative;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
padding: 0.4rem 0.8rem;
|
|
width: 100%;
|
|
font-size: 0.94rem;
|
|
max-width: max-content;
|
|
margin-bottom: 0.4rem;
|
|
margin-top: 0.8rem;
|
|
box-shadow: 0 1px 0.1rem #00000020;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
}
|
|
#chat .message .time {
|
|
align-self: flex-end;
|
|
margin-top: auto;
|
|
margin-left: 0.4rem;
|
|
font-size: 0.8em;
|
|
color: rgba(var(--text-color), 0.6);
|
|
}
|
|
#chat .sent {
|
|
margin-left: auto;
|
|
background: rgba(var(--text-color), 0.06);
|
|
border-radius: 0.6rem 0 0.6rem 0.6rem;
|
|
}
|
|
#chat .received {
|
|
border-radius: 0 0.6rem 0.6rem 0.6rem;
|
|
border: solid 1px rgba(var(--text-color), 0.1);
|
|
}
|
|
#chat .sent + .sent,
|
|
#chat .received + .received {
|
|
border-radius: 0.6rem;
|
|
margin-top: 0;
|
|
}
|
|
|
|
#chat_container {
|
|
padding: 0 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
#new_conversation, #no_mails {
|
|
height: 100%;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: 1.5rem;
|
|
}
|
|
#new_conversation p, #no_mails p {
|
|
margin-top: 0.8rem;
|
|
}
|
|
|
|
#no_mails .new-conversation {
|
|
height: 7rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.new-conversation {
|
|
height: 8rem;
|
|
width: 8rem;
|
|
align-self: center;
|
|
stroke-width: 16;
|
|
stroke: rgba(var(--text-color), 0.4);
|
|
}
|
|
|
|
#contacts_container,
|
|
#chat_container,
|
|
#inbox_mail_container,
|
|
#sent_mail_container,
|
|
#mail {
|
|
width: 100%;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
#contacts_container:empty {
|
|
display: none;
|
|
}
|
|
|
|
#contacts_container:not(:empty) ~ .empty-state {
|
|
display: none;
|
|
}
|
|
|
|
sm-tab-panels {
|
|
overflow: hidden auto;
|
|
}
|
|
|
|
sm-tab-header {
|
|
--accent-color: rgba(var(--text-color), 0.7);
|
|
}
|
|
|
|
#inbox_mail_container,
|
|
#sent_mail_container {
|
|
padding-bottom: 6rem;
|
|
}
|
|
|
|
#chat, #mail {
|
|
background: rgba(var(--foreground-color), 0.7);
|
|
}
|
|
|
|
#mail {
|
|
height: 100vh;
|
|
padding: 1.5rem;
|
|
align-items: flex-start;
|
|
}
|
|
#mail .flex {
|
|
margin-top: 1rem;
|
|
}
|
|
#mail .flex sm-button:first-of-type {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
#settings_page {
|
|
height: calc(100vh - 3.5rem);
|
|
overflow-y: auto;
|
|
padding: 1.5rem;
|
|
}
|
|
#settings_page h4 {
|
|
margin-bottom: 0.3rem;
|
|
text-transform: capitalize;
|
|
}
|
|
#settings_page h4:not(:first-of-type) {
|
|
margin-top: 1.5rem;
|
|
}
|
|
#settings_page p {
|
|
max-width: 60ch;
|
|
}
|
|
#settings_page header {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
#settings_page .flex sm-button {
|
|
margin: 0;
|
|
margin-left: 1rem;
|
|
}
|
|
#settings_page sm-switch {
|
|
padding-left: 1rem;
|
|
}
|
|
#settings_page sm-button {
|
|
width: 100%;
|
|
}
|
|
|
|
@media screen and (max-width: 640px) {
|
|
.hide-on-mobile {
|
|
position: fixed;
|
|
max-height: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#sign_in {
|
|
grid-template-areas: "illustration" ".";
|
|
height: 100%;
|
|
}
|
|
|
|
#sign_in_illustration {
|
|
grid-area: illustration;
|
|
}
|
|
|
|
#chat header h5 {
|
|
width: calc(100vw - 12rem);
|
|
}
|
|
#chat .message {
|
|
width: fit-content;
|
|
max-width: 90%;
|
|
}
|
|
|
|
#settings_page {
|
|
padding-bottom: 3.5rem;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 640px) {
|
|
::-webkit-scrollbar {
|
|
width: 0.5rem;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(var(--text-color), 0.2);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(var(--text-color), 0.5);
|
|
}
|
|
|
|
.hide-on-desktop {
|
|
display: none !important;
|
|
}
|
|
|
|
.page {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.fab {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.logo-section {
|
|
padding: 2rem 3rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
#sign_in {
|
|
align-items: center;
|
|
gap: 4vw;
|
|
grid-template-columns: 1.5fr 1fr;
|
|
padding: 0 4vw;
|
|
}
|
|
#sign_in .left sm-button:last-of-type {
|
|
margin-left: 0.5rem;
|
|
}
|
|
#sign_in .left h4 {
|
|
color: var(--accent-color);
|
|
}
|
|
#sign_in .circle:nth-of-type(1) {
|
|
right: -40vh;
|
|
width: 80vh;
|
|
height: 80vh;
|
|
}
|
|
#sign_in .circle:nth-of-type(2) {
|
|
right: -70vh;
|
|
width: 140vh;
|
|
height: 140vh;
|
|
}
|
|
|
|
#sign_in_popup .icon {
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#main_navbar {
|
|
flex-direction: column;
|
|
position: relative;
|
|
padding: 0.5rem;
|
|
box-shadow: none;
|
|
height: auto;
|
|
}
|
|
#main_navbar .navbar-item {
|
|
height: auto;
|
|
justify-content: flex-start;
|
|
flex-direction: row;
|
|
flex: none;
|
|
padding: 1rem 0.5rem;
|
|
border-radius: 0.4rem;
|
|
}
|
|
#main_navbar .navbar-item .icon {
|
|
height: 1.2rem;
|
|
width: 2.4rem;
|
|
}
|
|
#main_navbar .logo-section {
|
|
padding: 0 1rem;
|
|
}
|
|
#main_navbar .active {
|
|
background: rgba(var(--text-color), 0.06);
|
|
border-radius: 0.4rem;
|
|
}
|
|
#main_navbar .label {
|
|
display: none;
|
|
}
|
|
|
|
#compose_mail_popup header, #add_contact_popup header, #reply_mail_popup header {
|
|
padding: 1.5rem 1.5rem 0 1.5rem;
|
|
}
|
|
|
|
#add_contact_popup::part(popup) {
|
|
min-width: 24rem;
|
|
}
|
|
|
|
#compose_mail_popup::part(popup),
|
|
#reply_mail_popup::part(popup) {
|
|
min-width: 36rem;
|
|
}
|
|
|
|
#main {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
grid-template-columns: auto 1fr;
|
|
}
|
|
|
|
#chat .message .message-body {
|
|
max-width: 50ch;
|
|
}
|
|
|
|
#chat_page, #mail_page {
|
|
grid-template-columns: 20rem 1fr;
|
|
}
|
|
|
|
#contacts, #mails {
|
|
height: 100vh;
|
|
background: rgba(var(--text-color), 0.04);
|
|
backdrop-filter: blur(1rem);
|
|
}
|
|
|
|
#settings_page {
|
|
height: 100vh;
|
|
}
|
|
#settings_page section {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 3rem;
|
|
grid-auto-flow: column;
|
|
}
|
|
#settings_page sm-button {
|
|
width: max-content;
|
|
}
|
|
|
|
.contact.active,
|
|
.mail-card.active {
|
|
background: rgba(var(--text-color), 0.06);
|
|
}
|
|
|
|
.card {
|
|
display: inline-flex;
|
|
width: auto;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1280px) {
|
|
#sign_in {
|
|
gap: 4vw;
|
|
padding: 0 12vw;
|
|
}
|
|
#sign_in .title-font {
|
|
font-size: 4rem;
|
|
}
|
|
|
|
#main_navbar {
|
|
align-items: flex-start;
|
|
}
|
|
#main_navbar .navbar-item {
|
|
padding: 1rem 0.8rem;
|
|
width: 100%;
|
|
}
|
|
#main_navbar .navbar-item .icon {
|
|
width: 2rem;
|
|
margin-right: 0.8rem;
|
|
}
|
|
#main_navbar .label {
|
|
display: block;
|
|
}
|
|
|
|
#chat_page, #mail_page {
|
|
grid-template-columns: 22rem 1fr;
|
|
}
|
|
|
|
#chat header {
|
|
padding: 0.5rem 1.5rem;
|
|
}
|
|
#chat #chat_container {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 2048px) {
|
|
body {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
@media (hover: hover) {
|
|
.contact:hover, .mail-card:hover, .navbar-item:hover {
|
|
background: rgba(var(--text-color), 0.06);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.contact sm-menu {
|
|
opacity: 0;
|
|
}
|
|
|
|
.contact:hover sm-menu,
|
|
sm-menu:focus-within {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
</style>
|
|
<script id="floGlobals">
|
|
/* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
|
|
const floGlobals = {
|
|
|
|
//Required for all
|
|
blockchain: "FLO",
|
|
|
|
//Required for blockchain API operators
|
|
apiURL: {
|
|
FLO: ['https://explorer.mediciland.com/', 'https://livenet.flocha.in/',
|
|
'https://flosight.duckdns.org/', 'http://livenet-explorer.floexperiments.com/'
|
|
],
|
|
FLO_TEST: ['https://testnet-flosight.duckdns.org/', 'https://testnet.flocha.in/']
|
|
},
|
|
|
|
//Required for Supernode operations
|
|
SNStorageID: "FEzk75EGMPEQMrCuPosGiwuK162hcEu49E",
|
|
supernodes: {}, //each supnernode must be stored as floID : {uri:<uri>,pubKey:<publicKey>}
|
|
|
|
//for app
|
|
application: "messenger",
|
|
pubKeys: {},
|
|
contacts: {},
|
|
appendix: {}
|
|
}
|
|
</script>
|
|
<script id="onLoadStartUp">
|
|
function onLoadStartUp() {
|
|
privKeyNotSecured = true;
|
|
|
|
//display loading screen
|
|
loadingPage.classList.remove("hide-completely")
|
|
//clear Rendered Elements
|
|
let elementsToReset = [ 'inbox_mail_container', 'sent_mail_container', 'contacts_container', 'chat_container',
|
|
'receiver_floID', 'receiver_name', 'mail_contact_list'
|
|
]
|
|
//, "backup_info"
|
|
elementsToReset.forEach(e => clearElement(document.getElementById(e)))
|
|
|
|
floDapps.setCustomPrivKeyInput((type) => {
|
|
return new Promise((resolve, reject) => {
|
|
mainPage.classList.add('hide-completely')
|
|
loadingPage.classList.add('hide-completely')
|
|
signInLanding.classList.remove('hide-completely')
|
|
signInButton.addEventListener('clicked', () => {
|
|
let key = privateKeyInputField.value;
|
|
signInPopup.hide()
|
|
console.log(key)
|
|
signInLanding.classList.add('hide-completely')
|
|
loadingPage.classList.remove('hide-completely')
|
|
resolve(key)
|
|
})
|
|
guestLoginButton.onclick = () => {
|
|
signInLanding.classList.add('hide-completely')
|
|
loadingPage.classList.remove('hide-completely')
|
|
reject(null)
|
|
}
|
|
if (type === "PRIVATE_KEY") {
|
|
privateKeyInputField.setAttribute("placeholder", "Private Key")
|
|
document.getElementById("type_of_key").textContent = 'FLO private key'
|
|
document.getElementById("remove_account").classList.add("hide-completely");
|
|
} else if (type === "PIN/Password") {
|
|
privateKeyInputField.setAttribute("placeholder", "PIN/Password")
|
|
signInPopup.show()
|
|
privateKeyInputField.focusIn()
|
|
document.getElementById("remove_account").classList.remove("hide-completely");
|
|
document.getElementById("type_of_key").textContent = 'PIN/Password'
|
|
privKeyNotSecured = false;
|
|
}
|
|
})
|
|
})
|
|
|
|
//invoke the startup functions
|
|
floDapps.launchStartUp().then(result => {
|
|
console.log(result)
|
|
document.getElementById("greet_tag").textContent = myFloID
|
|
//load messages from IDB and render them
|
|
reactor.dispatchEvent("startUpSuccessLog", `Loading Data! Please Wait...`)
|
|
messenger.loadDataFromIDB().then(data => {
|
|
floGlobals.pubKeys = data.pubKeys;
|
|
floGlobals.contacts = data.contacts;
|
|
floGlobals.settings = data.settings;
|
|
floGlobals.appendix = data.appendix;
|
|
renderContactList(floGlobals.contacts)
|
|
renderMailContactList(floGlobals.contacts)
|
|
renderMessages(data.messages, false)
|
|
renderMailList(data.mails, false)
|
|
renderMarked(data.marked)
|
|
reactor.dispatchEvent("startUpSuccessLog", `Load Successful!`)
|
|
//hide loading screen
|
|
loadingPage.classList.add("hide-completely")
|
|
mainPage.classList.remove('hide-completely')
|
|
chatSection.classList.add('hide-completely')
|
|
mailSection.classList.add('hide-completely')
|
|
refreshAgain()
|
|
document.getElementById('chat_page_button').click()
|
|
if(privKeyNotSecured){
|
|
notify("Private key is not secured with password. Remember to secure the private key in settings", "warn", '')
|
|
document.getElementById("secure_key").textContent = 'Set password'
|
|
}
|
|
else{
|
|
document.getElementById("secure_key").textContent = 'Change password'
|
|
}
|
|
}).catch(error => {
|
|
reactor.dispatchEvent("startUpErrorLog", `Failed to load data`)
|
|
notify(error, "error")
|
|
})
|
|
}).catch(error => notify(error, "error"))
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body data-theme="light" onload="onLoadStartUp()">
|
|
<audio id="notification_sound">
|
|
<source src="https://rmservices.duckdns.org/files/notification-sound.mp3" type="audio/mpeg">
|
|
<source src="https://rmservices.duckdns.org/files/notification-sound.ogg" type="audio/ogg">
|
|
</audio>
|
|
<sm-notifications id="notifications"></sm-notifications>
|
|
|
|
<div id="sign_in_page" class="page hide-completely">
|
|
<header class="logo-section">
|
|
<svg class="main-logo" viewBox="0 0 27.25 32">
|
|
<title>RanchiMall</title>
|
|
<path
|
|
d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z" />
|
|
</svg>
|
|
<h4 class="light-text">
|
|
RanchiMall
|
|
</h4>
|
|
</header>
|
|
<div id="sign_in">
|
|
<div class="left">
|
|
<h4>
|
|
Messenger
|
|
<div class="line"></div>
|
|
</h4>
|
|
<h1 class="title-font">
|
|
Messages or Emails?<br>
|
|
Why Not Both!
|
|
</h1>
|
|
<div class="flex align-center">
|
|
<sm-button variant="primary" id="open_sign_in_button">
|
|
login
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<title>chevron_right</title>
|
|
<polyline points="15.99 0.35 47.65 32 15.99 63.65" />
|
|
</svg>
|
|
</sm-button>
|
|
<sm-button id="guest_login_button" variant="outlined">Guest login</sm-button>
|
|
</div>
|
|
<p class="light-text">New here? login as guest and get your FLO private key.</p>
|
|
</div>
|
|
<div id="sign_in_illustration" class="right">
|
|
<svg viewBox="0 0 512 512">
|
|
<defs>
|
|
<style>
|
|
.a {
|
|
fill: #fff;
|
|
}
|
|
|
|
.b {
|
|
fill: #ccc;
|
|
}
|
|
|
|
.c {
|
|
fill: none;
|
|
}
|
|
|
|
.c,
|
|
.d,
|
|
.e {
|
|
stroke: #000;
|
|
stroke-miterlimit: 10;
|
|
stroke-width: 20;
|
|
}
|
|
|
|
.d {
|
|
fill: #ed1c24;
|
|
}
|
|
|
|
.e {
|
|
fill: #d30d41;
|
|
}
|
|
</style>
|
|
</defs>
|
|
<title>mascot</title>
|
|
<path class="a"
|
|
d="M506,367.94v51.19a52,52,0,0,1-52,52H130.4a52,52,0,0,1-52-52V183.69L9.58,40.88,454,43.24a52,52,0,0,1,52,52.05V225.38" />
|
|
<path class="b"
|
|
d="M506,98.69V431.58c.57,56.06-149.95,44-149.95,44a52,52,0,0,0,52-52V44.86L454,46.65A52,52,0,0,1,506,98.69Z" />
|
|
<line class="c" x1="506" y1="273.75" x2="506" y2="327.21" />
|
|
<path class="c"
|
|
d="M506,367.94v51.19a52,52,0,0,1-52,52H130.4a52,52,0,0,1-52-52V183.69L9.58,40.88,454,43.24a52,52,0,0,1,52,52.05V225.38" />
|
|
<path class="d" d="M361.83,340a69.63,69.63,0,1,1-139.26,0C222.57,301.5,361.83,301.5,361.83,340Z" />
|
|
<path class="c" d="M152,242.43a34.32,34.32,0,0,1,64.68.2" />
|
|
<path class="c" d="M367.79,242.43a34.32,34.32,0,0,1,64.68.2" />
|
|
<path class="e" d="M325,314.13c21,4.22,36.85,12.82,36.85,25.8a69.7,69.7,0,0,1-41.09,63.58" />
|
|
</svg>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
</div>
|
|
<sm-popup id="sign_in_popup">
|
|
<svg id="lock" viewBox="0 0 184 280" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g filter="url(#filter0_d)">
|
|
<path d="M61.7756 195.257L70.5122 180.085C73.1971 175.397 78.1833 172.541 83.5958 172.541H101.112C106.524 172.541 111.51 175.439 114.195 180.085L122.932 195.257C125.617 199.945 125.617 205.698 122.932 210.386L114.195 225.558C111.51 230.246 106.524 233.101 101.112 233.101H83.5958C78.1833 233.101 73.1971 230.203 70.5122 225.558L61.7756 210.386C59.0907 205.698 59.0907 199.945 61.7756 195.257ZM81.9337 221.424L83.2548 223.683C84.235 225.345 86.025 226.367 87.9428 226.367H96.8072C98.725 226.367 100.515 225.345 101.495 223.683L102.816 221.424C104.905 217.801 102.305 213.326 98.1284 213.326H86.6216C82.4451 213.284 79.8454 217.801 81.9337 221.424Z" fill="#FBB03B"/>
|
|
<path d="M61.7756 210.386L70.5122 225.558C73.1971 230.246 78.1833 233.101 83.5958 233.101H92.375V226.41H87.9428C86.025 226.41 84.235 225.387 83.2548 223.725L81.9337 221.466C79.8454 217.844 82.4451 213.369 86.6216 213.369H92.375V172.627H83.5958C78.1833 172.627 73.1971 175.525 70.5122 180.17L61.7756 195.342C59.0907 199.945 59.0907 205.698 61.7756 210.386Z" fill="#D8701A"/>
|
|
<path d="M92.8438 29.1333C84.0646 29.1333 76.0951 32.7132 70.2991 38.4665C64.5457 44.2199 60.9659 52.1894 60.9659 61.0112V102.947L74.3478 97.5771V61.0112C74.3478 50.8256 82.6156 42.5578 92.8012 42.5578C97.9153 42.5578 102.518 44.6035 105.842 47.9703C109.166 51.2944 111.255 55.9398 111.255 61.0112V71.964C111.851 72.0066 112.405 72.0918 113.002 72.177L118.329 72.8589L124.679 73.6687V60.9686C124.679 43.4102 110.445 29.1333 92.8438 29.1333Z" fill="#4D4D4D"/>
|
|
<path d="M92.8438 14.899C80.6978 14.899 69.7024 19.8427 61.733 27.7696C53.7635 35.739 48.8625 46.7344 48.8625 58.8804V102.904L67.3585 84.4083V58.8804C67.3585 44.774 78.78 33.3525 92.8864 33.3525C99.9183 33.3525 106.311 36.2078 110.914 40.8105C115.516 45.4132 118.372 51.8059 118.372 58.8378V72.8589L124.722 73.6687L132.904 74.7341L136.868 75.2455V58.8804C136.868 34.5884 117.136 14.899 92.8438 14.899Z" fill="#808080"/>
|
|
<path d="M136.868 58.923V75.2881L132.904 74.7767L124.722 73.7113L118.372 72.9016V58.9656C118.372 51.9337 115.516 45.5411 110.914 40.9384C106.311 36.3357 99.9183 33.4803 92.8864 33.4803V14.899C117.136 14.899 136.868 34.5884 136.868 58.923Z" fill="#CCCCCC"/>
|
|
<path d="M154 91.0567V178.934C154 181.15 152.381 182.983 150.164 183.281L132.862 185.54V84.4509L150.164 86.667C152.381 86.9654 154 88.8405 154 91.0567Z" fill="#D8701A"/>
|
|
<path d="M113.045 81.8939C106.183 80.9989 99.2791 80.5727 92.375 80.5727C85.471 80.5727 78.5669 80.9989 71.7055 81.8939L52.1866 84.4083V185.54L71.7055 188.054C78.5669 188.949 85.471 189.375 92.375 189.375C99.2791 189.375 106.183 188.949 113.045 188.054L132.904 185.497V84.4509L113.045 81.8939Z" fill="#F7931E"/>
|
|
<path d="M52.2293 84.4083V185.54L34.5856 183.238C32.4121 182.94 30.75 181.108 30.75 178.891V91.0566C30.75 88.8405 32.3695 87.008 34.5856 86.7096L52.2293 84.4083Z" fill="#FBB03B"/>
|
|
<path d="M99.3217 211.92H85.4283C80.3995 211.92 77.2458 217.375 79.7602 221.722L81.337 224.492C82.4877 226.495 84.6612 227.774 87.0052 227.774H97.7448C100.089 227.774 102.22 226.538 103.413 224.492L104.99 221.722C107.504 217.375 104.351 211.92 99.3217 211.92ZM101.836 220.017L100.643 222.063C99.7478 223.597 98.1284 224.492 96.381 224.492H88.3263C86.579 224.492 84.9595 223.555 84.0646 222.063L82.8713 220.017C80.9961 216.736 83.3401 212.687 87.133 212.687H97.5743C101.367 212.687 103.711 216.778 101.836 220.017Z" fill="#A03C1D"/>
|
|
</g>
|
|
<defs>
|
|
<filter id="filter0_d" x="0.75" y="0.899048" width="183.25" height="278.202" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
|
|
<feOffset dy="16"/>
|
|
<feGaussianBlur stdDeviation="15"/>
|
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
|
<h4 class="accent-color">Sign In</h4>
|
|
<h2>Welcome Back!</h2>
|
|
<p class="light-text">
|
|
Please enter your <span id="type_of_key">FLO private key</span> to continue.
|
|
</p>
|
|
<sm-input id="private_key_input_field" type="password" placeholder="private key"></sm-input>
|
|
<sm-button id="sign_in_button" width="cover" variant="primary" disabled>continue</sm-button>
|
|
<sm-button id="remove_account" variant="outlined">Remove Account</sm-button>
|
|
</sm-popup>
|
|
</div>
|
|
</div>
|
|
<div id="loading_page" class="page hide-completely">
|
|
<svg viewBox="0 0 512 512">
|
|
<defs>
|
|
<style>
|
|
.a {
|
|
fill: #fff;
|
|
}
|
|
|
|
.b {
|
|
fill: #ccc;
|
|
}
|
|
|
|
.c {
|
|
fill: none;
|
|
}
|
|
|
|
.c,
|
|
.d,
|
|
.e {
|
|
stroke: #000;
|
|
stroke-miterlimit: 10;
|
|
stroke-width: 20;
|
|
}
|
|
|
|
.d {
|
|
fill: #ed1c24;
|
|
}
|
|
|
|
.e {
|
|
fill: #d30d41;
|
|
}
|
|
</style>
|
|
</defs>
|
|
<title>mascot</title>
|
|
<path class="a"
|
|
d="M506,367.94v51.19a52,52,0,0,1-52,52H130.4a52,52,0,0,1-52-52V183.69L9.58,40.88,454,43.24a52,52,0,0,1,52,52.05V225.38" />
|
|
<path class="b"
|
|
d="M506,98.69V431.58c.57,56.06-149.95,44-149.95,44a52,52,0,0,0,52-52V44.86L454,46.65A52,52,0,0,1,506,98.69Z" />
|
|
<line class="c" x1="506" y1="273.75" x2="506" y2="327.21" />
|
|
<path class="c"
|
|
d="M506,367.94v51.19a52,52,0,0,1-52,52H130.4a52,52,0,0,1-52-52V183.69L9.58,40.88,454,43.24a52,52,0,0,1,52,52.05V225.38" />
|
|
<path class="d" d="M361.83,340a69.63,69.63,0,1,1-139.26,0C222.57,301.5,361.83,301.5,361.83,340Z" />
|
|
<path class="c" d="M152,242.43a34.32,34.32,0,0,1,64.68.2" />
|
|
<path class="c" d="M367.79,242.43a34.32,34.32,0,0,1,64.68.2" />
|
|
<path class="e" d="M325,314.13c21,4.22,36.85,12.82,36.85,25.8a69.7,69.7,0,0,1-41.09,63.58" />
|
|
</svg>
|
|
<div class="shadow"></div>
|
|
<h4>Getting everything ready, Hang on.</h4>
|
|
</div>
|
|
<sm-popup id="confirmation">
|
|
<h4 class="title"></h4>
|
|
<p class="message"></p>
|
|
<div class="flex">
|
|
<sm-button class="justify-right">ok</sm-button>
|
|
<sm-button>cancel</sm-button>
|
|
</div>
|
|
</sm-popup>
|
|
<sm-popup id="prompt">
|
|
<h4 class="title"></h4>
|
|
<sm-input></sm-input>
|
|
<div class="flex align-center">
|
|
<sm-button class="justify-right">Ok</sm-button>
|
|
<sm-button>Cancel</sm-button>
|
|
</div>
|
|
</sm-popup>
|
|
<sm-popup id="add_contact_popup">
|
|
<header class="flex align-center" slot="header">
|
|
<svg class="icon" viewBox="0 0 64 64" onclick="this.closest('sm-popup').hide()">
|
|
<title>Close</title>
|
|
<line x1="64" y1="0" x2="0" y2="64" />
|
|
<line x1="64" y1="64" x2="0" y2="0" />
|
|
</svg>
|
|
<h4>Add contact</h4>
|
|
<sm-button id="add_contact_button" variant="primary" disabled>Add</sm-button>
|
|
</header>
|
|
<sm-input id="add_contact_floID" placeholder="FLO address" animate required></sm-input>
|
|
<sm-input id="add_contact_name" placeholder="Name" animate required></sm-input>
|
|
</sm-popup>
|
|
<sm-popup id="compose_mail_popup">
|
|
<header class="flex align-center" slot="header">
|
|
<svg class="icon" viewBox="0 0 64 64" onclick="this.closest('sm-popup').hide()">
|
|
<title>Close</title>
|
|
<line x1="64" y1="0" x2="0" y2="64" />
|
|
<line x1="64" y1="64" x2="0" y2="0" />
|
|
</svg>
|
|
<h4>Compose Mail</h4>
|
|
<sm-button id="send_mail_button" variant="primary" disabled>Send</sm-button>
|
|
</header>
|
|
<div id="auto_complete_contact" class="flex direction-column">
|
|
<sm-input id="send_mail_to" placeholder="To" animate required></sm-input>
|
|
<div id="mail_contact_list" class="hide-completely contact-list"></div>
|
|
</div>
|
|
<sm-input id="subject_of_mail" placeholder="Subject" animate></sm-input>
|
|
<textarea id="mail_content" placeholder="Type a mail" name="" id="" rows="10" required></textarea>
|
|
</sm-popup>
|
|
<sm-popup id="reply_mail_popup">
|
|
<header class="flex align-center" slot="header">
|
|
<svg class="icon" viewBox="0 0 64 64" onclick="this.closest('sm-popup').hide()">
|
|
<title>Close</title>
|
|
<line x1="64" y1="0" x2="0" y2="64" />
|
|
<line x1="64" y1="64" x2="0" y2="0" />
|
|
</svg>
|
|
<h4>Reply</h4>
|
|
<sm-button id="reply_mail_button" variant="primary" disabled>Send</sm-button>
|
|
</header>
|
|
<sm-input id="subject_of_reply_mail" placeholder="Subject" animate></sm-input>
|
|
<textarea id="reply_mail_content" placeholder="Type a mail" id="" rows="10" required></textarea>
|
|
</sm-popup>
|
|
|
|
<!-- Templates -->
|
|
|
|
<template id="mail_card_template">
|
|
<div class="mail-card">
|
|
<div class="flex align-center">
|
|
<h5 class="sender"></h5>
|
|
<h5 class="date"></h5>
|
|
</div>
|
|
<h4 class="subject text-overflow"></h4>
|
|
<p class="description"></p>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="mail_template">
|
|
<div class="mail">
|
|
<header class="flex align-center">
|
|
<svg class="icon hide-on-desktop back-button" onclick="goto('mails')" viewBox="0 0 64 64">
|
|
<title>Go to main page</title>
|
|
<polyline points="48.01 0.35 16.35 32 48.01 63.65"/>
|
|
</svg>
|
|
<div class="rest">
|
|
<h4 class="sender-name"></h4>
|
|
<h5 class="flo-id text-overflow"></h5>
|
|
</div>
|
|
<h5 class="date justify-right"></h5>
|
|
</header>
|
|
<h4 class="mail-subject"></h4>
|
|
<p class="mail-content"></p>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="contact_template">
|
|
<div class="contact" tabindex="0">
|
|
<div class="initial flex align-center"></div>
|
|
<h4 class="name"></h4>
|
|
<h5 class="address copy"></h5>
|
|
<sm-menu align-options="right">
|
|
<sm-menu-option class="send-mail-option">Send mail</sm-menu-option>
|
|
<sm-menu-option onclick="copyToClipboard('.copy', 'FLO ID copied', this.closest('.contact'))">Copy FLO ID</sm-menu-option>
|
|
</sm-menu>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="message_template">
|
|
<div class="message">
|
|
<p class="message-body"></p>
|
|
<div class="time"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<main id="main" class="grid hide-completely">
|
|
<nav id="main_navbar" class="flex">
|
|
<div class="logo-section hide-on-mobile">
|
|
<svg class="main-logo" viewBox="0 0 27.25 32">
|
|
<title>RanchiMall</title>
|
|
<path
|
|
d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z" />
|
|
</svg>
|
|
<h5 class="label">RanchiMall</h5>
|
|
<h4 class="label">Messenger</h4>
|
|
</div>
|
|
<div class="navbar-item flex badge align-center active" data-notifications="0" id="chat_page_button" data-target="chat_page">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<path
|
|
d="M47.28,16.8,29.6,34.64a3.3,3.3,0,0,1-3.59.71L2.5,25.42a3.28,3.28,0,0,1,.26-6.13L59.21.87A3.28,3.28,0,0,1,63.32,5l-18.93,56a3.26,3.26,0,0,1-6.12.18l-6.4-15.68" />
|
|
</svg>
|
|
<h5 class="label">Chat</h5>
|
|
</div>
|
|
<div class="navbar-item flex badge align-center" id="mail_page_button" data-notifications="0" data-target="mail_page">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<title>mail</title>
|
|
<path d="M63.5,34.58V49.67A5.36,5.36,0,0,1,58.14,55H5.86A5.36,5.36,0,0,1,.5,49.67V34.58"/>
|
|
<path d="M63.5,14.33V17.2l-32,20.38L.5,17.19V14.33A5.36,5.36,0,0,1,5.86,9H58.14A5.36,5.36,0,0,1,63.5,14.33Z"/>
|
|
</svg>
|
|
<h5 class="label">Mail</h5>
|
|
</div>
|
|
<div class="navbar-item flex align-center" data-target="settings_page">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<path
|
|
d="M41,62.92a1.7,1.7,0,0,1-1.45-.83L37,57.7a2.63,2.63,0,0,0-2.27-1.34h-.26a23.91,23.91,0,0,1-5,0h-.26A2.63,2.63,0,0,0,27,57.7l-2.54,4.39a1.67,1.67,0,0,1-1.44.83,1.72,1.72,0,0,1-.83-.22L10.33,55.86a1.67,1.67,0,0,1-.61-2.27l2.54-4.41a2.61,2.61,0,0,0-.12-2.85A23.77,23.77,0,0,1,9.65,42,2.65,2.65,0,0,0,7.24,40.5H2.17A1.67,1.67,0,0,1,.5,38.83V25.17A1.67,1.67,0,0,1,2.17,23.5H7.24A2.64,2.64,0,0,0,9.65,22a25,25,0,0,1,2.49-4.31,2.63,2.63,0,0,0,.12-2.85l-2.54-4.4a1.67,1.67,0,0,1,.61-2.27L22.17,1.3A1.72,1.72,0,0,1,23,1.08a1.67,1.67,0,0,1,1.44.83L27,6.3a2.63,2.63,0,0,0,2.27,1.34h.26a23.91,23.91,0,0,1,5,0h.26A2.63,2.63,0,0,0,37,6.3l2.53-4.39A1.7,1.7,0,0,1,41,1.08a1.72,1.72,0,0,1,.83.22L53.67,8.14a1.67,1.67,0,0,1,.61,2.27l-2.54,4.41a2.61,2.61,0,0,0,.12,2.85A24.46,24.46,0,0,1,54.35,22a2.65,2.65,0,0,0,2.41,1.52h5.07a1.67,1.67,0,0,1,1.67,1.67V38.83a1.67,1.67,0,0,1-1.67,1.67H56.76A2.63,2.63,0,0,0,54.35,42a24.63,24.63,0,0,1-2.49,4.31,2.63,2.63,0,0,0-.12,2.85l2.54,4.4a1.68,1.68,0,0,1-.61,2.27L41.83,62.7A1.72,1.72,0,0,1,41,62.92Z" />
|
|
<path
|
|
d="M23,1.58h0a1.16,1.16,0,0,1,1,.58l2.54,4.39a3.14,3.14,0,0,0,2.7,1.59l.31,0C30.37,8,31.19,8,32,8s1.63,0,2.44.12l.31,0a3.14,3.14,0,0,0,2.7-1.59L40,2.16a1.16,1.16,0,0,1,1-.58,1.1,1.1,0,0,1,.58.16L53.42,8.57a1.16,1.16,0,0,1,.42,1.59L51.3,14.57a3.15,3.15,0,0,0,.15,3.4,23.69,23.69,0,0,1,2.45,4.21A3.12,3.12,0,0,0,56.76,24h5.07A1.17,1.17,0,0,1,63,25.17V38.83A1.17,1.17,0,0,1,61.83,40H56.76a3.11,3.11,0,0,0-2.86,1.82,24.33,24.33,0,0,1-2.44,4.23,3.11,3.11,0,0,0-.15,3.39l2.53,4.4a1.13,1.13,0,0,1,.12.88,1.17,1.17,0,0,1-.54.71L41.58,62.26a1.08,1.08,0,0,1-.58.16,1.16,1.16,0,0,1-1-.58l-2.54-4.39a3.14,3.14,0,0,0-2.7-1.59l-.31,0C33.63,56,32.81,56,32,56s-1.63,0-2.44-.12l-.31,0a3.14,3.14,0,0,0-2.7,1.59L24,61.84a1.16,1.16,0,0,1-1,.58,1.1,1.1,0,0,1-.58-.16L10.58,55.43a1.16,1.16,0,0,1-.42-1.59l2.54-4.41a3.15,3.15,0,0,0-.15-3.4,23.69,23.69,0,0,1-2.45-4.21A3.12,3.12,0,0,0,7.24,40H2.17A1.17,1.17,0,0,1,1,38.83V25.17A1.17,1.17,0,0,1,2.17,24H7.24a3.11,3.11,0,0,0,2.86-1.82A24.33,24.33,0,0,1,12.54,18a3.11,3.11,0,0,0,.15-3.39l-2.53-4.4a1.16,1.16,0,0,1,.42-1.59L22.42,1.74A1.08,1.08,0,0,1,23,1.58m0-1a2.11,2.11,0,0,0-1.08.29L10.08,7.7a2.17,2.17,0,0,0-.79,3l2.54,4.4a2.15,2.15,0,0,1-.1,2.31,24.92,24.92,0,0,0-2.54,4.4A2.13,2.13,0,0,1,7.24,23H2.17A2.17,2.17,0,0,0,0,25.17V38.83A2.17,2.17,0,0,0,2.17,41H7.24a2.13,2.13,0,0,1,1.95,1.23,25.25,25.25,0,0,0,2.55,4.39,2.13,2.13,0,0,1,.09,2.31L9.29,53.34a2.17,2.17,0,0,0,.79,3l11.84,6.83a2.11,2.11,0,0,0,1.08.29,2.17,2.17,0,0,0,1.88-1.08L27.41,58a2.14,2.14,0,0,1,1.84-1.09h.21a24.88,24.88,0,0,0,5.08,0h.21A2.14,2.14,0,0,1,36.59,58l2.53,4.39A2.17,2.17,0,0,0,41,63.42a2.11,2.11,0,0,0,1.08-.29L53.92,56.3a2.17,2.17,0,0,0,.79-3l-2.54-4.4a2.15,2.15,0,0,1,.1-2.31,24.92,24.92,0,0,0,2.54-4.4A2.13,2.13,0,0,1,56.76,41h5.07A2.17,2.17,0,0,0,64,38.83V25.17A2.17,2.17,0,0,0,61.83,23H56.76a2.13,2.13,0,0,1-1.95-1.23,25.25,25.25,0,0,0-2.55-4.39,2.13,2.13,0,0,1-.09-2.31l2.54-4.41a2.17,2.17,0,0,0-.79-3L42.08.87A2.11,2.11,0,0,0,41,.58a2.17,2.17,0,0,0-1.88,1.08L36.59,6.05a2.14,2.14,0,0,1-1.84,1.09h-.21a24.88,24.88,0,0,0-5.08,0h-.21a2.14,2.14,0,0,1-1.84-1.09L24.88,1.66A2.17,2.17,0,0,0,23,.58Z" />
|
|
<circle cx="32" cy="32" r="11.5" />
|
|
<path d="M32,21A11,11,0,1,1,21,32,11,11,0,0,1,32,21m0-1A12,12,0,1,0,44,32,12,12,0,0,0,32,20Z" />
|
|
</svg>
|
|
<h5 class="label">Settings</h5>
|
|
</div>
|
|
</nav>
|
|
<section id="chat_page" class="grid page">
|
|
<div id="contacts" class="grid">
|
|
<header class="flex align-center">
|
|
<h4>Contacts</h4>
|
|
<sm-button class="round" id="show_contact_popup_button">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<line x1="32" x2="32" y2="64" />
|
|
<line x1="64" y1="32" y2="32" />
|
|
</svg>
|
|
Add Contact
|
|
</sm-button>
|
|
</header>
|
|
<div id="contacts_container" class="flex"></div>
|
|
<div id="new_conversation" class="flex direction-column empty-state">
|
|
<svg class="icon new-conversation align-center" viewBox="0 0 512 512">
|
|
<title>new conversation</title>
|
|
<path d="M304.11,403.5H101.42a51,51,0,0,1-51-51v-191L6.87,84.82H424.36a51,51,0,0,1,51,51v86.72"/>
|
|
<ellipse cx="423.3" cy="342.48" rx="84.7"/>
|
|
<line x1="423.3" y1="306.34" x2="423.3" y2="379.64"/>
|
|
<line x1="459.95" y1="342.99" x2="386.65" y2="342.99"/>
|
|
</svg>
|
|
<h4>Add a contact for getting started</h4>
|
|
<p class="light-text">Tap/click on added contact to start a conversation</p>
|
|
</div>
|
|
</div>
|
|
<div id="chat" class="grid hide-on-mobile hide-completely">
|
|
<header class="flex align-center">
|
|
<svg class="icon hide-on-desktop back-button" onclick="goto('chats')" viewBox="0 0 64 64">
|
|
<title>Go to main page</title>
|
|
<polyline points="48.01 0.35 16.35 32 48.01 63.65"/>
|
|
</svg>
|
|
<div id="receiver_initial" onclick="goto('chats')" class="initial flex align-center"></div>
|
|
<div class="flex rest direction-column">
|
|
<h4 id="receiver_name"></h4>
|
|
<h5 id="receiver_floID" class="text-overflow"></h5>
|
|
</div>
|
|
</header>
|
|
<h5 id="warn_no_encryption">Messages are not encrypted until receiver replies</h5>
|
|
<section id="chat_container" class="flex">
|
|
</section>
|
|
<footer class="flex">
|
|
<sm-textarea id="type_message" placeholder="Type a message" class="rest"></sm-textarea>
|
|
<sm-button variant="primary" class="round" id="send_message_button" disabled>
|
|
<svg class="icon" viewBox="-4 0 64 64">
|
|
<path d="M35.32,32.09,19.74,32a1.66,1.66,0,0,1-1.36-.82L.91,4.19c-1.15-1.78.31-4.36,2-3.53L31.63,14.78,62.37,29.9a2.51,2.51,0,0,1,0,4.2L31.63,49.22,2.92,63.34c-1.7.83-3.16-1.75-2-3.53L9.07,47.2"/>
|
|
</svg>
|
|
</sm-button>
|
|
</footer>
|
|
</div>
|
|
</section>
|
|
<section class="page grid hide-completely" id="mail_page">
|
|
<div id="mails" class="grid">
|
|
<header class="flex align-center">
|
|
<sm-tab-header variant="tab" target="all_mail_container">
|
|
<sm-tab>Inbox</sm-tab>
|
|
<sm-tab>Sent</sm-tab>
|
|
</sm-tab-header>
|
|
<sm-button class="round" onclick="refresh()">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<polyline points="42.99 0.16 50.25 21.23 28.78 27.7"/>
|
|
<path d="M56.61,44.63A24.65,24.65,0,0,1,50,56.24a25.1,25.1,0,0,1-35.31,0,24.67,24.67,0,0,1,0-35,25.1,25.1,0,0,1,35.31,0"/>
|
|
</svg>
|
|
refresh
|
|
</sm-button>
|
|
</header>
|
|
<sm-button variant="primary" id="new_mail_button" class="fab">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<path
|
|
d="M46.73,14.81l7,7,7.65-7.6A7.15,7.15,0,0,0,61.39,4L60.11,2.77a7.23,7.23,0,0,0-10.19,0L3.87,48.57a5,5,0,0,0-1.39,2.6L.53,61.27a1.74,1.74,0,0,0,2,2l10.15-1.94A5.06,5.06,0,0,0,15.34,60L49.6,25.9" />
|
|
</svg>
|
|
New Mail
|
|
</sm-button>
|
|
<div class="empty-state flex direction-column align-center" id="no_mails">
|
|
<svg class="icon new-conversation" viewBox="0 0 512 512">
|
|
<path d="M227,26.16,20.5,177.56a49,49,0,0,0-20,39.53V446.35a49,49,0,0,0,49,49h413a49,49,0,0,0,49-49h0V217.09a49,49,0,0,0-20-39.53L285,26.16A49,49,0,0,0,227,26.16Z"/>
|
|
<path d="M71,250.29l166.31,86.88a39,39,0,0,0,36.22,0L441,249.66"/>
|
|
</svg>
|
|
<h4>All your mails will appear here.</h4>
|
|
<p class="light-text">Tap/click on 'New Mail' button below to compose new mail.</p>
|
|
</div>
|
|
<sm-tab-panels id="all_mail_container">
|
|
<sm-panel id="inbox_mail_container" class="flex">
|
|
</sm-panel>
|
|
<sm-panel id="sent_mail_container" class="flex"></sm-panel>
|
|
</sm-tab-panels>
|
|
</div>
|
|
<div id="mail" class="flex hide-on-mobile hide-completely">
|
|
<div id="mail_container">
|
|
</div>
|
|
<div class="flex">
|
|
<sm-button id="prev_mail" variant="outlined">View Previous Mail</sm-button>
|
|
<sm-button id="show_reply_popup" variant="outlined">reply</sm-button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="settings_page" class="page hide-completely">
|
|
<header>
|
|
<h3>User</h3>
|
|
<p>Manage settings and personal information.</p>
|
|
</header>
|
|
<section>
|
|
<div class="card">
|
|
<h4>My FLO ID</h4>
|
|
<div class="flex align-center">
|
|
<p id="greet_tag" class="text-overflow"></p>
|
|
<sm-button class="small justify-right" onclick="copyToClipboard('#greet_tag', 'FLO ID Copied')">copy</sm-button>
|
|
</div>
|
|
|
|
<h4>My private key</h4>
|
|
<sm-input id="view_private_key" title="Click to Copy" placeholder="View Private Key. Click to copy" readonly/></sm-input>
|
|
|
|
<h4>Set Password</h4>
|
|
<p>
|
|
This will require entering password everytime you refresh the window or directly close this tab.<br>
|
|
<strong>This password will only be stored on this device locally, so this password won't work on other devices.</strong>
|
|
</p>
|
|
<sm-button id="secure_key">Set Password</sm-button>
|
|
|
|
<h4>Clear data</h4>
|
|
<p><strong></strong>This can't be undone.</strong> Make sure you have stored the PRIVATE KEY and backed up the data.</p>
|
|
<sm-button id="clear_data">Clear Data</sm-button>
|
|
|
|
<h4>Sign out</h4>
|
|
<p>*Remember to store your <strong>PRIVATE KEY </strong> before signing out.</p>
|
|
<sm-button id="sign_out">Sign Out</sm-button>
|
|
</div>
|
|
<div class="card">
|
|
<h4>Backup data</h4>
|
|
<p>Create a backup of contacts, conversations and mails. Which can later be used to restore these in case of data is cleared. </p>
|
|
<sm-button id="backup_data" >Backup Data</sm-button>
|
|
<span id="backup_info"></span>
|
|
|
|
<h4>Restore backup</h4>
|
|
<p>Select backup file with extension '.json'. Which was downloaded when backup was performed.</p>
|
|
<label class="select-file">
|
|
<sm-button >Select File</sm-button>
|
|
<input type="file" id="restore_data" accept=".json" />
|
|
</label>
|
|
|
|
<h4>Theme</h4>
|
|
<div class="flex">
|
|
<p>Toggle dark theme</p>
|
|
<sm-switch id="theme_switcher" class="justify-right"></sm-switch>
|
|
</div>
|
|
|
|
<h4>Enter key is send</h4>
|
|
<div class="flex">
|
|
<p>If this toggle is ON then pressing 'Enter' key will send messages</p>
|
|
<sm-switch id="enter_is_send" class="justify-right"></sm-switch>
|
|
</div>
|
|
|
|
<h4>Version</h4>
|
|
<p>0.0.34</p>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
<script>
|
|
//Button
|
|
const smButton = document.createElement('template')
|
|
smButton.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: inline-flex;
|
|
}
|
|
:host([disabled]) .button{
|
|
cursor: not-allowed;
|
|
opacity: 1;
|
|
background: rgba(var(--text-color), 0.3) !important;
|
|
color: rgba(var(--foreground-color), 1);
|
|
}
|
|
:host([variant='primary']) .button{
|
|
background: hsl(var(--hue), var(--saturation), var(--lightness));
|
|
color: rgba(var(--foreground-color), 1);
|
|
}
|
|
:host([variant='outlined']) .button{
|
|
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset;
|
|
background: transparent;
|
|
color: var(--accent-color);
|
|
}
|
|
:host([variant='no-outline']) .button{
|
|
background: rgba(var(--foreground-color), 1);
|
|
color: var(--accent-color);
|
|
}
|
|
:host(.small) .button{
|
|
padding: 0.4rem 0.8rem;
|
|
}
|
|
:host(.round) .button{
|
|
border-radius: 10rem;
|
|
}
|
|
.button {
|
|
display: flex;
|
|
width: 100%;
|
|
padding: 0.6rem 1rem;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
border-radius: 0.3rem;
|
|
justify-content: center;
|
|
transition: box-shadow 0.3s;
|
|
text-transform: capitalize;
|
|
font-size: 0.9em;
|
|
font-weight: 500;
|
|
color: rgba(var(--text-color), 0.9);
|
|
font-family: var(--font-family);
|
|
background: rgba(var(--text-color), 0.1);
|
|
-webkit-tap-highlight-color: transparent;
|
|
outline: none;
|
|
}
|
|
:host(:not([disabled])) .button:focus{
|
|
box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
|
|
}
|
|
:host([variant='outlined']) .button:focus{
|
|
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
|
|
}
|
|
@media (hover: hover){
|
|
:host(:not([disabled])) .button:active{
|
|
box-shadow: none !important;
|
|
}
|
|
:host([variant='outlined']) .button:active{
|
|
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset !important;
|
|
}
|
|
:host(:not([disabled])) .button:hover{
|
|
box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.12);
|
|
}
|
|
:host([variant='outlined']) .button:hover{
|
|
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.12);
|
|
}
|
|
:host([variant="primary"]:not([disabled])) .button:active{
|
|
background: hsl(var(--hue), var(--saturation), calc(var(--lightness) - 20%)) !important;
|
|
}
|
|
:host([variant="primary"]:not([disabled])) .button:hover{
|
|
background: hsl(var(--hue), var(--saturation), calc(var(--lightness) - 10%));
|
|
}
|
|
}
|
|
@media (hover: none){
|
|
:host(:not([disabled])) .button:active{
|
|
box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.2);
|
|
}
|
|
:host([variant='outlined']) .button:active{
|
|
box-shadow: 0 0 0 1px rgba(var(--text-color), 0.2) inset, 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
|
|
}
|
|
}
|
|
</style>
|
|
<div part="button" class="button" tabindex="0" role="button">
|
|
<slot></slot>
|
|
</div>`;
|
|
customElements.define('sm-button',
|
|
class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smButton.content.cloneNode(true))
|
|
}
|
|
|
|
get disabled() {
|
|
return this.isDisabled
|
|
}
|
|
|
|
set disabled(value) {
|
|
if (value && !this.isDisabled) {
|
|
this.isDisabled = true
|
|
this.setAttribute('disabled', '')
|
|
this.button.removeAttribute('tabindex')
|
|
}
|
|
else if (!value && this.isDisabled) {
|
|
this.isDisabled = false
|
|
this.removeAttribute('disabled')
|
|
}
|
|
}
|
|
|
|
dispatch() {
|
|
if (this.isDisabled) {
|
|
this.dispatchEvent(new CustomEvent('disabled', {
|
|
bubbles: true,
|
|
composed: true
|
|
}))
|
|
}
|
|
else {
|
|
this.dispatchEvent(new CustomEvent('clicked', {
|
|
bubbles: true,
|
|
composed: true
|
|
}))
|
|
}
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.isDisabled = false
|
|
this.button = this.shadowRoot.querySelector('.button')
|
|
if (this.hasAttribute('disabled') && !this.isDisabled)
|
|
this.isDisabled = true
|
|
this.addEventListener('click', (e) => {
|
|
this.dispatch()
|
|
})
|
|
this.addEventListener('keyup', (e) => {
|
|
if (e.code === "Enter" || e.code === "Space")
|
|
this.dispatch()
|
|
})
|
|
}
|
|
})
|
|
|
|
//Input
|
|
const smInput = document.createElement('template')
|
|
smInput.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
input[type="search"]::-webkit-search-decoration,
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-results-button,
|
|
input[type="search"]::-webkit-search-results-decoration { display: none; }
|
|
input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
}
|
|
input:invalid{
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
::-moz-focus-inner{
|
|
border: none;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.hide{
|
|
opacity: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
.hide-completely{
|
|
display: none;
|
|
}
|
|
.icon {
|
|
fill: none;
|
|
height: 1.6em;
|
|
width: 1.6em;
|
|
padding: 0.5em;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 10;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
border-radius: 1em;
|
|
stroke-linejoin: round;
|
|
cursor: pointer;
|
|
min-width: 0;
|
|
}
|
|
.input {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
gap: 1em;
|
|
padding: 0.7em 1em;
|
|
border-radius: 0.3em;
|
|
transition: opacity 0.3s;
|
|
background: rgba(var(--text-color), 0.1);
|
|
font-family: var(--font-family);
|
|
width: 100%
|
|
outline: none;
|
|
min-width: 0;
|
|
}
|
|
|
|
input:focus{
|
|
caret-color: var(--accent-color);
|
|
}
|
|
.input:focus-within{
|
|
box-shadow: 0 0 0 0.1em var(--accent-color) inset;
|
|
}
|
|
|
|
.label {
|
|
user-select: none;
|
|
opacity: .7;
|
|
font-weight: 400;
|
|
font-size: 1em;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: transform 0.3s;
|
|
-webkit-transform-origin: left;
|
|
transform-origin: left;
|
|
pointer-events: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
will-change: transform;
|
|
}
|
|
.outer-container{
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.container{
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
input{
|
|
font-size: 1em;
|
|
border: none;
|
|
background: transparent;
|
|
outline: none;
|
|
color: rgba(var(--text-color), 1);
|
|
width: 100%;
|
|
}
|
|
.animate-label .container input {
|
|
-webkit-transform: translateY(0.6em);
|
|
transform: translateY(0.6em);
|
|
}
|
|
|
|
.animate-label .container .label {
|
|
-webkit-transform: translateY(-0.6em) scale(0.8);
|
|
transform: translateY(-0.6em) scale(0.8);
|
|
opacity: 1;
|
|
color: var(--accent-color)
|
|
}
|
|
.helper-text{
|
|
top: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
color: var(--error-color);
|
|
background: rgba(var(--foreground-color), 1);
|
|
margin-top: 0.5em;
|
|
border-radius: 0.2em;
|
|
border: solid 1px rgba(var(--text-color), 0.2);
|
|
padding: 0.6em 1em;
|
|
}
|
|
@media (any-hover: hover){
|
|
.icon:hover{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
}
|
|
</style>
|
|
<div class="outer-container">
|
|
<label class="input">
|
|
<slot name="icon"></slot>
|
|
<div part="input" class="container">
|
|
<input/>
|
|
<div part="placeholder" class="label"></div>
|
|
</div>
|
|
<svg class="icon clear hide" viewBox="0 0 64 64">
|
|
<title>clear</title>
|
|
<line x1="64" y1="0" x2="0" y2="64"/>
|
|
<line x1="64" y1="64" x2="0" y2="0"/>
|
|
</svg>
|
|
</label>
|
|
<div class="helper-text hide"></div>
|
|
</div>
|
|
`;
|
|
customElements.define('sm-input',
|
|
class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smInput.content.cloneNode(true))
|
|
}
|
|
static get observedAttributes() {
|
|
return ['placeholder']
|
|
}
|
|
|
|
get value() {
|
|
return this.shadowRoot.querySelector('input').value
|
|
}
|
|
|
|
set value(val) {
|
|
this.shadowRoot.querySelector('input').value = val;
|
|
this.checkInput()
|
|
this.fireEvent()
|
|
}
|
|
|
|
get placeholder() {
|
|
return this.getAttribute('placeholder')
|
|
}
|
|
|
|
set placeholder(val) {
|
|
this.setAttribute('placeholder', val)
|
|
}
|
|
|
|
get type() {
|
|
return this.getAttribute('type')
|
|
}
|
|
|
|
get isValid() {
|
|
return this.shadowRoot.querySelector('input').checkValidity()
|
|
}
|
|
|
|
focusIn() {
|
|
this.shadowRoot.querySelector('input').focus()
|
|
}
|
|
|
|
focusOut() {
|
|
this.shadowRoot.querySelector('input').blur()
|
|
}
|
|
|
|
preventNonNumericalInput(e) {
|
|
let keyCode = e.keyCode;
|
|
if (!((keyCode > 47 && keyCode < 56) || (keyCode > 36 && keyCode < 39) || (keyCode > 95 && keyCode < 104) || keyCode === 110 || (keyCode > 7 && keyCode < 19))) {
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
|
|
fireEvent() {
|
|
let event = new Event('input', {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
composed: true
|
|
});
|
|
this.dispatchEvent(event);
|
|
}
|
|
|
|
checkInput() {
|
|
if (!this.hasAttribute('placeholder') || this.getAttribute('placeholder') === '')
|
|
return;
|
|
if (this.input.value !== '') {
|
|
if (this.animate)
|
|
this.inputParent.classList.add('animate-label')
|
|
else
|
|
this.label.classList.add('hide')
|
|
if(!this.readonly)
|
|
this.clearBtn.classList.remove('hide')
|
|
}
|
|
else {
|
|
if (this.animate)
|
|
this.inputParent.classList.remove('animate-label')
|
|
else
|
|
this.label.classList.remove('hide')
|
|
if(!this.readonly)
|
|
this.clearBtn.classList.add('hide')
|
|
}
|
|
}
|
|
|
|
|
|
connectedCallback() {
|
|
this.inputParent = this.shadowRoot.querySelector('.input')
|
|
this.clearBtn = this.shadowRoot.querySelector('.clear')
|
|
this.label = this.shadowRoot.querySelector('.label')
|
|
this.helperText = this.shadowRoot.querySelector('.helper-text')
|
|
this.valueChanged = false;
|
|
this.readonly = false
|
|
this.animate = this.hasAttribute('animate')
|
|
this.input = this.shadowRoot.querySelector('input')
|
|
this.shadowRoot.querySelector('.label').textContent = this.getAttribute('placeholder')
|
|
if (this.hasAttribute('value')) {
|
|
this.input.value = this.getAttribute('value')
|
|
this.checkInput()
|
|
}
|
|
if (this.hasAttribute('required')) {
|
|
this.input.setAttribute('required', '')
|
|
}
|
|
if (this.hasAttribute('readonly')) {
|
|
this.input.setAttribute('readonly', '')
|
|
this.readonly = true
|
|
}
|
|
if (this.hasAttribute('helper-text')) {
|
|
this.helperText.textContent = this.getAttribute('helper-text')
|
|
}
|
|
if (this.hasAttribute('type')) {
|
|
if (this.getAttribute('type') === 'number') {
|
|
this.input.setAttribute('inputmode', 'numeric')
|
|
}
|
|
else
|
|
this.input.setAttribute('type', this.getAttribute('type'))
|
|
}
|
|
else
|
|
this.input.setAttribute('type', 'text')
|
|
this.input.addEventListener('keydown', e => {
|
|
if (this.getAttribute('type') === 'number')
|
|
this.preventNonNumericalInput(e);
|
|
})
|
|
this.input.addEventListener('input', e => {
|
|
this.checkInput()
|
|
})
|
|
this.clearBtn.addEventListener('click', e => {
|
|
this.value = ''
|
|
})
|
|
}
|
|
|
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
if (oldValue !== newValue) {
|
|
if (name === 'placeholder')
|
|
this.shadowRoot.querySelector('.label').textContent = newValue;
|
|
}
|
|
}
|
|
})
|
|
|
|
//textarea
|
|
const smTextarea = document.createElement('template')
|
|
smTextarea.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
::-moz-focus-inner{
|
|
border: none;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.hide{
|
|
opacity: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
.hide-completely{
|
|
display: none;
|
|
}
|
|
.icon {
|
|
fill: none;
|
|
height: 1.6em;
|
|
width: 1.6em;
|
|
padding: 0.5em;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 10;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
border-radius: 1em;
|
|
stroke-linejoin: round;
|
|
cursor: pointer;
|
|
min-width: 0;
|
|
}
|
|
.input {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
padding: 0.7em 1em;
|
|
border-radius: 0.3em;
|
|
transition: opacity 0.3s;
|
|
background: rgba(var(--text-color), 0.1);
|
|
font-family: var(--font-family);
|
|
width: 100%
|
|
outline: none;
|
|
min-width: 0;
|
|
}
|
|
|
|
textarea:focus{
|
|
caret-color: var(--accent-color);
|
|
}
|
|
.input:focus-within{
|
|
box-shadow: 0 0 0 0.1em var(--accent-color) inset;
|
|
}
|
|
|
|
.label {
|
|
user-select: none;
|
|
opacity: .7;
|
|
font-weight: 400;
|
|
font-size: 1em;
|
|
position: absolute;
|
|
top: 0.9em;
|
|
transition: transform 0.3s;
|
|
-webkit-transform-origin: left;
|
|
transform-origin: left;
|
|
pointer-events: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
will-change: transform;
|
|
}
|
|
textarea{
|
|
font-size: 1em;
|
|
border: none;
|
|
background: transparent;
|
|
outline: none;
|
|
color: rgba(var(--text-color), 1);
|
|
width: 100%;
|
|
font-family: inherit;
|
|
line-height: 1.6;
|
|
}
|
|
.animate-label textarea {
|
|
-webkit-transform: translateY(0.6em);
|
|
transform: translateY(0.6em);
|
|
}
|
|
|
|
.animate-label .label {
|
|
-webkit-transform: translateY(-0.6em) scale(0.8);
|
|
transform: translateY(-0.6em) scale(0.8);
|
|
opacity: 1;
|
|
color: var(--accent-color)
|
|
}
|
|
.clear{
|
|
align-self: flex-start;
|
|
}
|
|
@media (any-hover: hover){
|
|
.icon:hover{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
}
|
|
</style>
|
|
<label class="input">
|
|
<textarea rows="1"></textarea>
|
|
<div part="placeholder" class="label"></div>
|
|
<svg class="icon clear hide" viewBox="0 0 64 64">
|
|
<title>clear</title>
|
|
<line x1="64" y1="0" x2="0" y2="64"/>
|
|
<line x1="64" y1="64" x2="0" y2="0"/>
|
|
</svg>
|
|
</label>
|
|
`;
|
|
customElements.define('sm-textarea',
|
|
class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smTextarea.content.cloneNode(true))
|
|
}
|
|
static get observedAttributes() {
|
|
return ['placeholder']
|
|
}
|
|
|
|
get value() {
|
|
return this.shadowRoot.querySelector('textarea').value
|
|
}
|
|
|
|
set value(val) {
|
|
this.shadowRoot.querySelector('textarea').value = val;
|
|
this.checkInput()
|
|
this.fireEvent()
|
|
}
|
|
|
|
get placeholder() {
|
|
return this.getAttribute('placeholder')
|
|
}
|
|
|
|
set placeholder(val) {
|
|
this.setAttribute('placeholder', val)
|
|
}
|
|
|
|
fireEvent() {
|
|
let event = new Event('input', {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
composed: true
|
|
});
|
|
this.dispatchEvent(event);
|
|
}
|
|
|
|
checkInput() {
|
|
if (!this.hasAttribute('placeholder') || this.getAttribute('placeholder') === '')
|
|
return;
|
|
if (this.input.value !== '') {
|
|
if (this.animate)
|
|
this.inputParent.classList.add('animate-label')
|
|
else
|
|
this.label.classList.add('hide')
|
|
if(!this.readonly)
|
|
this.clearBtn.classList.remove('hide')
|
|
}
|
|
else {
|
|
if (this.animate)
|
|
this.inputParent.classList.remove('animate-label')
|
|
else
|
|
this.label.classList.remove('hide')
|
|
if(!this.readonly)
|
|
this.clearBtn.classList.add('hide')
|
|
}
|
|
|
|
this.input.style.height = 'auto'
|
|
this.input.style.height = (this.input.scrollHeight) + 'px';
|
|
}
|
|
|
|
|
|
connectedCallback() {
|
|
this.inputParent = this.shadowRoot.querySelector('.input')
|
|
this.clearBtn = this.shadowRoot.querySelector('.clear')
|
|
this.label = this.shadowRoot.querySelector('.label')
|
|
this.helperText = this.shadowRoot.querySelector('.helper-text')
|
|
this.valueChanged = false;
|
|
this.readonly = false
|
|
this.animate = this.hasAttribute('animate')
|
|
this.input = this.shadowRoot.querySelector('textarea')
|
|
this.shadowRoot.querySelector('.label').textContent = this.getAttribute('placeholder')
|
|
|
|
this.input.setAttribute('style', 'height:' + (this.input.scrollHeight) + 'px;overflow-y:hidden;');
|
|
|
|
if (this.hasAttribute('value')) {
|
|
this.input.value = this.getAttribute('value')
|
|
this.checkInput()
|
|
}
|
|
if (this.hasAttribute('required')) {
|
|
this.input.setAttribute('required', '')
|
|
}
|
|
if (this.hasAttribute('readonly')) {
|
|
this.input.setAttribute('readonly', '')
|
|
this.readonly = true
|
|
}
|
|
if (this.hasAttribute('helper-text')) {
|
|
this.helperText.textContent = this.getAttribute('helper-text')
|
|
}
|
|
this.input.addEventListener('keydown', e => {
|
|
if (this.getAttribute('type') === 'number')
|
|
this.preventNonNumericalInput(e);
|
|
})
|
|
this.input.addEventListener('input', e => {
|
|
this.checkInput()
|
|
})
|
|
this.clearBtn.addEventListener('click', e => {
|
|
this.value = ''
|
|
})
|
|
}
|
|
|
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
if (oldValue !== newValue) {
|
|
if (name === 'placeholder')
|
|
this.shadowRoot.querySelector('.label').textContent = newValue;
|
|
}
|
|
}
|
|
})
|
|
|
|
const smTabs = document.createElement('template')
|
|
smTabs.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.tabs{
|
|
position: relative;
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
}
|
|
.panel-container{
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
overflow: hidden auto;
|
|
}
|
|
.tab-header{
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
justify-content: flex-start;
|
|
gap: 1rem;
|
|
position: relative;
|
|
overflow: auto hidden;
|
|
max-width: 100%;
|
|
scrollbar-width: 0;
|
|
}
|
|
.indicator{
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 0.15rem;
|
|
border-radius: 1rem 1rem 0 0;
|
|
background: var(--accent-color);
|
|
transition: transform 0.3s, width 0.3s;
|
|
}
|
|
:host([variant="tab"]) .indicator{
|
|
height: 100%;
|
|
border-radius: 0.3rem;
|
|
}
|
|
:host([variant="tab"]) .tab-header{
|
|
border-bottom: none;
|
|
}
|
|
.hide-completely{
|
|
display: none;
|
|
}
|
|
:host([variant="tab"]) .tab-header{
|
|
gap: 0;
|
|
display: inline-grid;
|
|
justify-self: flex-start;
|
|
background: rgba(var(--text-color), 0.1);
|
|
border-radius: 0.3rem;
|
|
}
|
|
:host([variant="tab"]) slot[name="tab"]::slotted(.active){
|
|
color: rgba(var(--foreground-color), 1);
|
|
}
|
|
slot[name="tab"]::slotted(.active){
|
|
color: var(--accent-color);
|
|
opacity: 1;
|
|
}
|
|
slot[name="panel"]::slotted(.hide-completely){
|
|
display: none;
|
|
}
|
|
@media (hover: none){
|
|
.tab-header::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.tab-header::-webkit-scrollbar {
|
|
height: 0;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="tabs">
|
|
<div part="tab-header" class="tab-header">
|
|
<slot name="tab">Nothing to see here</slot>
|
|
<div class="indicator"></div>
|
|
</div>
|
|
<div part="panel-container" class="panel-container">
|
|
<slot name="panel">Nothing to see here</slot>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
customElements.define('sm-tabs', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smTabs.content.cloneNode(true))
|
|
this.indicator = this.shadowRoot.querySelector('.indicator');
|
|
this.tabSlot = this.shadowRoot.querySelector('slot[name="tab"]');
|
|
this.panelSlot = this.shadowRoot.querySelector('slot[name="panel"]');
|
|
this.tabHeader = this.shadowRoot.querySelector('.tab-header');
|
|
}
|
|
connectedCallback() {
|
|
|
|
//animations
|
|
let flyInLeft = [
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(-1rem)'
|
|
},
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
}
|
|
],
|
|
flyInRight = [
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(1rem)'
|
|
},
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
}
|
|
],
|
|
flyOutLeft = [
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
},
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(-1rem)'
|
|
}
|
|
],
|
|
flyOutRight = [
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
},
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(1rem)'
|
|
}
|
|
],
|
|
animationOptions = {
|
|
duration: 300,
|
|
fill: 'forwards',
|
|
easing: 'ease'
|
|
}
|
|
this.prevTab
|
|
this.allTabs
|
|
|
|
this.shadowRoot.querySelector('slot[name="panel"]').addEventListener('slotchange', () => {
|
|
this.shadowRoot.querySelector('slot[name="panel"]').assignedElements().forEach((panel, index) => {
|
|
panel.classList.add('hide-completely')
|
|
})
|
|
})
|
|
this.shadowRoot.querySelector('slot[name="tab"]').addEventListener('slotchange', () => {
|
|
this.allTabs = this.shadowRoot.querySelector('slot[name="tab"]').assignedElements();
|
|
this.shadowRoot.querySelector('slot[name="tab"]').assignedElements().forEach((panel, index) => {
|
|
panel.setAttribute('rank', index + 1)
|
|
})
|
|
})
|
|
this._targetBodyFlyRight = (targetBody) => {
|
|
targetBody.classList.remove('hide-completely')
|
|
targetBody.animate(flyInRight, animationOptions)
|
|
}
|
|
this._targetBodyFlyLeft = (targetBody) => {
|
|
targetBody.classList.remove('hide-completely')
|
|
targetBody.animate(flyInLeft, animationOptions)
|
|
}
|
|
this.tabSlot.addEventListener('click', e => {
|
|
if (e.target === this.prevTab || !e.target.closest('sm-tab'))
|
|
return
|
|
if (this.prevTab)
|
|
this.prevTab.classList.remove('active')
|
|
e.target.classList.add('active')
|
|
|
|
e.target.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' })
|
|
this.indicator.setAttribute('style', `width: ${e.target.getBoundingClientRect().width}px; transform: translateX(${e.target.getBoundingClientRect().left - e.target.parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`)
|
|
|
|
if (this.prevTab) {
|
|
let targetBody = e.target.nextElementSibling,
|
|
currentBody = this.prevTab.nextElementSibling;
|
|
|
|
if (this.prevTab.getAttribute('rank') < e.target.getAttribute('rank')) {
|
|
if (currentBody && !targetBody)
|
|
currentBody.animate(flyOutLeft, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
}
|
|
else if (targetBody && !currentBody) {
|
|
this._targetBodyFlyRight(targetBody)
|
|
}
|
|
else if (currentBody && targetBody) {
|
|
currentBody.animate(flyOutLeft, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
this._targetBodyFlyRight(targetBody)
|
|
}
|
|
}
|
|
} else {
|
|
if (currentBody && !targetBody)
|
|
currentBody.animate(flyOutRight, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
}
|
|
else if (targetBody && !currentBody) {
|
|
this._targetBodyFlyLeft(targetBody)
|
|
}
|
|
else if (currentBody && targetBody) {
|
|
currentBody.animate(flyOutRight, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
this._targetBodyFlyLeft(targetBody)
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
e.target.nextElementSibling.classList.remove('hide-completely')
|
|
}
|
|
this.prevTab = e.target;
|
|
})
|
|
let resizeObserver = new ResizeObserver(entries => {
|
|
entries.forEach((entry) => {
|
|
if (this.prevTab) {
|
|
let tabDimensions = this.prevTab.getBoundingClientRect();
|
|
this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - this.tabSlot.assignedElements()[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`)
|
|
}
|
|
})
|
|
})
|
|
resizeObserver.observe(this)
|
|
let observer = new IntersectionObserver((entries) => {
|
|
entries.forEach((entry) => {
|
|
this.indicator.style.transition = 'none'
|
|
if (entry.isIntersecting) {
|
|
let activeElement = this.tabSlot.assignedElements().filter(element => {
|
|
if (element.classList.contains('active'))
|
|
return true
|
|
})
|
|
if (activeElement.length) {
|
|
let tabDimensions = activeElement[0].getBoundingClientRect();
|
|
this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - activeElement[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`)
|
|
}
|
|
else {
|
|
this.tabSlot.assignedElements()[0].classList.add('active')
|
|
this.panelSlot.assignedElements()[0].classList.remove('hide-completely')
|
|
let tabDimensions = this.tabSlot.assignedElements()[0].getBoundingClientRect();
|
|
this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - this.tabSlot.assignedElements()[0].parentNode.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`)
|
|
this.prevTab = this.tabSlot.assignedElements()[0];
|
|
}
|
|
}
|
|
})
|
|
},
|
|
{ threshold: 1.0 })
|
|
observer.observe(this)
|
|
if (this.hasAttribute('enable-flick') && this.getAttribute('enable-flick') == 'true') {
|
|
let touchStartTime = 0,
|
|
touchEndTime = 0,
|
|
swipeTimeThreshold = 200,
|
|
swipeDistanceThreshold = 20,
|
|
startingPointX = 0,
|
|
endingPointX = 0,
|
|
currentIndex = 0;
|
|
this.addEventListener('touchstart', e => {
|
|
touchStartTime = e.timeStamp
|
|
startingPointX = e.changedTouches[0].clientX
|
|
})
|
|
this.panelSlot.addEventListener('touchend', e => {
|
|
touchEndTime = e.timeStamp
|
|
endingPointX = e.changedTouches[0].clientX
|
|
if (touchEndTime - touchStartTime < swipeTimeThreshold) {
|
|
currentIndex = this.allTabs.findIndex(element => element.classList.contains('active'))
|
|
if (startingPointX > endingPointX && startingPointX - endingPointX > swipeDistanceThreshold && currentIndex < this.allTabs.length) {
|
|
this.allTabs[currentIndex + 1].click()
|
|
}
|
|
else if (startingPointX < endingPointX && endingPointX - startingPointX > swipeDistanceThreshold && currentIndex > 0) {
|
|
this.allTabs[currentIndex - 1].click()
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
|
|
// tab
|
|
const smTab = document.createElement('template')
|
|
smTab.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
position: relative;
|
|
display: inline-flex;
|
|
z-index: 1;
|
|
}
|
|
.tab{
|
|
position: relative;
|
|
user-select: none;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
-webkit-tap-highlight-color: transparent;
|
|
white-space: nowrap;
|
|
padding: 0.4rem 0.8rem;
|
|
font-weight: 500;
|
|
word-spacing: 0.1em;
|
|
text-align: center;
|
|
transition: color 0.3s;
|
|
text-transform: capitalize;
|
|
font-family: var(--font-family);
|
|
}
|
|
@media (hover: hover){
|
|
:host(.active) .tab{
|
|
opacity: 1;
|
|
}
|
|
.tab{
|
|
opacity: 0.7
|
|
}
|
|
.tab:hover{
|
|
opacity: 1
|
|
}
|
|
}
|
|
</style>
|
|
<div part="tab" class="tab">
|
|
<slot></slot>
|
|
</div>
|
|
`;
|
|
|
|
customElements.define('sm-tab', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.shadow = this.attachShadow({ mode: 'open' }).append(smTab.content.cloneNode(true))
|
|
}
|
|
})
|
|
|
|
//chcekbox
|
|
|
|
const smCheckbox = document.createElement('template')
|
|
smCheckbox.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: inline-flex;
|
|
}
|
|
.checkbox {
|
|
position: relative;
|
|
display:flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
height: 1.5rem;
|
|
outline: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
p{
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
.checkbox:active .icon,
|
|
.checkbox:focus .icon{
|
|
background: rgba(var(--text-color), 0.2);
|
|
}
|
|
|
|
.checkbox input {
|
|
display: none;
|
|
}
|
|
|
|
.checkbox .checkmark {
|
|
stroke-dashoffset: -65;
|
|
stroke-dasharray: 65;
|
|
-webkit-transition: stroke-dashoffset 0.3s;
|
|
transition: stroke-dashoffset 0.3s;
|
|
}
|
|
|
|
.checkbox input:checked ~ svg .checkmark {
|
|
stroke-dashoffset: 0;
|
|
stroke: rgba(var(--foreground-color), 1);
|
|
}
|
|
.checkbox input:checked ~ svg {
|
|
stroke: var(--accent-color);
|
|
fill: var(--accent-color);
|
|
stroke-width: 8;
|
|
}
|
|
|
|
.icon {
|
|
position: absolute;
|
|
fill: none;
|
|
height: 2.6rem;
|
|
width: 2.6rem;
|
|
padding: 0.7rem;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 6;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
border-radius: 2rem;
|
|
transition: background 0.3s;
|
|
left: -0.5rem;
|
|
}
|
|
.disabled {
|
|
opacity: 0.6;
|
|
pointer-events: none;
|
|
}
|
|
|
|
</style>
|
|
<label class="checkbox" tabindex="0">
|
|
<input type="checkbox">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<title>checkbox</title>
|
|
<rect class="box" x="0" y="0" width="64" height="64" rx="4" />
|
|
<path class="checkmark" d="M50.52,19.56,26,44.08,13.48,31.56" />
|
|
</svg>
|
|
<p><slot></slot></p>
|
|
</label>`
|
|
customElements.define('sm-checkbox', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smCheckbox.content.cloneNode(true))
|
|
|
|
this.checkbox = this.shadowRoot.querySelector('.checkbox');
|
|
this.input = this.shadowRoot.querySelector('input')
|
|
|
|
this.isChecked = false
|
|
this.isDisabled = false
|
|
}
|
|
|
|
static get observedAttributes() {
|
|
return ['disabled', 'checked']
|
|
}
|
|
|
|
get disabled() {
|
|
return this.getAttribute('disabled')
|
|
}
|
|
|
|
set disabled(val) {
|
|
this.setAttribute('disabled', val)
|
|
}
|
|
|
|
get checked() {
|
|
return this.getAttribute('checked')
|
|
}
|
|
|
|
set checked(value) {
|
|
this.setAttribute('checked', value)
|
|
}
|
|
|
|
dispatch() {
|
|
this.dispatchEvent(new CustomEvent('change', {
|
|
bubbles: true,
|
|
composed: true
|
|
}))
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.addEventListener('keyup', e => {
|
|
if ((e.code === "Enter" || e.code === "Space") && this.isDisabled == false) {
|
|
this.isChecked = !this.isChecked
|
|
this.setAttribute('checked', this.isChecked)
|
|
}
|
|
})
|
|
}
|
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
if (oldValue !== newValue) {
|
|
if (name === 'disabled') {
|
|
if (newValue === 'true') {
|
|
this.checkbox.classList.add('disabled')
|
|
this.isDisabled = true
|
|
}
|
|
else {
|
|
this.checkbox.classList.remove('disabled')
|
|
this.isDisabled = false
|
|
}
|
|
}
|
|
if (name === 'checked') {
|
|
if (newValue == 'true') {
|
|
this.isChecked = true
|
|
this.input.checked = true
|
|
this.dispatch()
|
|
}
|
|
else {
|
|
this.isChecked = false
|
|
this.input.checked = false
|
|
this.dispatch()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
})
|
|
|
|
//audio
|
|
|
|
const smAudio = document.createElement('template')
|
|
smAudio.innerHTML = `
|
|
<style>
|
|
*{
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
:host{
|
|
display: flex;
|
|
}
|
|
|
|
.audio{
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
align-items: center;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
padding: 0.6rem;
|
|
border-radius: 0.3rem;
|
|
background: rgba(var(--text-color), 0.08);
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.icon{
|
|
stroke: rgba(var(--text-color), 1);
|
|
stroke-width: 6;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
fill: none;
|
|
overflow: visible;
|
|
height: 2.1rem;
|
|
width: 2.1rem;
|
|
padding: 0.6rem;
|
|
cursor: pointer;
|
|
border-radius: 2rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.icon:hover{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
|
|
audio {
|
|
display: none;
|
|
}
|
|
|
|
.track {
|
|
position: absolute;
|
|
height: 0.2rem;
|
|
bottom: 0;
|
|
background: var(--accent-color);
|
|
left: 0;
|
|
-webkit-transition: width 0.2s;
|
|
transition: width 0.2s;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
border-radius: 0.3rem;
|
|
}
|
|
|
|
.disabled {
|
|
opacity: 0.6;
|
|
pointer-events: none;
|
|
}
|
|
</style>
|
|
<div class="audio">
|
|
<svg class="icon play" viewBox="-6 0 64 64">
|
|
<title>play</title>
|
|
<path d="M57.12,26.79,12.88,1.31a6,6,0,0,0-9,5.21v51a6,6,0,0,0,9,5.21L57.12,37.21A6,6,0,0,0,57.12,26.79Z"/>
|
|
</svg>
|
|
<svg class="icon pause hide" viewBox="0 0 64 64">
|
|
<title>pause</title>
|
|
<line x1="17.5" x2="17.5" y2="64"/>
|
|
<line x1="46.5" x2="46.5" y2="64"/>
|
|
</svg>
|
|
<h5 class="current-time"></h5> / <h5 class="duration"></h5>
|
|
<audio src=""></audio>
|
|
<div class="track"></div>
|
|
</audio>
|
|
`;
|
|
|
|
customElements.define('sm-audio', class extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
this.attachShadow({ mode: 'open' }).append(smAudio.content.cloneNode(true))
|
|
|
|
this.playing = false;
|
|
}
|
|
static get observedAttributes() {
|
|
return ['src']
|
|
}
|
|
play() {
|
|
this.audio.play()
|
|
this.playing = false;
|
|
this.pauseBtn.classList.remove('hide')
|
|
this.playBtn.classList.add('hide')
|
|
}
|
|
pause() {
|
|
this.audio.pause()
|
|
this.playing = true;
|
|
this.pauseBtn.classList.add('hide')
|
|
this.playBtn.classList.remove('hide')
|
|
}
|
|
|
|
get isPlaying() {
|
|
return this.playing;
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.playBtn = this.shadowRoot.querySelector('.play');
|
|
this.pauseBtn = this.shadowRoot.querySelector('.pause');
|
|
this.audio = this.shadowRoot.querySelector('audio')
|
|
this.playBtn.addEventListener('click', e => {
|
|
this.play()
|
|
})
|
|
this.pauseBtn.addEventListener('click', e => {
|
|
this.pause()
|
|
})
|
|
this.audio.addEventListener('ended', e => {
|
|
this.pause()
|
|
})
|
|
let width;
|
|
if ('ResizeObserver' in window) {
|
|
let resizeObserver = new ResizeObserver(entries => {
|
|
entries.forEach(entry => {
|
|
width = entry.contentRect.width;
|
|
})
|
|
})
|
|
resizeObserver.observe(this)
|
|
}
|
|
else {
|
|
let observer = new IntersectionObserver((entries, observer) => {
|
|
if (entries[0].isIntersecting)
|
|
width = this.shadowRoot.querySelector('.audio').offsetWidth;
|
|
}, {
|
|
threshold: 1
|
|
})
|
|
observer.observe(this)
|
|
}
|
|
this.audio.addEventListener('timeupdate', e => {
|
|
let time = this.audio.currentTime,
|
|
minutes = Math.floor(time / 60),
|
|
seconds = Math.floor(time - minutes * 60),
|
|
y = seconds < 10 ? "0" + seconds : seconds;
|
|
this.shadowRoot.querySelector('.current-time').textContent = `${minutes}:${y}`
|
|
this.shadowRoot.querySelector('.track').style.width = (width / this.audio.duration) * this.audio.currentTime + 'px'
|
|
})
|
|
}
|
|
|
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
if (oldValue !== newValue) {
|
|
if (name === 'src') {
|
|
if (this.hasAttribute('src') && newValue.trim() !== '') {
|
|
this.shadowRoot.querySelector('audio').src = newValue;
|
|
this.shadowRoot.querySelector('audio').onloadedmetadata = () => {
|
|
let duration = this.audio.duration,
|
|
minutes = Math.floor(duration / 60),
|
|
seconds = Math.floor(duration - minutes * 60),
|
|
y = seconds < 10 ? "0" + seconds : seconds;
|
|
this.shadowRoot.querySelector('.duration').textContent = `${minutes}:${y}`;
|
|
}
|
|
}
|
|
else
|
|
this.classList.add('disabled')
|
|
}
|
|
}
|
|
}
|
|
})
|
|
|
|
//switch
|
|
|
|
const smSwitch = document.createElement('template')
|
|
smSwitch.innerHTML = `
|
|
<style>
|
|
*{
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
:host{
|
|
display: inline-flex;
|
|
}
|
|
.switch {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 2.4rem;
|
|
padding: 0.2rem;
|
|
cursor: pointer;
|
|
outline: none;
|
|
border-radius: 2rem;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
input {
|
|
display: none;
|
|
}
|
|
|
|
.track {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1.4rem;
|
|
-webkit-transition: background 0.3s;
|
|
transition: background 0.3s;
|
|
background: rgba(var(--text-color), 0.4);
|
|
box-shadow: 0 0.1rem 0.3rem #00000040 inset;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.switch:active .button::after,
|
|
.switch:focus .button::after{
|
|
opacity: 1
|
|
}
|
|
.switch:focus:not(:focus-visible){
|
|
opacity: 0;
|
|
}
|
|
.switch:focus-visible .button::after{
|
|
opacity: 1
|
|
}
|
|
|
|
.button::after{
|
|
content: '';
|
|
display: flex;
|
|
position: absolute;
|
|
height: 2.6rem;
|
|
width: 2.6rem;
|
|
background: rgba(var(--text-color), 0.2);
|
|
border-radius: 2rem;
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
.button {
|
|
position: relative;
|
|
display: inline-flex;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 1rem;
|
|
box-shadow: 0 0.1rem 0.4rem #00000060;
|
|
transition: transform 0.3s;
|
|
border: solid 0.3rem rgba(var(--foreground-color), 1);
|
|
}
|
|
|
|
input:checked ~ .button {
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
input:checked ~ .track {
|
|
background: var(--accent-color);
|
|
}
|
|
.disabled {
|
|
opacity: 0.6;
|
|
pointer-events: none;
|
|
}
|
|
</style>
|
|
<label class="switch" tabindex="0">
|
|
<input type="checkbox">
|
|
<div class="track"></div>
|
|
<div class="button"></div>
|
|
</label>`
|
|
|
|
customElements.define('sm-switch', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smSwitch.content.cloneNode(true))
|
|
this.switch = this.shadowRoot.querySelector('.switch');
|
|
this.input = this.shadowRoot.querySelector('input')
|
|
this.isChecked = false
|
|
this.isDisabled = false
|
|
}
|
|
|
|
get disabled() {
|
|
return this.getAttribute('disabled')
|
|
}
|
|
|
|
set disabled(val) {
|
|
if (val) {
|
|
this.disabled = true
|
|
this.setAttribute('disabled', '')
|
|
this.switch.classList.add('disabled')
|
|
}
|
|
else {
|
|
this.disabled = false
|
|
this.removeAttribute('disabled')
|
|
this.switch.classList.remove('disabled')
|
|
|
|
}
|
|
}
|
|
|
|
get checked() {
|
|
return this.isChecked
|
|
}
|
|
|
|
set checked(value) {
|
|
if (value) {
|
|
this.setAttribute('checked', '')
|
|
this.isChecked = true
|
|
this.input.checked = true
|
|
}
|
|
else {
|
|
this.removeAttribute('checked')
|
|
this.isChecked = false
|
|
this.input.checked = false
|
|
}
|
|
}
|
|
|
|
dispatch = () => {
|
|
this.dispatchEvent(new CustomEvent('change', {
|
|
bubbles: true,
|
|
composed: true
|
|
}))
|
|
}
|
|
|
|
connectedCallback() {
|
|
if(this.hasAttribute('disabled'))
|
|
this.switch.classList.add('disabled')
|
|
this.addEventListener('keyup', e => {
|
|
if ((e.code === "Enter" || e.code === "Space") && !this.isDisabled) {
|
|
this.input.click()
|
|
}
|
|
})
|
|
this.input.addEventListener('click', e => {
|
|
if (this.input.checked)
|
|
this.checked = true
|
|
else
|
|
this.checked = false
|
|
this.dispatch()
|
|
})
|
|
}
|
|
})
|
|
|
|
// select
|
|
const smSelect = document.createElement('template')
|
|
smSelect.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.icon {
|
|
fill: none;
|
|
height: 0.8rem;
|
|
width: 0.8rem;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 6;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
}
|
|
:host{
|
|
display: inline-flex;
|
|
}
|
|
.hide{
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.select{
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.option-text{
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.selection{
|
|
border-radius: 0.3rem;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-areas: 'heading heading' '. .';
|
|
padding: 0.4rem 1rem;
|
|
background: rgba(var(--text-color), 0.06);
|
|
border: solid 1px rgba(var(--text-color), 0.2);
|
|
align-items: center;
|
|
outline: none;
|
|
}
|
|
.selection:focus{
|
|
box-shadow: 0 0 0 0.1rem var(--accent-color)
|
|
}
|
|
.icon{
|
|
margin-left: 1rem;
|
|
}
|
|
:host([align-select="left"]) .options{
|
|
left: 0;
|
|
}
|
|
:host([align-select="right"]) .options{
|
|
right: 0;
|
|
}
|
|
.options{
|
|
top: 100%;
|
|
margin-top: 0.5rem;
|
|
overflow: hidden auto;
|
|
position: absolute;
|
|
grid-area: options;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 100%;
|
|
background: rgba(var(--foreground-color), 1);
|
|
transition: opacity 0.3s, top 0.3s;
|
|
border: solid 1px rgba(var(--text-color), 0.2);
|
|
border-radius: 0.3rem;
|
|
z-index: 2;
|
|
box-shadow: 0.4rem 0.8rem 1.2rem #00000030;
|
|
}
|
|
.rotate{
|
|
transform: rotate(180deg)
|
|
}
|
|
</style>
|
|
<div class="select" >
|
|
<div class="selection" tabindex="0">
|
|
<div class="option-text"></div>
|
|
<svg class="icon toggle" viewBox="0 0 64 64">
|
|
<polyline points="63.65 15.99 32 47.66 0.35 15.99"/>
|
|
</svg>
|
|
</div>
|
|
<div class="options hide">
|
|
<slot></slot>
|
|
</div>
|
|
</div>`;
|
|
customElements.define('sm-select', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smSelect.content.cloneNode(true))
|
|
}
|
|
static get observedAttributes() {
|
|
return ['value']
|
|
}
|
|
get value() {
|
|
return this.getAttribute('value')
|
|
}
|
|
set value(val) {
|
|
this.setAttribute('value', val)
|
|
}
|
|
|
|
collapse() {
|
|
this.optionList.animate(this.slideUp, this.animationOptions)
|
|
this.optionList.classList.add('hide')
|
|
this.chevron.classList.remove('rotate')
|
|
this.open = false
|
|
}
|
|
connectedCallback() {
|
|
this.availableOptions
|
|
this.optionList = this.shadowRoot.querySelector('.options')
|
|
this.chevron = this.shadowRoot.querySelector('.toggle')
|
|
let slot = this.shadowRoot.querySelector('.options slot'),
|
|
selection = this.shadowRoot.querySelector('.selection'),
|
|
previousOption
|
|
this.open = false;
|
|
this.slideDown = [
|
|
{ transform: `translateY(-0.5rem)` },
|
|
{ transform: `translateY(0)` }
|
|
],
|
|
this.slideUp = [
|
|
{ transform: `translateY(0)` },
|
|
{ transform: `translateY(-0.5rem)` }
|
|
],
|
|
this.animationOptions = {
|
|
duration: 300,
|
|
fill: "forwards",
|
|
easing: 'ease'
|
|
}
|
|
selection.addEventListener('click', e => {
|
|
if (!this.open) {
|
|
this.optionList.classList.remove('hide')
|
|
this.optionList.animate(this.slideDown, this.animationOptions)
|
|
this.chevron.classList.add('rotate')
|
|
this.open = true
|
|
} else {
|
|
this.collapse()
|
|
}
|
|
})
|
|
selection.addEventListener('keydown', e => {
|
|
if (e.code === 'ArrowDown' || e.code === 'ArrowRight') {
|
|
e.preventDefault()
|
|
this.availableOptions[0].focus()
|
|
}
|
|
if (e.code === 'Enter' || e.code === 'Space')
|
|
if (!this.open) {
|
|
this.optionList.classList.remove('hide')
|
|
this.optionList.animate(this.slideDown, this.animationOptions)
|
|
this.chevron.classList.add('rotate')
|
|
this.open = true
|
|
} else {
|
|
this.collapse()
|
|
}
|
|
})
|
|
this.optionList.addEventListener('keydown', e => {
|
|
if (e.code === 'ArrowUp' || e.code === 'ArrowRight') {
|
|
e.preventDefault()
|
|
if (document.activeElement.previousElementSibling) {
|
|
document.activeElement.previousElementSibling.focus()
|
|
}
|
|
}
|
|
if (e.code === 'ArrowDown' || e.code === 'ArrowLeft') {
|
|
e.preventDefault()
|
|
if (document.activeElement.nextElementSibling)
|
|
document.activeElement.nextElementSibling.focus()
|
|
}
|
|
})
|
|
this.addEventListener('optionSelected', e => {
|
|
if (previousOption !== e.target) {
|
|
this.setAttribute('value', e.detail.value)
|
|
this.shadowRoot.querySelector('.option-text').textContent = e.detail.text;
|
|
this.dispatchEvent(new CustomEvent('change', {
|
|
bubbles: true,
|
|
composed: true
|
|
}))
|
|
if (previousOption) {
|
|
previousOption.classList.remove('check-selected')
|
|
}
|
|
previousOption = e.target;
|
|
}
|
|
if (!e.detail.switching)
|
|
this.collapse()
|
|
|
|
e.target.classList.add('check-selected')
|
|
})
|
|
slot.addEventListener('slotchange', e => {
|
|
this.availableOptions = slot.assignedElements()
|
|
if (this.availableOptions[0]) {
|
|
let firstElement = this.availableOptions[0];
|
|
previousOption = firstElement;
|
|
firstElement.classList.add('check-selected')
|
|
this.setAttribute('value', firstElement.getAttribute('value'))
|
|
this.shadowRoot.querySelector('.option-text').textContent = firstElement.textContent
|
|
this.availableOptions.forEach((element, index) => {
|
|
element.setAttribute('data-rank', index + 1);
|
|
element.setAttribute('tabindex', "0");
|
|
})
|
|
}
|
|
});
|
|
document.addEventListener('mousedown', e => {
|
|
if (!this.contains(e.target) && this.open) {
|
|
this.collapse()
|
|
}
|
|
})
|
|
}
|
|
})
|
|
|
|
// option
|
|
const smOption = document.createElement('template')
|
|
smOption.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.option{
|
|
min-width: 100%;
|
|
padding: 0.8rem 1.2rem;
|
|
cursor: pointer;
|
|
overflow-wrap: break-word;
|
|
outline: none;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
:host(:focus){
|
|
outline: none;
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
:host(:focus) .option .icon{
|
|
opacity: 0.4
|
|
}
|
|
:host(.check-selected) .icon{
|
|
opacity: 1 !important
|
|
}
|
|
.icon {
|
|
margin-right: 0.8rem;
|
|
fill: none;
|
|
height: 0.8rem;
|
|
width: 0.8rem;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 10;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
border-radius: 1rem;
|
|
stroke-linejoin: round;
|
|
opacity: 0;
|
|
}
|
|
@media (hover: hover){
|
|
.option:hover{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
.option:hover .icon{
|
|
opacity: 0.4
|
|
}
|
|
}
|
|
</style>
|
|
<div class="option">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<polyline points="0.35 31.82 21.45 52.98 63.65 10.66"/>
|
|
</svg>
|
|
<slot></slot>
|
|
</div>`;
|
|
customElements.define('sm-option', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smOption.content.cloneNode(true))
|
|
}
|
|
|
|
sendDetails(switching) {
|
|
let optionSelected = new CustomEvent('optionSelected', {
|
|
bubbles: true,
|
|
composed: true,
|
|
detail: {
|
|
text: this.textContent,
|
|
value: this.getAttribute('value'),
|
|
switching: switching
|
|
}
|
|
})
|
|
this.dispatchEvent(optionSelected)
|
|
}
|
|
|
|
connectedCallback() {
|
|
let validKey = [
|
|
'ArrowUp',
|
|
'ArrowDown',
|
|
'ArrowLeft',
|
|
'ArrowRight'
|
|
]
|
|
this.addEventListener('click', e => {
|
|
this.sendDetails()
|
|
})
|
|
this.addEventListener('keyup', e => {
|
|
if (e.code === 'Enter' || e.code === 'Space') {
|
|
e.preventDefault()
|
|
this.sendDetails(false)
|
|
}
|
|
if (validKey.includes(e.code)) {
|
|
e.preventDefault()
|
|
this.sendDetails(true)
|
|
}
|
|
})
|
|
if (this.hasAttribute('default')) {
|
|
setTimeout(() => {
|
|
this.sendDetails()
|
|
}, 0);
|
|
}
|
|
}
|
|
})
|
|
|
|
// select
|
|
const smStripSelect = document.createElement('template')
|
|
smStripSelect.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.icon {
|
|
position: absolute;
|
|
display: flex;
|
|
fill: none;
|
|
height: 2.6rem;
|
|
width: 2.6rem;
|
|
padding: 0.9rem;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 10;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
cursor: pointer;
|
|
min-width: 0;
|
|
z-index: 1;
|
|
background: rgba(var(--foreground-color), 1);
|
|
-webkit-tap-highlight-color: transparent;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.hide{
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.select-container{
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
.select{
|
|
position: relative;
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
max-width: 100%;
|
|
overflow: auto hidden;
|
|
}
|
|
.previous-item{
|
|
left: 0;
|
|
}
|
|
.next-item{
|
|
right: 0;
|
|
}
|
|
.left,.right{
|
|
position: absolute;
|
|
width: 1rem;
|
|
height: 100%;
|
|
transition: opacity 0.3s;
|
|
z-index: 1;
|
|
}
|
|
.left{
|
|
background: linear-gradient(to left, transparent, rgba(var(--foreground-color), 1))
|
|
}
|
|
.right{
|
|
right: 0;
|
|
background: linear-gradient(to right, transparent, rgba(var(--foreground-color), 1))
|
|
}
|
|
slot::slotted(.active){
|
|
border-radius: 2rem;
|
|
opacity: 1;
|
|
background-color: rgba(var(--text-color), .6);
|
|
color: rgba(var(--foreground-color), 1);
|
|
}
|
|
@media (hover: none){
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
::-webkit-scrollbar {
|
|
height: 0;
|
|
background-color: transparent;
|
|
}
|
|
.icon{
|
|
display: none;
|
|
}
|
|
.left,.right{
|
|
display: block;
|
|
}
|
|
}
|
|
@media (hover: hover){
|
|
.select{
|
|
overflow: hidden;
|
|
}
|
|
.left,.right{
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="select-container">
|
|
<div class="left hide"></div>
|
|
<svg class="icon previous-item hide" viewBox="4 0 64 64">
|
|
<title>Previous</title>
|
|
<polyline points="48.01 0.35 16.35 32 48.01 63.65"/>
|
|
</svg>
|
|
<div class="select">
|
|
<slot></slot>
|
|
</div>
|
|
<svg class="icon next-item hide" viewBox="-6 0 64 64">
|
|
<title>Next</title>
|
|
<polyline points="15.99 0.35 47.65 32 15.99 63.65"/>
|
|
</svg>
|
|
<div class="right hide"></div>
|
|
</div>`;
|
|
customElements.define('sm-strip-select', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smStripSelect.content.cloneNode(true))
|
|
}
|
|
static get observedAttributes() {
|
|
return ['value']
|
|
}
|
|
get value() {
|
|
return this.getAttribute('value')
|
|
}
|
|
set value(val) {
|
|
this.setAttribute('value', val)
|
|
}
|
|
scrollLeft() {
|
|
this.select.scrollBy({
|
|
top: 0,
|
|
left: -this.scrollDistance,
|
|
behavior: 'smooth'
|
|
})
|
|
}
|
|
|
|
scrollRight() {
|
|
this.select.scrollBy({
|
|
top: 0,
|
|
left: this.scrollDistance,
|
|
behavior: 'smooth'
|
|
})
|
|
}
|
|
connectedCallback() {
|
|
let previousOption,
|
|
slot = this.shadowRoot.querySelector('slot');
|
|
this.selectContainer = this.shadowRoot.querySelector('.select-container')
|
|
this.select = this.shadowRoot.querySelector('.select')
|
|
this.nextArrow = this.shadowRoot.querySelector('.next-item')
|
|
this.previousArrow = this.shadowRoot.querySelector('.previous-item')
|
|
this.nextGradient = this.shadowRoot.querySelector('.right')
|
|
this.previousGradient = this.shadowRoot.querySelector('.left')
|
|
this.selectOptions
|
|
this.scrollDistance = this.selectContainer.getBoundingClientRect().width
|
|
const firstElementObserver = new IntersectionObserver(entries => {
|
|
if (entries[0].isIntersecting) {
|
|
this.previousArrow.classList.add('hide')
|
|
this.previousGradient.classList.add('hide')
|
|
}
|
|
else {
|
|
this.previousArrow.classList.remove('hide')
|
|
this.previousGradient.classList.remove('hide')
|
|
}
|
|
}, {
|
|
root: this.selectContainer,
|
|
threshold: 0.95
|
|
})
|
|
const lastElementObserver = new IntersectionObserver(entries => {
|
|
if (entries[0].isIntersecting) {
|
|
this.nextArrow.classList.add('hide')
|
|
this.nextGradient.classList.add('hide')
|
|
}
|
|
else {
|
|
this.nextArrow.classList.remove('hide')
|
|
this.nextGradient.classList.remove('hide')
|
|
}
|
|
}, {
|
|
root: this.selectContainer,
|
|
threshold: 0.95
|
|
})
|
|
|
|
const selectObserver = new IntersectionObserver(entries => {
|
|
if (entries[0].isIntersecting) {
|
|
this.scrollDistance = this.selectContainer.getBoundingClientRect().width
|
|
}
|
|
})
|
|
|
|
selectObserver.observe(this.selectContainer)
|
|
this.addEventListener('optionSelected', e => {
|
|
if (previousOption === e.target) return;
|
|
if (previousOption)
|
|
previousOption.classList.remove('active')
|
|
e.target.classList.add('active')
|
|
e.target.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' })
|
|
this.setAttribute('value', e.detail.value)
|
|
this.dispatchEvent(new CustomEvent('change', {
|
|
bubbles: true,
|
|
composed: true
|
|
}))
|
|
previousOption = e.target;
|
|
})
|
|
slot.addEventListener('slotchange', e => {
|
|
this.selectOptions = slot.assignedElements()
|
|
firstElementObserver.observe(this.selectOptions[0])
|
|
lastElementObserver.observe(this.selectOptions[this.selectOptions.length - 1])
|
|
if (this.selectOptions[0]) {
|
|
let firstElement = this.selectOptions[0];
|
|
this.setAttribute('value', firstElement.getAttribute('value'))
|
|
firstElement.classList.add('active')
|
|
previousOption = firstElement;
|
|
}
|
|
});
|
|
this.nextArrow.addEventListener('click', this.scrollRight.bind(this))
|
|
this.previousArrow.addEventListener('click', this.scrollLeft.bind(this))
|
|
}
|
|
|
|
disconnectedCallback() {
|
|
this.nextArrow.removeEventListener('click', this.scrollRight.bind(this))
|
|
this.previousArrow.removeEventListener('click', this.scrollLeft.bind(this))
|
|
}
|
|
})
|
|
|
|
// option
|
|
const smStripOption = document.createElement('template')
|
|
smStripOption.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.option{
|
|
padding: 0.4rem 0.8rem;
|
|
cursor: pointer;
|
|
overflow-wrap: break-word;
|
|
outline: none;
|
|
border-radius: 2rem;
|
|
text-transform: capitalize;
|
|
border: solid 1px rgba(var(--text-color), .3);
|
|
opacity: 0.9;
|
|
}
|
|
.option:focus{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
|
|
@media (hover: hover){
|
|
.option{
|
|
transition: background 0.3s;
|
|
}
|
|
.option:hover{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
}
|
|
</style>
|
|
<div class="option" tabindex="0">
|
|
<slot></slot>
|
|
</div>`;
|
|
customElements.define('sm-strip-option', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smStripOption.content.cloneNode(true))
|
|
}
|
|
sendDetails() {
|
|
let optionSelected = new CustomEvent('optionSelected', {
|
|
bubbles: true,
|
|
composed: true,
|
|
detail: {
|
|
text: this.textContent,
|
|
value: this.getAttribute('value')
|
|
}
|
|
})
|
|
this.dispatchEvent(optionSelected)
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.addEventListener('click', e => {
|
|
this.sendDetails()
|
|
})
|
|
this.addEventListener('keyup', e => {
|
|
if (e.code === 'Enter' || e.code === 'Space') {
|
|
e.preventDefault()
|
|
this.sendDetails(false)
|
|
}
|
|
})
|
|
if (this.hasAttribute('default')) {
|
|
setTimeout(() => {
|
|
this.sendDetails()
|
|
}, 0);
|
|
}
|
|
}
|
|
})
|
|
|
|
//popup
|
|
const smPopup = document.createElement('template')
|
|
smPopup.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: grid;
|
|
}
|
|
.popup-container{
|
|
display: grid;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
place-items: center;
|
|
background: #00000060;
|
|
z-index: 10;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
.popup{
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
align-self: flex-end;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
border-radius: 0.5rem 0.5rem 0 0;
|
|
transform: translateY(100%);
|
|
transition: transform 0.3s;
|
|
background: rgba(var(--foreground-color), 1);
|
|
box-shadow: 0 -1rem 2rem #00000020;
|
|
max-height: 100vh;
|
|
}
|
|
.container-header{
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
.popup-top{
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.popup-body{
|
|
flex: 1;
|
|
width: 100%;
|
|
padding: 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
.heading{
|
|
font-weight: 400;
|
|
}
|
|
.heading:first-letter{
|
|
text-transform: uppercase;
|
|
}
|
|
.hide{
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
@media screen and (min-width: 640px){
|
|
.popup{
|
|
width: max-content;
|
|
align-self: center;
|
|
border-radius: 0.4rem;
|
|
height: auto;
|
|
transform: translateY(0) scale(0.9);
|
|
box-shadow: 0 2rem 2rem #00000040;
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px){
|
|
.popup-top{
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.handle{
|
|
height: 0.3rem;
|
|
width: 2rem;
|
|
background: rgba(var(--text-color), .2);
|
|
border-radius: 1rem;
|
|
margin: 0.5rem 0;
|
|
}
|
|
.heading{
|
|
padding: 1rem 1.5rem
|
|
}
|
|
.close{
|
|
height: 2rem;
|
|
width: 2rem;
|
|
padding: 0.55rem;
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
</style>
|
|
<div part="background" class="popup-container hide" role="dialog">
|
|
<div part="popup" class="popup">
|
|
<div class="popup-top">
|
|
<div class="handle"></div>
|
|
<slot name="header"></slot>
|
|
</div>
|
|
<div class="popup-body">
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
customElements.define('sm-popup', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smPopup.content.cloneNode(true))
|
|
}
|
|
|
|
resumeScrolling() {
|
|
const scrollY = document.body.style.top;
|
|
window.scrollTo(0, parseInt(scrollY || '0') * -1);
|
|
setTimeout(() => {
|
|
document.body.setAttribute('style', `overflow: auto; top: initial`)
|
|
}, 300);
|
|
}
|
|
|
|
show(pinned, popupStack) {
|
|
this.setAttribute('open', '')
|
|
this.pinned = pinned
|
|
this.popupStack = popupStack
|
|
this.popupContainer.classList.remove('hide')
|
|
if (window.innerWidth < 648)
|
|
this.popup.style.transform = 'translateY(0)';
|
|
else
|
|
this.popup.style.transform = 'scale(1)';
|
|
document.body.setAttribute('style', `overflow: hidden; top: -${window.scrollY}px`)
|
|
}
|
|
hide() {
|
|
this.removeAttribute('open')
|
|
if (window.innerWidth < 648)
|
|
this.popup.style.transform = 'translateY(100%)';
|
|
else
|
|
this.popup.style.transform = 'scale(0.9)';
|
|
this.popupContainer.classList.add('hide')
|
|
if (typeof this.popupStack !== 'undefined') {
|
|
this.popupStack.pop()
|
|
if (this.popupStack.items.length === 0) {
|
|
this.resumeScrolling()
|
|
}
|
|
}
|
|
else {
|
|
this.resumeScrolling()
|
|
}
|
|
|
|
if (this.inputFields.length) {
|
|
setTimeout(() => {
|
|
this.inputFields.forEach(field => {
|
|
if (field.type === 'radio' || field.tagName === 'SM-CHECKBOX')
|
|
field.checked = false
|
|
if (field.tagName === 'SM-INPUT' || field.tagName === 'TEXTAREA')
|
|
field.value = ''
|
|
})
|
|
}, 300);
|
|
}
|
|
}
|
|
|
|
handleTouchStart(e) {
|
|
this.touchStartY = e.changedTouches[0].clientY
|
|
this.popup.style.transition = 'initial'
|
|
this.touchStartTime = e.timeStamp
|
|
}
|
|
|
|
handleTouchMove(e) {
|
|
e.preventDefault()
|
|
if (this.touchStartY < e.changedTouches[0].clientY) {
|
|
this.offset = e.changedTouches[0].clientY - this.touchStartY;
|
|
this.touchEndAnimataion = window.requestAnimationFrame(() => this.movePopup())
|
|
}
|
|
/*else {
|
|
this.offset = this.touchStartY - e.changedTouches[0].clientY;
|
|
this.popup.style.transform = `translateY(-${this.offset}px)`
|
|
}*/
|
|
}
|
|
|
|
handleTouchEnd(e) {
|
|
this.touchEndTime = e.timeStamp
|
|
cancelAnimationFrame(this.touchEndAnimataion)
|
|
this.touchEndY = e.changedTouches[0].clientY
|
|
this.popup.style.transition = 'transform 0.3s'
|
|
if (this.touchEndTime - this.touchStartTime > 200) {
|
|
if (this.touchEndY - this.touchStartY > this.threshold) {
|
|
this.hide()
|
|
}
|
|
else {
|
|
this.show()
|
|
}
|
|
}
|
|
else {
|
|
if (this.touchEndY > this.touchStartY)
|
|
this.hide()
|
|
}
|
|
}
|
|
|
|
movePopup() {
|
|
this.popup.style.transform = `translateY(${this.offset}px)`
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.pinned = false
|
|
this.popupStack
|
|
this.popupContainer = this.shadowRoot.querySelector('.popup-container')
|
|
this.popup = this.shadowRoot.querySelector('.popup')
|
|
this.popupBodySlot = this.shadowRoot.querySelector('.popup-body slot')
|
|
this.offset
|
|
this.popupHeader = this.shadowRoot.querySelector('.popup-top')
|
|
this.touchStartY = 0
|
|
this.touchEndY = 0
|
|
this.touchStartTime = 0
|
|
this.touchEndTime = 0
|
|
this.threshold = this.popup.getBoundingClientRect().height * 0.3
|
|
this.touchEndAnimataion;
|
|
|
|
if (this.hasAttribute('open'))
|
|
this.show()
|
|
this.popupContainer.addEventListener('mousedown', e => {
|
|
if (e.target === this.popupContainer && !this.pinned) {
|
|
this.hide()
|
|
}
|
|
})
|
|
|
|
this.popupBodySlot.addEventListener('slotchange', () => {
|
|
this.inputFields = this.popupBodySlot.assignedElements().filter(element => element.tagName === 'SM-INPUT' || element.tagName === 'SM-CHECKBOX' || element.tagName === 'TEXTAREA' || element.type === 'radio')
|
|
})
|
|
|
|
this.popupHeader.addEventListener('touchstart', (e) => {
|
|
this.handleTouchStart(e)
|
|
})
|
|
this.popupHeader.addEventListener('touchmove', (e) => {
|
|
this.handleTouchMove(e)
|
|
})
|
|
this.popupHeader.addEventListener('touchend', (e) => {
|
|
this.handleTouchEnd(e)
|
|
})
|
|
}
|
|
disconnectedCallback() {
|
|
this.popupHeader.removeEventListener('touchstart', this.handleTouchStart.bind(this))
|
|
this.popupHeader.removeEventListener('touchmove', this.handleTouchMove.bind(this))
|
|
this.popupHeader.removeEventListener('touchend', this.handleTouchEnd.bind(this))
|
|
}
|
|
})
|
|
|
|
//carousel
|
|
|
|
const smCarousel = document.createElement('template')
|
|
smCarousel.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.icon {
|
|
position: absolute;
|
|
display: flex;
|
|
fill: none;
|
|
height: 2.6rem;
|
|
width: 2.6rem;
|
|
border-radius: 3rem;
|
|
padding: 0.9rem;
|
|
stroke: rgba(var(--foreground-color), 0.8);
|
|
stroke-width: 14;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
cursor: pointer;
|
|
min-width: 0;
|
|
background: rgba(var(--text-color), 1);
|
|
box-shadow: 0 0.2rem 0.2rem #00000020,
|
|
0 0.5rem 1rem #00000040;
|
|
-webkit-tap-highlight-color: transparent;
|
|
transform: scale(0)
|
|
}
|
|
.hide{
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.expand{
|
|
transform: scale(1)
|
|
}
|
|
.previous-item{
|
|
left: 1rem;
|
|
}
|
|
.next-item{
|
|
right: 1rem;
|
|
}
|
|
.left,.right{
|
|
position: absolute;
|
|
width: 2rem;
|
|
height: 100%;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.left{
|
|
background: linear-gradient(to left, transparent, rgba(var(--foreground-color), 0.6))
|
|
}
|
|
.right{
|
|
right: 0;
|
|
background: linear-gradient(to right, transparent, rgba(var(--foreground-color), 0.6))
|
|
}
|
|
.carousel-container{
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
.carousel{
|
|
display: flex;
|
|
max-width: 100%;
|
|
overflow: auto hidden;
|
|
scroll-snap-type: x mandatory;
|
|
}
|
|
slot::slotted(*){
|
|
scroll-snap-align: center;
|
|
}
|
|
:host([align-items="start"]) slot::slotted(*){
|
|
scroll-snap-align: start;
|
|
}
|
|
:host([align-items="center"]) slot::slotted(*){
|
|
scroll-snap-align: center;
|
|
}
|
|
:host([align-items="end"]) slot::slotted(*){
|
|
scroll-snap-align: end;
|
|
}
|
|
@media (hover: hover){
|
|
.carousel{
|
|
overflow: hidden;
|
|
}
|
|
.left,.right{
|
|
display: none;
|
|
}
|
|
}
|
|
@media (hover: none){
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
::-webkit-scrollbar {
|
|
height: 0;
|
|
background-color: transparent;
|
|
}
|
|
.carousel{
|
|
overflow: auto none;
|
|
}
|
|
.icon{
|
|
display: none;
|
|
}
|
|
.left,.right{
|
|
display: block;
|
|
}
|
|
}
|
|
</style>
|
|
<div class="carousel-container">
|
|
<div class="left"></div>
|
|
<svg class="icon previous-item" viewBox="4 0 64 64">
|
|
<title>Previous</title>
|
|
<polyline points="48.01 0.35 16.35 32 48.01 63.65"/>
|
|
</svg>
|
|
<div class="carousel">
|
|
<slot></slot>
|
|
</div>
|
|
<svg class="icon next-item" viewBox="-6 0 64 64">
|
|
<title>Next</title>
|
|
<polyline points="15.99 0.35 47.65 32 15.99 63.65"/>
|
|
</svg>
|
|
<div class="right"></div>
|
|
</div>
|
|
`;
|
|
|
|
customElements.define('sm-carousel', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smCarousel.content.cloneNode(true))
|
|
}
|
|
|
|
scrollLeft() {
|
|
this.carousel.scrollBy({
|
|
top: 0,
|
|
left: -this.scrollDistance,
|
|
behavior: 'smooth'
|
|
})
|
|
}
|
|
|
|
scrollRight() {
|
|
this.carousel.scrollBy({
|
|
top: 0,
|
|
left: this.scrollDistance,
|
|
behavior: 'smooth'
|
|
})
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.carousel = this.shadowRoot.querySelector('.carousel')
|
|
this.carouselContainer = this.shadowRoot.querySelector('.carousel-container')
|
|
this.carouselSlot = this.shadowRoot.querySelector('slot')
|
|
this.nextArrow = this.shadowRoot.querySelector('.next-item')
|
|
this.previousArrow = this.shadowRoot.querySelector('.previous-item')
|
|
this.nextGradient = this.shadowRoot.querySelector('.right')
|
|
this.previousGradient = this.shadowRoot.querySelector('.left')
|
|
this.carouselItems
|
|
this.scrollDistance = this.carouselContainer.getBoundingClientRect().width / 3
|
|
const firstElementObserver = new IntersectionObserver(entries => {
|
|
if (entries[0].isIntersecting) {
|
|
this.previousArrow.classList.remove('expand')
|
|
this.previousGradient.classList.add('hide')
|
|
}
|
|
else {
|
|
this.previousArrow.classList.add('expand')
|
|
this.previousGradient.classList.remove('hide')
|
|
}
|
|
}, {
|
|
root: this.carouselContainer,
|
|
threshold: 0.9
|
|
})
|
|
const lastElementObserver = new IntersectionObserver(entries => {
|
|
if (entries[0].isIntersecting) {
|
|
this.nextArrow.classList.remove('expand')
|
|
this.nextGradient.classList.add('hide')
|
|
}
|
|
else {
|
|
this.nextArrow.classList.add('expand')
|
|
this.nextGradient.classList.remove('hide')
|
|
}
|
|
}, {
|
|
root: this.carouselContainer,
|
|
threshold: 0.9
|
|
})
|
|
|
|
const carouselObserver = new IntersectionObserver(entries => {
|
|
if (entries[0].isIntersecting) {
|
|
this.scrollDistance = this.carouselContainer.getBoundingClientRect().width / 3
|
|
}
|
|
})
|
|
|
|
carouselObserver.observe(this.carouselContainer)
|
|
|
|
this.carouselSlot.addEventListener('slotchange', e => {
|
|
this.carouselItems = this.carouselSlot.assignedElements()
|
|
firstElementObserver.observe(this.carouselItems[0])
|
|
lastElementObserver.observe(this.carouselItems[this.carouselItems.length - 1])
|
|
})
|
|
|
|
this.addEventListener('keyup', e => {
|
|
if (e.code === 'ArrowLeft')
|
|
this.scrollRight()
|
|
else
|
|
this.scrollRight()
|
|
})
|
|
|
|
this.nextArrow.addEventListener('click', this.scrollRight.bind(this))
|
|
this.previousArrow.addEventListener('click', this.scrollLeft.bind(this))
|
|
}
|
|
|
|
disconnectedCallback() {
|
|
this.nextArrow.removeEventListener('click', this.scrollRight.bind(this))
|
|
this.previousArrow.removeEventListener('click', this.scrollLeft.bind(this))
|
|
}
|
|
})
|
|
|
|
//notifications
|
|
|
|
const smNotifications = document.createElement('template')
|
|
smNotifications.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.hide{
|
|
opacity: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
.notification-panel{
|
|
display: grid;
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 100;
|
|
max-height: 100%;
|
|
overflow: hidden auto;
|
|
overscroll-behavior: contain;
|
|
}
|
|
.no-transformations{
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
.notification{
|
|
display: flex;
|
|
opacity: 0;
|
|
padding: 1rem 1.5rem;
|
|
transform: translateY(-1rem);
|
|
position: relative;
|
|
border-radius: 0.3rem;
|
|
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1),
|
|
0.5rem 1rem 2rem rgba(0, 0, 0, 0.1);
|
|
background: rgba(var(--foreground-color), 1);
|
|
transition: height 0.3s, transform 0.3s, opacity 0.3s;
|
|
overflow: hidden;
|
|
}
|
|
h4:first-letter,
|
|
p:first-letter{
|
|
text-transform: uppercase;
|
|
}
|
|
h4{
|
|
font-weight: 400;
|
|
}
|
|
p{
|
|
line-height: 1.6;
|
|
flex: 1;
|
|
color: rgba(var(--text-color), 0.9);
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
.notification:last-of-type{
|
|
margin-bottom: 0;
|
|
}
|
|
.icon {
|
|
fill: none;
|
|
height: 1.6rem;
|
|
width: 1.6rem;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
border-radius: 1rem;
|
|
stroke-linejoin: round;
|
|
cursor: pointer;
|
|
}
|
|
.error-icon{
|
|
stroke: #E53935;
|
|
}
|
|
.success-icon{
|
|
stroke: #00C853;
|
|
}
|
|
.close{
|
|
margin-left: 1rem;
|
|
padding: 0.5rem;
|
|
stroke-width: 10;
|
|
}
|
|
.notification-icon{
|
|
height: 1.4rem;
|
|
width: 1.4rem;
|
|
margin-right: 0.6rem;
|
|
stroke-width: 6;
|
|
}
|
|
@media screen and (min-width: 640px){
|
|
.notification-panel{
|
|
width: 40vw;
|
|
justify-content: flex-end;
|
|
}
|
|
.notification{
|
|
justify-self: end;
|
|
width: auto;
|
|
margin-right: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
border-bottom: none;
|
|
border: solid 1px rgba(var(--text-color), 0.2);
|
|
transform: translateX(1rem);
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px){
|
|
.close{
|
|
display: none
|
|
}
|
|
}
|
|
</style>
|
|
<div class="notification-panel">
|
|
</div>
|
|
`
|
|
|
|
customElements.define('sm-notifications', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.shadow = this.attachShadow({ mode: 'open' }).append(smNotifications.content.cloneNode(true))
|
|
}
|
|
|
|
handleTouchStart(e) {
|
|
this.notification = e.target.closest('.notification')
|
|
this.touchStartX = e.changedTouches[0].clientX
|
|
this.notification.style.transition = 'initial'
|
|
this.touchStartTime = e.timeStamp
|
|
}
|
|
|
|
handleTouchMove(e) {
|
|
e.preventDefault()
|
|
if (this.touchStartX < e.changedTouches[0].clientX) {
|
|
this.offset = e.changedTouches[0].clientX - this.touchStartX;
|
|
this.touchEndAnimataion = requestAnimationFrame(this.movePopup)
|
|
}
|
|
else {
|
|
this.offset = -(this.touchStartX - e.changedTouches[0].clientX);
|
|
this.touchEndAnimataion = requestAnimationFrame(this.movePopup)
|
|
}
|
|
}
|
|
|
|
handleTouchEnd(e) {
|
|
this.notification.style.transition = 'transform 0.3s, opacity 0.3s'
|
|
this.touchEndTime = e.timeStamp
|
|
cancelAnimationFrame(this.touchEndAnimataion)
|
|
this.touchEndX = e.changedTouches[0].clientX
|
|
if (this.touchEndTime - this.touchStartTime > 200) {
|
|
if (this.touchEndX - this.touchStartX > this.threshold) {
|
|
this.removeNotification(this.notification)
|
|
}
|
|
else if (this.touchStartX - this.touchEndX > this.threshold) {
|
|
this.removeNotification(this.notification, true)
|
|
}
|
|
else {
|
|
this.resetPosition()
|
|
}
|
|
}
|
|
else {
|
|
if (this.touchEndX > this.touchStartX) {
|
|
this.removeNotification(this.notification)
|
|
}
|
|
else {
|
|
this.removeNotification(this.notification, true)
|
|
}
|
|
}
|
|
}
|
|
|
|
movePopup = () => {
|
|
this.notification.style.transform = `translateX(${this.offset}px)`
|
|
}
|
|
|
|
resetPosition() {
|
|
this.notification.style.transform = `translateX(0)`
|
|
}
|
|
|
|
push(messageBody, type, pinned) {
|
|
let notification = document.createElement('div'),
|
|
composition = ``
|
|
notification.classList.add('notification')
|
|
if (pinned)
|
|
notification.classList.add('pinned')
|
|
if (type === 'error') {
|
|
composition += `
|
|
<svg class="notification-icon icon error-icon" viewBox="0 0 64 64">
|
|
<path d="M32,4.73a3.17,3.17,0,0,1,2.76,1.59l13.9,24.09L62.57,54.49a3.19,3.19,0,0,1-2.76,4.78H4.19a3.19,3.19,0,0,1-2.76-4.78L15.34,30.41,29.24,6.32A3.17,3.17,0,0,1,32,4.73m0-1a4.14,4.14,0,0,0-3.62,2.09L14.47,29.91.57,54a4.19,4.19,0,0,0,3.62,6.28H59.81A4.19,4.19,0,0,0,63.43,54L49.53,29.91,35.62,5.82A4.14,4.14,0,0,0,32,3.73Z"/>
|
|
<line x1="32" y1="24" x2="32" y2="36"/>
|
|
<line x1="32" y1="46" x2="32" y2="48"/>
|
|
</svg>`
|
|
}
|
|
else if (type === 'success') {
|
|
composition += `
|
|
<svg class="notification-icon icon success-icon" viewBox="0 0 64 64">
|
|
<polyline points="0.35 31.82 21.45 52.98 63.65 10.66"/>
|
|
</svg>
|
|
`
|
|
}
|
|
composition += `
|
|
<p>${messageBody}</p>
|
|
<svg class="icon close" viewBox="0 0 64 64">
|
|
<title>Close</title>
|
|
<line x1="64" y1="0" x2="0" y2="64"/>
|
|
<line x1="64" y1="64" x2="0" y2="0"/>
|
|
</svg>`
|
|
notification.innerHTML = composition
|
|
this.notificationPanel.prepend(notification)
|
|
if (window.innerWidth > 640) {
|
|
notification.animate([
|
|
{
|
|
transform: `translateX(1rem)`,
|
|
opacity: '0'
|
|
},
|
|
{
|
|
transform: 'translateX(0)',
|
|
opacity: '1'
|
|
}
|
|
], this.animationOptions).onfinish = () => {
|
|
notification.setAttribute('style', `transform: none;`);
|
|
}
|
|
}
|
|
else {
|
|
notification.setAttribute('style', `transform: translateY(0); opacity: 1`)
|
|
}
|
|
notification.addEventListener('touchstart', this.handleTouchStart.bind(this))
|
|
notification.addEventListener('touchmove', this.handleTouchMove.bind(this))
|
|
notification.addEventListener('touchend', this.handleTouchEnd.bind(this))
|
|
}
|
|
|
|
removeNotification(notification, toLeft) {
|
|
if (!this.offset)
|
|
this.offset = 0;
|
|
|
|
if (toLeft)
|
|
notification.animate([
|
|
{
|
|
transform: `translateX(${this.offset}px)`,
|
|
opacity: '1'
|
|
},
|
|
{
|
|
transform: `translateX(-100%)`,
|
|
opacity: '0'
|
|
}
|
|
], this.animationOptions).onfinish = () => {
|
|
notification.remove()
|
|
}
|
|
else {
|
|
notification.animate([
|
|
{
|
|
transform: `translateX(${this.offset}px)`,
|
|
opacity: '1'
|
|
},
|
|
{
|
|
transform: `translateX(100%)`,
|
|
opacity: '0'
|
|
}
|
|
], this.animationOptions).onfinish = () => {
|
|
notification.remove()
|
|
}
|
|
}
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.notificationPanel = this.shadowRoot.querySelector('.notification-panel')
|
|
this.animationOptions = {
|
|
duration: 300,
|
|
fill: "forwards",
|
|
easing: "ease"
|
|
}
|
|
this.fontSize = Number(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/\d+/)[0])
|
|
this.notification
|
|
this.offset
|
|
this.touchStartX = 0
|
|
this.touchEndX = 0
|
|
this.touchStartTime = 0
|
|
this.touchEndTime = 0
|
|
this.threshold = this.notificationPanel.getBoundingClientRect().width * 0.3
|
|
this.touchEndAnimataion;
|
|
|
|
this.notificationPanel.addEventListener('click', e => {
|
|
if (e.target.closest('.close')) (
|
|
this.removeNotification(e.target.closest('.notification'))
|
|
)
|
|
})
|
|
|
|
const observer = new MutationObserver(mutationList => {
|
|
mutationList.forEach(mutation => {
|
|
if (mutation.type === 'childList') {
|
|
if (mutation.addedNodes.length) {
|
|
if (!mutation.addedNodes[0].classList.contains('pinned'))
|
|
setTimeout(() => {
|
|
this.removeNotification(mutation.addedNodes[0])
|
|
}, 4000);
|
|
if (window.innerWidth > 640)
|
|
this.notificationPanel.style.padding = '1.5rem 0 3rem 1.5rem';
|
|
else
|
|
this.notificationPanel.style.padding = '1rem 1rem 2rem 1rem';
|
|
}
|
|
else if (mutation.removedNodes.length && !this.notificationPanel.children.length) {
|
|
this.notificationPanel.style.padding = 0;
|
|
}
|
|
}
|
|
})
|
|
})
|
|
observer.observe(this.notificationPanel, {
|
|
attributes: true,
|
|
childList: true,
|
|
subtree: true
|
|
})
|
|
}
|
|
})
|
|
|
|
|
|
// sm-menu
|
|
const smMenu = document.createElement('template')
|
|
smMenu.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.menu{
|
|
display: grid;
|
|
place-items: center;
|
|
position: relative;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
outline: none;
|
|
}
|
|
.icon {
|
|
position: absolute;
|
|
fill: rgba(var(--text-color), 0.7);
|
|
height: 2.4rem;
|
|
width: 2.4rem;
|
|
padding: 0.7rem;
|
|
stroke: rgba(var(--text-color), 0.7);
|
|
stroke-width: 6;
|
|
overflow: visible;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
border-radius: 2rem;
|
|
transition: background 0.3s;
|
|
}
|
|
:host{
|
|
display: inline-flex;
|
|
}
|
|
.hide{
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.select{
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.menu:focus .icon,
|
|
.focused{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
:host([align-options="left"]) .options{
|
|
left: 0;
|
|
}
|
|
:host([align-options="right"]) .options{
|
|
right: 0;
|
|
}
|
|
.options{
|
|
padding: 0.5rem 0;
|
|
overflow: hidden auto;
|
|
position: absolute;
|
|
display: flex;
|
|
min-width: max-content;
|
|
transform: translateY(-1rem);
|
|
flex-direction: column;
|
|
background: rgba(var(--foreground-color), 1);
|
|
transition: opacity 0.3s, transform 0.3s;
|
|
border: solid 1px rgba(var(--text-color), 0.2);
|
|
border-radius: 0.3rem;
|
|
z-index: 2;
|
|
box-shadow: 0.4rem 0.8rem 1.2rem #00000030;
|
|
top: 100%;
|
|
margin: 0.4rem 0 0 0;
|
|
bottom: auto;
|
|
}
|
|
.moveUp{
|
|
top: auto;
|
|
margin: 0 0 0.4rem 0;
|
|
bottom: 100%;
|
|
transform: translateY(1rem);
|
|
}
|
|
.moveLeft{
|
|
left: auto:
|
|
right: 0;
|
|
}
|
|
.no-transformations{
|
|
transform: none !important;
|
|
}
|
|
@media (hover: hover){
|
|
.menu:hover .icon{
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
}
|
|
</style>
|
|
<div class="select">
|
|
<div class="menu" tabindex="0">
|
|
<svg class="icon" viewBox="0 0 64 64">
|
|
<title>options</title>
|
|
<circle cx="32" cy="6" r="5.5"/>
|
|
<circle cx="32" cy="58" r="5.5"/>
|
|
<circle cx="32" cy="31.89" r="5.5"/>
|
|
</svg>
|
|
</div>
|
|
<div class="options hide">
|
|
<slot></slot>
|
|
</div>
|
|
</div>`;
|
|
customElements.define('sm-menu', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smMenu.content.cloneNode(true))
|
|
}
|
|
static get observedAttributes() {
|
|
return ['value']
|
|
}
|
|
get value() {
|
|
return this.getAttribute('value')
|
|
}
|
|
set value(val) {
|
|
this.setAttribute('value', val)
|
|
}
|
|
expand = () => {
|
|
if (!this.open) {
|
|
/*if (this.containerDimensions.left > this.containerDimensions.width) {
|
|
this.optionList.setAttribute('style', 'right: 0')
|
|
}
|
|
else {
|
|
this.optionList.setAttribute('style', 'left: 0')
|
|
}*/
|
|
this.optionList.classList.remove('hide')
|
|
this.optionList.classList.add('no-transformations')
|
|
this.open = true
|
|
this.icon.classList.add('focused')
|
|
}
|
|
}
|
|
collapse() {
|
|
if (this.open) {
|
|
this.open = false
|
|
this.icon.classList.remove('focused')
|
|
this.optionList.classList.add('hide')
|
|
this.optionList.classList.remove('no-transformations')
|
|
}
|
|
}
|
|
connectedCallback() {
|
|
this.availableOptions
|
|
this.containerDimensions
|
|
this.optionList = this.shadowRoot.querySelector('.options')
|
|
let slot = this.shadowRoot.querySelector('.options slot'),
|
|
menu = this.shadowRoot.querySelector('.menu')
|
|
this.icon = this.shadowRoot.querySelector('.icon')
|
|
this.open = false;
|
|
menu.addEventListener('click', e => {
|
|
if (!this.open) {
|
|
this.expand()
|
|
} else {
|
|
this.collapse()
|
|
}
|
|
})
|
|
menu.addEventListener('keydown', e => {
|
|
if (e.code === 'ArrowDown' || e.code === 'ArrowRight') {
|
|
e.preventDefault()
|
|
this.availableOptions[0].focus()
|
|
}
|
|
if (e.code === 'Enter' || e.code === 'Space') {
|
|
e.preventDefault()
|
|
if (!this.open) {
|
|
this.expand()
|
|
} else {
|
|
this.collapse()
|
|
}
|
|
}
|
|
})
|
|
this.optionList.addEventListener('keydown', e => {
|
|
if (e.code === 'ArrowUp' || e.code === 'ArrowRight') {
|
|
e.preventDefault()
|
|
if (document.activeElement.previousElementSibling) {
|
|
document.activeElement.previousElementSibling.focus()
|
|
}
|
|
}
|
|
if (e.code === 'ArrowDown' || e.code === 'ArrowLeft') {
|
|
e.preventDefault()
|
|
if (document.activeElement.nextElementSibling)
|
|
document.activeElement.nextElementSibling.focus()
|
|
}
|
|
})
|
|
this.optionList.addEventListener('click', e => {
|
|
this.collapse()
|
|
})
|
|
slot.addEventListener('slotchange', e => {
|
|
this.availableOptions = slot.assignedElements()
|
|
this.containerDimensions = this.optionList.getBoundingClientRect()
|
|
this.menuDimensions = menu.getBoundingClientRect()
|
|
/*if (this.containerDimensions.left > this.containerDimensions.width) {
|
|
this.optionList.style.right = 0
|
|
}
|
|
else {
|
|
this.optionList.style.right = 'auto'
|
|
}*/
|
|
});
|
|
window.addEventListener('mousedown', e => {
|
|
if (!this.contains(e.target) && e.button !== 2) {
|
|
this.collapse()
|
|
}
|
|
})
|
|
if (this.hasAttribute('set-context') && this.getAttribute('set-context') === 'true') {
|
|
this.parentNode.setAttribute('oncontextmenu', 'return false')
|
|
this.parentNode.addEventListener('mouseup', e => {
|
|
if (e.button === 2) {
|
|
this.expand()
|
|
}
|
|
})
|
|
}
|
|
/* const intersectionObserver = new IntersectionObserver(entries => {
|
|
entries.forEach(entry => {
|
|
if (this.open && !entry.isIntersecting) {
|
|
if (window.innerHeight - entry.intersectionRect.top < this.containerDimensions.height)
|
|
this.optionList.classList.add('moveUp')
|
|
else
|
|
this.optionList.classList.remove('moveUp')
|
|
console.log(entry.intersectionRect.left > this.containerDimensions.width)
|
|
if (entry.intersectionRect.left > this.containerDimensions.width) {
|
|
this.optionList.setAttribute('style', 'right: 0')
|
|
}
|
|
else {
|
|
this.optionList.setAttribute('style', 'left: 0')
|
|
}
|
|
}
|
|
})
|
|
}, {
|
|
threshold: 1
|
|
})
|
|
intersectionObserver.observe(this.optionList)*/
|
|
}
|
|
})
|
|
|
|
// option
|
|
const smMenuOption = document.createElement('template')
|
|
smMenuOption.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.option{
|
|
opacity: 0.7;
|
|
min-width: 100%;
|
|
padding: 0.6rem 2rem;
|
|
cursor: pointer;
|
|
overflow-wrap: break-word;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
display: flex;
|
|
align-items: center;
|
|
text-transform: capitalize;
|
|
}
|
|
:host(:focus){
|
|
outline: none;
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
@media (hover: hover){
|
|
.option:hover{
|
|
opacity: 1;
|
|
background: rgba(var(--text-color), 0.1);
|
|
}
|
|
}
|
|
</style>
|
|
<div class="option">
|
|
<slot></slot>
|
|
</div>`;
|
|
customElements.define('sm-menu-option', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smMenuOption.content.cloneNode(true))
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.addEventListener('keyup', e => {
|
|
if (e.code === 'Enter' || e.code === 'Space') {
|
|
e.preventDefault()
|
|
this.click()
|
|
}
|
|
})
|
|
this.setAttribute('tabindex', '0')
|
|
}
|
|
})
|
|
|
|
// tab-header
|
|
|
|
const smTabHeader = document.createElement('template')
|
|
smTabHeader.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.tabs{
|
|
position: relative;
|
|
display: grid;
|
|
width: 100%;
|
|
}
|
|
.tab-header{
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
justify-content: flex-start;
|
|
gap: 1rem;
|
|
position: relative;
|
|
overflow: auto hidden;
|
|
max-width: 100%;
|
|
scrollbar-width: 0;
|
|
}
|
|
.indicator{
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 0.15rem;
|
|
border-radius: 1rem 1rem 0 0;
|
|
background: var(--accent-color);
|
|
transition: transform 0.3s, width 0.3s;
|
|
}
|
|
:host([variant="tab"]) .indicator{
|
|
height: 100%;
|
|
border-radius: 0.3rem;
|
|
}
|
|
:host([variant="tab"]) .tab-header{
|
|
border-bottom: none;
|
|
}
|
|
.hide-completely{
|
|
display: none;
|
|
}
|
|
:host([variant="tab"]) .tab-header{
|
|
gap: 0;
|
|
display: inline-grid;
|
|
justify-self: flex-start;
|
|
background: rgba(var(--text-color), 0.1);
|
|
border-radius: 0.3rem;
|
|
}
|
|
:host([variant="tab"]) slot::slotted(.active){
|
|
color: rgba(var(--foreground-color), 1);
|
|
}
|
|
slot::slotted(.active){
|
|
color: var(--accent-color);
|
|
opacity: 1;
|
|
}
|
|
@media (hover: none){
|
|
.tab-header::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.tab-header::-webkit-scrollbar {
|
|
height: 0;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
</style>
|
|
<div part="tab-container" class="tabs">
|
|
<div part="tab-header" class="tab-header">
|
|
<slot></slot>
|
|
<div part="indicator" class="indicator"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
customElements.define('sm-tab-header', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smTabHeader.content.cloneNode(true))
|
|
|
|
this.indicator = this.shadowRoot.querySelector('.indicator');
|
|
this.tabSlot = this.shadowRoot.querySelector('slot');
|
|
this.tabHeader = this.shadowRoot.querySelector('.tab-header');
|
|
}
|
|
|
|
sendDetails(element) {
|
|
this.dispatchEvent(
|
|
new CustomEvent("switchtab", {
|
|
bubbles: true,
|
|
detail: {
|
|
target: this.target,
|
|
rank: parseInt(element.getAttribute('rank'))
|
|
}
|
|
})
|
|
)
|
|
}
|
|
|
|
moveIndiactor(tabDimensions) {
|
|
//if(this.isTab)
|
|
this.indicator.setAttribute('style', `width: ${tabDimensions.width}px; transform: translateX(${tabDimensions.left - this.tabHeader.getBoundingClientRect().left + this.tabHeader.scrollLeft}px)`)
|
|
//else
|
|
//this.indicator.setAttribute('style', `width: calc(${tabDimensions.width}px - 1.6rem); transform: translateX(calc(${ tabDimensions.left - this.tabHeader.getBoundingClientRect().left + this.tabHeader.scrollLeft}px + 0.8rem)`)
|
|
}
|
|
|
|
connectedCallback() {
|
|
if (!this.hasAttribute('target') || this.getAttribute('target').value === '') return;
|
|
this.prevTab
|
|
this.allTabs
|
|
this.activeTab
|
|
this.isTab = false
|
|
this.target = this.getAttribute('target')
|
|
|
|
if (this.hasAttribute('variant') && this.getAttribute('variant') === 'tab') {
|
|
this.isTab = true
|
|
}
|
|
|
|
this.tabSlot.addEventListener('slotchange', () => {
|
|
this.tabSlot.assignedElements().forEach((tab, index) => {
|
|
tab.setAttribute('rank', index)
|
|
})
|
|
})
|
|
this.allTabs = this.tabSlot.assignedElements();
|
|
|
|
this.tabSlot.addEventListener('click', e => {
|
|
if (e.target === this.prevTab || !e.target.closest('sm-tab'))
|
|
return
|
|
if (this.prevTab)
|
|
this.prevTab.classList.remove('active')
|
|
e.target.classList.add('active')
|
|
|
|
e.target.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' })
|
|
this.moveIndiactor(e.target.getBoundingClientRect())
|
|
this.sendDetails(e.target)
|
|
this.prevTab = e.target;
|
|
this.activeTab = e.target;
|
|
})
|
|
let resizeObserver = new ResizeObserver(entries => {
|
|
entries.forEach((entry) => {
|
|
if (this.prevTab) {
|
|
let tabDimensions = this.activeTab.getBoundingClientRect();
|
|
this.moveIndiactor(tabDimensions)
|
|
}
|
|
})
|
|
})
|
|
resizeObserver.observe(this)
|
|
let observer = new IntersectionObserver((entries) => {
|
|
entries.forEach((entry) => {
|
|
if (entry.isIntersecting) {
|
|
this.indicator.style.transition = 'none'
|
|
if (this.activeTab) {
|
|
let tabDimensions = this.activeTab.getBoundingClientRect();
|
|
this.moveIndiactor(tabDimensions)
|
|
}
|
|
else {
|
|
this.allTabs[0].classList.add('active')
|
|
let tabDimensions = this.allTabs[0].getBoundingClientRect();
|
|
this.moveIndiactor(tabDimensions)
|
|
this.sendDetails(this.allTabs[0])
|
|
this.prevTab = this.tabSlot.assignedElements()[0];
|
|
this.activeTab = this.prevTab;
|
|
}
|
|
}
|
|
})
|
|
},
|
|
{ threshold: 1.0 })
|
|
observer.observe(this)
|
|
}
|
|
})
|
|
|
|
// tab-panels
|
|
|
|
const smTabPanels = document.createElement('template')
|
|
smTabPanels.innerHTML = `
|
|
<style>
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
:host{
|
|
width: 100%;
|
|
}
|
|
.panel-container{
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%
|
|
overflow: hidden auto;
|
|
}
|
|
slot::slotted(.hide-completely){
|
|
display: none;
|
|
}
|
|
@media (hover: none){
|
|
.tab-header::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.tab-header::-webkit-scrollbar {
|
|
height: 0;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
</style>
|
|
<div part="panel-container" class="panel-container">
|
|
<slot>Nothing to see here.</slot>
|
|
</div>
|
|
`;
|
|
|
|
customElements.define('sm-tab-panels', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(smTabPanels.content.cloneNode(true))
|
|
this.panelSlot = this.shadowRoot.querySelector('slot');
|
|
}
|
|
connectedCallback() {
|
|
|
|
//animations
|
|
let flyInLeft = [
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(-1rem)'
|
|
},
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
}
|
|
],
|
|
flyInRight = [
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(1rem)'
|
|
},
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
}
|
|
],
|
|
flyOutLeft = [
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
},
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(-1rem)'
|
|
}
|
|
],
|
|
flyOutRight = [
|
|
{
|
|
opacity: 1,
|
|
transform: 'none'
|
|
},
|
|
{
|
|
opacity: 0,
|
|
transform: 'translateX(1rem)'
|
|
}
|
|
],
|
|
animationOptions = {
|
|
duration: 300,
|
|
fill: 'forwards',
|
|
easing: 'ease'
|
|
}
|
|
this.prevPanel
|
|
this.allPanels
|
|
this.previousRank
|
|
|
|
this.panelSlot.addEventListener('slotchange', () => {
|
|
this.panelSlot.assignedElements().forEach((panel) => {
|
|
panel.classList.add('hide-completely')
|
|
})
|
|
})
|
|
this.allPanels = this.panelSlot.assignedElements()
|
|
this._targetBodyFlyRight = (targetBody) => {
|
|
targetBody.classList.remove('hide-completely')
|
|
targetBody.animate(flyInRight, animationOptions)
|
|
}
|
|
this._targetBodyFlyLeft = (targetBody) => {
|
|
targetBody.classList.remove('hide-completely')
|
|
targetBody.animate(flyInLeft, animationOptions)
|
|
}
|
|
document.addEventListener('switchtab', e => {
|
|
if (e.detail.target !== this.id)
|
|
return
|
|
|
|
if (this.prevPanel) {
|
|
let targetBody = this.allPanels[e.detail.rank],
|
|
currentBody = this.prevPanel;
|
|
if (this.previousRank < e.detail.rank) {
|
|
if (currentBody && !targetBody)
|
|
currentBody.animate(flyOutLeft, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
}
|
|
else if (targetBody && !currentBody) {
|
|
this._targetBodyFlyRight(targetBody)
|
|
}
|
|
else if (currentBody && targetBody) {
|
|
currentBody.animate(flyOutLeft, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
this._targetBodyFlyRight(targetBody)
|
|
}
|
|
}
|
|
} else {
|
|
if (currentBody && !targetBody)
|
|
currentBody.animate(flyOutRight, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
}
|
|
else if (targetBody && !currentBody) {
|
|
this._targetBodyFlyLeft(targetBody)
|
|
}
|
|
else if (currentBody && targetBody) {
|
|
currentBody.animate(flyOutRight, animationOptions).onfinish = () => {
|
|
currentBody.classList.add('hide-completely')
|
|
this._targetBodyFlyLeft(targetBody)
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
this.allPanels[e.detail.rank].classList.remove('hide-completely')
|
|
}
|
|
this.previousRank = e.detail.rank
|
|
this.prevPanel = this.allPanels[e.detail.rank];
|
|
})
|
|
}
|
|
})
|
|
|
|
|
|
const slidingSection = document.createElement('template')
|
|
slidingSection.innerHTML = `
|
|
<style>
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizzing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.section{
|
|
display: flex;
|
|
max-width: 100%;
|
|
overflow: hidden auto;
|
|
scroll-snap-type: mandatory x;
|
|
}
|
|
|
|
</style>
|
|
<section class="section">
|
|
<slot></slot>
|
|
</section>
|
|
`
|
|
|
|
customElements.define('sm-sliding-section', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(slidingSection.content.cloneNode(true))
|
|
}
|
|
connectedCallback() {
|
|
|
|
}
|
|
})
|
|
|
|
const section = document.createElement('template')
|
|
section.innerHTML = `
|
|
<style>
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizzing: border-box;
|
|
}
|
|
:host{
|
|
display: flex;
|
|
}
|
|
.section{
|
|
min-width: 100%;
|
|
scroll-snap-align: start;
|
|
}
|
|
|
|
</style>
|
|
<section class="section">
|
|
<slot></slot>
|
|
</section>
|
|
`
|
|
|
|
customElements.define('sm-section', class extends HTMLElement {
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({ mode: 'open' }).append(section.content.cloneNode(true))
|
|
}
|
|
})
|
|
</script>
|
|
<script>
|
|
//Checks for internet connection status
|
|
if (!navigator.onLine)
|
|
notify('There seems to be a problem connecting to the internet.', 'error', true)
|
|
window.addEventListener('offline', () => {
|
|
notify('There seems to be a problem connecting to the internet.', 'error', true)
|
|
})
|
|
window.addEventListener('online', () => {
|
|
notify('We are back online.')
|
|
})
|
|
|
|
</script>
|
|
<script>
|
|
let isSignInOpen = false,
|
|
activePage = { page: document.getElementById('chat_page'),
|
|
button: document.getElementById('chat_page_button')},
|
|
activeChatPage = document.getElementById('contacts'),
|
|
activeMailPage = document.getElementById('mails'),
|
|
activeChat,
|
|
activeMail,
|
|
refreshCount = 0,
|
|
refreshTimeout = 20000;
|
|
|
|
|
|
const openSignInButton = document.getElementById('open_sign_in_button'),
|
|
closeSignInButton = document.getElementById('close_sign_in_button'),
|
|
signInButton = document.getElementById('sign_in_button'),
|
|
guestLoginButton = document.getElementById('guest_login_button'),
|
|
signInLanding = document.getElementById('sign_in_page'),
|
|
privateKeyInputField = document.getElementById('private_key_input_field'),
|
|
loadingPage = document.getElementById('loading_page')
|
|
|
|
const allmailsSection = document.getElementById('mails'),
|
|
allContactsSection = document.getElementById('contacts'),
|
|
mailSection = document.getElementById('mail'),
|
|
chatSection = document.getElementById('chat'),
|
|
chatPageButton = document.getElementById('chat_page_button'),
|
|
mailPageButton = document.getElementById('mail_page_button'),
|
|
mainNavbar = document.getElementById('main_navbar')
|
|
|
|
const mainPage = document.querySelector('main'),
|
|
contactsContainer = document.getElementById("contacts_container"),
|
|
inboxMailContainer = document.getElementById("inbox_mail_container"),
|
|
sentMailContainer = document.getElementById("sent_mail_container"),
|
|
addContactButton = document.getElementById('add_contact_button'),
|
|
addContactName = document.getElementById('add_contact_name'),
|
|
chatContainer = document.getElementById('chat_container'),
|
|
typeMessage = document.getElementById('type_message'),
|
|
addContactFloID = document.getElementById('add_contact_floID'),
|
|
signInPopup = document.getElementById('sign_in_popup'),
|
|
composeMailPopup = document.getElementById('compose_mail_popup'),
|
|
sendMailTo = document.getElementById('send_mail_to'),
|
|
mailContactList = document.getElementById('mail_contact_list'),
|
|
addContactPopup = document.getElementById('add_contact_popup'),
|
|
allInputs = document.querySelectorAll('sm-popup sm-input, sm-popup textarea')
|
|
|
|
const replyMailPopup = document.getElementById('reply_mail_popup'),
|
|
subjectOfReplyMail = document.getElementById('subject_of_reply_mail'),
|
|
replyMailContent = document.getElementById('reply_mail_content'),
|
|
replyMailButton = document.getElementById('reply_mail_button')
|
|
|
|
// render elements
|
|
const mailCardTemplate = document.getElementById('mail_card_template'),
|
|
contactTemplate = document.getElementById('contact_template'),
|
|
messageTemplate = document.getElementById('message_template'),
|
|
mailTemplate = document.getElementById('mail_template')
|
|
const render = {
|
|
mailCard(mailRef, subject, timestamp, category, floID, content, markUnread){
|
|
let card = mailCardTemplate.content.cloneNode(true),
|
|
cardContainer = card.querySelector('.mail-card'),
|
|
time = new Date(timestamp).toString(),
|
|
minutes = String(new Date(timestamp).getMinutes()),
|
|
hours = new Date(timestamp).getHours(),
|
|
dateTime
|
|
minutes = minutes.length === 1 ? `0${minutes}` : minutes
|
|
let finalHours = hours - 12 > 0 ? `${hours - 12}:${minutes} pm` : `${hours}:${minutes} am`
|
|
|
|
if(new Date().getDate() === new Date(timestamp).getDate())
|
|
dateTime = finalHours
|
|
else
|
|
dateTime = time.slice(4, 10)
|
|
let mailSummery = content.split(' ')
|
|
mailSummery.splice(16)
|
|
mailSummery = mailSummery.join(' ')
|
|
cardContainer.setAttribute("name", mailRef);
|
|
if (Array.isArray(floID))
|
|
floID = floID.join(",");
|
|
if(markUnread)
|
|
cardContainer.classList.add('unread')
|
|
card.querySelector('.sender').textContent = floGlobals.contacts[floID] || floID
|
|
card.querySelector('.subject').textContent = subject
|
|
card.querySelector('.date').textContent = dateTime
|
|
card.querySelector('.description').textContent = mailSummery
|
|
return card
|
|
},
|
|
mail(senderName, floID, timestamp, category, subject, content){
|
|
let card = mailTemplate.content.cloneNode(true),
|
|
cardContainer = card.querySelector('.mail'),
|
|
time = new Date(timestamp).toString(),
|
|
minutes = String(new Date(timestamp).getMinutes()),
|
|
hours = new Date(timestamp).getHours(),
|
|
dateTime
|
|
minutes = minutes.length === 1 ? `0${minutes}` : minutes
|
|
let finalHours = hours - 12 > 0 ? `${hours - 12}:${minutes} pm` : `${hours}:${minutes} am`
|
|
|
|
if(new Date().getDate() === new Date(timestamp).getDate())
|
|
dateTime = finalHours
|
|
else
|
|
dateTime = time.slice(4, 10)
|
|
if (Array.isArray(floID))
|
|
floID = floID.join(",");
|
|
if(category === 'receivedFrom')
|
|
card.querySelector('.sender-name').textContent = `From : ${senderName}`
|
|
if(category === 'sentTo')
|
|
card.querySelector('.sender-name').textContent = `To : ${senderName}`
|
|
card.querySelector('.flo-id').textContent = floID
|
|
card.querySelector('.mail-subject').textContent = subject
|
|
card.querySelector('.date').textContent = dateTime;
|
|
card.querySelector('.mail-content').textContent = content
|
|
return card
|
|
},
|
|
contactCard(floID, name){
|
|
let card = contactTemplate.content.cloneNode(true),
|
|
cardContainer = card.querySelector('.contact')
|
|
cardContainer.setAttribute("name", name || 'Unknown')
|
|
cardContainer.setAttribute("flo-id", floID)
|
|
card.querySelector('.name').textContent = name || 'Unknown'
|
|
card.querySelector('.address').textContent = floID
|
|
let initial = card.querySelector('.initial')
|
|
initial.textContent = name ? name.charAt(0) : 'U'
|
|
let randomColor = randomHsl(90, 40)
|
|
cardContainer.setAttribute("text-color", randomColor)
|
|
initial.setAttribute(`style`, `color: ${randomColor}`)
|
|
let duplicateCard = card.cloneNode(true);
|
|
contactsContainer.append(card);
|
|
mailContactList.append(duplicateCard);
|
|
},
|
|
messageBubble(floID, message, timestamp, category){
|
|
let card = messageTemplate.content.cloneNode(true),
|
|
cardContainer = card.querySelector('.message'),
|
|
time = new Date(timestamp).toString(),
|
|
minutes = String(new Date(timestamp).getMinutes()),
|
|
hours = new Date(timestamp).getHours()
|
|
minutes = minutes.length === 1 ? `0${minutes}` : minutes
|
|
let finalHours = hours - 12 > 0 ? `${hours - 12}:${minutes} pm` : `${hours}:${minutes} am`
|
|
|
|
cardContainer.classList.add(category)
|
|
card.querySelector('.message-body').textContent = message
|
|
card.querySelector('.time').textContent = finalHours
|
|
if(currentFloID !== floID){
|
|
currentDate = null
|
|
currentFloID = floID
|
|
}
|
|
if(time.slice(4, 10) !== currentDate){
|
|
let dateCard = document.createElement('h5')
|
|
dateCard.classList.add('date-card')
|
|
dateCard.textContent = time.slice(4, 10)
|
|
getConversationElement(floID).appendChild(dateCard)
|
|
currentDate = time.slice(4, 10)
|
|
}
|
|
getConversationElement(floID).appendChild(card)
|
|
},
|
|
}
|
|
|
|
let currentDate, currentFloID
|
|
|
|
function randomHsl(saturation = 90, lightness = 50) {
|
|
return `hsla( ${(Math.random() * 360)}, ${saturation}%, ${lightness}%, 1)`;
|
|
}
|
|
|
|
openSignInButton.addEventListener('clicked', () => {
|
|
isSignInOpen = true;
|
|
signInPopup.show()
|
|
privateKeyInputField.focusIn()
|
|
})
|
|
|
|
function checkInput(element){
|
|
let parent = element.closest('sm-popup'),
|
|
inputs = parent.querySelectorAll('sm-input, textarea')
|
|
if(!parent.querySelector('sm-button[variant="primary"]')) return
|
|
if([...inputs].every(input => {
|
|
if(input.tagName === 'SM-INPUT' && input.isValid){
|
|
return true
|
|
}
|
|
else if(input.tagName !== 'SM-INPUT' && input.checkValidity()){
|
|
return true
|
|
}
|
|
})){
|
|
parent.querySelector('sm-button[variant="primary"]').disabled = false
|
|
}
|
|
else
|
|
parent.querySelector('sm-button[variant="primary"]').disabled = true
|
|
}
|
|
|
|
document.addEventListener('input', e => {
|
|
if(e.target.closest('sm-popup')){
|
|
checkInput(e.target)
|
|
}
|
|
})
|
|
|
|
document.addEventListener('keyup', e => {
|
|
if(e.target.closest('sm-input') && e.target.closest('sm-popup')){
|
|
if(e.code === 'Enter'){
|
|
e.target.closest('sm-popup').querySelector('sm-button[variant="primary"]').click()
|
|
}
|
|
}
|
|
if(e.target.closest('#send_mail_to')){
|
|
if(e.code === 'ArrowDown'){
|
|
for(child of mailContactList.children){
|
|
if(!child.classList.contains('hide-completely')){
|
|
child.focus()
|
|
break
|
|
}
|
|
}
|
|
}
|
|
if(e.code === 'Enter' && mailContactList.firstElementChild){
|
|
for(child of mailContactList.children){
|
|
if(!child.classList.contains('hide-completely')){
|
|
child.click()
|
|
break
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if(e.target.closest('.contact')){
|
|
if(e.code === 'ArrowDown' || e.code === 'ArrowRight'){
|
|
if(document.activeElement.nextElementSibling)
|
|
document.activeElement.nextElementSibling.focus()
|
|
else
|
|
mailContactList.firstElementChild.focus()
|
|
}
|
|
if(e.code === 'ArrowUp' || e.code === 'ArrowLeft' ){
|
|
if(document.activeElement.previousElementSibling)
|
|
document.activeElement.previousElementSibling.focus()
|
|
else
|
|
mailContactList.lastElementChild.focus()
|
|
}
|
|
}
|
|
})
|
|
|
|
sendMailTo.addEventListener('input', function() {
|
|
mailContactList.classList.remove('hide-completely')
|
|
if(this.value.trim !== ''){
|
|
for(child of mailContactList.children) {
|
|
if(child.getAttribute('name').toUpperCase().indexOf(this.value.toUpperCase()) > -1){
|
|
child.classList.remove('hide-completely')
|
|
}
|
|
else{
|
|
child.classList.add('hide-completely')
|
|
}
|
|
}
|
|
}
|
|
})
|
|
|
|
mailContactList.addEventListener('click', e => {
|
|
if(e.target.closest('.contact')){
|
|
sendMailTo.value = e.target.closest('.contact').getAttribute('flo-id')
|
|
mailContactList.classList.add('hide-completely')
|
|
sendMailTo.focusIn()
|
|
}
|
|
})
|
|
|
|
mailContactList.addEventListener('keyup', e => {
|
|
if(e.target.closest('.contact') && e.code === 'Enter' || e.code === 'Space'){
|
|
sendMailTo.value = document.activeElement.getAttribute('flo-id')
|
|
mailContactList.classList.add('hide-completely')
|
|
sendMailTo.focusIn()
|
|
}
|
|
})
|
|
|
|
document.addEventListener('click', e => {
|
|
if(e.target.closest('.navbar-item') && activePage.button !== e.target.closest('.navbar-item')){
|
|
refresh()
|
|
let targetButton = e.target.closest('.navbar-item'),
|
|
targetPage = document.getElementById(targetButton.dataset.target)
|
|
targetButton.classList.add('active')
|
|
targetPage.classList.remove('hide-completely')
|
|
if(activePage.page){
|
|
activePage.page.classList.add('hide-completely')
|
|
activePage.button.classList.remove('active')
|
|
}
|
|
activePage.button = targetButton
|
|
activePage.page = targetPage;
|
|
}
|
|
if(e.target.closest('#send_mail_to') || e.target.closest('#mail_contact_list')){
|
|
mailContactList.classList.remove('hide-completely')
|
|
}
|
|
else{
|
|
mailContactList.classList.add('hide-completely')
|
|
}
|
|
if(e.target.closest('#new_mail_button')){
|
|
composeMailPopup.show()
|
|
sendMailTo.focusIn()
|
|
}
|
|
})
|
|
|
|
function copyToClipboard(target, message, parent){
|
|
let copyText, copyTarget = target;
|
|
if(typeof target === 'string'){
|
|
if(parent)
|
|
copyTarget = parent.querySelector(target)
|
|
else{
|
|
copyTarget = document.querySelector(target)
|
|
}
|
|
}
|
|
if(copyTarget.tagName === 'SM-INPUT' || copyTarget.tagName === 'INPUT' || copyTarget.tagName === 'TEXTAREA')
|
|
copyText = copyTarget.value
|
|
else
|
|
copyText = copyTarget.textContent
|
|
navigator.clipboard.writeText(copyText).then(() => {
|
|
notify(`${message}`, 'success')
|
|
})
|
|
.catch(error => {
|
|
notify(error, 'error')
|
|
})
|
|
}
|
|
|
|
let themeSwitcher = document.getElementById('theme_switcher'),
|
|
enterIsSend = document.getElementById('enter_is_send'),
|
|
isEnterSend = true
|
|
|
|
if (localStorage.theme === "dark") {
|
|
nightlight()
|
|
themeSwitcher.checked = true;
|
|
} else {
|
|
daylight()
|
|
themeSwitcher.checked = false;
|
|
}
|
|
|
|
function daylight() {
|
|
document.body.setAttribute("data-theme", "light");
|
|
}
|
|
|
|
function nightlight() {
|
|
document.body.setAttribute("data-theme", "dark");
|
|
}
|
|
themeSwitcher.addEventListener('change', function(e){
|
|
if(this.checked){
|
|
nightlight();
|
|
localStorage.setItem("theme", "dark");
|
|
}
|
|
else{
|
|
daylight();
|
|
localStorage.setItem("theme", "light");
|
|
}
|
|
})
|
|
|
|
if(localStorage.isEnterSend === null)
|
|
localStorage.setItem('isEnterSend', 'true')
|
|
|
|
if (localStorage.isEnterSend === 'true') {
|
|
isEnterSend = true
|
|
enterIsSend.checked = true;
|
|
} else {
|
|
isEnterSend = false
|
|
enterIsSend.checked = false;
|
|
}
|
|
|
|
enterIsSend.addEventListener('change', function(){
|
|
if(this.checked){
|
|
isEnterSend = true
|
|
localStorage.setItem("isEnterSend", 'true');
|
|
}
|
|
else{
|
|
isEnterSend = false
|
|
localStorage.setItem("isEnterSend", 'false');
|
|
}
|
|
})
|
|
|
|
function updateHeight(){
|
|
if(window.innerWidth < 640){
|
|
chatSection.style.height = window.innerHeight + 'px'
|
|
signInLanding.style.height = window.innerHeight + 'px'
|
|
}
|
|
else{
|
|
chatSection.style.height = '100vh'
|
|
signInLanding.style.height = '100vh'
|
|
}
|
|
}
|
|
window.addEventListener('resize', e => {
|
|
requestAnimationFrame(updateHeight)
|
|
})
|
|
|
|
function goto(page){
|
|
if(page === 'chats'){
|
|
chatSection.classList.add('hide-on-mobile')
|
|
allContactsSection.classList.remove('hide-on-mobile')
|
|
activeChatPage = allContactsSection
|
|
}
|
|
if(page === 'mails'){
|
|
mailSection.classList.add('hide-on-mobile')
|
|
allmailsSection.classList.remove('hide-on-mobile')
|
|
activeMailPage = allmailsSection
|
|
}
|
|
mainNavbar.classList.remove('hide-on-mobile')
|
|
}
|
|
|
|
document.getElementById("mails").addEventListener('click', function (e) {
|
|
if (e.target.closest(".mail-card") && e.target.closest(".mail-card") !== activeMail){
|
|
refresh()
|
|
mailPageButton.setAttribute('data-notifications', '0')
|
|
mailSection.classList.remove('hide-completely')
|
|
e.target.closest(".mail-card").classList.remove('unread')
|
|
viewMail(e.target.closest(".mail-card").getAttribute("name"));
|
|
if(activeMail)
|
|
activeMail.classList.remove('active')
|
|
e.target.closest(".mail-card").classList.add('active')
|
|
activeMail = e.target.closest(".mail-card")
|
|
if(activeMailPage.id === 'mails'){
|
|
mailSection.classList.remove('hide-on-mobile')
|
|
allmailsSection.classList.add('hide-on-mobile')
|
|
activeMailPage = mailSection
|
|
mainNavbar.classList.add('hide-on-mobile')
|
|
}
|
|
}
|
|
})
|
|
|
|
document.getElementById("prev_mail").addEventListener('click', function (e) {
|
|
viewMail(this.dataset["value"], false);
|
|
})
|
|
|
|
document.getElementById('send_message_button').addEventListener('clicked', sendMessage)
|
|
|
|
typeMessage.addEventListener('input', e => {
|
|
if(typeMessage.value.trim() !== '')
|
|
document.getElementById('send_message_button').disabled = false
|
|
else
|
|
document.getElementById('send_message_button').disabled = true
|
|
})
|
|
typeMessage.addEventListener('keydown', e => {
|
|
if(e.code === "Enter" && typeMessage.value.trim() !== '' && isEnterSend){
|
|
e.preventDefault()
|
|
sendMessage()
|
|
}
|
|
})
|
|
|
|
document.getElementById("contacts_container").addEventListener('click', function (e) {
|
|
if (!e.target.closest("sm-menu") && e.target.closest(".contact")){
|
|
refresh()
|
|
chatPageButton.setAttribute('data-notifications', '0')
|
|
chatSection.classList.remove('hide-completely')
|
|
e.target.closest(".contact").classList.remove('unread')
|
|
viewConversation(e.target.closest(".contact"))
|
|
if(activeChat)
|
|
activeChat.classList.remove('active')
|
|
e.target.closest(".contact").classList.add('active')
|
|
activeChat = e.target.closest(".contact")
|
|
if(activeChatPage.id === 'contacts'){
|
|
chatSection.classList.remove('hide-on-mobile')
|
|
allContactsSection.classList.add('hide-on-mobile')
|
|
activeChatPage = chatSection
|
|
mainNavbar.classList.add('hide-on-mobile')
|
|
}
|
|
}
|
|
let floID;
|
|
if (e.target.closest(".send-mail-option")){
|
|
composeMailPopup.show()
|
|
floID = e.target.closest(".contact").getAttribute("flo-id");
|
|
let tmp = sendMailTo.value.trim();
|
|
if (!tmp.includes(floID)) {
|
|
if (tmp == '')
|
|
tmp = floID;
|
|
else
|
|
tmp += `, ${floID}`;
|
|
}
|
|
sendMailTo.value = tmp;
|
|
return false;
|
|
}
|
|
});
|
|
|
|
document.getElementById("sign_out").addEventListener('click', function (e) {
|
|
getConfirmation('Sign Out?',
|
|
'Are you sure you want to Sign out?', "Sign Out",
|
|
"Stay Signed In").then(
|
|
result => {
|
|
floDapps.logout().then(result => {
|
|
notify("Successfully Signed out", 'success')
|
|
setTimeout(onLoadStartUp, 2000)
|
|
}).catch(error => notify("Signout Unsuccessful", "error", error))
|
|
}).catch(error => {})
|
|
});
|
|
|
|
document.getElementById("remove_account").addEventListener('click', function (e) {
|
|
getConfirmation('Remove Account?',
|
|
'**Remember to store your PRIVATE-KEY**\n*Private-Key will be needed to signIn again*\nAre you sure you want to remove account?',
|
|
"Remove").then(result => {
|
|
floDapps.logout().then(result => {
|
|
notify("Removed Account")
|
|
setTimeout(onLoadStartUp, 2000)
|
|
}).catch(error => notify("Remove Unsuccessful", "error", error))
|
|
}).catch(error => {})
|
|
});
|
|
|
|
document.getElementById("secure_key").addEventListener('click', async function (e) {
|
|
try{
|
|
if(privKeyNotSecured){
|
|
let value = await getPromptInput("Set password", 'Enter Password', false);
|
|
floDapps.securePrivKey(value).then(result => {
|
|
privKeyNotSecured = false;
|
|
notify("Private Key secured", 'success');
|
|
this.textContent = 'Change Password'
|
|
})
|
|
}
|
|
else{
|
|
let value = await getPromptInput("Change password", 'New Password', false);
|
|
floDapps.securePrivKey(value).then(result => {
|
|
notify("Password changed", 'success');
|
|
})
|
|
}
|
|
}
|
|
catch(error){
|
|
notify("Securing Failed", "error", error)
|
|
}
|
|
});
|
|
|
|
document.getElementById("clear_data").addEventListener('click', function (e) {
|
|
getConfirmation('Clear Data?',
|
|
`Are you sure you want to clear stored data?`, "Clear").then(
|
|
result => {
|
|
floDapps.clearUserData().then(result => {
|
|
notify("Successfully Cleared local data", 'success')
|
|
setTimeout(onLoadStartUp, 2000)
|
|
}).catch(error => notify(error, "error"))
|
|
}).catch(error => {})
|
|
});
|
|
|
|
document.getElementById('show_contact_popup_button').addEventListener("click", function (e) {
|
|
addContactPopup.show()
|
|
addContactFloID.focusIn()
|
|
})
|
|
|
|
document.getElementById('add_contact_button').addEventListener("clicked", addContact)
|
|
|
|
document.getElementById('show_reply_popup').addEventListener("click", () => {
|
|
replyMailPopup.show()
|
|
})
|
|
|
|
replyMailButton.addEventListener("clicked", replyMail)
|
|
|
|
let refreshing = false
|
|
|
|
function refresh(){
|
|
if(refreshing) return;
|
|
refreshing = true
|
|
messenger.refreshInbox().then(data => {
|
|
renderMessages(data.messages)
|
|
renderMailList(data.mails)
|
|
if(Object.keys(data.messages).length && activePage.button !== chatPageButton){
|
|
chatPageButton.setAttribute('data-notifications', Object.keys(data.messages).length)
|
|
notify(`${Object.keys(data.messages).length} new message(s)`)
|
|
}
|
|
if(Object.keys(data.mails).length && activePage.button !== mailPageButton){
|
|
mailPageButton.setAttribute('data-notifications', Object.keys(data.mails).length)
|
|
notify(`${Object.keys(data.mails).length} new mail(s)`)
|
|
}
|
|
setTimeout(() => {
|
|
refreshing = false
|
|
}, 5000);
|
|
}).catch(error => notify(error, "error"))
|
|
}
|
|
|
|
document.getElementById("view_private_key").addEventListener("mouseover", function (e) {
|
|
this.value = myPrivKey;
|
|
})
|
|
|
|
document.getElementById("view_private_key").addEventListener("mouseout", function (e) {
|
|
this.value = "";
|
|
});
|
|
|
|
document.getElementById("view_private_key").addEventListener("click", function (e) {
|
|
copyToClipboard(this, "Private Key copied to clipboard")
|
|
});
|
|
|
|
document.getElementById("backup_data").addEventListener("click", function (e) {
|
|
let backupInfoText = document.getElementById("backup_info")
|
|
backupInfoText.classList.remove("error")
|
|
backupInfoText.textContent = `Generating the backup file! Please wait...`;
|
|
messenger.backupData().then(blob => {
|
|
let anchor = document.createElement('a')
|
|
anchor.setAttribute("download", `BackupFor_${myFloID}_${Date.now()}.json`)
|
|
anchor.setAttribute("href", URL.createObjectURL(blob))
|
|
backupInfoText.textContent =
|
|
`Backup file generated! If the download didn't start automatically, click `;
|
|
anchor.textContent = `here.`;
|
|
backupInfoText.append(anchor);
|
|
anchor.click();
|
|
}).catch(error => {
|
|
backupInfoText.classList.add("error")
|
|
backupInfoText.textContent = `Unable to generate backup file! Try again later...`;
|
|
notify("Backup data Unsuccessful!", "error", error);
|
|
})
|
|
})
|
|
|
|
document.getElementById("restore_data").addEventListener("change", function (e) {
|
|
let file = this.files[0]
|
|
notify(`Retrieving backup data! Please wait.`);
|
|
if (!file) {
|
|
notify(`No files selected!`);
|
|
return;
|
|
}
|
|
messenger.parseBackup(file).then(data => {
|
|
getConfirmation('Restore Data?',
|
|
`Found: ${Object.keys(data.contacts).length} Contacts,\n ${Object.keys(data.messages).length} Messages, ${Object.keys(data.mails).length} Mails.`,
|
|
"Restore"
|
|
).then(result => {
|
|
notify(`Restoring data! Please wait.`);
|
|
messenger.restoreData(data).then(result => {
|
|
notify("Data restore completed successful! Initiating reload, Please wait")
|
|
setTimeout(onLoadStartUp, 2000)
|
|
}).catch(error => {
|
|
notify("Failed to restore data! Try again later", "error", error);
|
|
});
|
|
}).catch(error => {
|
|
notify("Restore data Cancelled!", "warn");
|
|
});
|
|
}).catch(error => {
|
|
notify("Retrive data Unsuccessful!", "error", error);
|
|
})
|
|
})
|
|
|
|
let refreshAgain = function() {
|
|
if(refreshCount > 6)
|
|
refreshTimeout *= 2;
|
|
refreshCount++;
|
|
refresh()
|
|
setTimeout(refreshAgain, refreshTimeout);
|
|
}
|
|
|
|
function sendMessage() {
|
|
let receiver = document.getElementById("receiver_floID").textContent;
|
|
let container;
|
|
let message = typeMessage.value;
|
|
typeMessage.value = ''
|
|
if(message.trim() === '') return
|
|
messenger.sendMessage(message, receiver).then(data => {
|
|
render.messageBubble(data.floID, data.message, data.time, data.category)
|
|
chatContainer.scrollTo({left: 0, top: chatContainer.scrollHeight, behavior: 'smooth'})
|
|
refreshCount = 0;
|
|
refreshTimeout = 10000;
|
|
setTimeout(refreshAgain, refreshTimeout)
|
|
}).catch(error => notify(error, "error"));
|
|
}
|
|
|
|
function removeElement(element) {
|
|
element.parentNode.removeChild(element);
|
|
}
|
|
|
|
function clearElement(element) {
|
|
element.innerHTML = '';
|
|
return element;
|
|
}
|
|
|
|
function getConfirmation(title, message, trueBtn = "Ok", falseBtn = "Cancel") {
|
|
let confirmation = document.getElementById("confirmation");
|
|
confirmation.querySelector('.title').textContent = title;
|
|
confirmation.querySelector('.message').textContent = message;
|
|
confirmation.show()
|
|
let options = confirmation.getElementsByTagName("sm-button");
|
|
options[0].textContent = trueBtn;
|
|
options[1].textContent = falseBtn;
|
|
return new Promise((resolve, reject) => {
|
|
options[0].onclick = () => {
|
|
confirmation.hide()
|
|
resolve(true)
|
|
}
|
|
options[1].onclick = () => {
|
|
confirmation.hide()
|
|
reject(true)
|
|
}
|
|
})
|
|
}
|
|
|
|
async function getPromptInput(title, message, showText = true, trueBtn = "Ok", falseBtn = "Cancel") {
|
|
let prompt = document.getElementById("prompt");
|
|
prompt.show()
|
|
prompt.querySelector('.title').textContent = title;
|
|
let input = prompt.querySelector("sm-input");
|
|
input.setAttribute("placeholder", message)
|
|
let buttons = prompt.querySelectorAll("sm-button");
|
|
if (showText)
|
|
input.setAttribute("type", "text")
|
|
else
|
|
input.setAttribute("type", "password")
|
|
input.focus()
|
|
buttons[0].textContent = trueBtn;
|
|
buttons[1].textContent = falseBtn;
|
|
return new Promise((resolve, reject) => {
|
|
buttons[0].onclick = () => {
|
|
let value = input.value;
|
|
prompt.hide()
|
|
resolve(value)
|
|
}
|
|
buttons[1].onclick = () => {
|
|
prompt.hide()
|
|
reject(true)
|
|
}
|
|
})
|
|
}
|
|
|
|
const notifications = document.getElementById('notifications')
|
|
|
|
function notify(message, mode = "normal", log = "", pinned) {
|
|
if (mode === "error")
|
|
console.error(message, log)
|
|
else if (mode === "warn")
|
|
console.warn(message, log)
|
|
else
|
|
console.log(mode.toUpperCase(), message, log)
|
|
notifications.push(message, mode, pinned)
|
|
}
|
|
|
|
function addContact() {
|
|
let floID = addContactFloID.value.trim();
|
|
let name = addContactName.value.trim();
|
|
messenger.storeContact(floID, name).then(result => {
|
|
getConversationElement(floID, name)
|
|
addContactPopup.hide()
|
|
notify(`Added Contact: ${floID}`)
|
|
}).catch(error => notify(error, "error"));
|
|
}
|
|
|
|
function renderContactList(contactList = {}) {
|
|
for (floID in contactList)
|
|
getConversationElement(floID, contactList[floID])
|
|
}
|
|
|
|
function renderMailContactList(contactList = {}) {
|
|
for (floID in contactList)
|
|
getConversationElement(floID, contactList[floID])
|
|
}
|
|
|
|
function renderMarked(data) {
|
|
for (let d in data) {
|
|
let element = document.getElementsByName(d)[0]
|
|
if(element)
|
|
data[d].forEach(mark => element.classList.add(mark))
|
|
}
|
|
}
|
|
|
|
function getConversationElement(floID, name = "Unknown") {
|
|
let element = chatContainer.querySelector(`#${floID}`)
|
|
if (!element) {
|
|
element = document.createElement("div");
|
|
element.setAttribute("id", floID)
|
|
element.classList.add('flex', 'direction-column', 'hide-completely')
|
|
chatContainer.append(element)
|
|
render.contactCard(floID, name)
|
|
}
|
|
return element;
|
|
}
|
|
|
|
let frag = document.createDocumentFragment()
|
|
|
|
function renderMessages(data, markUnread = true) {
|
|
let floID
|
|
console.log(data)
|
|
for (m in data) {
|
|
floID = data[m].floID
|
|
render.messageBubble(data[m].floID, data[m].message, data[m].time, data[m].category)
|
|
if (markUnread)
|
|
allContactsSection.querySelector(`[flo-id='${floID}']`).classList.add("unread");
|
|
}
|
|
chatContainer.scrollTo(0, chatContainer.scrollHeight)
|
|
}
|
|
|
|
const receiverInitial = document.getElementById("receiver_initial"),
|
|
receiverName = document.getElementById("receiver_name"),
|
|
receiverFloID = document.getElementById("receiver_floID"),
|
|
noEncryption = document.getElementById("warn_no_encryption")
|
|
function viewConversation(contact) {
|
|
let floID = contact.getAttribute("flo-id"),
|
|
name = contact.getAttribute('name'),
|
|
textColor = contact.getAttribute('text-color')
|
|
let currentConversation = document.getElementById("receiver_floID").textContent;
|
|
console.log(floID, floGlobals.contacts[floID], currentConversation)
|
|
if (currentConversation != "")
|
|
document.getElementById(currentConversation).classList.add('hide-completely')
|
|
let currentChat = document.getElementById(floID)
|
|
currentChat.classList.remove('hide-completely');
|
|
receiverInitial.textContent = floGlobals.contacts[floID] ? floGlobals.contacts[floID].charAt(0) : name.charAt(0) || ' ';
|
|
receiverInitial.setAttribute('style', `color: ${textColor}`)
|
|
receiverName.textContent = floGlobals.contacts[floID] || name || ' ';
|
|
receiverFloID.textContent = floID;
|
|
if (floGlobals.pubKeys[floID])
|
|
noEncryption.classList.add("hide-completely");
|
|
else
|
|
noEncryption.classList.remove("hide-completely");
|
|
chatContainer.scrollTo(0, chatContainer.scrollHeight)
|
|
messenger.removeMark(floID, "unread");
|
|
}
|
|
|
|
let sentMailFrag = document.createDocumentFragment()
|
|
function renderMailList(mails, markUnread = true) {
|
|
for (m in mails) {
|
|
let { ref, subject, time, category, floID, content} = mails[m]
|
|
if(category === 'receivedFrom' || category === 'replyFrom')
|
|
frag.prepend(render.mailCard(ref, subject, time, category, floID, content, markUnread));
|
|
if(category === 'sentTo' || category === 'replyTo')
|
|
sentMailFrag.prepend(render.mailCard(ref, subject, time, category, floID, content, markUnread));
|
|
}
|
|
inboxMailContainer.prepend(frag)
|
|
sentMailContainer.prepend(sentMailFrag)
|
|
if(inboxMailContainer.children.length){
|
|
document.getElementById('no_mails').classList.add('hide-completely')
|
|
document.getElementById('all_mail_container').classList.remove('hide-completely')
|
|
}
|
|
else{
|
|
document.getElementById('all_mail_container').classList.add('hide-completely')
|
|
document.getElementById('no_mails').classList.remove('hide-completely')
|
|
}
|
|
}
|
|
|
|
function viewMail(mailRef, newView = true) {
|
|
//clear the container and display popup (if needed)
|
|
if (newView)
|
|
clearElement(document.getElementById("mail_container"))
|
|
|
|
messenger.getMail(mailRef).then(result => {
|
|
let {floID, time, category, subject, content, prevRef} = result
|
|
//add name (if available)
|
|
let senderName = floGlobals.contacts[floID] || ' ';
|
|
//append the contents to mail container
|
|
document.getElementById("mail_container").append(render.mail(senderName, floID, time, category, subject, content));
|
|
//add prop for previous mail (if available)
|
|
let prevMail = document.getElementById("prev_mail");
|
|
prevMail.dataset["value"] = prevRef;
|
|
prevMail.style.display = prevRef ? 'block' : 'none';
|
|
//set values for reply mail form if new view
|
|
if (newView) {
|
|
if (floID.includes(','))
|
|
document.getElementById("show_reply_popup").classList.add("hide-completely");
|
|
else {
|
|
replyMailPopup.dataset["to"] = floID;
|
|
replyMailPopup.dataset["prevRef"] = mailRef;
|
|
subjectOfReplyMail.value = subject.startsWith("Re: ") ? result
|
|
.subject : `Re: ${subject}`;
|
|
document.getElementById("show_reply_popup").classList.remove("hide-completely");
|
|
}
|
|
}
|
|
messenger.removeMark(mailRef, "unread");
|
|
}).catch(error => notify("Unable to read mail", "error", error))
|
|
}
|
|
|
|
document.getElementById('send_mail_button').addEventListener('clicked', sendMail)
|
|
|
|
function sendMail() {
|
|
let to = sendMailTo.value.split(",");
|
|
let subject = document.getElementById('subject_of_mail').value;
|
|
let content = document.getElementById('mail_content').value
|
|
let recipients = [];
|
|
try {
|
|
to.forEach(id => {
|
|
let tmp = id.trim();
|
|
if (!floCrypto.validateAddr(tmp))
|
|
throw "Invalid Address: " + tmp
|
|
if (!recipients.includes(tmp))
|
|
recipients.push(tmp);
|
|
})
|
|
messenger.sendMail(subject, content, recipients).then(result => {
|
|
console.log(result);
|
|
let sucessCount = Object.keys(result.success).length;
|
|
let errorCount = Object.keys(result.error).length
|
|
if (!sucessCount)
|
|
notify("Failed to send mail!", "error", result)
|
|
else {
|
|
if (errorCount)
|
|
notify(
|
|
`${Object.keys(result.success).length} Mail(s) sent! (${Object.keys(result.error).length} failed)`,
|
|
"warn", {
|
|
sent: result.success,
|
|
failed: result.error
|
|
});
|
|
else
|
|
notify(`${Object.keys(result.success).length} Mail(s) sent!`)
|
|
let {ref, subject, time, category, floID, content} = result.data
|
|
sentMailContainer.prepend(render.mailCard(ref, subject, time, category, floID, content));
|
|
composeMailPopup.hide()
|
|
}
|
|
}).catch(error => notify("Failed to send mail!", "error", error))
|
|
} catch (error) {
|
|
notify(error, "error")
|
|
}
|
|
}
|
|
|
|
function replyMail() {
|
|
let recipient = replyMailPopup.dataset.to;
|
|
let subject = subjectOfReplyMail.value;
|
|
let content = replyMailContent.value;
|
|
let prevRef = replyMailPopup.dataset.prevRef;
|
|
messenger.replyMail(prevRef, subject, content, recipient).then(data => {
|
|
notify(`Mail replied!`);
|
|
replyMailPopup.hide()
|
|
let {ref, subject, time, category, floID, content} = data
|
|
sentMailContainer.prepend(render.mailCard(ref, subject, time, category, floID, content));
|
|
}).catch(error => notify("Failed to send mail!", "error", error))
|
|
}
|
|
</script>
|
|
|
|
<script id="init_lib">
|
|
//All util libraries required for Standard operations (DO NOT EDIT ANY)
|
|
|
|
/* Reactor Event handling */
|
|
if (typeof reactor == "undefined" || !reactor) {
|
|
(function () {
|
|
function Event(name) {
|
|
this.name = name;
|
|
this.callbacks = [];
|
|
}
|
|
|
|
Event.prototype.registerCallback = function (callback) {
|
|
this.callbacks.push(callback);
|
|
};
|
|
|
|
function Reactor() {
|
|
this.events = {};
|
|
}
|
|
|
|
Reactor.prototype.registerEvent = function (eventName) {
|
|
var event = new Event(eventName);
|
|
this.events[eventName] = event;
|
|
};
|
|
|
|
Reactor.prototype.dispatchEvent = function (eventName, eventArgs) {
|
|
this.events[eventName].callbacks.forEach(function (callback) {
|
|
callback(eventArgs);
|
|
});
|
|
};
|
|
|
|
Reactor.prototype.addEventListener = function (eventName, callback) {
|
|
this.events[eventName].registerCallback(callback);
|
|
};
|
|
|
|
window.reactor = new Reactor();
|
|
})();
|
|
}
|
|
|
|
/* Sample Usage
|
|
--Creating and defining the event--
|
|
reactor.registerEvent('<eventName>');
|
|
reactor.addEventListener('<eventName>', function(someObject){
|
|
do something...
|
|
});
|
|
--Firing the event--
|
|
reactor.dispatchEvent('<eventName>',<someObject>);
|
|
*/
|
|
|
|
|
|
/*!
|
|
* Crypto-JS v2.5.4 Crypto.js
|
|
* http://code.google.com/p/crypto-js/
|
|
* Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
|
|
* http://code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
if (typeof Crypto == "undefined" || !Crypto.util) {
|
|
(function () {
|
|
|
|
var base64map = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
|
|
|
|
// Global Crypto object
|
|
var Crypto = window.Crypto = {};
|
|
|
|
// Crypto utilities
|
|
var util = Crypto.util = {
|
|
|
|
// Bit-wise rotate left
|
|
rotl: function (n, b) {
|
|
return (n << b) | (n >>> (32 - b));
|
|
},
|
|
|
|
// Bit-wise rotate right
|
|
rotr: function (n, b) {
|
|
return (n << (32 - b)) | (n >>> b);
|
|
},
|
|
|
|
// Swap big-endian to little-endian and vice versa
|
|
endian: function (n) {
|
|
|
|
// If number given, swap endian
|
|
if (n.constructor == Number) {
|
|
return util.rotl(n, 8) & 0x00FF00FF |
|
|
util.rotl(n, 24) & 0xFF00FF00;
|
|
}
|
|
|
|
// Else, assume array and swap all items
|
|
for (var i = 0; i < n.length; i++)
|
|
n[i] = util.endian(n[i]);
|
|
return n;
|
|
|
|
},
|
|
|
|
// Generate an array of any length of random bytes
|
|
randomBytes: function (n) {
|
|
for (var bytes = []; n > 0; n--)
|
|
bytes.push(Math.floor(Math.random() * 256));
|
|
return bytes;
|
|
},
|
|
|
|
// Convert a byte array to big-endian 32-bit words
|
|
bytesToWords: function (bytes) {
|
|
for (var words = [], i = 0, b = 0; i < bytes.length; i++, b += 8)
|
|
words[b >>> 5] |= (bytes[i] & 0xFF) << (24 - b % 32);
|
|
return words;
|
|
},
|
|
|
|
// Convert big-endian 32-bit words to a byte array
|
|
wordsToBytes: function (words) {
|
|
for (var bytes = [], b = 0; b < words.length * 32; b += 8)
|
|
bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF);
|
|
return bytes;
|
|
},
|
|
|
|
// Convert a byte array to a hex string
|
|
bytesToHex: function (bytes) {
|
|
for (var hex = [], i = 0; i < bytes.length; i++) {
|
|
hex.push((bytes[i] >>> 4).toString(16));
|
|
hex.push((bytes[i] & 0xF).toString(16));
|
|
}
|
|
return hex.join("");
|
|
},
|
|
|
|
// Convert a hex string to a byte array
|
|
hexToBytes: function (hex) {
|
|
for (var bytes = [], c = 0; c < hex.length; c += 2)
|
|
bytes.push(parseInt(hex.substr(c, 2), 16));
|
|
return bytes;
|
|
},
|
|
|
|
// Convert a byte array to a base-64 string
|
|
bytesToBase64: function (bytes) {
|
|
for (var base64 = [], i = 0; i < bytes.length; i += 3) {
|
|
var triplet = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
|
|
for (var j = 0; j < 4; j++) {
|
|
if (i * 8 + j * 6 <= bytes.length * 8)
|
|
base64.push(base64map.charAt((triplet >>> 6 * (3 - j)) & 0x3F));
|
|
else base64.push("=");
|
|
}
|
|
}
|
|
|
|
return base64.join("");
|
|
},
|
|
|
|
// Convert a base-64 string to a byte array
|
|
base64ToBytes: function (base64) {
|
|
// Remove non-base-64 characters
|
|
base64 = base64.replace(/[^A-Z0-9+\/]/ig, "");
|
|
|
|
for (var bytes = [], i = 0, imod4 = 0; i < base64.length; imod4 = ++i % 4) {
|
|
if (imod4 == 0) continue;
|
|
bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & (Math.pow(2, -2 * imod4 + 8) - 1)) << (imod4 * 2)) |
|
|
(base64map.indexOf(base64.charAt(i)) >>> (6 - imod4 * 2)));
|
|
}
|
|
|
|
return bytes;
|
|
}
|
|
|
|
};
|
|
|
|
// Crypto character encodings
|
|
var charenc = Crypto.charenc = {};
|
|
|
|
// UTF-8 encoding
|
|
var UTF8 = charenc.UTF8 = {
|
|
|
|
// Convert a string to a byte array
|
|
stringToBytes: function (str) {
|
|
return Binary.stringToBytes(unescape(encodeURIComponent(str)));
|
|
},
|
|
|
|
// Convert a byte array to a string
|
|
bytesToString: function (bytes) {
|
|
return decodeURIComponent(escape(Binary.bytesToString(bytes)));
|
|
}
|
|
|
|
};
|
|
|
|
// Binary encoding
|
|
var Binary = charenc.Binary = {
|
|
|
|
// Convert a string to a byte array
|
|
stringToBytes: function (str) {
|
|
for (var bytes = [], i = 0; i < str.length; i++)
|
|
bytes.push(str.charCodeAt(i) & 0xFF);
|
|
return bytes;
|
|
},
|
|
|
|
// Convert a byte array to a string
|
|
bytesToString: function (bytes) {
|
|
for (var str = [], i = 0; i < bytes.length; i++)
|
|
str.push(String.fromCharCode(bytes[i]));
|
|
return str.join("");
|
|
}
|
|
|
|
};
|
|
|
|
})();
|
|
}
|
|
|
|
|
|
|
|
//Adding SHA1 to fix basic PKBDF2
|
|
/*
|
|
* Crypto-JS v2.5.4
|
|
* http://code.google.com/p/crypto-js/
|
|
* (c) 2009-2012 by Jeff Mott. All rights reserved.
|
|
* http://code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
(function () {
|
|
|
|
// Shortcuts
|
|
var C = Crypto,
|
|
util = C.util,
|
|
charenc = C.charenc,
|
|
UTF8 = charenc.UTF8,
|
|
Binary = charenc.Binary;
|
|
|
|
// Public API
|
|
var SHA1 = C.SHA1 = function (message, options) {
|
|
var digestbytes = util.wordsToBytes(SHA1._sha1(message));
|
|
return options && options.asBytes ? digestbytes :
|
|
options && options.asString ? Binary.bytesToString(digestbytes) :
|
|
util.bytesToHex(digestbytes);
|
|
};
|
|
|
|
// The core
|
|
SHA1._sha1 = function (message) {
|
|
|
|
// Convert to byte array
|
|
if (message.constructor == String) message = UTF8.stringToBytes(message);
|
|
/* else, assume byte array already */
|
|
|
|
var m = util.bytesToWords(message),
|
|
l = message.length * 8,
|
|
w = [],
|
|
H0 = 1732584193,
|
|
H1 = -271733879,
|
|
H2 = -1732584194,
|
|
H3 = 271733878,
|
|
H4 = -1009589776;
|
|
|
|
// Padding
|
|
m[l >> 5] |= 0x80 << (24 - l % 32);
|
|
m[((l + 64 >>> 9) << 4) + 15] = l;
|
|
|
|
for (var i = 0; i < m.length; i += 16) {
|
|
|
|
var a = H0,
|
|
b = H1,
|
|
c = H2,
|
|
d = H3,
|
|
e = H4;
|
|
|
|
for (var j = 0; j < 80; j++) {
|
|
|
|
if (j < 16) w[j] = m[i + j];
|
|
else {
|
|
var n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16];
|
|
w[j] = (n << 1) | (n >>> 31);
|
|
}
|
|
|
|
var t = ((H0 << 5) | (H0 >>> 27)) + H4 + (w[j] >>> 0) + (
|
|
j < 20 ? (H1 & H2 | ~H1 & H3) + 1518500249 :
|
|
j < 40 ? (H1 ^ H2 ^ H3) + 1859775393 :
|
|
j < 60 ? (H1 & H2 | H1 & H3 | H2 & H3) - 1894007588 :
|
|
(H1 ^ H2 ^ H3) - 899497514);
|
|
|
|
H4 = H3;
|
|
H3 = H2;
|
|
H2 = (H1 << 30) | (H1 >>> 2);
|
|
H1 = H0;
|
|
H0 = t;
|
|
|
|
}
|
|
|
|
H0 += a;
|
|
H1 += b;
|
|
H2 += c;
|
|
H3 += d;
|
|
H4 += e;
|
|
|
|
}
|
|
|
|
return [H0, H1, H2, H3, H4];
|
|
|
|
};
|
|
|
|
// Package private blocksize
|
|
SHA1._blocksize = 16;
|
|
|
|
SHA1._digestsize = 20;
|
|
|
|
})();
|
|
|
|
//Added to make PKBDF2 work
|
|
/*
|
|
* Crypto-JS v2.5.4
|
|
* http://code.google.com/p/crypto-js/
|
|
* (c) 2009-2012 by Jeff Mott. All rights reserved.
|
|
* http://code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
(function () {
|
|
|
|
// Shortcuts
|
|
var C = Crypto,
|
|
util = C.util,
|
|
charenc = C.charenc,
|
|
UTF8 = charenc.UTF8,
|
|
Binary = charenc.Binary;
|
|
|
|
C.HMAC = function (hasher, message, key, options) {
|
|
|
|
// Convert to byte arrays
|
|
if (message.constructor == String) message = UTF8.stringToBytes(message);
|
|
if (key.constructor == String) key = UTF8.stringToBytes(key);
|
|
/* else, assume byte arrays already */
|
|
|
|
// Allow arbitrary length keys
|
|
if (key.length > hasher._blocksize * 4)
|
|
key = hasher(key, {
|
|
asBytes: true
|
|
});
|
|
|
|
// XOR keys with pad constants
|
|
var okey = key.slice(0),
|
|
ikey = key.slice(0);
|
|
for (var i = 0; i < hasher._blocksize * 4; i++) {
|
|
okey[i] ^= 0x5C;
|
|
ikey[i] ^= 0x36;
|
|
}
|
|
|
|
var hmacbytes = hasher(okey.concat(hasher(ikey.concat(message), {
|
|
asBytes: true
|
|
})), {
|
|
asBytes: true
|
|
});
|
|
|
|
return options && options.asBytes ? hmacbytes :
|
|
options && options.asString ? Binary.bytesToString(hmacbytes) :
|
|
util.bytesToHex(hmacbytes);
|
|
|
|
};
|
|
|
|
})();
|
|
|
|
|
|
//crypto-sha256-hmac.js
|
|
/*
|
|
* Crypto-JS v2.5.4
|
|
* http://code.google.com/p/crypto-js/
|
|
* (c) 2009-2012 by Jeff Mott. All rights reserved.
|
|
* http://code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
|
|
function ascii_to_hexa(str) {
|
|
var arr1 = [];
|
|
for (var n = 0, l = str.length; n < l; n++) {
|
|
var hex = Number(str.charCodeAt(n)).toString(16);
|
|
arr1.push(hex);
|
|
}
|
|
return arr1.join('');
|
|
}
|
|
|
|
|
|
(typeof Crypto == "undefined" || !Crypto.util) && function () {
|
|
var d = window.Crypto = {},
|
|
k = d.util = {
|
|
rotl: function (b, a) {
|
|
return b << a | b >>> 32 - a
|
|
},
|
|
rotr: function (b, a) {
|
|
return b << 32 - a | b >>> a
|
|
},
|
|
endian: function (b) {
|
|
if (b.constructor == Number) return k.rotl(b, 8) & 16711935 | k.rotl(b, 24) & 4278255360;
|
|
for (var a = 0; a < b.length; a++) b[a] = k.endian(b[a]);
|
|
return b
|
|
},
|
|
randomBytes: function (b) {
|
|
for (var a = []; b > 0; b--) a.push(Math.floor(Math.random() * 256));
|
|
return a
|
|
},
|
|
bytesToWords: function (b) {
|
|
for (var a = [], c = 0, e = 0; c < b.length; c++, e += 8) a[e >>> 5] |= (b[c] & 255) <<
|
|
24 - e % 32;
|
|
return a
|
|
},
|
|
wordsToBytes: function (b) {
|
|
for (var a = [], c = 0; c < b.length * 32; c += 8) a.push(b[c >>> 5] >>> 24 - c % 32 & 255);
|
|
return a
|
|
},
|
|
bytesToHex: function (b) {
|
|
for (var a = [], c = 0; c < b.length; c++) a.push((b[c] >>> 4).toString(16)), a.push((b[c] &
|
|
15).toString(16));
|
|
return a.join("")
|
|
},
|
|
hexToBytes: function (b) {
|
|
for (var a = [], c = 0; c < b.length; c += 2) a.push(parseInt(b.substr(c, 2), 16));
|
|
return a
|
|
},
|
|
bytesToBase64: function (b) {
|
|
for (var a = [], c = 0; c < b.length; c += 3)
|
|
for (var e = b[c] << 16 | b[c + 1] << 8 | b[c + 2], p = 0; p < 4; p++) c * 8 + p * 6 <=
|
|
b.length * 8 ? a.push(
|
|
"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".charAt(e >>>
|
|
6 * (3 - p) & 63)) : a.push("=");
|
|
return a.join("")
|
|
},
|
|
base64ToBytes: function (b) {
|
|
for (var b = b.replace(/[^A-Z0-9+\/]/ig, ""), a = [], c = 0, e = 0; c < b.length; e = ++c %
|
|
4) e != 0 && a.push(("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"
|
|
.indexOf(b.charAt(c - 1)) & Math.pow(2, -2 * e + 8) - 1) << e * 2 |
|
|
"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".indexOf(b.charAt(
|
|
c)) >>> 6 - e * 2);
|
|
return a
|
|
}
|
|
},
|
|
d = d.charenc = {};
|
|
d.UTF8 = {
|
|
stringToBytes: function (b) {
|
|
return g.stringToBytes(unescape(encodeURIComponent(b)))
|
|
},
|
|
bytesToString: function (b) {
|
|
return decodeURIComponent(escape(g.bytesToString(b)))
|
|
}
|
|
};
|
|
var g = d.Binary = {
|
|
stringToBytes: function (b) {
|
|
for (var a = [], c = 0; c < b.length; c++) a.push(b.charCodeAt(c) & 255);
|
|
return a
|
|
},
|
|
bytesToString: function (b) {
|
|
for (var a = [], c = 0; c < b.length; c++) a.push(String.fromCharCode(b[c]));
|
|
return a.join("")
|
|
}
|
|
}
|
|
}();
|
|
(function () {
|
|
var d = Crypto,
|
|
k = d.util,
|
|
g = d.charenc,
|
|
b = g.UTF8,
|
|
a = g.Binary,
|
|
c = [1116352408, 1899447441, 3049323471, 3921009573, 961987163, 1508970993, 2453635748, 2870763221,
|
|
3624381080, 310598401, 607225278, 1426881987, 1925078388, 2162078206, 2614888103, 3248222580,
|
|
3835390401, 4022224774, 264347078, 604807628, 770255983, 1249150122, 1555081692, 1996064986,
|
|
2554220882, 2821834349, 2952996808, 3210313671, 3336571891, 3584528711, 113926993, 338241895,
|
|
666307205, 773529912, 1294757372, 1396182291, 1695183700, 1986661051, 2177026350, 2456956037,
|
|
2730485921,
|
|
2820302411, 3259730800, 3345764771, 3516065817, 3600352804, 4094571909, 275423344, 430227734,
|
|
506948616, 659060556, 883997877, 958139571, 1322822218, 1537002063, 1747873779, 1955562222,
|
|
2024104815, 2227730452, 2361852424, 2428436474, 2756734187, 3204031479, 3329325298
|
|
],
|
|
e = d.SHA256 = function (b, c) {
|
|
var f = k.wordsToBytes(e._sha256(b));
|
|
return c && c.asBytes ? f : c && c.asString ? a.bytesToString(f) : k.bytesToHex(f)
|
|
};
|
|
e._sha256 = function (a) {
|
|
a.constructor == String && (a = b.stringToBytes(a));
|
|
var e = k.bytesToWords(a),
|
|
f = a.length * 8,
|
|
a = [1779033703, 3144134277,
|
|
1013904242, 2773480762, 1359893119, 2600822924, 528734635, 1541459225
|
|
],
|
|
d = [],
|
|
g, m, r, i, n, o, s, t, h, l, j;
|
|
e[f >> 5] |= 128 << 24 - f % 32;
|
|
e[(f + 64 >> 9 << 4) + 15] = f;
|
|
for (t = 0; t < e.length; t += 16) {
|
|
f = a[0];
|
|
g = a[1];
|
|
m = a[2];
|
|
r = a[3];
|
|
i = a[4];
|
|
n = a[5];
|
|
o = a[6];
|
|
s = a[7];
|
|
for (h = 0; h < 64; h++) {
|
|
h < 16 ? d[h] = e[h + t] : (l = d[h - 15], j = d[h - 2], d[h] = ((l << 25 | l >>> 7) ^
|
|
(l << 14 | l >>> 18) ^ l >>> 3) + (d[h - 7] >>> 0) + ((j << 15 | j >>> 17) ^
|
|
(j << 13 | j >>> 19) ^ j >>> 10) + (d[h - 16] >>> 0));
|
|
j = f & g ^ f & m ^ g & m;
|
|
var u = (f << 30 | f >>> 2) ^ (f << 19 | f >>> 13) ^ (f << 10 | f >>> 22);
|
|
l = (s >>> 0) + ((i << 26 | i >>> 6) ^ (i << 21 | i >>> 11) ^ (i << 7 | i >>> 25)) +
|
|
(i & n ^ ~i & o) + c[h] + (d[h] >>> 0);
|
|
j = u + j;
|
|
s = o;
|
|
o = n;
|
|
n = i;
|
|
i = r + l >>> 0;
|
|
r = m;
|
|
m = g;
|
|
g = f;
|
|
f = l + j >>> 0
|
|
}
|
|
a[0] += f;
|
|
a[1] += g;
|
|
a[2] += m;
|
|
a[3] += r;
|
|
a[4] += i;
|
|
a[5] += n;
|
|
a[6] += o;
|
|
a[7] += s
|
|
}
|
|
return a
|
|
};
|
|
e._blocksize = 16;
|
|
e._digestsize = 32
|
|
})();
|
|
(function () {
|
|
var d = Crypto,
|
|
k = d.util,
|
|
g = d.charenc,
|
|
b = g.UTF8,
|
|
a = g.Binary;
|
|
d.HMAC = function (c, e, d, g) {
|
|
e.constructor == String && (e = b.stringToBytes(e));
|
|
d.constructor == String && (d = b.stringToBytes(d));
|
|
d.length > c._blocksize * 4 && (d = c(d, {
|
|
asBytes: !0
|
|
}));
|
|
for (var f = d.slice(0), d = d.slice(0), q = 0; q < c._blocksize * 4; q++) f[q] ^= 92, d[q] ^=
|
|
54;
|
|
c = c(f.concat(c(d.concat(e), {
|
|
asBytes: !0
|
|
})), {
|
|
asBytes: !0
|
|
});
|
|
return g && g.asBytes ? c : g && g.asString ? a.bytesToString(c) : k.bytesToHex(c)
|
|
}
|
|
})();
|
|
|
|
|
|
/*!
|
|
* Random number generator with ArcFour PRNG
|
|
*
|
|
* NOTE: For best results, put code like
|
|
* <body onclick='SecureRandom.seedTime();' onkeypress='SecureRandom.seedTime();'>
|
|
* in your main HTML document.
|
|
*
|
|
* Copyright Tom Wu, bitaddress.org BSD License.
|
|
* http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
|
|
*/
|
|
(function () {
|
|
|
|
// Constructor function of Global SecureRandom object
|
|
var sr = window.SecureRandom = function () { };
|
|
|
|
// Properties
|
|
sr.state;
|
|
sr.pool;
|
|
sr.pptr;
|
|
sr.poolCopyOnInit;
|
|
|
|
// Pool size must be a multiple of 4 and greater than 32.
|
|
// An array of bytes the size of the pool will be passed to init()
|
|
sr.poolSize = 256;
|
|
|
|
// --- object methods ---
|
|
|
|
// public method
|
|
// ba: byte array
|
|
sr.prototype.nextBytes = function (ba) {
|
|
var i;
|
|
if (window.crypto && window.crypto.getRandomValues && window.Uint8Array) {
|
|
try {
|
|
var rvBytes = new Uint8Array(ba.length);
|
|
window.crypto.getRandomValues(rvBytes);
|
|
for (i = 0; i < ba.length; ++i)
|
|
ba[i] = sr.getByte() ^ rvBytes[i];
|
|
return;
|
|
} catch (e) {
|
|
alert(e);
|
|
}
|
|
}
|
|
for (i = 0; i < ba.length; ++i) ba[i] = sr.getByte();
|
|
};
|
|
|
|
|
|
// --- static methods ---
|
|
|
|
// Mix in the current time (w/milliseconds) into the pool
|
|
// NOTE: this method should be called from body click/keypress event handlers to increase entropy
|
|
sr.seedTime = function () {
|
|
sr.seedInt(new Date().getTime());
|
|
}
|
|
|
|
sr.getByte = function () {
|
|
if (sr.state == null) {
|
|
sr.seedTime();
|
|
sr.state = sr.ArcFour(); // Plug in your RNG constructor here
|
|
sr.state.init(sr.pool);
|
|
sr.poolCopyOnInit = [];
|
|
for (sr.pptr = 0; sr.pptr < sr.pool.length; ++sr.pptr)
|
|
sr.poolCopyOnInit[sr.pptr] = sr.pool[sr.pptr];
|
|
sr.pptr = 0;
|
|
}
|
|
// TODO: allow reseeding after first request
|
|
return sr.state.next();
|
|
}
|
|
|
|
// Mix in a 32-bit integer into the pool
|
|
sr.seedInt = function (x) {
|
|
sr.seedInt8(x);
|
|
sr.seedInt8((x >> 8));
|
|
sr.seedInt8((x >> 16));
|
|
sr.seedInt8((x >> 24));
|
|
}
|
|
|
|
// Mix in a 16-bit integer into the pool
|
|
sr.seedInt16 = function (x) {
|
|
sr.seedInt8(x);
|
|
sr.seedInt8((x >> 8));
|
|
}
|
|
|
|
// Mix in a 8-bit integer into the pool
|
|
sr.seedInt8 = function (x) {
|
|
sr.pool[sr.pptr++] ^= x & 255;
|
|
if (sr.pptr >= sr.poolSize) sr.pptr -= sr.poolSize;
|
|
}
|
|
|
|
// Arcfour is a PRNG
|
|
sr.ArcFour = function () {
|
|
function Arcfour() {
|
|
this.i = 0;
|
|
this.j = 0;
|
|
this.S = new Array();
|
|
}
|
|
|
|
// Initialize arcfour context from key, an array of ints, each from [0..255]
|
|
function ARC4init(key) {
|
|
var i, j, t;
|
|
for (i = 0; i < 256; ++i)
|
|
this.S[i] = i;
|
|
j = 0;
|
|
for (i = 0; i < 256; ++i) {
|
|
j = (j + this.S[i] + key[i % key.length]) & 255;
|
|
t = this.S[i];
|
|
this.S[i] = this.S[j];
|
|
this.S[j] = t;
|
|
}
|
|
this.i = 0;
|
|
this.j = 0;
|
|
}
|
|
|
|
function ARC4next() {
|
|
var t;
|
|
this.i = (this.i + 1) & 255;
|
|
this.j = (this.j + this.S[this.i]) & 255;
|
|
t = this.S[this.i];
|
|
this.S[this.i] = this.S[this.j];
|
|
this.S[this.j] = t;
|
|
return this.S[(t + this.S[this.i]) & 255];
|
|
}
|
|
|
|
Arcfour.prototype.init = ARC4init;
|
|
Arcfour.prototype.next = ARC4next;
|
|
|
|
return new Arcfour();
|
|
};
|
|
|
|
|
|
// Initialize the pool with junk if needed.
|
|
if (sr.pool == null) {
|
|
sr.pool = new Array();
|
|
sr.pptr = 0;
|
|
var t;
|
|
if (window.crypto && window.crypto.getRandomValues && window.Uint8Array) {
|
|
try {
|
|
// Use webcrypto if available
|
|
var ua = new Uint8Array(sr.poolSize);
|
|
window.crypto.getRandomValues(ua);
|
|
for (t = 0; t < sr.poolSize; ++t)
|
|
sr.pool[sr.pptr++] = ua[t];
|
|
} catch (e) { alert(e); }
|
|
}
|
|
while (sr.pptr < sr.poolSize) { // extract some randomness from Math.random()
|
|
t = Math.floor(65536 * Math.random());
|
|
sr.pool[sr.pptr++] = t >>> 8;
|
|
sr.pool[sr.pptr++] = t & 255;
|
|
}
|
|
sr.pptr = Math.floor(sr.poolSize * Math.random());
|
|
sr.seedTime();
|
|
// entropy
|
|
var entropyStr = "";
|
|
// screen size and color depth: ~4.8 to ~5.4 bits
|
|
entropyStr += (window.screen.height * window.screen.width * window.screen.colorDepth);
|
|
entropyStr += (window.screen.availHeight * window.screen.availWidth * window.screen.pixelDepth);
|
|
// time zone offset: ~4 bits
|
|
var dateObj = new Date();
|
|
var timeZoneOffset = dateObj.getTimezoneOffset();
|
|
entropyStr += timeZoneOffset;
|
|
// user agent: ~8.3 to ~11.6 bits
|
|
entropyStr += navigator.userAgent;
|
|
// browser plugin details: ~16.2 to ~21.8 bits
|
|
var pluginsStr = "";
|
|
for (var i = 0; i < navigator.plugins.length; i++) {
|
|
pluginsStr += navigator.plugins[i].name + " " + navigator.plugins[i].filename + " " + navigator.plugins[i].description + " " + navigator.plugins[i].version + ", ";
|
|
}
|
|
var mimeTypesStr = "";
|
|
for (var i = 0; i < navigator.mimeTypes.length; i++) {
|
|
mimeTypesStr += navigator.mimeTypes[i].description + " " + navigator.mimeTypes[i].type + " " + navigator.mimeTypes[i].suffixes + ", ";
|
|
}
|
|
entropyStr += pluginsStr + mimeTypesStr;
|
|
// cookies and storage: 1 bit
|
|
entropyStr += navigator.cookieEnabled + typeof (sessionStorage) + typeof (localStorage);
|
|
// language: ~7 bit
|
|
entropyStr += navigator.language;
|
|
// history: ~2 bit
|
|
entropyStr += window.history.length;
|
|
// location
|
|
entropyStr += window.location;
|
|
|
|
var entropyBytes = Crypto.SHA256(entropyStr, { asBytes: true });
|
|
for (var i = 0 ; i < entropyBytes.length ; i++) {
|
|
sr.seedInt8(entropyBytes[i]);
|
|
}
|
|
}
|
|
})();
|
|
|
|
|
|
//ripemd160.js
|
|
/*
|
|
CryptoJS v3.1.2
|
|
code.google.com/p/crypto-js
|
|
(c) 2009-2013 by Jeff Mott. All rights reserved.
|
|
code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
/** @preserve
|
|
(c) 2012 by Cédric Mesnil. All rights reserved.
|
|
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
|
|
- Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
|
|
- Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
|
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
// Constants table
|
|
var zl = [
|
|
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,
|
|
7, 4, 13, 1, 10, 6, 15, 3, 12, 0, 9, 5, 2, 14, 11, 8,
|
|
3, 10, 14, 4, 9, 15, 8, 1, 2, 7, 0, 6, 13, 11, 5, 12,
|
|
1, 9, 11, 10, 0, 8, 12, 4, 13, 3, 7, 15, 14, 5, 6, 2,
|
|
4, 0, 5, 9, 7, 12, 2, 10, 14, 1, 3, 8, 11, 6, 15, 13
|
|
];
|
|
var zr = [
|
|
5, 14, 7, 0, 9, 2, 11, 4, 13, 6, 15, 8, 1, 10, 3, 12,
|
|
6, 11, 3, 7, 0, 13, 5, 10, 14, 15, 8, 12, 4, 9, 1, 2,
|
|
15, 5, 1, 3, 7, 14, 6, 9, 11, 8, 12, 2, 10, 0, 4, 13,
|
|
8, 6, 4, 1, 3, 11, 15, 0, 5, 12, 2, 13, 9, 7, 10, 14,
|
|
12, 15, 10, 4, 1, 5, 8, 7, 6, 2, 13, 14, 0, 3, 9, 11
|
|
];
|
|
var sl = [
|
|
11, 14, 15, 12, 5, 8, 7, 9, 11, 13, 14, 15, 6, 7, 9, 8,
|
|
7, 6, 8, 13, 11, 9, 7, 15, 7, 12, 15, 9, 11, 7, 13, 12,
|
|
11, 13, 6, 7, 14, 9, 13, 15, 14, 8, 13, 6, 5, 12, 7, 5,
|
|
11, 12, 14, 15, 14, 15, 9, 8, 9, 14, 5, 6, 8, 6, 5, 12,
|
|
9, 15, 5, 11, 6, 8, 13, 12, 5, 12, 13, 14, 11, 8, 5, 6
|
|
];
|
|
var sr = [
|
|
8, 9, 9, 11, 13, 15, 15, 5, 7, 7, 8, 11, 14, 14, 12, 6,
|
|
9, 13, 15, 7, 12, 8, 9, 11, 7, 7, 12, 7, 6, 15, 13, 11,
|
|
9, 7, 15, 11, 8, 6, 6, 14, 12, 13, 5, 14, 13, 13, 7, 5,
|
|
15, 5, 8, 11, 14, 14, 6, 14, 6, 9, 12, 9, 12, 5, 15, 8,
|
|
8, 5, 12, 9, 12, 5, 14, 6, 8, 13, 6, 5, 15, 13, 11, 11
|
|
];
|
|
|
|
var hl = [0x00000000, 0x5A827999, 0x6ED9EBA1, 0x8F1BBCDC, 0xA953FD4E];
|
|
var hr = [0x50A28BE6, 0x5C4DD124, 0x6D703EF3, 0x7A6D76E9, 0x00000000];
|
|
|
|
var bytesToWords = function (bytes) {
|
|
var words = [];
|
|
for (var i = 0, b = 0; i < bytes.length; i++, b += 8) {
|
|
words[b >>> 5] |= bytes[i] << (24 - b % 32);
|
|
}
|
|
return words;
|
|
};
|
|
|
|
var wordsToBytes = function (words) {
|
|
var bytes = [];
|
|
for (var b = 0; b < words.length * 32; b += 8) {
|
|
bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF);
|
|
}
|
|
return bytes;
|
|
};
|
|
|
|
var processBlock = function (H, M, offset) {
|
|
|
|
// Swap endian
|
|
for (var i = 0; i < 16; i++) {
|
|
var offset_i = offset + i;
|
|
var M_offset_i = M[offset_i];
|
|
|
|
// Swap
|
|
M[offset_i] = (
|
|
(((M_offset_i << 8) | (M_offset_i >>> 24)) & 0x00ff00ff) |
|
|
(((M_offset_i << 24) | (M_offset_i >>> 8)) & 0xff00ff00)
|
|
);
|
|
}
|
|
|
|
// Working variables
|
|
var al, bl, cl, dl, el;
|
|
var ar, br, cr, dr, er;
|
|
|
|
ar = al = H[0];
|
|
br = bl = H[1];
|
|
cr = cl = H[2];
|
|
dr = dl = H[3];
|
|
er = el = H[4];
|
|
// Computation
|
|
var t;
|
|
for (var i = 0; i < 80; i += 1) {
|
|
t = (al + M[offset + zl[i]]) | 0;
|
|
if (i < 16) {
|
|
t += f1(bl, cl, dl) + hl[0];
|
|
} else if (i < 32) {
|
|
t += f2(bl, cl, dl) + hl[1];
|
|
} else if (i < 48) {
|
|
t += f3(bl, cl, dl) + hl[2];
|
|
} else if (i < 64) {
|
|
t += f4(bl, cl, dl) + hl[3];
|
|
} else { // if (i<80) {
|
|
t += f5(bl, cl, dl) + hl[4];
|
|
}
|
|
t = t | 0;
|
|
t = rotl(t, sl[i]);
|
|
t = (t + el) | 0;
|
|
al = el;
|
|
el = dl;
|
|
dl = rotl(cl, 10);
|
|
cl = bl;
|
|
bl = t;
|
|
|
|
t = (ar + M[offset + zr[i]]) | 0;
|
|
if (i < 16) {
|
|
t += f5(br, cr, dr) + hr[0];
|
|
} else if (i < 32) {
|
|
t += f4(br, cr, dr) + hr[1];
|
|
} else if (i < 48) {
|
|
t += f3(br, cr, dr) + hr[2];
|
|
} else if (i < 64) {
|
|
t += f2(br, cr, dr) + hr[3];
|
|
} else { // if (i<80) {
|
|
t += f1(br, cr, dr) + hr[4];
|
|
}
|
|
t = t | 0;
|
|
t = rotl(t, sr[i]);
|
|
t = (t + er) | 0;
|
|
ar = er;
|
|
er = dr;
|
|
dr = rotl(cr, 10);
|
|
cr = br;
|
|
br = t;
|
|
}
|
|
// Intermediate hash value
|
|
t = (H[1] + cl + dr) | 0;
|
|
H[1] = (H[2] + dl + er) | 0;
|
|
H[2] = (H[3] + el + ar) | 0;
|
|
H[3] = (H[4] + al + br) | 0;
|
|
H[4] = (H[0] + bl + cr) | 0;
|
|
H[0] = t;
|
|
};
|
|
|
|
function f1(x, y, z) {
|
|
return ((x) ^ (y) ^ (z));
|
|
}
|
|
|
|
function f2(x, y, z) {
|
|
return (((x) & (y)) | ((~x) & (z)));
|
|
}
|
|
|
|
function f3(x, y, z) {
|
|
return (((x) | (~(y))) ^ (z));
|
|
}
|
|
|
|
function f4(x, y, z) {
|
|
return (((x) & (z)) | ((y) & (~(z))));
|
|
}
|
|
|
|
function f5(x, y, z) {
|
|
return ((x) ^ ((y) | (~(z))));
|
|
}
|
|
|
|
function rotl(x, n) {
|
|
return (x << n) | (x >>> (32 - n));
|
|
}
|
|
|
|
function ripemd160(message) {
|
|
var H = [0x67452301, 0xEFCDAB89, 0x98BADCFE, 0x10325476, 0xC3D2E1F0];
|
|
|
|
var m = bytesToWords(message);
|
|
|
|
var nBitsLeft = message.length * 8;
|
|
var nBitsTotal = message.length * 8;
|
|
|
|
// Add padding
|
|
m[nBitsLeft >>> 5] |= 0x80 << (24 - nBitsLeft % 32);
|
|
m[(((nBitsLeft + 64) >>> 9) << 4) + 14] = (
|
|
(((nBitsTotal << 8) | (nBitsTotal >>> 24)) & 0x00ff00ff) |
|
|
(((nBitsTotal << 24) | (nBitsTotal >>> 8)) & 0xff00ff00)
|
|
);
|
|
|
|
for (var i = 0; i < m.length; i += 16) {
|
|
processBlock(H, m, i);
|
|
}
|
|
|
|
// Swap endian
|
|
for (var i = 0; i < 5; i++) {
|
|
// Shortcut
|
|
var H_i = H[i];
|
|
|
|
// Swap
|
|
H[i] = (((H_i << 8) | (H_i >>> 24)) & 0x00ff00ff) |
|
|
(((H_i << 24) | (H_i >>> 8)) & 0xff00ff00);
|
|
}
|
|
|
|
var digestbytes = wordsToBytes(H);
|
|
return digestbytes;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Upstream 'BigInteger' here:
|
|
// Original Author: http://www-cs-students.stanford.edu/~tjw/jsbn/
|
|
// Follows 'jsbn' on Github: https://github.com/jasondavies/jsbn
|
|
// Review and Testing: https://github.com/cryptocoinjs/bigi/
|
|
/*!
|
|
* Basic JavaScript BN library - subset useful for RSA encryption. v1.4
|
|
*
|
|
* Copyright (c) 2005 Tom Wu
|
|
* All Rights Reserved.
|
|
* BSD License
|
|
* http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
|
|
*
|
|
* Copyright Stephan Thomas
|
|
* Copyright pointbiz
|
|
*/
|
|
|
|
(function () {
|
|
|
|
// (public) Constructor function of Global BigInteger object
|
|
var BigInteger = window.BigInteger = function BigInteger(a, b, c) {
|
|
if (!(this instanceof BigInteger))
|
|
return new BigInteger(a, b, c);
|
|
|
|
if (a != null)
|
|
if ("number" == typeof a) this.fromNumber(a, b, c);
|
|
else if (b == null && "string" != typeof a) this.fromString(a, 256);
|
|
else this.fromString(a, b);
|
|
};
|
|
|
|
// Bits per digit
|
|
var dbits;
|
|
|
|
// JavaScript engine analysis
|
|
var canary = 0xdeadbeefcafe;
|
|
var j_lm = ((canary & 0xffffff) == 0xefcafe);
|
|
|
|
// return new, unset BigInteger
|
|
function nbi() {
|
|
return new BigInteger(null);
|
|
}
|
|
|
|
// am: Compute w_j += (x*this_i), propagate carries,
|
|
// c is initial carry, returns final carry.
|
|
// c < 3*dvalue, x < 2*dvalue, this_i < dvalue
|
|
// We need to select the fastest one that works in this environment.
|
|
|
|
// am1: use a single mult and divide to get the high bits,
|
|
// max digit bits should be 26 because
|
|
// max internal value = 2*dvalue^2-2*dvalue (< 2^53)
|
|
function am1(i, x, w, j, c, n) {
|
|
while (--n >= 0) {
|
|
var v = x * this[i++] + w[j] + c;
|
|
c = Math.floor(v / 0x4000000);
|
|
w[j++] = v & 0x3ffffff;
|
|
}
|
|
return c;
|
|
}
|
|
// am2 avoids a big mult-and-extract completely.
|
|
// Max digit bits should be <= 30 because we do bitwise ops
|
|
// on values up to 2*hdvalue^2-hdvalue-1 (< 2^31)
|
|
function am2(i, x, w, j, c, n) {
|
|
var xl = x & 0x7fff,
|
|
xh = x >> 15;
|
|
while (--n >= 0) {
|
|
var l = this[i] & 0x7fff;
|
|
var h = this[i++] >> 15;
|
|
var m = xh * l + h * xl;
|
|
l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff);
|
|
c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30);
|
|
w[j++] = l & 0x3fffffff;
|
|
}
|
|
return c;
|
|
}
|
|
// Alternately, set max digit bits to 28 since some
|
|
// browsers slow down when dealing with 32-bit numbers.
|
|
function am3(i, x, w, j, c, n) {
|
|
var xl = x & 0x3fff,
|
|
xh = x >> 14;
|
|
while (--n >= 0) {
|
|
var l = this[i] & 0x3fff;
|
|
var h = this[i++] >> 14;
|
|
var m = xh * l + h * xl;
|
|
l = xl * l + ((m & 0x3fff) << 14) + w[j] + c;
|
|
c = (l >> 28) + (m >> 14) + xh * h;
|
|
w[j++] = l & 0xfffffff;
|
|
}
|
|
return c;
|
|
}
|
|
if (j_lm && (navigator.appName == "Microsoft Internet Explorer")) {
|
|
BigInteger.prototype.am = am2;
|
|
dbits = 30;
|
|
} else if (j_lm && (navigator.appName != "Netscape")) {
|
|
BigInteger.prototype.am = am1;
|
|
dbits = 26;
|
|
} else { // Mozilla/Netscape seems to prefer am3
|
|
BigInteger.prototype.am = am3;
|
|
dbits = 28;
|
|
}
|
|
|
|
BigInteger.prototype.DB = dbits;
|
|
BigInteger.prototype.DM = ((1 << dbits) - 1);
|
|
BigInteger.prototype.DV = (1 << dbits);
|
|
|
|
var BI_FP = 52;
|
|
BigInteger.prototype.FV = Math.pow(2, BI_FP);
|
|
BigInteger.prototype.F1 = BI_FP - dbits;
|
|
BigInteger.prototype.F2 = 2 * dbits - BI_FP;
|
|
|
|
// Digit conversions
|
|
var BI_RM = "0123456789abcdefghijklmnopqrstuvwxyz";
|
|
var BI_RC = new Array();
|
|
var rr, vv;
|
|
rr = "0".charCodeAt(0);
|
|
for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv;
|
|
rr = "a".charCodeAt(0);
|
|
for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
|
|
rr = "A".charCodeAt(0);
|
|
for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
|
|
|
|
function int2char(n) {
|
|
return BI_RM.charAt(n);
|
|
}
|
|
|
|
function intAt(s, i) {
|
|
var c = BI_RC[s.charCodeAt(i)];
|
|
return (c == null) ? -1 : c;
|
|
}
|
|
|
|
|
|
|
|
// return bigint initialized to value
|
|
function nbv(i) {
|
|
var r = nbi();
|
|
r.fromInt(i);
|
|
return r;
|
|
}
|
|
|
|
|
|
// returns bit length of the integer x
|
|
function nbits(x) {
|
|
var r = 1,
|
|
t;
|
|
if ((t = x >>> 16) != 0) {
|
|
x = t;
|
|
r += 16;
|
|
}
|
|
if ((t = x >> 8) != 0) {
|
|
x = t;
|
|
r += 8;
|
|
}
|
|
if ((t = x >> 4) != 0) {
|
|
x = t;
|
|
r += 4;
|
|
}
|
|
if ((t = x >> 2) != 0) {
|
|
x = t;
|
|
r += 2;
|
|
}
|
|
if ((t = x >> 1) != 0) {
|
|
x = t;
|
|
r += 1;
|
|
}
|
|
return r;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// (protected) copy this to r
|
|
BigInteger.prototype.copyTo = function (r) {
|
|
for (var i = this.t - 1; i >= 0; --i) r[i] = this[i];
|
|
r.t = this.t;
|
|
r.s = this.s;
|
|
};
|
|
|
|
|
|
// (protected) set from integer value x, -DV <= x < DV
|
|
BigInteger.prototype.fromInt = function (x) {
|
|
this.t = 1;
|
|
this.s = (x < 0) ? -1 : 0;
|
|
if (x > 0) this[0] = x;
|
|
else if (x < -1) this[0] = x + this.DV;
|
|
else this.t = 0;
|
|
};
|
|
|
|
// (protected) set from string and radix
|
|
BigInteger.prototype.fromString = function (s, b) {
|
|
var k;
|
|
if (b == 16) k = 4;
|
|
else if (b == 8) k = 3;
|
|
else if (b == 256) k = 8; // byte array
|
|
else if (b == 2) k = 1;
|
|
else if (b == 32) k = 5;
|
|
else if (b == 4) k = 2;
|
|
else {
|
|
this.fromRadix(s, b);
|
|
return;
|
|
}
|
|
this.t = 0;
|
|
this.s = 0;
|
|
var i = s.length,
|
|
mi = false,
|
|
sh = 0;
|
|
while (--i >= 0) {
|
|
var x = (k == 8) ? s[i] & 0xff : intAt(s, i);
|
|
if (x < 0) {
|
|
if (s.charAt(i) == "-") mi = true;
|
|
continue;
|
|
}
|
|
mi = false;
|
|
if (sh == 0)
|
|
this[this.t++] = x;
|
|
else if (sh + k > this.DB) {
|
|
this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh;
|
|
this[this.t++] = (x >> (this.DB - sh));
|
|
} else
|
|
this[this.t - 1] |= x << sh;
|
|
sh += k;
|
|
if (sh >= this.DB) sh -= this.DB;
|
|
}
|
|
if (k == 8 && (s[0] & 0x80) != 0) {
|
|
this.s = -1;
|
|
if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh;
|
|
}
|
|
this.clamp();
|
|
if (mi) BigInteger.ZERO.subTo(this, this);
|
|
};
|
|
|
|
|
|
// (protected) clamp off excess high words
|
|
BigInteger.prototype.clamp = function () {
|
|
var c = this.s & this.DM;
|
|
while (this.t > 0 && this[this.t - 1] == c) --this.t;
|
|
};
|
|
|
|
// (protected) r = this << n*DB
|
|
BigInteger.prototype.dlShiftTo = function (n, r) {
|
|
var i;
|
|
for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i];
|
|
for (i = n - 1; i >= 0; --i) r[i] = 0;
|
|
r.t = this.t + n;
|
|
r.s = this.s;
|
|
};
|
|
|
|
// (protected) r = this >> n*DB
|
|
BigInteger.prototype.drShiftTo = function (n, r) {
|
|
for (var i = n; i < this.t; ++i) r[i - n] = this[i];
|
|
r.t = Math.max(this.t - n, 0);
|
|
r.s = this.s;
|
|
};
|
|
|
|
|
|
// (protected) r = this << n
|
|
BigInteger.prototype.lShiftTo = function (n, r) {
|
|
var bs = n % this.DB;
|
|
var cbs = this.DB - bs;
|
|
var bm = (1 << cbs) - 1;
|
|
var ds = Math.floor(n / this.DB),
|
|
c = (this.s << bs) & this.DM,
|
|
i;
|
|
for (i = this.t - 1; i >= 0; --i) {
|
|
r[i + ds + 1] = (this[i] >> cbs) | c;
|
|
c = (this[i] & bm) << bs;
|
|
}
|
|
for (i = ds - 1; i >= 0; --i) r[i] = 0;
|
|
r[ds] = c;
|
|
r.t = this.t + ds + 1;
|
|
r.s = this.s;
|
|
r.clamp();
|
|
};
|
|
|
|
|
|
// (protected) r = this >> n
|
|
BigInteger.prototype.rShiftTo = function (n, r) {
|
|
r.s = this.s;
|
|
var ds = Math.floor(n / this.DB);
|
|
if (ds >= this.t) {
|
|
r.t = 0;
|
|
return;
|
|
}
|
|
var bs = n % this.DB;
|
|
var cbs = this.DB - bs;
|
|
var bm = (1 << bs) - 1;
|
|
r[0] = this[ds] >> bs;
|
|
for (var i = ds + 1; i < this.t; ++i) {
|
|
r[i - ds - 1] |= (this[i] & bm) << cbs;
|
|
r[i - ds] = this[i] >> bs;
|
|
}
|
|
if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs;
|
|
r.t = this.t - ds;
|
|
r.clamp();
|
|
};
|
|
|
|
|
|
// (protected) r = this - a
|
|
BigInteger.prototype.subTo = function (a, r) {
|
|
var i = 0,
|
|
c = 0,
|
|
m = Math.min(a.t, this.t);
|
|
while (i < m) {
|
|
c += this[i] - a[i];
|
|
r[i++] = c & this.DM;
|
|
c >>= this.DB;
|
|
}
|
|
if (a.t < this.t) {
|
|
c -= a.s;
|
|
while (i < this.t) {
|
|
c += this[i];
|
|
r[i++] = c & this.DM;
|
|
c >>= this.DB;
|
|
}
|
|
c += this.s;
|
|
} else {
|
|
c += this.s;
|
|
while (i < a.t) {
|
|
c -= a[i];
|
|
r[i++] = c & this.DM;
|
|
c >>= this.DB;
|
|
}
|
|
c -= a.s;
|
|
}
|
|
r.s = (c < 0) ? -1 : 0;
|
|
if (c < -1) r[i++] = this.DV + c;
|
|
else if (c > 0) r[i++] = c;
|
|
r.t = i;
|
|
r.clamp();
|
|
};
|
|
|
|
|
|
// (protected) r = this * a, r != this,a (HAC 14.12)
|
|
// "this" should be the larger one if appropriate.
|
|
BigInteger.prototype.multiplyTo = function (a, r) {
|
|
var x = this.abs(),
|
|
y = a.abs();
|
|
var i = x.t;
|
|
r.t = i + y.t;
|
|
while (--i >= 0) r[i] = 0;
|
|
for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t);
|
|
r.s = 0;
|
|
r.clamp();
|
|
if (this.s != a.s) BigInteger.ZERO.subTo(r, r);
|
|
};
|
|
|
|
|
|
// (protected) r = this^2, r != this (HAC 14.16)
|
|
BigInteger.prototype.squareTo = function (r) {
|
|
var x = this.abs();
|
|
var i = r.t = 2 * x.t;
|
|
while (--i >= 0) r[i] = 0;
|
|
for (i = 0; i < x.t - 1; ++i) {
|
|
var c = x.am(i, x[i], r, 2 * i, 0, 1);
|
|
if ((r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= x.DV) {
|
|
r[i + x.t] -= x.DV;
|
|
r[i + x.t + 1] = 1;
|
|
}
|
|
}
|
|
if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1);
|
|
r.s = 0;
|
|
r.clamp();
|
|
};
|
|
|
|
|
|
|
|
// (protected) divide this by m, quotient and remainder to q, r (HAC 14.20)
|
|
// r != q, this != m. q or r may be null.
|
|
BigInteger.prototype.divRemTo = function (m, q, r) {
|
|
var pm = m.abs();
|
|
if (pm.t <= 0) return;
|
|
var pt = this.abs();
|
|
if (pt.t < pm.t) {
|
|
if (q != null) q.fromInt(0);
|
|
if (r != null) this.copyTo(r);
|
|
return;
|
|
}
|
|
if (r == null) r = nbi();
|
|
var y = nbi(),
|
|
ts = this.s,
|
|
ms = m.s;
|
|
var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus
|
|
if (nsh > 0) {
|
|
pm.lShiftTo(nsh, y);
|
|
pt.lShiftTo(nsh, r);
|
|
} else {
|
|
pm.copyTo(y);
|
|
pt.copyTo(r);
|
|
}
|
|
var ys = y.t;
|
|
var y0 = y[ys - 1];
|
|
if (y0 == 0) return;
|
|
var yt = y0 * (1 << this.F1) + ((ys > 1) ? y[ys - 2] >> this.F2 : 0);
|
|
var d1 = this.FV / yt,
|
|
d2 = (1 << this.F1) / yt,
|
|
e = 1 << this.F2;
|
|
var i = r.t,
|
|
j = i - ys,
|
|
t = (q == null) ? nbi() : q;
|
|
y.dlShiftTo(j, t);
|
|
if (r.compareTo(t) >= 0) {
|
|
r[r.t++] = 1;
|
|
r.subTo(t, r);
|
|
}
|
|
BigInteger.ONE.dlShiftTo(ys, t);
|
|
t.subTo(y, y); // "negative" y so we can replace sub with am later
|
|
while (y.t < ys) y[y.t++] = 0;
|
|
while (--j >= 0) {
|
|
// Estimate quotient digit
|
|
var qd = (r[--i] == y0) ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2);
|
|
if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { // Try it out
|
|
y.dlShiftTo(j, t);
|
|
r.subTo(t, r);
|
|
while (r[i] < --qd) r.subTo(t, r);
|
|
}
|
|
}
|
|
if (q != null) {
|
|
r.drShiftTo(ys, q);
|
|
if (ts != ms) BigInteger.ZERO.subTo(q, q);
|
|
}
|
|
r.t = ys;
|
|
r.clamp();
|
|
if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder
|
|
if (ts < 0) BigInteger.ZERO.subTo(r, r);
|
|
};
|
|
|
|
|
|
// (protected) return "-1/this % 2^DB"; useful for Mont. reduction
|
|
// justification:
|
|
// xy == 1 (mod m)
|
|
// xy = 1+km
|
|
// xy(2-xy) = (1+km)(1-km)
|
|
// x[y(2-xy)] = 1-k^2m^2
|
|
// x[y(2-xy)] == 1 (mod m^2)
|
|
// if y is 1/x mod m, then y(2-xy) is 1/x mod m^2
|
|
// should reduce x and y(2-xy) by m^2 at each step to keep size bounded.
|
|
// JS multiply "overflows" differently from C/C++, so care is needed here.
|
|
BigInteger.prototype.invDigit = function () {
|
|
if (this.t < 1) return 0;
|
|
var x = this[0];
|
|
if ((x & 1) == 0) return 0;
|
|
var y = x & 3; // y == 1/x mod 2^2
|
|
y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4
|
|
y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8
|
|
y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16
|
|
// last step - calculate inverse mod DV directly;
|
|
// assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints
|
|
y = (y * (2 - x * y % this.DV)) % this.DV; // y == 1/x mod 2^dbits
|
|
// we really want the negative inverse, and -DV < y < DV
|
|
return (y > 0) ? this.DV - y : -y;
|
|
};
|
|
|
|
|
|
// (protected) true iff this is even
|
|
BigInteger.prototype.isEven = function () {
|
|
return ((this.t > 0) ? (this[0] & 1) : this.s) == 0;
|
|
};
|
|
|
|
|
|
// (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79)
|
|
BigInteger.prototype.exp = function (e, z) {
|
|
if (e > 0xffffffff || e < 1) return BigInteger.ONE;
|
|
var r = nbi(),
|
|
r2 = nbi(),
|
|
g = z.convert(this),
|
|
i = nbits(e) - 1;
|
|
g.copyTo(r);
|
|
while (--i >= 0) {
|
|
z.sqrTo(r, r2);
|
|
if ((e & (1 << i)) > 0) z.mulTo(r2, g, r);
|
|
else {
|
|
var t = r;
|
|
r = r2;
|
|
r2 = t;
|
|
}
|
|
}
|
|
return z.revert(r);
|
|
};
|
|
|
|
|
|
// (public) return string representation in given radix
|
|
BigInteger.prototype.toString = function (b) {
|
|
if (this.s < 0) return "-" + this.negate().toString(b);
|
|
var k;
|
|
if (b == 16) k = 4;
|
|
else if (b == 8) k = 3;
|
|
else if (b == 2) k = 1;
|
|
else if (b == 32) k = 5;
|
|
else if (b == 4) k = 2;
|
|
else return this.toRadix(b);
|
|
var km = (1 << k) - 1,
|
|
d, m = false,
|
|
r = "",
|
|
i = this.t;
|
|
var p = this.DB - (i * this.DB) % k;
|
|
if (i-- > 0) {
|
|
if (p < this.DB && (d = this[i] >> p) > 0) {
|
|
m = true;
|
|
r = int2char(d);
|
|
}
|
|
while (i >= 0) {
|
|
if (p < k) {
|
|
d = (this[i] & ((1 << p) - 1)) << (k - p);
|
|
d |= this[--i] >> (p += this.DB - k);
|
|
} else {
|
|
d = (this[i] >> (p -= k)) & km;
|
|
if (p <= 0) {
|
|
p += this.DB;
|
|
--i;
|
|
}
|
|
}
|
|
if (d > 0) m = true;
|
|
if (m) r += int2char(d);
|
|
}
|
|
}
|
|
return m ? r : "0";
|
|
};
|
|
|
|
|
|
// (public) -this
|
|
BigInteger.prototype.negate = function () {
|
|
var r = nbi();
|
|
BigInteger.ZERO.subTo(this, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) |this|
|
|
BigInteger.prototype.abs = function () {
|
|
return (this.s < 0) ? this.negate() : this;
|
|
};
|
|
|
|
// (public) return + if this > a, - if this < a, 0 if equal
|
|
BigInteger.prototype.compareTo = function (a) {
|
|
var r = this.s - a.s;
|
|
if (r != 0) return r;
|
|
var i = this.t;
|
|
r = i - a.t;
|
|
if (r != 0) return (this.s < 0) ? -r : r;
|
|
while (--i >= 0)
|
|
if ((r = this[i] - a[i]) != 0) return r;
|
|
return 0;
|
|
}
|
|
|
|
// (public) return the number of bits in "this"
|
|
BigInteger.prototype.bitLength = function () {
|
|
if (this.t <= 0) return 0;
|
|
return this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM));
|
|
};
|
|
|
|
// (public) this mod a
|
|
BigInteger.prototype.mod = function (a) {
|
|
var r = nbi();
|
|
this.abs().divRemTo(a, null, r);
|
|
if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r);
|
|
return r;
|
|
}
|
|
|
|
// (public) this^e % m, 0 <= e < 2^32
|
|
BigInteger.prototype.modPowInt = function (e, m) {
|
|
var z;
|
|
if (e < 256 || m.isEven()) z = new Classic(m);
|
|
else z = new Montgomery(m);
|
|
return this.exp(e, z);
|
|
};
|
|
|
|
// "constants"
|
|
BigInteger.ZERO = nbv(0);
|
|
BigInteger.ONE = nbv(1);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Copyright (c) 2005-2009 Tom Wu
|
|
// All Rights Reserved.
|
|
// See "LICENSE" for details.
|
|
// Extended JavaScript BN functions, required for RSA private ops.
|
|
// Version 1.1: new BigInteger("0", 10) returns "proper" zero
|
|
// Version 1.2: square() API, isProbablePrime fix
|
|
|
|
|
|
// return index of lowest 1-bit in x, x < 2^31
|
|
function lbit(x) {
|
|
if (x == 0) return -1;
|
|
var r = 0;
|
|
if ((x & 0xffff) == 0) {
|
|
x >>= 16;
|
|
r += 16;
|
|
}
|
|
if ((x & 0xff) == 0) {
|
|
x >>= 8;
|
|
r += 8;
|
|
}
|
|
if ((x & 0xf) == 0) {
|
|
x >>= 4;
|
|
r += 4;
|
|
}
|
|
if ((x & 3) == 0) {
|
|
x >>= 2;
|
|
r += 2;
|
|
}
|
|
if ((x & 1) == 0) ++r;
|
|
return r;
|
|
}
|
|
|
|
// return number of 1 bits in x
|
|
function cbit(x) {
|
|
var r = 0;
|
|
while (x != 0) {
|
|
x &= x - 1;
|
|
++r;
|
|
}
|
|
return r;
|
|
}
|
|
|
|
var lowprimes = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83,
|
|
89,
|
|
97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 163, 167, 173, 179, 181, 191,
|
|
193,
|
|
197, 199, 211, 223, 227, 229, 233, 239, 241, 251, 257, 263, 269, 271, 277, 281, 283, 293, 307,
|
|
311,
|
|
313, 317, 331, 337, 347, 349, 353, 359, 367, 373, 379, 383, 389, 397, 401, 409, 419, 421, 431,
|
|
433,
|
|
439, 443, 449, 457, 461, 463, 467, 479, 487, 491, 499, 503, 509, 521, 523, 541, 547, 557, 563,
|
|
569,
|
|
571, 577, 587, 593, 599, 601, 607, 613, 617, 619, 631, 641, 643, 647, 653, 659, 661, 673, 677,
|
|
683,
|
|
691, 701, 709, 719, 727, 733, 739, 743, 751, 757, 761, 769, 773, 787, 797, 809, 811, 821, 823,
|
|
827,
|
|
829, 839, 853, 857, 859, 863, 877, 881, 883, 887, 907, 911, 919, 929, 937, 941, 947, 953, 967,
|
|
971,
|
|
977, 983, 991, 997
|
|
];
|
|
var lplim = (1 << 26) / lowprimes[lowprimes.length - 1];
|
|
|
|
|
|
|
|
// (protected) return x s.t. r^x < DV
|
|
BigInteger.prototype.chunkSize = function (r) {
|
|
return Math.floor(Math.LN2 * this.DB / Math.log(r));
|
|
};
|
|
|
|
// (protected) convert to radix string
|
|
BigInteger.prototype.toRadix = function (b) {
|
|
if (b == null) b = 10;
|
|
if (this.signum() == 0 || b < 2 || b > 36) return "0";
|
|
var cs = this.chunkSize(b);
|
|
var a = Math.pow(b, cs);
|
|
var d = nbv(a),
|
|
y = nbi(),
|
|
z = nbi(),
|
|
r = "";
|
|
this.divRemTo(d, y, z);
|
|
while (y.signum() > 0) {
|
|
r = (a + z.intValue()).toString(b).substr(1) + r;
|
|
y.divRemTo(d, y, z);
|
|
}
|
|
return z.intValue().toString(b) + r;
|
|
};
|
|
|
|
// (protected) convert from radix string
|
|
BigInteger.prototype.fromRadix = function (s, b) {
|
|
this.fromInt(0);
|
|
if (b == null) b = 10;
|
|
var cs = this.chunkSize(b);
|
|
var d = Math.pow(b, cs),
|
|
mi = false,
|
|
j = 0,
|
|
w = 0;
|
|
for (var i = 0; i < s.length; ++i) {
|
|
var x = intAt(s, i);
|
|
if (x < 0) {
|
|
if (s.charAt(i) == "-" && this.signum() == 0) mi = true;
|
|
continue;
|
|
}
|
|
w = b * w + x;
|
|
if (++j >= cs) {
|
|
this.dMultiply(d);
|
|
this.dAddOffset(w, 0);
|
|
j = 0;
|
|
w = 0;
|
|
}
|
|
}
|
|
if (j > 0) {
|
|
this.dMultiply(Math.pow(b, j));
|
|
this.dAddOffset(w, 0);
|
|
}
|
|
if (mi) BigInteger.ZERO.subTo(this, this);
|
|
};
|
|
|
|
// (protected) alternate constructor
|
|
BigInteger.prototype.fromNumber = function (a, b, c) {
|
|
if ("number" == typeof b) {
|
|
// new BigInteger(int,int,RNG)
|
|
if (a < 2) this.fromInt(1);
|
|
else {
|
|
this.fromNumber(a, c);
|
|
if (!this.testBit(a - 1)) // force MSB set
|
|
this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this);
|
|
if (this.isEven()) this.dAddOffset(1, 0); // force odd
|
|
while (!this.isProbablePrime(b)) {
|
|
this.dAddOffset(2, 0);
|
|
if (this.bitLength() > a) this.subTo(BigInteger.ONE.shiftLeft(a - 1), this);
|
|
}
|
|
}
|
|
} else {
|
|
// new BigInteger(int,RNG)
|
|
var x = new Array(),
|
|
t = a & 7;
|
|
x.length = (a >> 3) + 1;
|
|
b.nextBytes(x);
|
|
if (t > 0) x[0] &= ((1 << t) - 1);
|
|
else x[0] = 0;
|
|
this.fromString(x, 256);
|
|
}
|
|
};
|
|
|
|
// (protected) r = this op a (bitwise)
|
|
BigInteger.prototype.bitwiseTo = function (a, op, r) {
|
|
var i, f, m = Math.min(a.t, this.t);
|
|
for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]);
|
|
if (a.t < this.t) {
|
|
f = a.s & this.DM;
|
|
for (i = m; i < this.t; ++i) r[i] = op(this[i], f);
|
|
r.t = this.t;
|
|
} else {
|
|
f = this.s & this.DM;
|
|
for (i = m; i < a.t; ++i) r[i] = op(f, a[i]);
|
|
r.t = a.t;
|
|
}
|
|
r.s = op(this.s, a.s);
|
|
r.clamp();
|
|
};
|
|
|
|
// (protected) this op (1<<n)
|
|
BigInteger.prototype.changeBit = function (n, op) {
|
|
var r = BigInteger.ONE.shiftLeft(n);
|
|
this.bitwiseTo(r, op, r);
|
|
return r;
|
|
};
|
|
|
|
// (protected) r = this + a
|
|
BigInteger.prototype.addTo = function (a, r) {
|
|
var i = 0,
|
|
c = 0,
|
|
m = Math.min(a.t, this.t);
|
|
while (i < m) {
|
|
c += this[i] + a[i];
|
|
r[i++] = c & this.DM;
|
|
c >>= this.DB;
|
|
}
|
|
if (a.t < this.t) {
|
|
c += a.s;
|
|
while (i < this.t) {
|
|
c += this[i];
|
|
r[i++] = c & this.DM;
|
|
c >>= this.DB;
|
|
}
|
|
c += this.s;
|
|
} else {
|
|
c += this.s;
|
|
while (i < a.t) {
|
|
c += a[i];
|
|
r[i++] = c & this.DM;
|
|
c >>= this.DB;
|
|
}
|
|
c += a.s;
|
|
}
|
|
r.s = (c < 0) ? -1 : 0;
|
|
if (c > 0) r[i++] = c;
|
|
else if (c < -1) r[i++] = this.DV + c;
|
|
r.t = i;
|
|
r.clamp();
|
|
};
|
|
|
|
// (protected) this *= n, this >= 0, 1 < n < DV
|
|
BigInteger.prototype.dMultiply = function (n) {
|
|
this[this.t] = this.am(0, n - 1, this, 0, 0, this.t);
|
|
++this.t;
|
|
this.clamp();
|
|
};
|
|
|
|
// (protected) this += n << w words, this >= 0
|
|
BigInteger.prototype.dAddOffset = function (n, w) {
|
|
if (n == 0) return;
|
|
while (this.t <= w) this[this.t++] = 0;
|
|
this[w] += n;
|
|
while (this[w] >= this.DV) {
|
|
this[w] -= this.DV;
|
|
if (++w >= this.t) this[this.t++] = 0;
|
|
++this[w];
|
|
}
|
|
};
|
|
|
|
// (protected) r = lower n words of "this * a", a.t <= n
|
|
// "this" should be the larger one if appropriate.
|
|
BigInteger.prototype.multiplyLowerTo = function (a, n, r) {
|
|
var i = Math.min(this.t + a.t, n);
|
|
r.s = 0; // assumes a,this >= 0
|
|
r.t = i;
|
|
while (i > 0) r[--i] = 0;
|
|
var j;
|
|
for (j = r.t - this.t; i < j; ++i) r[i + this.t] = this.am(0, a[i], r, i, 0, this.t);
|
|
for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i);
|
|
r.clamp();
|
|
};
|
|
|
|
|
|
// (protected) r = "this * a" without lower n words, n > 0
|
|
// "this" should be the larger one if appropriate.
|
|
BigInteger.prototype.multiplyUpperTo = function (a, n, r) {
|
|
--n;
|
|
var i = r.t = this.t + a.t - n;
|
|
r.s = 0; // assumes a,this >= 0
|
|
while (--i >= 0) r[i] = 0;
|
|
for (i = Math.max(n - this.t, 0); i < a.t; ++i)
|
|
r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n);
|
|
r.clamp();
|
|
r.drShiftTo(1, r);
|
|
};
|
|
|
|
// (protected) this % n, n < 2^26
|
|
BigInteger.prototype.modInt = function (n) {
|
|
if (n <= 0) return 0;
|
|
var d = this.DV % n,
|
|
r = (this.s < 0) ? n - 1 : 0;
|
|
if (this.t > 0)
|
|
if (d == 0) r = this[0] % n;
|
|
else
|
|
for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n;
|
|
return r;
|
|
};
|
|
|
|
|
|
// (protected) true if probably prime (HAC 4.24, Miller-Rabin)
|
|
BigInteger.prototype.millerRabin = function (t) {
|
|
var n1 = this.subtract(BigInteger.ONE);
|
|
var k = n1.getLowestSetBit();
|
|
if (k <= 0) return false;
|
|
var r = n1.shiftRight(k);
|
|
t = (t + 1) >> 1;
|
|
if (t > lowprimes.length) t = lowprimes.length;
|
|
var a = nbi();
|
|
for (var i = 0; i < t; ++i) {
|
|
//Pick bases at random, instead of starting at 2
|
|
a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]);
|
|
var y = a.modPow(r, this);
|
|
if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) {
|
|
var j = 1;
|
|
while (j++ < k && y.compareTo(n1) != 0) {
|
|
y = y.modPowInt(2, this);
|
|
if (y.compareTo(BigInteger.ONE) == 0) return false;
|
|
}
|
|
if (y.compareTo(n1) != 0) return false;
|
|
}
|
|
}
|
|
return true;
|
|
};
|
|
|
|
|
|
|
|
// (public)
|
|
BigInteger.prototype.clone = function () {
|
|
var r = nbi();
|
|
this.copyTo(r);
|
|
return r;
|
|
};
|
|
|
|
// (public) return value as integer
|
|
BigInteger.prototype.intValue = function () {
|
|
if (this.s < 0) {
|
|
if (this.t == 1) return this[0] - this.DV;
|
|
else if (this.t == 0) return -1;
|
|
} else if (this.t == 1) return this[0];
|
|
else if (this.t == 0) return 0;
|
|
// assumes 16 < DB < 32
|
|
return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0];
|
|
};
|
|
|
|
|
|
// (public) return value as byte
|
|
BigInteger.prototype.byteValue = function () {
|
|
return (this.t == 0) ? this.s : (this[0] << 24) >> 24;
|
|
};
|
|
|
|
// (public) return value as short (assumes DB>=16)
|
|
BigInteger.prototype.shortValue = function () {
|
|
return (this.t == 0) ? this.s : (this[0] << 16) >> 16;
|
|
};
|
|
|
|
// (public) 0 if this == 0, 1 if this > 0
|
|
BigInteger.prototype.signum = function () {
|
|
if (this.s < 0) return -1;
|
|
else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0;
|
|
else return 1;
|
|
};
|
|
|
|
|
|
// (public) convert to bigendian byte array
|
|
BigInteger.prototype.toByteArray = function () {
|
|
var i = this.t,
|
|
r = new Array();
|
|
r[0] = this.s;
|
|
var p = this.DB - (i * this.DB) % 8,
|
|
d, k = 0;
|
|
if (i-- > 0) {
|
|
if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p)
|
|
r[k++] = d | (this.s << (this.DB - p));
|
|
while (i >= 0) {
|
|
if (p < 8) {
|
|
d = (this[i] & ((1 << p) - 1)) << (8 - p);
|
|
d |= this[--i] >> (p += this.DB - 8);
|
|
} else {
|
|
d = (this[i] >> (p -= 8)) & 0xff;
|
|
if (p <= 0) {
|
|
p += this.DB;
|
|
--i;
|
|
}
|
|
}
|
|
if ((d & 0x80) != 0) d |= -256;
|
|
if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k;
|
|
if (k > 0 || d != this.s) r[k++] = d;
|
|
}
|
|
}
|
|
return r;
|
|
};
|
|
|
|
BigInteger.prototype.equals = function (a) {
|
|
return (this.compareTo(a) == 0);
|
|
};
|
|
BigInteger.prototype.min = function (a) {
|
|
return (this.compareTo(a) < 0) ? this : a;
|
|
};
|
|
BigInteger.prototype.max = function (a) {
|
|
return (this.compareTo(a) > 0) ? this : a;
|
|
};
|
|
|
|
// (public) this & a
|
|
function op_and(x, y) {
|
|
return x & y;
|
|
}
|
|
BigInteger.prototype.and = function (a) {
|
|
var r = nbi();
|
|
this.bitwiseTo(a, op_and, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) this | a
|
|
function op_or(x, y) {
|
|
return x | y;
|
|
}
|
|
BigInteger.prototype.or = function (a) {
|
|
var r = nbi();
|
|
this.bitwiseTo(a, op_or, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) this ^ a
|
|
function op_xor(x, y) {
|
|
return x ^ y;
|
|
}
|
|
BigInteger.prototype.xor = function (a) {
|
|
var r = nbi();
|
|
this.bitwiseTo(a, op_xor, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) this & ~a
|
|
function op_andnot(x, y) {
|
|
return x & ~y;
|
|
}
|
|
BigInteger.prototype.andNot = function (a) {
|
|
var r = nbi();
|
|
this.bitwiseTo(a, op_andnot, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) ~this
|
|
BigInteger.prototype.not = function () {
|
|
var r = nbi();
|
|
for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i];
|
|
r.t = this.t;
|
|
r.s = ~this.s;
|
|
return r;
|
|
};
|
|
|
|
// (public) this << n
|
|
BigInteger.prototype.shiftLeft = function (n) {
|
|
var r = nbi();
|
|
if (n < 0) this.rShiftTo(-n, r);
|
|
else this.lShiftTo(n, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) this >> n
|
|
BigInteger.prototype.shiftRight = function (n) {
|
|
var r = nbi();
|
|
if (n < 0) this.lShiftTo(-n, r);
|
|
else this.rShiftTo(n, r);
|
|
return r;
|
|
};
|
|
|
|
// (public) returns index of lowest 1-bit (or -1 if none)
|
|
BigInteger.prototype.getLowestSetBit = function () {
|
|
for (var i = 0; i < this.t; ++i)
|
|
if (this[i] != 0) return i * this.DB + lbit(this[i]);
|
|
if (this.s < 0) return this.t * this.DB;
|
|
return -1;
|
|
};
|
|
|
|
// (public) return number of set bits
|
|
BigInteger.prototype.bitCount = function () {
|
|
var r = 0,
|
|
x = this.s & this.DM;
|
|
for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x);
|
|
return r;
|
|
};
|
|
|
|
// (public) true iff nth bit is set
|
|
BigInteger.prototype.testBit = function (n) {
|
|
var j = Math.floor(n / this.DB);
|
|
if (j >= this.t) return (this.s != 0);
|
|
return ((this[j] & (1 << (n % this.DB))) != 0);
|
|
};
|
|
|
|
// (public) this | (1<<n)
|
|
BigInteger.prototype.setBit = function (n) {
|
|
return this.changeBit(n, op_or);
|
|
};
|
|
// (public) this & ~(1<<n)
|
|
BigInteger.prototype.clearBit = function (n) {
|
|
return this.changeBit(n, op_andnot);
|
|
};
|
|
// (public) this ^ (1<<n)
|
|
BigInteger.prototype.flipBit = function (n) {
|
|
return this.changeBit(n, op_xor);
|
|
};
|
|
// (public) this + a
|
|
BigInteger.prototype.add = function (a) {
|
|
var r = nbi();
|
|
this.addTo(a, r);
|
|
return r;
|
|
};
|
|
// (public) this - a
|
|
BigInteger.prototype.subtract = function (a) {
|
|
var r = nbi();
|
|
this.subTo(a, r);
|
|
return r;
|
|
};
|
|
// (public) this * a
|
|
BigInteger.prototype.multiply = function (a) {
|
|
var r = nbi();
|
|
this.multiplyTo(a, r);
|
|
return r;
|
|
};
|
|
// (public) this / a
|
|
BigInteger.prototype.divide = function (a) {
|
|
var r = nbi();
|
|
this.divRemTo(a, r, null);
|
|
return r;
|
|
};
|
|
// (public) this % a
|
|
BigInteger.prototype.remainder = function (a) {
|
|
var r = nbi();
|
|
this.divRemTo(a, null, r);
|
|
return r;
|
|
};
|
|
// (public) [this/a,this%a]
|
|
BigInteger.prototype.divideAndRemainder = function (a) {
|
|
var q = nbi(),
|
|
r = nbi();
|
|
this.divRemTo(a, q, r);
|
|
return new Array(q, r);
|
|
};
|
|
|
|
// (public) this^e % m (HAC 14.85)
|
|
BigInteger.prototype.modPow = function (e, m) {
|
|
var i = e.bitLength(),
|
|
k, r = nbv(1),
|
|
z;
|
|
if (i <= 0) return r;
|
|
else if (i < 18) k = 1;
|
|
else if (i < 48) k = 3;
|
|
else if (i < 144) k = 4;
|
|
else if (i < 768) k = 5;
|
|
else k = 6;
|
|
if (i < 8)
|
|
z = new Classic(m);
|
|
else if (m.isEven())
|
|
z = new Barrett(m);
|
|
else
|
|
z = new Montgomery(m);
|
|
|
|
// precomputation
|
|
var g = new Array(),
|
|
n = 3,
|
|
k1 = k - 1,
|
|
km = (1 << k) - 1;
|
|
g[1] = z.convert(this);
|
|
if (k > 1) {
|
|
var g2 = nbi();
|
|
z.sqrTo(g[1], g2);
|
|
while (n <= km) {
|
|
g[n] = nbi();
|
|
z.mulTo(g2, g[n - 2], g[n]);
|
|
n += 2;
|
|
}
|
|
}
|
|
|
|
var j = e.t - 1,
|
|
w, is1 = true,
|
|
r2 = nbi(),
|
|
t;
|
|
i = nbits(e[j]) - 1;
|
|
while (j >= 0) {
|
|
if (i >= k1) w = (e[j] >> (i - k1)) & km;
|
|
else {
|
|
w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i);
|
|
if (j > 0) w |= e[j - 1] >> (this.DB + i - k1);
|
|
}
|
|
|
|
n = k;
|
|
while ((w & 1) == 0) {
|
|
w >>= 1;
|
|
--n;
|
|
}
|
|
if ((i -= n) < 0) {
|
|
i += this.DB;
|
|
--j;
|
|
}
|
|
if (is1) { // ret == 1, don't bother squaring or multiplying it
|
|
g[w].copyTo(r);
|
|
is1 = false;
|
|
} else {
|
|
while (n > 1) {
|
|
z.sqrTo(r, r2);
|
|
z.sqrTo(r2, r);
|
|
n -= 2;
|
|
}
|
|
if (n > 0) z.sqrTo(r, r2);
|
|
else {
|
|
t = r;
|
|
r = r2;
|
|
r2 = t;
|
|
}
|
|
z.mulTo(r2, g[w], r);
|
|
}
|
|
|
|
while (j >= 0 && (e[j] & (1 << i)) == 0) {
|
|
z.sqrTo(r, r2);
|
|
t = r;
|
|
r = r2;
|
|
r2 = t;
|
|
if (--i < 0) {
|
|
i = this.DB - 1;
|
|
--j;
|
|
}
|
|
}
|
|
}
|
|
return z.revert(r);
|
|
};
|
|
|
|
// (public) 1/this % m (HAC 14.61)
|
|
BigInteger.prototype.modInverse = function (m) {
|
|
var ac = m.isEven();
|
|
if (this.signum() === 0) throw new Error('division by zero');
|
|
if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO;
|
|
var u = m.clone(),
|
|
v = this.clone();
|
|
var a = nbv(1),
|
|
b = nbv(0),
|
|
c = nbv(0),
|
|
d = nbv(1);
|
|
while (u.signum() != 0) {
|
|
while (u.isEven()) {
|
|
u.rShiftTo(1, u);
|
|
if (ac) {
|
|
if (!a.isEven() || !b.isEven()) {
|
|
a.addTo(this, a);
|
|
b.subTo(m, b);
|
|
}
|
|
a.rShiftTo(1, a);
|
|
} else if (!b.isEven()) b.subTo(m, b);
|
|
b.rShiftTo(1, b);
|
|
}
|
|
while (v.isEven()) {
|
|
v.rShiftTo(1, v);
|
|
if (ac) {
|
|
if (!c.isEven() || !d.isEven()) {
|
|
c.addTo(this, c);
|
|
d.subTo(m, d);
|
|
}
|
|
c.rShiftTo(1, c);
|
|
} else if (!d.isEven()) d.subTo(m, d);
|
|
d.rShiftTo(1, d);
|
|
}
|
|
if (u.compareTo(v) >= 0) {
|
|
u.subTo(v, u);
|
|
if (ac) a.subTo(c, a);
|
|
b.subTo(d, b);
|
|
} else {
|
|
v.subTo(u, v);
|
|
if (ac) c.subTo(a, c);
|
|
d.subTo(b, d);
|
|
}
|
|
}
|
|
if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO;
|
|
while (d.compareTo(m) >= 0) d.subTo(m, d);
|
|
while (d.signum() < 0) d.addTo(m, d);
|
|
return d;
|
|
};
|
|
|
|
|
|
// (public) this^e
|
|
BigInteger.prototype.pow = function (e) {
|
|
return this.exp(e, new NullExp());
|
|
};
|
|
|
|
// (public) gcd(this,a) (HAC 14.54)
|
|
BigInteger.prototype.gcd = function (a) {
|
|
var x = (this.s < 0) ? this.negate() : this.clone();
|
|
var y = (a.s < 0) ? a.negate() : a.clone();
|
|
if (x.compareTo(y) < 0) {
|
|
var t = x;
|
|
x = y;
|
|
y = t;
|
|
}
|
|
var i = x.getLowestSetBit(),
|
|
g = y.getLowestSetBit();
|
|
if (g < 0) return x;
|
|
if (i < g) g = i;
|
|
if (g > 0) {
|
|
x.rShiftTo(g, x);
|
|
y.rShiftTo(g, y);
|
|
}
|
|
while (x.signum() > 0) {
|
|
if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x);
|
|
if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y);
|
|
if (x.compareTo(y) >= 0) {
|
|
x.subTo(y, x);
|
|
x.rShiftTo(1, x);
|
|
} else {
|
|
y.subTo(x, y);
|
|
y.rShiftTo(1, y);
|
|
}
|
|
}
|
|
if (g > 0) y.lShiftTo(g, y);
|
|
return y;
|
|
};
|
|
|
|
// (public) test primality with certainty >= 1-.5^t
|
|
BigInteger.prototype.isProbablePrime = function (t) {
|
|
var i, x = this.abs();
|
|
if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) {
|
|
for (i = 0; i < lowprimes.length; ++i)
|
|
if (x[0] == lowprimes[i]) return true;
|
|
return false;
|
|
}
|
|
if (x.isEven()) return false;
|
|
i = 1;
|
|
while (i < lowprimes.length) {
|
|
var m = lowprimes[i],
|
|
j = i + 1;
|
|
while (j < lowprimes.length && m < lplim) m *= lowprimes[j++];
|
|
m = x.modInt(m);
|
|
while (i < j)
|
|
if (m % lowprimes[i++] == 0) return false;
|
|
}
|
|
return x.millerRabin(t);
|
|
};
|
|
|
|
|
|
// JSBN-specific extension
|
|
|
|
// (public) this^2
|
|
BigInteger.prototype.square = function () {
|
|
var r = nbi();
|
|
this.squareTo(r);
|
|
return r;
|
|
};
|
|
|
|
|
|
// NOTE: BigInteger interfaces not implemented in jsbn:
|
|
// BigInteger(int signum, byte[] magnitude)
|
|
// double doubleValue()
|
|
// float floatValue()
|
|
// int hashCode()
|
|
// long longValue()
|
|
// static BigInteger valueOf(long val)
|
|
|
|
|
|
|
|
// Copyright Stephan Thomas (start) --- //
|
|
// https://raw.github.com/bitcoinjs/bitcoinjs-lib/07f9d55ccb6abd962efb6befdd37671f85ea4ff9/src/util.js
|
|
// BigInteger monkey patching
|
|
BigInteger.valueOf = nbv;
|
|
|
|
/**
|
|
* Returns a byte array representation of the big integer.
|
|
*
|
|
* This returns the absolute of the contained value in big endian
|
|
* form. A value of zero results in an empty array.
|
|
*/
|
|
BigInteger.prototype.toByteArrayUnsigned = function () {
|
|
var ba = this.abs().toByteArray();
|
|
if (ba.length) {
|
|
if (ba[0] == 0) {
|
|
ba = ba.slice(1);
|
|
}
|
|
return ba.map(function (v) {
|
|
return (v < 0) ? v + 256 : v;
|
|
});
|
|
} else {
|
|
// Empty array, nothing to do
|
|
return ba;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Turns a byte array into a big integer.
|
|
*
|
|
* This function will interpret a byte array as a big integer in big
|
|
* endian notation and ignore leading zeros.
|
|
*/
|
|
BigInteger.fromByteArrayUnsigned = function (ba) {
|
|
if (!ba.length) {
|
|
return ba.valueOf(0);
|
|
} else if (ba[0] & 0x80) {
|
|
// Prepend a zero so the BigInteger class doesn't mistake this
|
|
// for a negative integer.
|
|
return new BigInteger([0].concat(ba));
|
|
} else {
|
|
return new BigInteger(ba);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Converts big integer to signed byte representation.
|
|
*
|
|
* The format for this value uses a the most significant bit as a sign
|
|
* bit. If the most significant bit is already occupied by the
|
|
* absolute value, an extra byte is prepended and the sign bit is set
|
|
* there.
|
|
*
|
|
* Examples:
|
|
*
|
|
* 0 => 0x00
|
|
* 1 => 0x01
|
|
* -1 => 0x81
|
|
* 127 => 0x7f
|
|
* -127 => 0xff
|
|
* 128 => 0x0080
|
|
* -128 => 0x8080
|
|
* 255 => 0x00ff
|
|
* -255 => 0x80ff
|
|
* 16300 => 0x3fac
|
|
* -16300 => 0xbfac
|
|
* 62300 => 0x00f35c
|
|
* -62300 => 0x80f35c
|
|
*/
|
|
BigInteger.prototype.toByteArraySigned = function () {
|
|
var val = this.abs().toByteArrayUnsigned();
|
|
var neg = this.compareTo(BigInteger.ZERO) < 0;
|
|
|
|
if (neg) {
|
|
if (val[0] & 0x80) {
|
|
val.unshift(0x80);
|
|
} else {
|
|
val[0] |= 0x80;
|
|
}
|
|
} else {
|
|
if (val[0] & 0x80) {
|
|
val.unshift(0x00);
|
|
}
|
|
}
|
|
|
|
return val;
|
|
};
|
|
|
|
/**
|
|
* Parse a signed big integer byte representation.
|
|
*
|
|
* For details on the format please see BigInteger.toByteArraySigned.
|
|
*/
|
|
BigInteger.fromByteArraySigned = function (ba) {
|
|
// Check for negative value
|
|
if (ba[0] & 0x80) {
|
|
// Remove sign bit
|
|
ba[0] &= 0x7f;
|
|
|
|
return BigInteger.fromByteArrayUnsigned(ba).negate();
|
|
} else {
|
|
return BigInteger.fromByteArrayUnsigned(ba);
|
|
}
|
|
};
|
|
// Copyright Stephan Thomas (end) --- //
|
|
|
|
|
|
|
|
|
|
// ****** REDUCTION ******* //
|
|
|
|
// Modular reduction using "classic" algorithm
|
|
var Classic = window.Classic = function Classic(m) {
|
|
this.m = m;
|
|
}
|
|
Classic.prototype.convert = function (x) {
|
|
if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m);
|
|
else return x;
|
|
};
|
|
Classic.prototype.revert = function (x) {
|
|
return x;
|
|
};
|
|
Classic.prototype.reduce = function (x) {
|
|
x.divRemTo(this.m, null, x);
|
|
};
|
|
Classic.prototype.mulTo = function (x, y, r) {
|
|
x.multiplyTo(y, r);
|
|
this.reduce(r);
|
|
};
|
|
Classic.prototype.sqrTo = function (x, r) {
|
|
x.squareTo(r);
|
|
this.reduce(r);
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// Montgomery reduction
|
|
var Montgomery = window.Montgomery = function Montgomery(m) {
|
|
this.m = m;
|
|
this.mp = m.invDigit();
|
|
this.mpl = this.mp & 0x7fff;
|
|
this.mph = this.mp >> 15;
|
|
this.um = (1 << (m.DB - 15)) - 1;
|
|
this.mt2 = 2 * m.t;
|
|
}
|
|
// xR mod m
|
|
Montgomery.prototype.convert = function (x) {
|
|
var r = nbi();
|
|
x.abs().dlShiftTo(this.m.t, r);
|
|
r.divRemTo(this.m, null, r);
|
|
if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r);
|
|
return r;
|
|
}
|
|
// x/R mod m
|
|
Montgomery.prototype.revert = function (x) {
|
|
var r = nbi();
|
|
x.copyTo(r);
|
|
this.reduce(r);
|
|
return r;
|
|
};
|
|
// x = x/R mod m (HAC 14.32)
|
|
Montgomery.prototype.reduce = function (x) {
|
|
while (x.t <= this.mt2) // pad x so am has enough room later
|
|
x[x.t++] = 0;
|
|
for (var i = 0; i < this.m.t; ++i) {
|
|
// faster way of calculating u0 = x[i]*mp mod DV
|
|
var j = x[i] & 0x7fff;
|
|
var u0 = (j * this.mpl + (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & x.DM;
|
|
// use am to combine the multiply-shift-add into one call
|
|
j = i + this.m.t;
|
|
x[j] += this.m.am(0, u0, x, i, 0, this.m.t);
|
|
// propagate carry
|
|
while (x[j] >= x.DV) {
|
|
x[j] -= x.DV;
|
|
x[++j]++;
|
|
}
|
|
}
|
|
x.clamp();
|
|
x.drShiftTo(this.m.t, x);
|
|
if (x.compareTo(this.m) >= 0) x.subTo(this.m, x);
|
|
};
|
|
// r = "xy/R mod m"; x,y != r
|
|
Montgomery.prototype.mulTo = function (x, y, r) {
|
|
x.multiplyTo(y, r);
|
|
this.reduce(r);
|
|
};
|
|
// r = "x^2/R mod m"; x != r
|
|
Montgomery.prototype.sqrTo = function (x, r) {
|
|
x.squareTo(r);
|
|
this.reduce(r);
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// A "null" reducer
|
|
var NullExp = window.NullExp = function NullExp() {}
|
|
NullExp.prototype.convert = function (x) {
|
|
return x;
|
|
};
|
|
NullExp.prototype.revert = function (x) {
|
|
return x;
|
|
};
|
|
NullExp.prototype.mulTo = function (x, y, r) {
|
|
x.multiplyTo(y, r);
|
|
};
|
|
NullExp.prototype.sqrTo = function (x, r) {
|
|
x.squareTo(r);
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// Barrett modular reduction
|
|
var Barrett = window.Barrett = function Barrett(m) {
|
|
// setup Barrett
|
|
this.r2 = nbi();
|
|
this.q3 = nbi();
|
|
BigInteger.ONE.dlShiftTo(2 * m.t, this.r2);
|
|
this.mu = this.r2.divide(m);
|
|
this.m = m;
|
|
}
|
|
Barrett.prototype.convert = function (x) {
|
|
if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m);
|
|
else if (x.compareTo(this.m) < 0) return x;
|
|
else {
|
|
var r = nbi();
|
|
x.copyTo(r);
|
|
this.reduce(r);
|
|
return r;
|
|
}
|
|
};
|
|
Barrett.prototype.revert = function (x) {
|
|
return x;
|
|
};
|
|
// x = x mod m (HAC 14.42)
|
|
Barrett.prototype.reduce = function (x) {
|
|
x.drShiftTo(this.m.t - 1, this.r2);
|
|
if (x.t > this.m.t + 1) {
|
|
x.t = this.m.t + 1;
|
|
x.clamp();
|
|
}
|
|
this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3);
|
|
this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2);
|
|
while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1);
|
|
x.subTo(this.r2, x);
|
|
while (x.compareTo(this.m) >= 0) x.subTo(this.m, x);
|
|
};
|
|
// r = x*y mod m; x,y != r
|
|
Barrett.prototype.mulTo = function (x, y, r) {
|
|
x.multiplyTo(y, r);
|
|
this.reduce(r);
|
|
};
|
|
// r = x^2 mod m; x != r
|
|
Barrett.prototype.sqrTo = function (x, r) {
|
|
x.squareTo(r);
|
|
this.reduce(r);
|
|
};
|
|
|
|
})();
|
|
|
|
// BigInteger interfaces not implemented in jsbn:
|
|
|
|
// BigInteger(int signum, byte[] magnitude)
|
|
// double doubleValue()
|
|
// float floatValue()
|
|
// int hashCode()
|
|
// long longValue()
|
|
// static BigInteger valueOf(long val)
|
|
|
|
|
|
|
|
|
|
|
|
//ellipticcurve.js
|
|
/*!
|
|
* Basic Javascript Elliptic Curve implementation
|
|
* Ported loosely from BouncyCastle's Java EC code
|
|
* Only Fp curves implemented for now
|
|
*
|
|
* Copyright Tom Wu, bitaddress.org BSD License.
|
|
* http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE
|
|
*/
|
|
(function () {
|
|
|
|
// Constructor function of Global EllipticCurve object
|
|
var ec = window.EllipticCurve = function () {};
|
|
|
|
// ----------------
|
|
// ECFieldElementFp constructor
|
|
// q instanceof BigInteger
|
|
// x instanceof BigInteger
|
|
ec.FieldElementFp = function (q, x) {
|
|
this.x = x;
|
|
// TODO if(x.compareTo(q) >= 0) error
|
|
this.q = q;
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.equals = function (other) {
|
|
if (other == this) return true;
|
|
return (this.q.equals(other.q) && this.x.equals(other.x));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.toBigInteger = function () {
|
|
return this.x;
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.negate = function () {
|
|
return new ec.FieldElementFp(this.q, this.x.negate().mod(this.q));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.add = function (b) {
|
|
return new ec.FieldElementFp(this.q, this.x.add(b.toBigInteger()).mod(this.q));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.subtract = function (b) {
|
|
return new ec.FieldElementFp(this.q, this.x.subtract(b.toBigInteger()).mod(this.q));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.multiply = function (b) {
|
|
return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger()).mod(this.q));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.square = function () {
|
|
return new ec.FieldElementFp(this.q, this.x.square().mod(this.q));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.divide = function (b) {
|
|
return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger().modInverse(this.q)).mod(
|
|
this.q));
|
|
};
|
|
|
|
ec.FieldElementFp.prototype.getByteLength = function () {
|
|
return Math.floor((this.toBigInteger().bitLength() + 7) / 8);
|
|
};
|
|
|
|
// D.1.4 91
|
|
/**
|
|
* return a sqrt root - the routine verifies that the calculation
|
|
* returns the right value - if none exists it returns null.
|
|
*
|
|
* Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
|
|
* Ported to JavaScript by bitaddress.org
|
|
*/
|
|
ec.FieldElementFp.prototype.sqrt = function () {
|
|
if (!this.q.testBit(0)) throw new Error("even value of q");
|
|
|
|
// p mod 4 == 3
|
|
if (this.q.testBit(1)) {
|
|
// z = g^(u+1) + p, p = 4u + 3
|
|
var z = new ec.FieldElementFp(this.q, this.x.modPow(this.q.shiftRight(2).add(BigInteger.ONE),
|
|
this.q));
|
|
return z.square().equals(this) ? z : null;
|
|
}
|
|
|
|
// p mod 4 == 1
|
|
var qMinusOne = this.q.subtract(BigInteger.ONE);
|
|
var legendreExponent = qMinusOne.shiftRight(1);
|
|
if (!(this.x.modPow(legendreExponent, this.q).equals(BigInteger.ONE))) return null;
|
|
var u = qMinusOne.shiftRight(2);
|
|
var k = u.shiftLeft(1).add(BigInteger.ONE);
|
|
var Q = this.x;
|
|
var fourQ = Q.shiftLeft(2).mod(this.q);
|
|
var U, V;
|
|
|
|
do {
|
|
var rand = new SecureRandom();
|
|
var P;
|
|
do {
|
|
P = new BigInteger(this.q.bitLength(), rand);
|
|
}
|
|
while (P.compareTo(this.q) >= 0 || !(P.multiply(P).subtract(fourQ).modPow(legendreExponent,
|
|
this.q).equals(qMinusOne)));
|
|
|
|
var result = ec.FieldElementFp.fastLucasSequence(this.q, P, Q, k);
|
|
|
|
U = result[0];
|
|
V = result[1];
|
|
if (V.multiply(V).mod(this.q).equals(fourQ)) {
|
|
// Integer division by 2, mod q
|
|
if (V.testBit(0)) {
|
|
V = V.add(this.q);
|
|
}
|
|
V = V.shiftRight(1);
|
|
return new ec.FieldElementFp(this.q, V);
|
|
}
|
|
}
|
|
while (U.equals(BigInteger.ONE) || U.equals(qMinusOne));
|
|
|
|
return null;
|
|
};
|
|
/*!
|
|
* Crypto-JS 2.5.4 BlockModes.js
|
|
* contribution from Simon Greatrix
|
|
*/
|
|
|
|
(function (C) {
|
|
|
|
// Create pad namespace
|
|
var C_pad = C.pad = {};
|
|
|
|
// Calculate the number of padding bytes required.
|
|
function _requiredPadding(cipher, message) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
var reqd = blockSizeInBytes - message.length % blockSizeInBytes;
|
|
return reqd;
|
|
}
|
|
|
|
// Remove padding when the final byte gives the number of padding bytes.
|
|
var _unpadLength = function (cipher, message, alg, padding) {
|
|
var pad = message.pop();
|
|
if (pad == 0) {
|
|
throw new Error("Invalid zero-length padding specified for " + alg +
|
|
". Wrong cipher specification or key used?");
|
|
}
|
|
var maxPad = cipher._blocksize * 4;
|
|
if (pad > maxPad) {
|
|
throw new Error("Invalid padding length of " + pad +
|
|
" specified for " + alg +
|
|
". Wrong cipher specification or key used?");
|
|
}
|
|
for (var i = 1; i < pad; i++) {
|
|
var b = message.pop();
|
|
if (padding != undefined && padding != b) {
|
|
throw new Error("Invalid padding byte of 0x" + b.toString(16) +
|
|
" specified for " + alg +
|
|
". Wrong cipher specification or key used?");
|
|
}
|
|
}
|
|
};
|
|
|
|
// No-operation padding, used for stream ciphers
|
|
C_pad.NoPadding = {
|
|
pad: function (cipher, message) {},
|
|
unpad: function (cipher, message) {}
|
|
};
|
|
|
|
// Zero Padding.
|
|
//
|
|
// If the message is not an exact number of blocks, the final block is
|
|
// completed with 0x00 bytes. There is no unpadding.
|
|
C_pad.ZeroPadding = {
|
|
pad: function (cipher, message) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
var reqd = message.length % blockSizeInBytes;
|
|
if (reqd != 0) {
|
|
for (reqd = blockSizeInBytes - reqd; reqd > 0; reqd--) {
|
|
message.push(0x00);
|
|
}
|
|
}
|
|
},
|
|
|
|
unpad: function (cipher, message) {
|
|
while (message[message.length - 1] == 0) {
|
|
message.pop();
|
|
}
|
|
}
|
|
};
|
|
|
|
// ISO/IEC 7816-4 padding.
|
|
//
|
|
// Pads the plain text with an 0x80 byte followed by as many 0x00
|
|
// bytes are required to complete the block.
|
|
C_pad.iso7816 = {
|
|
pad: function (cipher, message) {
|
|
var reqd = _requiredPadding(cipher, message);
|
|
message.push(0x80);
|
|
for (; reqd > 1; reqd--) {
|
|
message.push(0x00);
|
|
}
|
|
},
|
|
|
|
unpad: function (cipher, message) {
|
|
var padLength;
|
|
for (padLength = cipher._blocksize * 4; padLength > 0; padLength--) {
|
|
var b = message.pop();
|
|
if (b == 0x80) return;
|
|
if (b != 0x00) {
|
|
throw new Error("ISO-7816 padding byte must be 0, not 0x" + b.toString(16) +
|
|
". Wrong cipher specification or key used?");
|
|
}
|
|
}
|
|
throw new Error(
|
|
"ISO-7816 padded beyond cipher block size. Wrong cipher specification or key used?"
|
|
);
|
|
}
|
|
};
|
|
|
|
// ANSI X.923 padding
|
|
//
|
|
// The final block is padded with zeros except for the last byte of the
|
|
// last block which contains the number of padding bytes.
|
|
C_pad.ansix923 = {
|
|
pad: function (cipher, message) {
|
|
var reqd = _requiredPadding(cipher, message);
|
|
for (var i = 1; i < reqd; i++) {
|
|
message.push(0x00);
|
|
}
|
|
message.push(reqd);
|
|
},
|
|
|
|
unpad: function (cipher, message) {
|
|
_unpadLength(cipher, message, "ANSI X.923", 0);
|
|
}
|
|
};
|
|
|
|
// ISO 10126
|
|
//
|
|
// The final block is padded with random bytes except for the last
|
|
// byte of the last block which contains the number of padding bytes.
|
|
C_pad.iso10126 = {
|
|
pad: function (cipher, message) {
|
|
var reqd = _requiredPadding(cipher, message);
|
|
for (var i = 1; i < reqd; i++) {
|
|
message.push(Math.floor(Math.random() * 256));
|
|
}
|
|
message.push(reqd);
|
|
},
|
|
|
|
unpad: function (cipher, message) {
|
|
_unpadLength(cipher, message, "ISO 10126", undefined);
|
|
}
|
|
};
|
|
|
|
// PKCS7 padding
|
|
//
|
|
// PKCS7 is described in RFC 5652. Padding is in whole bytes. The
|
|
// value of each added byte is the number of bytes that are added,
|
|
// i.e. N bytes, each of value N are added.
|
|
C_pad.pkcs7 = {
|
|
pad: function (cipher, message) {
|
|
var reqd = _requiredPadding(cipher, message);
|
|
for (var i = 0; i < reqd; i++) {
|
|
message.push(reqd);
|
|
}
|
|
},
|
|
|
|
unpad: function (cipher, message) {
|
|
_unpadLength(cipher, message, "PKCS 7", message[message.length - 1]);
|
|
}
|
|
};
|
|
|
|
// Create mode namespace
|
|
var C_mode = C.mode = {};
|
|
|
|
/**
|
|
* Mode base "class".
|
|
*/
|
|
var Mode = C_mode.Mode = function (padding) {
|
|
if (padding) {
|
|
this._padding = padding;
|
|
}
|
|
};
|
|
|
|
Mode.prototype = {
|
|
encrypt: function (cipher, m, iv) {
|
|
this._padding.pad(cipher, m);
|
|
this._doEncrypt(cipher, m, iv);
|
|
},
|
|
|
|
decrypt: function (cipher, m, iv) {
|
|
this._doDecrypt(cipher, m, iv);
|
|
this._padding.unpad(cipher, m);
|
|
},
|
|
|
|
// Default padding
|
|
_padding: C_pad.iso7816
|
|
};
|
|
|
|
|
|
/**
|
|
* Electronic Code Book mode.
|
|
*
|
|
* ECB applies the cipher directly against each block of the input.
|
|
*
|
|
* ECB does not require an initialization vector.
|
|
*/
|
|
var ECB = C_mode.ECB = function () {
|
|
// Call parent constructor
|
|
Mode.apply(this, arguments);
|
|
};
|
|
|
|
// Inherit from Mode
|
|
var ECB_prototype = ECB.prototype = new Mode;
|
|
|
|
// Concrete steps for Mode template
|
|
ECB_prototype._doEncrypt = function (cipher, m, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
// Encrypt each block
|
|
for (var offset = 0; offset < m.length; offset += blockSizeInBytes) {
|
|
cipher._encryptblock(m, offset);
|
|
}
|
|
};
|
|
ECB_prototype._doDecrypt = function (cipher, c, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
// Decrypt each block
|
|
for (var offset = 0; offset < c.length; offset += blockSizeInBytes) {
|
|
cipher._decryptblock(c, offset);
|
|
}
|
|
};
|
|
|
|
// ECB never uses an IV
|
|
ECB_prototype.fixOptions = function (options) {
|
|
options.iv = [];
|
|
};
|
|
|
|
|
|
/**
|
|
* Cipher block chaining
|
|
*
|
|
* The first block is XORed with the IV. Subsequent blocks are XOR with the
|
|
* previous cipher output.
|
|
*/
|
|
var CBC = C_mode.CBC = function () {
|
|
// Call parent constructor
|
|
Mode.apply(this, arguments);
|
|
};
|
|
|
|
// Inherit from Mode
|
|
var CBC_prototype = CBC.prototype = new Mode;
|
|
|
|
// Concrete steps for Mode template
|
|
CBC_prototype._doEncrypt = function (cipher, m, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
|
|
// Encrypt each block
|
|
for (var offset = 0; offset < m.length; offset += blockSizeInBytes) {
|
|
if (offset == 0) {
|
|
// XOR first block using IV
|
|
for (var i = 0; i < blockSizeInBytes; i++)
|
|
m[i] ^= iv[i];
|
|
} else {
|
|
// XOR this block using previous crypted block
|
|
for (var i = 0; i < blockSizeInBytes; i++)
|
|
m[offset + i] ^= m[offset + i - blockSizeInBytes];
|
|
}
|
|
// Encrypt block
|
|
cipher._encryptblock(m, offset);
|
|
}
|
|
};
|
|
CBC_prototype._doDecrypt = function (cipher, c, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
|
|
// At the start, the previously crypted block is the IV
|
|
var prevCryptedBlock = iv;
|
|
|
|
// Decrypt each block
|
|
for (var offset = 0; offset < c.length; offset += blockSizeInBytes) {
|
|
// Save this crypted block
|
|
var thisCryptedBlock = c.slice(offset, offset + blockSizeInBytes);
|
|
// Decrypt block
|
|
cipher._decryptblock(c, offset);
|
|
// XOR decrypted block using previous crypted block
|
|
for (var i = 0; i < blockSizeInBytes; i++) {
|
|
c[offset + i] ^= prevCryptedBlock[i];
|
|
}
|
|
prevCryptedBlock = thisCryptedBlock;
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Cipher feed back
|
|
*
|
|
* The cipher output is XORed with the plain text to produce the cipher output,
|
|
* which is then fed back into the cipher to produce a bit pattern to XOR the
|
|
* next block with.
|
|
*
|
|
* This is a stream cipher mode and does not require padding.
|
|
*/
|
|
var CFB = C_mode.CFB = function () {
|
|
// Call parent constructor
|
|
Mode.apply(this, arguments);
|
|
};
|
|
|
|
// Inherit from Mode
|
|
var CFB_prototype = CFB.prototype = new Mode;
|
|
|
|
// Override padding
|
|
CFB_prototype._padding = C_pad.NoPadding;
|
|
|
|
// Concrete steps for Mode template
|
|
CFB_prototype._doEncrypt = function (cipher, m, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4,
|
|
keystream = iv.slice(0);
|
|
|
|
// Encrypt each byte
|
|
for (var i = 0; i < m.length; i++) {
|
|
|
|
var j = i % blockSizeInBytes;
|
|
if (j == 0) cipher._encryptblock(keystream, 0);
|
|
|
|
m[i] ^= keystream[j];
|
|
keystream[j] = m[i];
|
|
}
|
|
};
|
|
CFB_prototype._doDecrypt = function (cipher, c, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4,
|
|
keystream = iv.slice(0);
|
|
|
|
// Encrypt each byte
|
|
for (var i = 0; i < c.length; i++) {
|
|
|
|
var j = i % blockSizeInBytes;
|
|
if (j == 0) cipher._encryptblock(keystream, 0);
|
|
|
|
var b = c[i];
|
|
c[i] ^= keystream[j];
|
|
keystream[j] = b;
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Output feed back
|
|
*
|
|
* The cipher repeatedly encrypts its own output. The output is XORed with the
|
|
* plain text to produce the cipher text.
|
|
*
|
|
* This is a stream cipher mode and does not require padding.
|
|
*/
|
|
var OFB = C_mode.OFB = function () {
|
|
// Call parent constructor
|
|
Mode.apply(this, arguments);
|
|
};
|
|
|
|
// Inherit from Mode
|
|
var OFB_prototype = OFB.prototype = new Mode;
|
|
|
|
// Override padding
|
|
OFB_prototype._padding = C_pad.NoPadding;
|
|
|
|
// Concrete steps for Mode template
|
|
OFB_prototype._doEncrypt = function (cipher, m, iv) {
|
|
|
|
var blockSizeInBytes = cipher._blocksize * 4,
|
|
keystream = iv.slice(0);
|
|
|
|
// Encrypt each byte
|
|
for (var i = 0; i < m.length; i++) {
|
|
|
|
// Generate keystream
|
|
if (i % blockSizeInBytes == 0)
|
|
cipher._encryptblock(keystream, 0);
|
|
|
|
// Encrypt byte
|
|
m[i] ^= keystream[i % blockSizeInBytes];
|
|
|
|
}
|
|
};
|
|
OFB_prototype._doDecrypt = OFB_prototype._doEncrypt;
|
|
|
|
/**
|
|
* Counter
|
|
* @author Gergely Risko
|
|
*
|
|
* After every block the last 4 bytes of the IV is increased by one
|
|
* with carry and that IV is used for the next block.
|
|
*
|
|
* This is a stream cipher mode and does not require padding.
|
|
*/
|
|
var CTR = C_mode.CTR = function () {
|
|
// Call parent constructor
|
|
Mode.apply(this, arguments);
|
|
};
|
|
|
|
// Inherit from Mode
|
|
var CTR_prototype = CTR.prototype = new Mode;
|
|
|
|
// Override padding
|
|
CTR_prototype._padding = C_pad.NoPadding;
|
|
|
|
CTR_prototype._doEncrypt = function (cipher, m, iv) {
|
|
var blockSizeInBytes = cipher._blocksize * 4;
|
|
var counter = iv.slice(0);
|
|
|
|
for (var i = 0; i < m.length;) {
|
|
// do not lose iv
|
|
var keystream = counter.slice(0);
|
|
|
|
// Generate keystream for next block
|
|
cipher._encryptblock(keystream, 0);
|
|
|
|
// XOR keystream with block
|
|
for (var j = 0; i < m.length && j < blockSizeInBytes; j++, i++) {
|
|
m[i] ^= keystream[j];
|
|
}
|
|
|
|
// Increase counter
|
|
if (++(counter[blockSizeInBytes - 1]) == 256) {
|
|
counter[blockSizeInBytes - 1] = 0;
|
|
if (++(counter[blockSizeInBytes - 2]) == 256) {
|
|
counter[blockSizeInBytes - 2] = 0;
|
|
if (++(counter[blockSizeInBytes - 3]) == 256) {
|
|
counter[blockSizeInBytes - 3] = 0;
|
|
++(counter[blockSizeInBytes - 4]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
CTR_prototype._doDecrypt = CTR_prototype._doEncrypt;
|
|
|
|
})(Crypto);
|
|
|
|
/*!
|
|
* Crypto-JS v2.5.4 PBKDF2.js
|
|
* http://code.google.com/p/crypto-js/
|
|
* Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
|
|
* http://code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
(function () {
|
|
|
|
// Shortcuts
|
|
var C = Crypto,
|
|
util = C.util,
|
|
charenc = C.charenc,
|
|
UTF8 = charenc.UTF8,
|
|
Binary = charenc.Binary;
|
|
|
|
C.PBKDF2 = function (password, salt, keylen, options) {
|
|
|
|
// Convert to byte arrays
|
|
if (password.constructor == String) password = UTF8.stringToBytes(password);
|
|
if (salt.constructor == String) salt = UTF8.stringToBytes(salt);
|
|
/* else, assume byte arrays already */
|
|
|
|
// Defaults
|
|
var hasher = options && options.hasher || C.SHA1,
|
|
iterations = options && options.iterations || 1;
|
|
|
|
// Pseudo-random function
|
|
function PRF(password, salt) {
|
|
return C.HMAC(hasher, salt, password, {
|
|
asBytes: true
|
|
});
|
|
}
|
|
|
|
// Generate key
|
|
var derivedKeyBytes = [],
|
|
blockindex = 1;
|
|
while (derivedKeyBytes.length < keylen) {
|
|
var block = PRF(password, salt.concat(util.wordsToBytes([blockindex])));
|
|
for (var u = block, i = 1; i < iterations; i++) {
|
|
u = PRF(password, u);
|
|
for (var j = 0; j < block.length; j++) block[j] ^= u[j];
|
|
}
|
|
derivedKeyBytes = derivedKeyBytes.concat(block);
|
|
blockindex++;
|
|
}
|
|
|
|
// Truncate excess bytes
|
|
derivedKeyBytes.length = keylen;
|
|
|
|
return options && options.asBytes ? derivedKeyBytes :
|
|
options && options.asString ? Binary.bytesToString(derivedKeyBytes) :
|
|
util.bytesToHex(derivedKeyBytes);
|
|
|
|
};
|
|
|
|
})();
|
|
|
|
/*
|
|
* Copyright (c) 2010-2011 Intalio Pte, All Rights Reserved
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
* of this software and associated documentation files (the "Software"), to deal
|
|
* in the Software without restriction, including without limitation the rights
|
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the Software is
|
|
* furnished to do so, subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in
|
|
* all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
* THE SOFTWARE.
|
|
*/
|
|
// https://github.com/cheongwy/node-scrypt-js
|
|
(function () {
|
|
|
|
var MAX_VALUE = 2147483647;
|
|
var workerUrl = null;
|
|
|
|
//function scrypt(byte[] passwd, byte[] salt, int N, int r, int p, int dkLen)
|
|
/*
|
|
* N = Cpu cost
|
|
* r = Memory cost
|
|
* p = parallelization cost
|
|
*
|
|
*/
|
|
window.Crypto_scrypt = function (passwd, salt, N, r, p, dkLen, callback) {
|
|
if (N == 0 || (N & (N - 1)) != 0) throw Error("N must be > 0 and a power of 2");
|
|
|
|
if (N > MAX_VALUE / 128 / r) throw Error("Parameter N is too large");
|
|
if (r > MAX_VALUE / 128 / p) throw Error("Parameter r is too large");
|
|
|
|
var PBKDF2_opts = {
|
|
iterations: 1,
|
|
hasher: Crypto.SHA256,
|
|
asBytes: true
|
|
};
|
|
|
|
var B = Crypto.PBKDF2(passwd, salt, p * 128 * r, PBKDF2_opts);
|
|
|
|
try {
|
|
var i = 0;
|
|
var worksDone = 0;
|
|
var makeWorker = function () {
|
|
if (!workerUrl) {
|
|
var code = '(' + scryptCore.toString() + ')()';
|
|
var blob;
|
|
try {
|
|
blob = new Blob([code], {
|
|
type: "text/javascript"
|
|
});
|
|
} catch (e) {
|
|
window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder ||
|
|
window.MozBlobBuilder ||
|
|
window.MSBlobBuilder;
|
|
blob = new BlobBuilder();
|
|
blob.append(code);
|
|
blob = blob.getBlob("text/javascript");
|
|
}
|
|
workerUrl = URL.createObjectURL(blob);
|
|
}
|
|
var worker = new Worker(workerUrl);
|
|
worker.onmessage = function (event) {
|
|
var Bi = event.data[0],
|
|
Bslice = event.data[1];
|
|
worksDone++;
|
|
|
|
if (i < p) {
|
|
worker.postMessage([N, r, p, B, i++]);
|
|
}
|
|
|
|
var length = Bslice.length,
|
|
destPos = Bi * 128 * r,
|
|
srcPos = 0;
|
|
while (length--) {
|
|
B[destPos++] = Bslice[srcPos++];
|
|
}
|
|
|
|
if (worksDone == p) {
|
|
callback(Crypto.PBKDF2(passwd, B, dkLen, PBKDF2_opts));
|
|
}
|
|
};
|
|
return worker;
|
|
};
|
|
var workers = [makeWorker(), makeWorker()];
|
|
workers[0].postMessage([N, r, p, B, i++]);
|
|
if (p > 1) {
|
|
workers[1].postMessage([N, r, p, B, i++]);
|
|
}
|
|
} catch (e) {
|
|
window.setTimeout(function () {
|
|
scryptCore();
|
|
callback(Crypto.PBKDF2(passwd, B, dkLen, PBKDF2_opts));
|
|
}, 0);
|
|
}
|
|
|
|
// using this function to enclose everything needed to create a worker (but also invokable directly for synchronous use)
|
|
function scryptCore() {
|
|
var XY = [],
|
|
V = [];
|
|
|
|
if (typeof B === 'undefined') {
|
|
onmessage = function (event) {
|
|
var data = event.data;
|
|
var N = data[0],
|
|
r = data[1],
|
|
p = data[2],
|
|
B = data[3],
|
|
i = data[4];
|
|
|
|
var Bslice = [];
|
|
arraycopy32(B, i * 128 * r, Bslice, 0, 128 * r);
|
|
smix(Bslice, 0, r, N, V, XY);
|
|
|
|
postMessage([i, Bslice]);
|
|
};
|
|
} else {
|
|
for (var i = 0; i < p; i++) {
|
|
smix(B, i * 128 * r, r, N, V, XY);
|
|
}
|
|
}
|
|
|
|
function smix(B, Bi, r, N, V, XY) {
|
|
var Xi = 0;
|
|
var Yi = 128 * r;
|
|
var i;
|
|
|
|
arraycopy32(B, Bi, XY, Xi, Yi);
|
|
|
|
for (i = 0; i < N; i++) {
|
|
arraycopy32(XY, Xi, V, i * Yi, Yi);
|
|
blockmix_salsa8(XY, Xi, Yi, r);
|
|
}
|
|
|
|
for (i = 0; i < N; i++) {
|
|
var j = integerify(XY, Xi, r) & (N - 1);
|
|
blockxor(V, j * Yi, XY, Xi, Yi);
|
|
blockmix_salsa8(XY, Xi, Yi, r);
|
|
}
|
|
|
|
arraycopy32(XY, Xi, B, Bi, Yi);
|
|
}
|
|
|
|
function blockmix_salsa8(BY, Bi, Yi, r) {
|
|
var X = [];
|
|
var i;
|
|
|
|
arraycopy32(BY, Bi + (2 * r - 1) * 64, X, 0, 64);
|
|
|
|
for (i = 0; i < 2 * r; i++) {
|
|
blockxor(BY, i * 64, X, 0, 64);
|
|
salsa20_8(X);
|
|
arraycopy32(X, 0, BY, Yi + (i * 64), 64);
|
|
}
|
|
|
|
for (i = 0; i < r; i++) {
|
|
arraycopy32(BY, Yi + (i * 2) * 64, BY, Bi + (i * 64), 64);
|
|
}
|
|
|
|
for (i = 0; i < r; i++) {
|
|
arraycopy32(BY, Yi + (i * 2 + 1) * 64, BY, Bi + (i + r) * 64, 64);
|
|
}
|
|
}
|
|
|
|
function R(a, b) {
|
|
return (a << b) | (a >>> (32 - b));
|
|
}
|
|
|
|
function salsa20_8(B) {
|
|
var B32 = new Array(32);
|
|
var x = new Array(32);
|
|
var i;
|
|
|
|
for (i = 0; i < 16; i++) {
|
|
B32[i] = (B[i * 4 + 0] & 0xff) << 0;
|
|
B32[i] |= (B[i * 4 + 1] & 0xff) << 8;
|
|
B32[i] |= (B[i * 4 + 2] & 0xff) << 16;
|
|
B32[i] |= (B[i * 4 + 3] & 0xff) << 24;
|
|
}
|
|
|
|
arraycopy(B32, 0, x, 0, 16);
|
|
|
|
for (i = 8; i > 0; i -= 2) {
|
|
x[4] ^= R(x[0] + x[12], 7);
|
|
x[8] ^= R(x[4] + x[0], 9);
|
|
x[12] ^= R(x[8] + x[4], 13);
|
|
x[0] ^= R(x[12] + x[8], 18);
|
|
x[9] ^= R(x[5] + x[1], 7);
|
|
x[13] ^= R(x[9] + x[5], 9);
|
|
x[1] ^= R(x[13] + x[9], 13);
|
|
x[5] ^= R(x[1] + x[13], 18);
|
|
x[14] ^= R(x[10] + x[6], 7);
|
|
x[2] ^= R(x[14] + x[10], 9);
|
|
x[6] ^= R(x[2] + x[14], 13);
|
|
x[10] ^= R(x[6] + x[2], 18);
|
|
x[3] ^= R(x[15] + x[11], 7);
|
|
x[7] ^= R(x[3] + x[15], 9);
|
|
x[11] ^= R(x[7] + x[3], 13);
|
|
x[15] ^= R(x[11] + x[7], 18);
|
|
x[1] ^= R(x[0] + x[3], 7);
|
|
x[2] ^= R(x[1] + x[0], 9);
|
|
x[3] ^= R(x[2] + x[1], 13);
|
|
x[0] ^= R(x[3] + x[2], 18);
|
|
x[6] ^= R(x[5] + x[4], 7);
|
|
x[7] ^= R(x[6] + x[5], 9);
|
|
x[4] ^= R(x[7] + x[6], 13);
|
|
x[5] ^= R(x[4] + x[7], 18);
|
|
x[11] ^= R(x[10] + x[9], 7);
|
|
x[8] ^= R(x[11] + x[10], 9);
|
|
x[9] ^= R(x[8] + x[11], 13);
|
|
x[10] ^= R(x[9] + x[8], 18);
|
|
x[12] ^= R(x[15] + x[14], 7);
|
|
x[13] ^= R(x[12] + x[15], 9);
|
|
x[14] ^= R(x[13] + x[12], 13);
|
|
x[15] ^= R(x[14] + x[13], 18);
|
|
}
|
|
|
|
for (i = 0; i < 16; ++i) B32[i] = x[i] + B32[i];
|
|
|
|
for (i = 0; i < 16; i++) {
|
|
var bi = i * 4;
|
|
B[bi + 0] = (B32[i] >> 0 & 0xff);
|
|
B[bi + 1] = (B32[i] >> 8 & 0xff);
|
|
B[bi + 2] = (B32[i] >> 16 & 0xff);
|
|
B[bi + 3] = (B32[i] >> 24 & 0xff);
|
|
}
|
|
}
|
|
|
|
function blockxor(S, Si, D, Di, len) {
|
|
var i = len >> 6;
|
|
while (i--) {
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
D[Di++] ^= S[Si++];
|
|
}
|
|
}
|
|
|
|
function integerify(B, bi, r) {
|
|
var n;
|
|
|
|
bi += (2 * r - 1) * 64;
|
|
|
|
n = (B[bi + 0] & 0xff) << 0;
|
|
n |= (B[bi + 1] & 0xff) << 8;
|
|
n |= (B[bi + 2] & 0xff) << 16;
|
|
n |= (B[bi + 3] & 0xff) << 24;
|
|
|
|
return n;
|
|
}
|
|
|
|
function arraycopy(src, srcPos, dest, destPos, length) {
|
|
while (length--) {
|
|
dest[destPos++] = src[srcPos++];
|
|
}
|
|
}
|
|
|
|
function arraycopy32(src, srcPos, dest, destPos, length) {
|
|
var i = length >> 5;
|
|
while (i--) {
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
dest[destPos++] = src[srcPos++];
|
|
}
|
|
}
|
|
} // scryptCore
|
|
}; // window.Crypto_scrypt
|
|
})();
|
|
|
|
/*!
|
|
* Crypto-JS v2.5.4 AES.js
|
|
* http://code.google.com/p/crypto-js/
|
|
* Copyright (c) 2009-2013, Jeff Mott. All rights reserved.
|
|
* http://code.google.com/p/crypto-js/wiki/License
|
|
*/
|
|
(function () {
|
|
|
|
// Shortcuts
|
|
var C = Crypto,
|
|
util = C.util,
|
|
charenc = C.charenc,
|
|
UTF8 = charenc.UTF8;
|
|
|
|
// Precomputed SBOX
|
|
var SBOX = [0x63, 0x7c, 0x77, 0x7b, 0xf2, 0x6b, 0x6f, 0xc5,
|
|
0x30, 0x01, 0x67, 0x2b, 0xfe, 0xd7, 0xab, 0x76,
|
|
0xca, 0x82, 0xc9, 0x7d, 0xfa, 0x59, 0x47, 0xf0,
|
|
0xad, 0xd4, 0xa2, 0xaf, 0x9c, 0xa4, 0x72, 0xc0,
|
|
0xb7, 0xfd, 0x93, 0x26, 0x36, 0x3f, 0xf7, 0xcc,
|
|
0x34, 0xa5, 0xe5, 0xf1, 0x71, 0xd8, 0x31, 0x15,
|
|
0x04, 0xc7, 0x23, 0xc3, 0x18, 0x96, 0x05, 0x9a,
|
|
0x07, 0x12, 0x80, 0xe2, 0xeb, 0x27, 0xb2, 0x75,
|
|
0x09, 0x83, 0x2c, 0x1a, 0x1b, 0x6e, 0x5a, 0xa0,
|
|
0x52, 0x3b, 0xd6, 0xb3, 0x29, 0xe3, 0x2f, 0x84,
|
|
0x53, 0xd1, 0x00, 0xed, 0x20, 0xfc, 0xb1, 0x5b,
|
|
0x6a, 0xcb, 0xbe, 0x39, 0x4a, 0x4c, 0x58, 0xcf,
|
|
0xd0, 0xef, 0xaa, 0xfb, 0x43, 0x4d, 0x33, 0x85,
|
|
0x45, 0xf9, 0x02, 0x7f, 0x50, 0x3c, 0x9f, 0xa8,
|
|
0x51, 0xa3, 0x40, 0x8f, 0x92, 0x9d, 0x38, 0xf5,
|
|
0xbc, 0xb6, 0xda, 0x21, 0x10, 0xff, 0xf3, 0xd2,
|
|
0xcd, 0x0c, 0x13, 0xec, 0x5f, 0x97, 0x44, 0x17,
|
|
0xc4, 0xa7, 0x7e, 0x3d, 0x64, 0x5d, 0x19, 0x73,
|
|
0x60, 0x81, 0x4f, 0xdc, 0x22, 0x2a, 0x90, 0x88,
|
|
0x46, 0xee, 0xb8, 0x14, 0xde, 0x5e, 0x0b, 0xdb,
|
|
0xe0, 0x32, 0x3a, 0x0a, 0x49, 0x06, 0x24, 0x5c,
|
|
0xc2, 0xd3, 0xac, 0x62, 0x91, 0x95, 0xe4, 0x79,
|
|
0xe7, 0xc8, 0x37, 0x6d, 0x8d, 0xd5, 0x4e, 0xa9,
|
|
0x6c, 0x56, 0xf4, 0xea, 0x65, 0x7a, 0xae, 0x08,
|
|
0xba, 0x78, 0x25, 0x2e, 0x1c, 0xa6, 0xb4, 0xc6,
|
|
0xe8, 0xdd, 0x74, 0x1f, 0x4b, 0xbd, 0x8b, 0x8a,
|
|
0x70, 0x3e, 0xb5, 0x66, 0x48, 0x03, 0xf6, 0x0e,
|
|
0x61, 0x35, 0x57, 0xb9, 0x86, 0xc1, 0x1d, 0x9e,
|
|
0xe1, 0xf8, 0x98, 0x11, 0x69, 0xd9, 0x8e, 0x94,
|
|
0x9b, 0x1e, 0x87, 0xe9, 0xce, 0x55, 0x28, 0xdf,
|
|
0x8c, 0xa1, 0x89, 0x0d, 0xbf, 0xe6, 0x42, 0x68,
|
|
0x41, 0x99, 0x2d, 0x0f, 0xb0, 0x54, 0xbb, 0x16
|
|
];
|
|
|
|
// Compute inverse SBOX lookup table
|
|
for (var INVSBOX = [], i = 0; i < 256; i++) INVSBOX[SBOX[i]] = i;
|
|
|
|
// Compute multiplication in GF(2^8) lookup tables
|
|
var MULT2 = [],
|
|
MULT3 = [],
|
|
MULT9 = [],
|
|
MULTB = [],
|
|
MULTD = [],
|
|
MULTE = [];
|
|
|
|
function xtime(a, b) {
|
|
for (var result = 0, i = 0; i < 8; i++) {
|
|
if (b & 1) result ^= a;
|
|
var hiBitSet = a & 0x80;
|
|
a = (a << 1) & 0xFF;
|
|
if (hiBitSet) a ^= 0x1b;
|
|
b >>>= 1;
|
|
}
|
|
return result;
|
|
}
|
|
|
|
for (var i = 0; i < 256; i++) {
|
|
MULT2[i] = xtime(i, 2);
|
|
MULT3[i] = xtime(i, 3);
|
|
MULT9[i] = xtime(i, 9);
|
|
MULTB[i] = xtime(i, 0xB);
|
|
MULTD[i] = xtime(i, 0xD);
|
|
MULTE[i] = xtime(i, 0xE);
|
|
}
|
|
|
|
// Precomputed RCon lookup
|
|
var RCON = [0x00, 0x01, 0x02, 0x04, 0x08, 0x10, 0x20, 0x40, 0x80, 0x1b, 0x36];
|
|
|
|
// Inner state
|
|
var state = [
|
|
[],
|
|
[],
|
|
[],
|
|
[]
|
|
],
|
|
keylength,
|
|
nrounds,
|
|
keyschedule;
|
|
|
|
var AES = C.AES = {
|
|
|
|
/**
|
|
* Public API
|
|
*/
|
|
|
|
encrypt: function (message, password, options) {
|
|
|
|
options = options || {};
|
|
|
|
// Determine mode
|
|
var mode = options.mode || new C.mode.OFB;
|
|
|
|
// Allow mode to override options
|
|
if (mode.fixOptions) mode.fixOptions(options);
|
|
|
|
var
|
|
|
|
// Convert to bytes if message is a string
|
|
m = (
|
|
message.constructor == String ?
|
|
UTF8.stringToBytes(message) :
|
|
message
|
|
),
|
|
|
|
// Generate random IV
|
|
iv = options.iv || util.randomBytes(AES._blocksize * 4),
|
|
|
|
// Generate key
|
|
k = (
|
|
password.constructor == String ?
|
|
// Derive key from pass-phrase
|
|
C.PBKDF2(password, iv, 32, {
|
|
asBytes: true
|
|
}) :
|
|
// else, assume byte array representing cryptographic key
|
|
password
|
|
);
|
|
|
|
// Encrypt
|
|
AES._init(k);
|
|
mode.encrypt(AES, m, iv);
|
|
|
|
// Return ciphertext
|
|
m = options.iv ? m : iv.concat(m);
|
|
return (options && options.asBytes) ? m : util.bytesToBase64(m);
|
|
|
|
},
|
|
|
|
decrypt: function (ciphertext, password, options) {
|
|
|
|
options = options || {};
|
|
|
|
// Determine mode
|
|
var mode = options.mode || new C.mode.OFB;
|
|
|
|
// Allow mode to override options
|
|
if (mode.fixOptions) mode.fixOptions(options);
|
|
|
|
var
|
|
|
|
// Convert to bytes if ciphertext is a string
|
|
c = (
|
|
ciphertext.constructor == String ?
|
|
util.base64ToBytes(ciphertext) :
|
|
ciphertext
|
|
),
|
|
|
|
// Separate IV and message
|
|
iv = options.iv || c.splice(0, AES._blocksize * 4),
|
|
|
|
// Generate key
|
|
k = (
|
|
password.constructor == String ?
|
|
// Derive key from pass-phrase
|
|
C.PBKDF2(password, iv, 32, {
|
|
asBytes: true
|
|
}) :
|
|
// else, assume byte array representing cryptographic key
|
|
password
|
|
);
|
|
|
|
// Decrypt
|
|
AES._init(k);
|
|
mode.decrypt(AES, c, iv);
|
|
|
|
// Return plaintext
|
|
return (options && options.asBytes) ? c : UTF8.bytesToString(c);
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
* Package private methods and properties
|
|
*/
|
|
|
|
_blocksize: 4,
|
|
|
|
_encryptblock: function (m, offset) {
|
|
|
|
// Set input
|
|
for (var row = 0; row < AES._blocksize; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] = m[offset + col * 4 + row];
|
|
}
|
|
|
|
// Add round key
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] ^= keyschedule[col][row];
|
|
}
|
|
|
|
for (var round = 1; round < nrounds; round++) {
|
|
|
|
// Sub bytes
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] = SBOX[state[row][col]];
|
|
}
|
|
|
|
// Shift rows
|
|
state[1].push(state[1].shift());
|
|
state[2].push(state[2].shift());
|
|
state[2].push(state[2].shift());
|
|
state[3].unshift(state[3].pop());
|
|
|
|
// Mix columns
|
|
for (var col = 0; col < 4; col++) {
|
|
|
|
var s0 = state[0][col],
|
|
s1 = state[1][col],
|
|
s2 = state[2][col],
|
|
s3 = state[3][col];
|
|
|
|
state[0][col] = MULT2[s0] ^ MULT3[s1] ^ s2 ^ s3;
|
|
state[1][col] = s0 ^ MULT2[s1] ^ MULT3[s2] ^ s3;
|
|
state[2][col] = s0 ^ s1 ^ MULT2[s2] ^ MULT3[s3];
|
|
state[3][col] = MULT3[s0] ^ s1 ^ s2 ^ MULT2[s3];
|
|
|
|
}
|
|
|
|
// Add round key
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] ^= keyschedule[round * 4 + col][row];
|
|
}
|
|
|
|
}
|
|
|
|
// Sub bytes
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] = SBOX[state[row][col]];
|
|
}
|
|
|
|
// Shift rows
|
|
state[1].push(state[1].shift());
|
|
state[2].push(state[2].shift());
|
|
state[2].push(state[2].shift());
|
|
state[3].unshift(state[3].pop());
|
|
|
|
// Add round key
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] ^= keyschedule[nrounds * 4 + col][row];
|
|
}
|
|
|
|
// Set output
|
|
for (var row = 0; row < AES._blocksize; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
m[offset + col * 4 + row] = state[row][col];
|
|
}
|
|
|
|
},
|
|
|
|
_decryptblock: function (c, offset) {
|
|
|
|
// Set input
|
|
for (var row = 0; row < AES._blocksize; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] = c[offset + col * 4 + row];
|
|
}
|
|
|
|
// Add round key
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] ^= keyschedule[nrounds * 4 + col][row];
|
|
}
|
|
|
|
for (var round = 1; round < nrounds; round++) {
|
|
|
|
// Inv shift rows
|
|
state[1].unshift(state[1].pop());
|
|
state[2].push(state[2].shift());
|
|
state[2].push(state[2].shift());
|
|
state[3].push(state[3].shift());
|
|
|
|
// Inv sub bytes
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] = INVSBOX[state[row][col]];
|
|
}
|
|
|
|
// Add round key
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] ^= keyschedule[(nrounds - round) * 4 + col][row];
|
|
}
|
|
|
|
// Inv mix columns
|
|
for (var col = 0; col < 4; col++) {
|
|
|
|
var s0 = state[0][col],
|
|
s1 = state[1][col],
|
|
s2 = state[2][col],
|
|
s3 = state[3][col];
|
|
|
|
state[0][col] = MULTE[s0] ^ MULTB[s1] ^ MULTD[s2] ^ MULT9[s3];
|
|
state[1][col] = MULT9[s0] ^ MULTE[s1] ^ MULTB[s2] ^ MULTD[s3];
|
|
state[2][col] = MULTD[s0] ^ MULT9[s1] ^ MULTE[s2] ^ MULTB[s3];
|
|
state[3][col] = MULTB[s0] ^ MULTD[s1] ^ MULT9[s2] ^ MULTE[s3];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// Inv shift rows
|
|
state[1].unshift(state[1].pop());
|
|
state[2].push(state[2].shift());
|
|
state[2].push(state[2].shift());
|
|
state[3].push(state[3].shift());
|
|
|
|
// Inv sub bytes
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] = INVSBOX[state[row][col]];
|
|
}
|
|
|
|
// Add round key
|
|
for (var row = 0; row < 4; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
state[row][col] ^= keyschedule[col][row];
|
|
}
|
|
|
|
// Set output
|
|
for (var row = 0; row < AES._blocksize; row++) {
|
|
for (var col = 0; col < 4; col++)
|
|
c[offset + col * 4 + row] = state[row][col];
|
|
}
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
* Private methods
|
|
*/
|
|
|
|
_init: function (k) {
|
|
keylength = k.length / 4;
|
|
nrounds = keylength + 6;
|
|
AES._keyexpansion(k);
|
|
},
|
|
|
|
// Generate a key schedule
|
|
_keyexpansion: function (k) {
|
|
|
|
keyschedule = [];
|
|
|
|
for (var row = 0; row < keylength; row++) {
|
|
keyschedule[row] = [
|
|
k[row * 4],
|
|
k[row * 4 + 1],
|
|
k[row * 4 + 2],
|
|
k[row * 4 + 3]
|
|
];
|
|
}
|
|
|
|
for (var row = keylength; row < AES._blocksize * (nrounds + 1); row++) {
|
|
|
|
var temp = [
|
|
keyschedule[row - 1][0],
|
|
keyschedule[row - 1][1],
|
|
keyschedule[row - 1][2],
|
|
keyschedule[row - 1][3]
|
|
];
|
|
|
|
if (row % keylength == 0) {
|
|
|
|
// Rot word
|
|
temp.push(temp.shift());
|
|
|
|
// Sub word
|
|
temp[0] = SBOX[temp[0]];
|
|
temp[1] = SBOX[temp[1]];
|
|
temp[2] = SBOX[temp[2]];
|
|
temp[3] = SBOX[temp[3]];
|
|
|
|
temp[0] ^= RCON[row / keylength];
|
|
|
|
} else if (keylength > 6 && row % keylength == 4) {
|
|
|
|
// Sub word
|
|
temp[0] = SBOX[temp[0]];
|
|
temp[1] = SBOX[temp[1]];
|
|
temp[2] = SBOX[temp[2]];
|
|
temp[3] = SBOX[temp[3]];
|
|
|
|
}
|
|
|
|
keyschedule[row] = [
|
|
keyschedule[row - keylength][0] ^ temp[0],
|
|
keyschedule[row - keylength][1] ^ temp[1],
|
|
keyschedule[row - keylength][2] ^ temp[2],
|
|
keyschedule[row - keylength][3] ^ temp[3]
|
|
];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
})();
|
|
|
|
/*
|
|
* Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
|
|
* Ported to JavaScript by bitaddress.org
|
|
*/
|
|
ec.FieldElementFp.fastLucasSequence = function (p, P, Q, k) {
|
|
// TODO Research and apply "common-multiplicand multiplication here"
|
|
|
|
var n = k.bitLength();
|
|
var s = k.getLowestSetBit();
|
|
var Uh = BigInteger.ONE;
|
|
var Vl = BigInteger.TWO;
|
|
var Vh = P;
|
|
var Ql = BigInteger.ONE;
|
|
var Qh = BigInteger.ONE;
|
|
|
|
for (var j = n - 1; j >= s + 1; --j) {
|
|
Ql = Ql.multiply(Qh).mod(p);
|
|
if (k.testBit(j)) {
|
|
Qh = Ql.multiply(Q).mod(p);
|
|
Uh = Uh.multiply(Vh).mod(p);
|
|
Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
|
|
Vh = Vh.multiply(Vh).subtract(Qh.shiftLeft(1)).mod(p);
|
|
} else {
|
|
Qh = Ql;
|
|
Uh = Uh.multiply(Vl).subtract(Ql).mod(p);
|
|
Vh = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
|
|
Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p);
|
|
}
|
|
}
|
|
|
|
Ql = Ql.multiply(Qh).mod(p);
|
|
Qh = Ql.multiply(Q).mod(p);
|
|
Uh = Uh.multiply(Vl).subtract(Ql).mod(p);
|
|
Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p);
|
|
Ql = Ql.multiply(Qh).mod(p);
|
|
|
|
for (var j = 1; j <= s; ++j) {
|
|
Uh = Uh.multiply(Vl).mod(p);
|
|
Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p);
|
|
Ql = Ql.multiply(Ql).mod(p);
|
|
}
|
|
|
|
return [Uh, Vl];
|
|
};
|
|
|
|
// ----------------
|
|
// ECPointFp constructor
|
|
ec.PointFp = function (curve, x, y, z, compressed) {
|
|
this.curve = curve;
|
|
this.x = x;
|
|
this.y = y;
|
|
// Projective coordinates: either zinv == null or z * zinv == 1
|
|
// z and zinv are just BigIntegers, not fieldElements
|
|
if (z == null) {
|
|
this.z = BigInteger.ONE;
|
|
} else {
|
|
this.z = z;
|
|
}
|
|
this.zinv = null;
|
|
// compression flag
|
|
this.compressed = !!compressed;
|
|
};
|
|
|
|
ec.PointFp.prototype.getX = function () {
|
|
if (this.zinv == null) {
|
|
this.zinv = this.z.modInverse(this.curve.q);
|
|
}
|
|
var r = this.x.toBigInteger().multiply(this.zinv);
|
|
this.curve.reduce(r);
|
|
return this.curve.fromBigInteger(r);
|
|
};
|
|
|
|
ec.PointFp.prototype.getY = function () {
|
|
if (this.zinv == null) {
|
|
this.zinv = this.z.modInverse(this.curve.q);
|
|
}
|
|
var r = this.y.toBigInteger().multiply(this.zinv);
|
|
this.curve.reduce(r);
|
|
return this.curve.fromBigInteger(r);
|
|
};
|
|
|
|
ec.PointFp.prototype.equals = function (other) {
|
|
if (other == this) return true;
|
|
if (this.isInfinity()) return other.isInfinity();
|
|
if (other.isInfinity()) return this.isInfinity();
|
|
var u, v;
|
|
// u = Y2 * Z1 - Y1 * Z2
|
|
u = other.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(other.z)).mod(
|
|
this.curve.q);
|
|
if (!u.equals(BigInteger.ZERO)) return false;
|
|
// v = X2 * Z1 - X1 * Z2
|
|
v = other.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(other.z)).mod(
|
|
this.curve.q);
|
|
return v.equals(BigInteger.ZERO);
|
|
};
|
|
|
|
ec.PointFp.prototype.isInfinity = function () {
|
|
if ((this.x == null) && (this.y == null)) return true;
|
|
return this.z.equals(BigInteger.ZERO) && !this.y.toBigInteger().equals(BigInteger.ZERO);
|
|
};
|
|
|
|
ec.PointFp.prototype.negate = function () {
|
|
return new ec.PointFp(this.curve, this.x, this.y.negate(), this.z);
|
|
};
|
|
|
|
ec.PointFp.prototype.add = function (b) {
|
|
if (this.isInfinity()) return b;
|
|
if (b.isInfinity()) return this;
|
|
|
|
// u = Y2 * Z1 - Y1 * Z2
|
|
var u = b.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(b.z)).mod(
|
|
this.curve.q);
|
|
// v = X2 * Z1 - X1 * Z2
|
|
var v = b.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(b.z)).mod(
|
|
this.curve.q);
|
|
|
|
|
|
if (BigInteger.ZERO.equals(v)) {
|
|
if (BigInteger.ZERO.equals(u)) {
|
|
return this.twice(); // this == b, so double
|
|
}
|
|
return this.curve.getInfinity(); // this = -b, so infinity
|
|
}
|
|
|
|
var THREE = new BigInteger("3");
|
|
var x1 = this.x.toBigInteger();
|
|
var y1 = this.y.toBigInteger();
|
|
var x2 = b.x.toBigInteger();
|
|
var y2 = b.y.toBigInteger();
|
|
|
|
var v2 = v.square();
|
|
var v3 = v2.multiply(v);
|
|
var x1v2 = x1.multiply(v2);
|
|
var zu2 = u.square().multiply(this.z);
|
|
|
|
// x3 = v * (z2 * (z1 * u^2 - 2 * x1 * v^2) - v^3)
|
|
var x3 = zu2.subtract(x1v2.shiftLeft(1)).multiply(b.z).subtract(v3).multiply(v).mod(this.curve.q);
|
|
// y3 = z2 * (3 * x1 * u * v^2 - y1 * v^3 - z1 * u^3) + u * v^3
|
|
var y3 = x1v2.multiply(THREE).multiply(u).subtract(y1.multiply(v3)).subtract(zu2.multiply(u)).multiply(
|
|
b.z).add(u.multiply(v3)).mod(this.curve.q);
|
|
// z3 = v^3 * z1 * z2
|
|
var z3 = v3.multiply(this.z).multiply(b.z).mod(this.curve.q);
|
|
|
|
return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3),
|
|
z3);
|
|
};
|
|
|
|
ec.PointFp.prototype.twice = function () {
|
|
if (this.isInfinity()) return this;
|
|
if (this.y.toBigInteger().signum() == 0) return this.curve.getInfinity();
|
|
|
|
// TODO: optimized handling of constants
|
|
var THREE = new BigInteger("3");
|
|
var x1 = this.x.toBigInteger();
|
|
var y1 = this.y.toBigInteger();
|
|
|
|
var y1z1 = y1.multiply(this.z);
|
|
var y1sqz1 = y1z1.multiply(y1).mod(this.curve.q);
|
|
var a = this.curve.a.toBigInteger();
|
|
|
|
// w = 3 * x1^2 + a * z1^2
|
|
var w = x1.square().multiply(THREE);
|
|
if (!BigInteger.ZERO.equals(a)) {
|
|
w = w.add(this.z.square().multiply(a));
|
|
}
|
|
w = w.mod(this.curve.q);
|
|
//this.curve.reduce(w);
|
|
// x3 = 2 * y1 * z1 * (w^2 - 8 * x1 * y1^2 * z1)
|
|
var x3 = w.square().subtract(x1.shiftLeft(3).multiply(y1sqz1)).shiftLeft(1).multiply(y1z1).mod(
|
|
this.curve.q);
|
|
// y3 = 4 * y1^2 * z1 * (3 * w * x1 - 2 * y1^2 * z1) - w^3
|
|
var y3 = w.multiply(THREE).multiply(x1).subtract(y1sqz1.shiftLeft(1)).shiftLeft(2).multiply(
|
|
y1sqz1).subtract(w.square().multiply(w)).mod(this.curve.q);
|
|
// z3 = 8 * (y1 * z1)^3
|
|
var z3 = y1z1.square().multiply(y1z1).shiftLeft(3).mod(this.curve.q);
|
|
|
|
return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3),
|
|
z3);
|
|
};
|
|
|
|
// Simple NAF (Non-Adjacent Form) multiplication algorithm
|
|
// TODO: modularize the multiplication algorithm
|
|
ec.PointFp.prototype.multiply = function (k) {
|
|
if (this.isInfinity()) return this;
|
|
if (k.signum() == 0) return this.curve.getInfinity();
|
|
|
|
var e = k;
|
|
var h = e.multiply(new BigInteger("3"));
|
|
|
|
var neg = this.negate();
|
|
var R = this;
|
|
|
|
var i;
|
|
for (i = h.bitLength() - 2; i > 0; --i) {
|
|
R = R.twice();
|
|
|
|
var hBit = h.testBit(i);
|
|
var eBit = e.testBit(i);
|
|
|
|
if (hBit != eBit) {
|
|
R = R.add(hBit ? this : neg);
|
|
}
|
|
}
|
|
|
|
return R;
|
|
};
|
|
|
|
// Compute this*j + x*k (simultaneous multiplication)
|
|
ec.PointFp.prototype.multiplyTwo = function (j, x, k) {
|
|
var i;
|
|
if (j.bitLength() > k.bitLength())
|
|
i = j.bitLength() - 1;
|
|
else
|
|
i = k.bitLength() - 1;
|
|
|
|
var R = this.curve.getInfinity();
|
|
var both = this.add(x);
|
|
while (i >= 0) {
|
|
R = R.twice();
|
|
if (j.testBit(i)) {
|
|
if (k.testBit(i)) {
|
|
R = R.add(both);
|
|
} else {
|
|
R = R.add(this);
|
|
}
|
|
} else {
|
|
if (k.testBit(i)) {
|
|
R = R.add(x);
|
|
}
|
|
}
|
|
--i;
|
|
}
|
|
|
|
return R;
|
|
};
|
|
|
|
// patched by bitaddress.org and Casascius for use with Bitcoin.ECKey
|
|
// patched by coretechs to support compressed public keys
|
|
ec.PointFp.prototype.getEncoded = function (compressed) {
|
|
var x = this.getX().toBigInteger();
|
|
var y = this.getY().toBigInteger();
|
|
var len = 32; // integerToBytes will zero pad if integer is less than 32 bytes. 32 bytes length is required by the Bitcoin protocol.
|
|
var enc = ec.integerToBytes(x, len);
|
|
|
|
// when compressed prepend byte depending if y point is even or odd
|
|
if (compressed) {
|
|
if (y.isEven()) {
|
|
enc.unshift(0x02);
|
|
} else {
|
|
enc.unshift(0x03);
|
|
}
|
|
} else {
|
|
enc.unshift(0x04);
|
|
enc = enc.concat(ec.integerToBytes(y, len)); // uncompressed public key appends the bytes of the y point
|
|
}
|
|
return enc;
|
|
};
|
|
|
|
ec.PointFp.decodeFrom = function (curve, enc) {
|
|
var type = enc[0];
|
|
var dataLen = enc.length - 1;
|
|
|
|
// Extract x and y as byte arrays
|
|
var xBa = enc.slice(1, 1 + dataLen / 2);
|
|
var yBa = enc.slice(1 + dataLen / 2, 1 + dataLen);
|
|
|
|
// Prepend zero byte to prevent interpretation as negative integer
|
|
xBa.unshift(0);
|
|
yBa.unshift(0);
|
|
|
|
// Convert to BigIntegers
|
|
var x = new BigInteger(xBa);
|
|
var y = new BigInteger(yBa);
|
|
|
|
// Return point
|
|
return new ec.PointFp(curve, curve.fromBigInteger(x), curve.fromBigInteger(y));
|
|
};
|
|
|
|
ec.PointFp.prototype.add2D = function (b) {
|
|
if (this.isInfinity()) return b;
|
|
if (b.isInfinity()) return this;
|
|
|
|
if (this.x.equals(b.x)) {
|
|
if (this.y.equals(b.y)) {
|
|
// this = b, i.e. this must be doubled
|
|
return this.twice();
|
|
}
|
|
// this = -b, i.e. the result is the point at infinity
|
|
return this.curve.getInfinity();
|
|
}
|
|
|
|
var x_x = b.x.subtract(this.x);
|
|
var y_y = b.y.subtract(this.y);
|
|
var gamma = y_y.divide(x_x);
|
|
|
|
var x3 = gamma.square().subtract(this.x).subtract(b.x);
|
|
var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y);
|
|
|
|
return new ec.PointFp(this.curve, x3, y3);
|
|
};
|
|
|
|
ec.PointFp.prototype.twice2D = function () {
|
|
if (this.isInfinity()) return this;
|
|
if (this.y.toBigInteger().signum() == 0) {
|
|
// if y1 == 0, then (x1, y1) == (x1, -y1)
|
|
// and hence this = -this and thus 2(x1, y1) == infinity
|
|
return this.curve.getInfinity();
|
|
}
|
|
|
|
var TWO = this.curve.fromBigInteger(BigInteger.valueOf(2));
|
|
var THREE = this.curve.fromBigInteger(BigInteger.valueOf(3));
|
|
var gamma = this.x.square().multiply(THREE).add(this.curve.a).divide(this.y.multiply(TWO));
|
|
|
|
var x3 = gamma.square().subtract(this.x.multiply(TWO));
|
|
var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y);
|
|
|
|
return new ec.PointFp(this.curve, x3, y3);
|
|
};
|
|
|
|
ec.PointFp.prototype.multiply2D = function (k) {
|
|
if (this.isInfinity()) return this;
|
|
if (k.signum() == 0) return this.curve.getInfinity();
|
|
|
|
var e = k;
|
|
var h = e.multiply(new BigInteger("3"));
|
|
|
|
var neg = this.negate();
|
|
var R = this;
|
|
|
|
var i;
|
|
for (i = h.bitLength() - 2; i > 0; --i) {
|
|
R = R.twice();
|
|
|
|
var hBit = h.testBit(i);
|
|
var eBit = e.testBit(i);
|
|
|
|
if (hBit != eBit) {
|
|
R = R.add2D(hBit ? this : neg);
|
|
}
|
|
}
|
|
|
|
return R;
|
|
};
|
|
|
|
ec.PointFp.prototype.isOnCurve = function () {
|
|
var x = this.getX().toBigInteger();
|
|
var y = this.getY().toBigInteger();
|
|
var a = this.curve.getA().toBigInteger();
|
|
var b = this.curve.getB().toBigInteger();
|
|
var n = this.curve.getQ();
|
|
var lhs = y.multiply(y).mod(n);
|
|
var rhs = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(n);
|
|
return lhs.equals(rhs);
|
|
};
|
|
|
|
ec.PointFp.prototype.toString = function () {
|
|
return '(' + this.getX().toBigInteger().toString() + ',' + this.getY().toBigInteger().toString() +
|
|
')';
|
|
};
|
|
|
|
/**
|
|
* Validate an elliptic curve point.
|
|
*
|
|
* See SEC 1, section 3.2.2.1: Elliptic Curve Public Key Validation Primitive
|
|
*/
|
|
ec.PointFp.prototype.validate = function () {
|
|
var n = this.curve.getQ();
|
|
|
|
// Check Q != O
|
|
if (this.isInfinity()) {
|
|
throw new Error("Point is at infinity.");
|
|
}
|
|
|
|
// Check coordinate bounds
|
|
var x = this.getX().toBigInteger();
|
|
var y = this.getY().toBigInteger();
|
|
if (x.compareTo(BigInteger.ONE) < 0 || x.compareTo(n.subtract(BigInteger.ONE)) > 0) {
|
|
throw new Error('x coordinate out of bounds');
|
|
}
|
|
if (y.compareTo(BigInteger.ONE) < 0 || y.compareTo(n.subtract(BigInteger.ONE)) > 0) {
|
|
throw new Error('y coordinate out of bounds');
|
|
}
|
|
|
|
// Check y^2 = x^3 + ax + b (mod n)
|
|
if (!this.isOnCurve()) {
|
|
throw new Error("Point is not on the curve.");
|
|
}
|
|
|
|
// Check nQ = 0 (Q is a scalar multiple of G)
|
|
if (this.multiply(n).isInfinity()) {
|
|
// TODO: This check doesn't work - fix.
|
|
throw new Error("Point is not a scalar multiple of G.");
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
|
|
|
|
|
|
// ----------------
|
|
// ECCurveFp constructor
|
|
ec.CurveFp = function (q, a, b) {
|
|
this.q = q;
|
|
this.a = this.fromBigInteger(a);
|
|
this.b = this.fromBigInteger(b);
|
|
this.infinity = new ec.PointFp(this, null, null);
|
|
this.reducer = new Barrett(this.q);
|
|
}
|
|
|
|
ec.CurveFp.prototype.getQ = function () {
|
|
return this.q;
|
|
};
|
|
|
|
ec.CurveFp.prototype.getA = function () {
|
|
return this.a;
|
|
};
|
|
|
|
ec.CurveFp.prototype.getB = function () {
|
|
return this.b;
|
|
};
|
|
|
|
ec.CurveFp.prototype.equals = function (other) {
|
|
if (other == this) return true;
|
|
return (this.q.equals(other.q) && this.a.equals(other.a) && this.b.equals(other.b));
|
|
};
|
|
|
|
ec.CurveFp.prototype.getInfinity = function () {
|
|
return this.infinity;
|
|
};
|
|
|
|
ec.CurveFp.prototype.fromBigInteger = function (x) {
|
|
return new ec.FieldElementFp(this.q, x);
|
|
};
|
|
|
|
ec.CurveFp.prototype.reduce = function (x) {
|
|
this.reducer.reduce(x);
|
|
};
|
|
|
|
// for now, work with hex strings because they're easier in JS
|
|
// compressed support added by bitaddress.org
|
|
ec.CurveFp.prototype.decodePointHex = function (s) {
|
|
var firstByte = parseInt(s.substr(0, 2), 16);
|
|
switch (firstByte) { // first byte
|
|
case 0:
|
|
return this.infinity;
|
|
case 2: // compressed
|
|
case 3: // compressed
|
|
var yTilde = firstByte & 1;
|
|
var xHex = s.substr(2, s.length - 2);
|
|
var X1 = new BigInteger(xHex, 16);
|
|
return this.decompressPoint(yTilde, X1);
|
|
case 4: // uncompressed
|
|
case 6: // hybrid
|
|
case 7: // hybrid
|
|
var len = (s.length - 2) / 2;
|
|
var xHex = s.substr(2, len);
|
|
var yHex = s.substr(len + 2, len);
|
|
|
|
return new ec.PointFp(this,
|
|
this.fromBigInteger(new BigInteger(xHex, 16)),
|
|
this.fromBigInteger(new BigInteger(yHex, 16)));
|
|
|
|
default: // unsupported
|
|
return null;
|
|
}
|
|
};
|
|
|
|
ec.CurveFp.prototype.encodePointHex = function (p) {
|
|
if (p.isInfinity()) return "00";
|
|
var xHex = p.getX().toBigInteger().toString(16);
|
|
var yHex = p.getY().toBigInteger().toString(16);
|
|
var oLen = this.getQ().toString(16).length;
|
|
if ((oLen % 2) != 0) oLen++;
|
|
while (xHex.length < oLen) {
|
|
xHex = "0" + xHex;
|
|
}
|
|
while (yHex.length < oLen) {
|
|
yHex = "0" + yHex;
|
|
}
|
|
return "04" + xHex + yHex;
|
|
};
|
|
|
|
/*
|
|
* Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org)
|
|
* Ported to JavaScript by bitaddress.org
|
|
*
|
|
* Number yTilde
|
|
* BigInteger X1
|
|
*/
|
|
ec.CurveFp.prototype.decompressPoint = function (yTilde, X1) {
|
|
var x = this.fromBigInteger(X1);
|
|
var alpha = x.multiply(x.square().add(this.getA())).add(this.getB());
|
|
var beta = alpha.sqrt();
|
|
// if we can't find a sqrt we haven't got a point on the curve - run!
|
|
if (beta == null) throw new Error("Invalid point compression");
|
|
var betaValue = beta.toBigInteger();
|
|
var bit0 = betaValue.testBit(0) ? 1 : 0;
|
|
if (bit0 != yTilde) {
|
|
// Use the other root
|
|
beta = this.fromBigInteger(this.getQ().subtract(betaValue));
|
|
}
|
|
return new ec.PointFp(this, x, beta, null, true);
|
|
};
|
|
|
|
|
|
ec.fromHex = function (s) {
|
|
return new BigInteger(s, 16);
|
|
};
|
|
|
|
ec.integerToBytes = function (i, len) {
|
|
var bytes = i.toByteArrayUnsigned();
|
|
if (len < bytes.length) {
|
|
bytes = bytes.slice(bytes.length - len);
|
|
} else
|
|
while (len > bytes.length) {
|
|
bytes.unshift(0);
|
|
}
|
|
return bytes;
|
|
};
|
|
|
|
|
|
// Named EC curves
|
|
// ----------------
|
|
// X9ECParameters constructor
|
|
ec.X9Parameters = function (curve, g, n, h) {
|
|
this.curve = curve;
|
|
this.g = g;
|
|
this.n = n;
|
|
this.h = h;
|
|
}
|
|
ec.X9Parameters.prototype.getCurve = function () {
|
|
return this.curve;
|
|
};
|
|
ec.X9Parameters.prototype.getG = function () {
|
|
return this.g;
|
|
};
|
|
ec.X9Parameters.prototype.getN = function () {
|
|
return this.n;
|
|
};
|
|
ec.X9Parameters.prototype.getH = function () {
|
|
return this.h;
|
|
};
|
|
|
|
// secp256k1 is the Curve used by Bitcoin
|
|
ec.secNamedCurves = {
|
|
// used by Bitcoin
|
|
"secp256k1": function () {
|
|
// p = 2^256 - 2^32 - 2^9 - 2^8 - 2^7 - 2^6 - 2^4 - 1
|
|
var p = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F");
|
|
var a = BigInteger.ZERO;
|
|
var b = ec.fromHex("7");
|
|
var n = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141");
|
|
var h = BigInteger.ONE;
|
|
var curve = new ec.CurveFp(p, a, b);
|
|
var G = curve.decodePointHex("04" +
|
|
"79BE667EF9DCBBAC55A06295CE870B07029BFCDB2DCE28D959F2815B16F81798" +
|
|
"483ADA7726A3C4655DA4FBFC0E1108A8FD17B448A68554199C47D08FFB10D4B8");
|
|
return new ec.X9Parameters(curve, G, n, h);
|
|
}
|
|
};
|
|
|
|
// secp256k1 called by Bitcoin's ECKEY
|
|
ec.getSECCurveByName = function (name) {
|
|
if (ec.secNamedCurves[name] == undefined) return null;
|
|
return ec.secNamedCurves[name]();
|
|
}
|
|
})();
|
|
|
|
|
|
//bitTrx.js
|
|
(function () {
|
|
|
|
var bitjs = window.bitjs = function () {};
|
|
|
|
/* public vars */
|
|
bitjs.pub = 0x23; // flochange - changed the prefix to FLO Mainnet PublicKey Prefix 0x23
|
|
bitjs.priv = 0xa3; //flochange - changed the prefix to FLO Mainnet Private key prefix 0xa3
|
|
bitjs.compressed = false;
|
|
|
|
/* provide a privkey and return an WIF */
|
|
bitjs.privkey2wif = function (h) {
|
|
var r = Crypto.util.hexToBytes(h);
|
|
|
|
if (bitjs.compressed == true) {
|
|
r.push(0x01);
|
|
}
|
|
|
|
r.unshift(bitjs.priv);
|
|
var hash = Crypto.SHA256(Crypto.SHA256(r, {
|
|
asBytes: true
|
|
}), {
|
|
asBytes: true
|
|
});
|
|
var checksum = hash.slice(0, 4);
|
|
|
|
return B58.encode(r.concat(checksum));
|
|
}
|
|
|
|
/* convert a wif key back to a private key */
|
|
bitjs.wif2privkey = function (wif) {
|
|
var compressed = false;
|
|
var decode = B58.decode(wif);
|
|
var key = decode.slice(0, decode.length - 4);
|
|
key = key.slice(1, key.length);
|
|
if (key.length >= 33 && key[key.length - 1] == 0x01) {
|
|
key = key.slice(0, key.length - 1);
|
|
compressed = true;
|
|
}
|
|
return {
|
|
'privkey': Crypto.util.bytesToHex(key),
|
|
'compressed': compressed
|
|
};
|
|
}
|
|
|
|
/* convert a wif to a pubkey */
|
|
bitjs.wif2pubkey = function (wif) {
|
|
var compressed = bitjs.compressed;
|
|
var r = bitjs.wif2privkey(wif);
|
|
bitjs.compressed = r['compressed'];
|
|
var pubkey = bitjs.newPubkey(r['privkey']);
|
|
bitjs.compressed = compressed;
|
|
return {
|
|
'pubkey': pubkey,
|
|
'compressed': r['compressed']
|
|
};
|
|
}
|
|
|
|
/* convert a wif to a address */
|
|
bitjs.wif2address = function (wif) {
|
|
var r = bitjs.wif2pubkey(wif);
|
|
return {
|
|
'address': bitjs.pubkey2address(r['pubkey']),
|
|
'compressed': r['compressed']
|
|
};
|
|
}
|
|
|
|
/* generate a public key from a private key */
|
|
bitjs.newPubkey = function (hash) {
|
|
var privateKeyBigInt = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(hash));
|
|
var curve = EllipticCurve.getSECCurveByName("secp256k1");
|
|
|
|
var curvePt = curve.getG().multiply(privateKeyBigInt);
|
|
var x = curvePt.getX().toBigInteger();
|
|
var y = curvePt.getY().toBigInteger();
|
|
|
|
var publicKeyBytes = EllipticCurve.integerToBytes(x, 32);
|
|
publicKeyBytes = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32));
|
|
publicKeyBytes.unshift(0x04);
|
|
|
|
if (bitjs.compressed == true) {
|
|
var publicKeyBytesCompressed = EllipticCurve.integerToBytes(x, 32)
|
|
if (y.isEven()) {
|
|
publicKeyBytesCompressed.unshift(0x02)
|
|
} else {
|
|
publicKeyBytesCompressed.unshift(0x03)
|
|
}
|
|
return Crypto.util.bytesToHex(publicKeyBytesCompressed);
|
|
} else {
|
|
return Crypto.util.bytesToHex(publicKeyBytes);
|
|
}
|
|
}
|
|
|
|
/* provide a public key and return address */
|
|
bitjs.pubkey2address = function (h, byte) {
|
|
var r = ripemd160(Crypto.SHA256(Crypto.util.hexToBytes(h), {
|
|
asBytes: true
|
|
}));
|
|
r.unshift(byte || bitjs.pub);
|
|
var hash = Crypto.SHA256(Crypto.SHA256(r, {
|
|
asBytes: true
|
|
}), {
|
|
asBytes: true
|
|
});
|
|
var checksum = hash.slice(0, 4);
|
|
return B58.encode(r.concat(checksum));
|
|
}
|
|
|
|
bitjs.transaction = function () {
|
|
var btrx = {};
|
|
btrx.version = 2; //flochange look at this version
|
|
btrx.inputs = [];
|
|
btrx.outputs = [];
|
|
btrx.locktime = 0;
|
|
btrx.floData = ""; //flochange .. look at this
|
|
|
|
|
|
btrx.addinput = function (txid, index, scriptPubKey, sequence) {
|
|
var o = {};
|
|
o.outpoint = {
|
|
'hash': txid,
|
|
'index': index
|
|
};
|
|
//o.script = []; Signature and Public Key should be added after singning
|
|
o.script = Crypto.util.hexToBytes(scriptPubKey); //push previous output pubkey script
|
|
o.sequence = sequence || ((btrx.locktime == 0) ? 4294967295 : 0);
|
|
return this.inputs.push(o);
|
|
}
|
|
|
|
btrx.addoutput = function (address, value) {
|
|
var o = {};
|
|
var buf = [];
|
|
var addrDecoded = btrx.addressDecode(address);
|
|
o.value = new BigInteger('' + Math.round((value * 1) * 1e8), 10);
|
|
buf.push(118); //OP_DUP
|
|
buf.push(169); //OP_HASH160
|
|
buf.push(addrDecoded.length);
|
|
buf = buf.concat(addrDecoded); // address in bytes
|
|
buf.push(136); //OP_EQUALVERIFY
|
|
buf.push(172); // OP_CHECKSIG
|
|
o.script = buf;
|
|
return this.outputs.push(o);
|
|
}
|
|
|
|
|
|
btrx.addflodata = function (txcomments) { // flochange - this whole function needs to be done
|
|
this.floData = txcomments;
|
|
return this.floData; //flochange .. returning the txcomments -- check if the function return will assign
|
|
}
|
|
|
|
|
|
// Only standard addresses
|
|
btrx.addressDecode = function (address) {
|
|
var bytes = B58.decode(address);
|
|
var front = bytes.slice(0, bytes.length - 4);
|
|
var back = bytes.slice(bytes.length - 4);
|
|
var checksum = Crypto.SHA256(Crypto.SHA256(front, {
|
|
asBytes: true
|
|
}), {
|
|
asBytes: true
|
|
}).slice(0, 4);
|
|
if (checksum + "" == back + "") {
|
|
return front.slice(1);
|
|
}
|
|
}
|
|
|
|
/* generate the transaction hash to sign from a transaction input */
|
|
btrx.transactionHash = function (index, sigHashType) {
|
|
|
|
var clone = bitjs.clone(this);
|
|
var shType = sigHashType || 1;
|
|
|
|
/* black out all other ins, except this one */
|
|
for (var i = 0; i < clone.inputs.length; i++) {
|
|
if (index != i) {
|
|
clone.inputs[i].script = [];
|
|
}
|
|
}
|
|
|
|
|
|
if ((clone.inputs) && clone.inputs[index]) {
|
|
|
|
/* SIGHASH : For more info on sig hashs see https://en.bitcoin.it/wiki/OP_CHECKSIG
|
|
and https://bitcoin.org/en/developer-guide#signature-hash-type */
|
|
|
|
if (shType == 1) {
|
|
//SIGHASH_ALL 0x01
|
|
|
|
} else if (shType == 2) {
|
|
//SIGHASH_NONE 0x02
|
|
clone.outputs = [];
|
|
for (var i = 0; i < clone.inputs.length; i++) {
|
|
if (index != i) {
|
|
clone.inputs[i].sequence = 0;
|
|
}
|
|
}
|
|
|
|
} else if (shType == 3) {
|
|
|
|
//SIGHASH_SINGLE 0x03
|
|
clone.outputs.length = index + 1;
|
|
|
|
for (var i = 0; i < index; i++) {
|
|
clone.outputs[i].value = -1;
|
|
clone.outputs[i].script = [];
|
|
}
|
|
|
|
for (var i = 0; i < clone.inputs.length; i++) {
|
|
if (index != i) {
|
|
clone.inputs[i].sequence = 0;
|
|
}
|
|
}
|
|
|
|
} else if (shType >= 128) {
|
|
//SIGHASH_ANYONECANPAY 0x80
|
|
clone.inputs = [clone.inputs[index]];
|
|
|
|
if (shType == 129) {
|
|
// SIGHASH_ALL + SIGHASH_ANYONECANPAY
|
|
|
|
} else if (shType == 130) {
|
|
// SIGHASH_NONE + SIGHASH_ANYONECANPAY
|
|
clone.outputs = [];
|
|
|
|
} else if (shType == 131) {
|
|
// SIGHASH_SINGLE + SIGHASH_ANYONECANPAY
|
|
clone.outputs.length = index + 1;
|
|
for (var i = 0; i < index; i++) {
|
|
clone.outputs[i].value = -1;
|
|
clone.outputs[i].script = [];
|
|
}
|
|
}
|
|
}
|
|
|
|
var buffer = Crypto.util.hexToBytes(clone.serialize());
|
|
buffer = buffer.concat(bitjs.numToBytes(parseInt(shType), 4));
|
|
var hash = Crypto.SHA256(buffer, {
|
|
asBytes: true
|
|
});
|
|
var r = Crypto.util.bytesToHex(Crypto.SHA256(hash, {
|
|
asBytes: true
|
|
}));
|
|
return r;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/* generate a signature from a transaction hash */
|
|
btrx.transactionSig = function (index, wif, sigHashType, txhash) {
|
|
|
|
function serializeSig(r, s) {
|
|
var rBa = r.toByteArraySigned();
|
|
var sBa = s.toByteArraySigned();
|
|
|
|
var sequence = [];
|
|
sequence.push(0x02); // INTEGER
|
|
sequence.push(rBa.length);
|
|
sequence = sequence.concat(rBa);
|
|
|
|
sequence.push(0x02); // INTEGER
|
|
sequence.push(sBa.length);
|
|
sequence = sequence.concat(sBa);
|
|
|
|
sequence.unshift(sequence.length);
|
|
sequence.unshift(0x30); // SEQUENCE
|
|
|
|
return sequence;
|
|
}
|
|
|
|
var shType = sigHashType || 1;
|
|
var hash = txhash || Crypto.util.hexToBytes(this.transactionHash(index, shType));
|
|
|
|
if (hash) {
|
|
var curve = EllipticCurve.getSECCurveByName("secp256k1");
|
|
var key = bitjs.wif2privkey(wif);
|
|
var priv = BigInteger.fromByteArrayUnsigned(Crypto.util.hexToBytes(key['privkey']));
|
|
var n = curve.getN();
|
|
var e = BigInteger.fromByteArrayUnsigned(hash);
|
|
var badrs = 0
|
|
do {
|
|
var k = this.deterministicK(wif, hash, badrs);
|
|
var G = curve.getG();
|
|
var Q = G.multiply(k);
|
|
var r = Q.getX().toBigInteger().mod(n);
|
|
var s = k.modInverse(n).multiply(e.add(priv.multiply(r))).mod(n);
|
|
badrs++
|
|
} while (r.compareTo(BigInteger.ZERO) <= 0 || s.compareTo(BigInteger.ZERO) <= 0);
|
|
|
|
// Force lower s values per BIP62
|
|
var halfn = n.shiftRight(1);
|
|
if (s.compareTo(halfn) > 0) {
|
|
s = n.subtract(s);
|
|
};
|
|
|
|
var sig = serializeSig(r, s);
|
|
sig.push(parseInt(shType, 10));
|
|
|
|
return Crypto.util.bytesToHex(sig);
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// https://tools.ietf.org/html/rfc6979#section-3.2
|
|
btrx.deterministicK = function (wif, hash, badrs) {
|
|
// if r or s were invalid when this function was used in signing,
|
|
// we do not want to actually compute r, s here for efficiency, so,
|
|
// we can increment badrs. explained at end of RFC 6979 section 3.2
|
|
|
|
// wif is b58check encoded wif privkey.
|
|
// hash is byte array of transaction digest.
|
|
// badrs is used only if the k resulted in bad r or s.
|
|
|
|
// some necessary things out of the way for clarity.
|
|
badrs = badrs || 0;
|
|
var key = bitjs.wif2privkey(wif);
|
|
var x = Crypto.util.hexToBytes(key['privkey'])
|
|
var curve = EllipticCurve.getSECCurveByName("secp256k1");
|
|
var N = curve.getN();
|
|
|
|
// Step: a
|
|
// hash is a byteArray of the message digest. so h1 == hash in our case
|
|
|
|
// Step: b
|
|
var v = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
|
|
1, 1, 1, 1, 1, 1
|
|
];
|
|
|
|
// Step: c
|
|
var k = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 0, 0
|
|
];
|
|
|
|
// Step: d
|
|
k = Crypto.HMAC(Crypto.SHA256, v.concat([0]).concat(x).concat(hash), k, {
|
|
asBytes: true
|
|
});
|
|
|
|
// Step: e
|
|
v = Crypto.HMAC(Crypto.SHA256, v, k, {
|
|
asBytes: true
|
|
});
|
|
|
|
// Step: f
|
|
k = Crypto.HMAC(Crypto.SHA256, v.concat([1]).concat(x).concat(hash), k, {
|
|
asBytes: true
|
|
});
|
|
|
|
// Step: g
|
|
v = Crypto.HMAC(Crypto.SHA256, v, k, {
|
|
asBytes: true
|
|
});
|
|
|
|
// Step: h1
|
|
var T = [];
|
|
|
|
// Step: h2 (since we know tlen = qlen, just copy v to T.)
|
|
v = Crypto.HMAC(Crypto.SHA256, v, k, {
|
|
asBytes: true
|
|
});
|
|
T = v;
|
|
|
|
// Step: h3
|
|
var KBigInt = BigInteger.fromByteArrayUnsigned(T);
|
|
|
|
// loop if KBigInt is not in the range of [1, N-1] or if badrs needs incrementing.
|
|
var i = 0
|
|
while (KBigInt.compareTo(N) >= 0 || KBigInt.compareTo(BigInteger.ZERO) <= 0 || i <
|
|
badrs) {
|
|
k = Crypto.HMAC(Crypto.SHA256, v.concat([0]), k, {
|
|
asBytes: true
|
|
});
|
|
v = Crypto.HMAC(Crypto.SHA256, v, k, {
|
|
asBytes: true
|
|
});
|
|
v = Crypto.HMAC(Crypto.SHA256, v, k, {
|
|
asBytes: true
|
|
});
|
|
T = v;
|
|
KBigInt = BigInteger.fromByteArrayUnsigned(T);
|
|
i++
|
|
};
|
|
|
|
return KBigInt;
|
|
};
|
|
|
|
/* sign a "standard" input */
|
|
btrx.signinput = function (index, wif, sigHashType) {
|
|
var key = bitjs.wif2pubkey(wif);
|
|
var shType = sigHashType || 1;
|
|
var signature = this.transactionSig(index, wif, shType);
|
|
var buf = [];
|
|
var sigBytes = Crypto.util.hexToBytes(signature);
|
|
buf.push(sigBytes.length);
|
|
buf = buf.concat(sigBytes);
|
|
var pubKeyBytes = Crypto.util.hexToBytes(key['pubkey']);
|
|
buf.push(pubKeyBytes.length);
|
|
buf = buf.concat(pubKeyBytes);
|
|
this.inputs[index].script = buf;
|
|
return true;
|
|
}
|
|
|
|
/* sign inputs */
|
|
btrx.sign = function (wif, sigHashType) {
|
|
var shType = sigHashType || 1;
|
|
for (var i = 0; i < this.inputs.length; i++) {
|
|
this.signinput(i, wif, shType);
|
|
}
|
|
return this.serialize();
|
|
}
|
|
|
|
|
|
/* serialize a transaction */
|
|
btrx.serialize = function () {
|
|
var buffer = [];
|
|
buffer = buffer.concat(bitjs.numToBytes(parseInt(this.version), 4));
|
|
|
|
buffer = buffer.concat(bitjs.numToVarInt(this.inputs.length));
|
|
for (var i = 0; i < this.inputs.length; i++) {
|
|
var txin = this.inputs[i];
|
|
buffer = buffer.concat(Crypto.util.hexToBytes(txin.outpoint.hash).reverse());
|
|
buffer = buffer.concat(bitjs.numToBytes(parseInt(txin.outpoint.index), 4));
|
|
var scriptBytes = txin.script;
|
|
buffer = buffer.concat(bitjs.numToVarInt(scriptBytes.length));
|
|
buffer = buffer.concat(scriptBytes);
|
|
buffer = buffer.concat(bitjs.numToBytes(parseInt(txin.sequence), 4));
|
|
|
|
}
|
|
buffer = buffer.concat(bitjs.numToVarInt(this.outputs.length));
|
|
|
|
for (var i = 0; i < this.outputs.length; i++) {
|
|
var txout = this.outputs[i];
|
|
buffer = buffer.concat(bitjs.numToBytes(txout.value, 8));
|
|
var scriptBytes = txout.script;
|
|
buffer = buffer.concat(bitjs.numToVarInt(scriptBytes.length));
|
|
buffer = buffer.concat(scriptBytes);
|
|
}
|
|
|
|
buffer = buffer.concat(bitjs.numToBytes(parseInt(this.locktime),4));
|
|
flohex = ascii_to_hexa(this.floData);
|
|
floDataCount = this.floData.length;
|
|
|
|
//flochange -- creating unique data character count logic for floData. This string is prefixed before actual floData string in Raw Transaction
|
|
if (floDataCount <= 16) {
|
|
floDataCountString = floDataCount.toString(16);
|
|
floDataCountString = "0"+ floDataCountString;
|
|
} else if (floDataCount < 253) {
|
|
floDataCountString = floDataCount.toString(16);
|
|
} else if (floDataCount <= 1023) {
|
|
floDataCountAdjusted = (floDataCount - 253) + parseInt("0xfd00fd");
|
|
floDataCountStringAdjusted = floDataCountAdjusted.toString(16);
|
|
floDataCountString = floDataCountStringAdjusted.substr(0,2)+ floDataCountStringAdjusted.substr(4,2)+ floDataCountStringAdjusted.substr(2,2);
|
|
} else {
|
|
floDataCountString = "Character Limit Exceeded";
|
|
}
|
|
|
|
|
|
return Crypto.util.bytesToHex(buffer)+floDataCountString+flohex; // flochange -- Addition of floDataCountString and floData in serialization
|
|
}
|
|
|
|
|
|
|
|
return btrx;
|
|
|
|
}
|
|
|
|
bitjs.numToBytes = function (num, bytes) {
|
|
if (typeof bytes === "undefined") bytes = 8;
|
|
if (bytes == 0) {
|
|
return [];
|
|
} else if (num == -1) {
|
|
return Crypto.util.hexToBytes("ffffffffffffffff");
|
|
} else {
|
|
return [num % 256].concat(bitjs.numToBytes(Math.floor(num / 256), bytes - 1));
|
|
}
|
|
}
|
|
|
|
bitjs.numToByteArray = function (num) {
|
|
if (num <= 256) {
|
|
return [num];
|
|
} else {
|
|
return [num % 256].concat(bitjs.numToByteArray(Math.floor(num / 256)));
|
|
}
|
|
}
|
|
|
|
bitjs.numToVarInt = function (num) {
|
|
if (num < 253) {
|
|
return [num];
|
|
} else if (num < 65536) {
|
|
return [253].concat(bitjs.numToBytes(num, 2));
|
|
} else if (num < 4294967296) {
|
|
return [254].concat(bitjs.numToBytes(num, 4));
|
|
} else {
|
|
return [255].concat(bitjs.numToBytes(num, 8));
|
|
}
|
|
}
|
|
|
|
bitjs.bytesToNum = function (bytes) {
|
|
if (bytes.length == 0) return 0;
|
|
else return bytes[0] + 256 * bitjs.bytesToNum(bytes.slice(1));
|
|
}
|
|
|
|
/* clone an object */
|
|
bitjs.clone = function (obj) {
|
|
if (obj == null || typeof (obj) != 'object') return obj;
|
|
var temp = new obj.constructor();
|
|
|
|
for (var key in obj) {
|
|
if (obj.hasOwnProperty(key)) {
|
|
temp[key] = bitjs.clone(obj[key]);
|
|
}
|
|
}
|
|
return temp;
|
|
}
|
|
|
|
var B58 = bitjs.Base58 = {
|
|
alphabet: "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz",
|
|
validRegex: /^[1-9A-HJ-NP-Za-km-z]+$/,
|
|
base: BigInteger.valueOf(58),
|
|
|
|
/**
|
|
* Convert a byte array to a base58-encoded string.
|
|
*
|
|
* Written by Mike Hearn for BitcoinJ.
|
|
* Copyright (c) 2011 Google Inc.
|
|
*
|
|
* Ported to JavaScript by Stefan Thomas.
|
|
*/
|
|
encode: function (input) {
|
|
var bi = BigInteger.fromByteArrayUnsigned(input);
|
|
var chars = [];
|
|
|
|
while (bi.compareTo(B58.base) >= 0) {
|
|
var mod = bi.mod(B58.base);
|
|
chars.unshift(B58.alphabet[mod.intValue()]);
|
|
bi = bi.subtract(mod).divide(B58.base);
|
|
}
|
|
chars.unshift(B58.alphabet[bi.intValue()]);
|
|
|
|
// Convert leading zeros too.
|
|
for (var i = 0; i < input.length; i++) {
|
|
if (input[i] == 0x00) {
|
|
chars.unshift(B58.alphabet[0]);
|
|
} else break;
|
|
}
|
|
|
|
return chars.join('');
|
|
},
|
|
|
|
/**
|
|
* Convert a base58-encoded string to a byte array.
|
|
*
|
|
* Written by Mike Hearn for BitcoinJ.
|
|
* Copyright (c) 2011 Google Inc.
|
|
*
|
|
* Ported to JavaScript by Stefan Thomas.
|
|
*/
|
|
decode: function (input) {
|
|
var bi = BigInteger.valueOf(0);
|
|
var leadingZerosNum = 0;
|
|
for (var i = input.length - 1; i >= 0; i--) {
|
|
var alphaIndex = B58.alphabet.indexOf(input[i]);
|
|
if (alphaIndex < 0) {
|
|
throw "Invalid character";
|
|
}
|
|
bi = bi.add(BigInteger.valueOf(alphaIndex)
|
|
.multiply(B58.base.pow(input.length - 1 - i)));
|
|
|
|
// This counts leading zero bytes
|
|
if (input[i] == "1") leadingZerosNum++;
|
|
else leadingZerosNum = 0;
|
|
}
|
|
var bytes = bi.toByteArrayUnsigned();
|
|
|
|
// Add leading zeros
|
|
while (leadingZerosNum-- > 0) bytes.unshift(0);
|
|
|
|
return bytes;
|
|
}
|
|
}
|
|
return bitjs;
|
|
|
|
})();
|
|
|
|
|
|
|
|
/*
|
|
Copyright (c) 2011 Stefan Thomas
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
//https://raw.github.com/bitcoinjs/bitcoinjs-lib/1a7fc9d063f864058809d06ef4542af40be3558f/src/bitcoin.js
|
|
(function (exports) {
|
|
var Bitcoin = exports;
|
|
})(
|
|
'object' === typeof module ? module.exports : (window.Bitcoin = {})
|
|
);
|
|
|
|
//https://raw.github.com/bitcoinjs/bitcoinjs-lib/c952aaeb3ee472e3776655b8ea07299ebed702c7/src/base58.js
|
|
(function (Bitcoin) {
|
|
Bitcoin.Base58 = {
|
|
alphabet: "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz",
|
|
validRegex: /^[1-9A-HJ-NP-Za-km-z]+$/,
|
|
base: BigInteger.valueOf(58),
|
|
|
|
/**
|
|
* Convert a byte array to a base58-encoded string.
|
|
*
|
|
* Written by Mike Hearn for BitcoinJ.
|
|
* Copyright (c) 2011 Google Inc.
|
|
*
|
|
* Ported to JavaScript by Stefan Thomas.
|
|
*/
|
|
encode: function (input) {
|
|
var bi = BigInteger.fromByteArrayUnsigned(input);
|
|
var chars = [];
|
|
|
|
while (bi.compareTo(B58.base) >= 0) {
|
|
var mod = bi.mod(B58.base);
|
|
chars.unshift(B58.alphabet[mod.intValue()]);
|
|
bi = bi.subtract(mod).divide(B58.base);
|
|
}
|
|
chars.unshift(B58.alphabet[bi.intValue()]);
|
|
|
|
// Convert leading zeros too.
|
|
for (var i = 0; i < input.length; i++) {
|
|
if (input[i] == 0x00) {
|
|
chars.unshift(B58.alphabet[0]);
|
|
} else break;
|
|
}
|
|
|
|
return chars.join('');
|
|
},
|
|
|
|
/**
|
|
* Convert a base58-encoded string to a byte array.
|
|
*
|
|
* Written by Mike Hearn for BitcoinJ.
|
|
* Copyright (c) 2011 Google Inc.
|
|
*
|
|
* Ported to JavaScript by Stefan Thomas.
|
|
*/
|
|
decode: function (input) {
|
|
var bi = BigInteger.valueOf(0);
|
|
var leadingZerosNum = 0;
|
|
for (var i = input.length - 1; i >= 0; i--) {
|
|
var alphaIndex = B58.alphabet.indexOf(input[i]);
|
|
if (alphaIndex < 0) {
|
|
throw "Invalid character";
|
|
}
|
|
bi = bi.add(BigInteger.valueOf(alphaIndex)
|
|
.multiply(B58.base.pow(input.length - 1 - i)));
|
|
|
|
// This counts leading zero bytes
|
|
if (input[i] == "1") leadingZerosNum++;
|
|
else leadingZerosNum = 0;
|
|
}
|
|
var bytes = bi.toByteArrayUnsigned();
|
|
|
|
// Add leading zeros
|
|
while (leadingZerosNum-- > 0) bytes.unshift(0);
|
|
|
|
return bytes;
|
|
}
|
|
};
|
|
|
|
var B58 = Bitcoin.Base58;
|
|
})(
|
|
'undefined' != typeof Bitcoin ? Bitcoin : module.exports
|
|
);
|
|
//https://raw.github.com/bitcoinjs/bitcoinjs-lib/09e8c6e184d6501a0c2c59d73ca64db5c0d3eb95/src/address.js
|
|
Bitcoin.Address = function (bytes) {
|
|
if(floGlobals.blockchain == "FLO")
|
|
this.version = 0x23; // FLO mainnet public address
|
|
else if(floGlobals.blockchain == "FLO_TEST")
|
|
this.version = 0x73; // FLO testnet public address
|
|
if ("string" == typeof bytes) {
|
|
bytes = Bitcoin.Address.decodeString(bytes,this.version);
|
|
}
|
|
this.hash = bytes;
|
|
};
|
|
|
|
Bitcoin.Address.networkVersion = 0x23; // (FLO mainnet 0x23, 35D), (Bitcoin Mainnet, 0x00, 0D) // *this has no effect *
|
|
|
|
/**
|
|
* Serialize this object as a standard Bitcoin address.
|
|
*
|
|
* Returns the address as a base58-encoded string in the standardized format.
|
|
*/
|
|
Bitcoin.Address.prototype.toString = function () {
|
|
// Get a copy of the hash
|
|
var hash = this.hash.slice(0);
|
|
|
|
// Version
|
|
hash.unshift(this.version);
|
|
var checksum = Crypto.SHA256(Crypto.SHA256(hash, { asBytes: true }), { asBytes: true });
|
|
var bytes = hash.concat(checksum.slice(0, 4));
|
|
return Bitcoin.Base58.encode(bytes);
|
|
};
|
|
|
|
Bitcoin.Address.prototype.getHashBase64 = function () {
|
|
return Crypto.util.bytesToBase64(this.hash);
|
|
};
|
|
|
|
/**
|
|
* Parse a Bitcoin address contained in a string.
|
|
*/
|
|
Bitcoin.Address.decodeString = function (string,version) {
|
|
var bytes = Bitcoin.Base58.decode(string);
|
|
var hash = bytes.slice(0, 21);
|
|
var checksum = Crypto.SHA256(Crypto.SHA256(hash, { asBytes: true }), { asBytes: true });
|
|
|
|
if (checksum[0] != bytes[21] ||
|
|
checksum[1] != bytes[22] ||
|
|
checksum[2] != bytes[23] ||
|
|
checksum[3] != bytes[24]) {
|
|
throw "Checksum validation failed!";
|
|
}
|
|
|
|
if (version != hash.shift()) {
|
|
throw "Version " + hash.shift() + " not supported!";
|
|
}
|
|
|
|
return hash;
|
|
};
|
|
//https://raw.github.com/bitcoinjs/bitcoinjs-lib/e90780d3d3b8fc0d027d2bcb38b80479902f223e/src/ecdsa.js
|
|
Bitcoin.ECDSA = (function () {
|
|
var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
|
|
var rng = new SecureRandom();
|
|
|
|
var P_OVER_FOUR = null;
|
|
|
|
function implShamirsTrick(P, k, Q, l) {
|
|
var m = Math.max(k.bitLength(), l.bitLength());
|
|
var Z = P.add2D(Q);
|
|
var R = P.curve.getInfinity();
|
|
|
|
for (var i = m - 1; i >= 0; --i) {
|
|
R = R.twice2D();
|
|
|
|
R.z = BigInteger.ONE;
|
|
|
|
if (k.testBit(i)) {
|
|
if (l.testBit(i)) {
|
|
R = R.add2D(Z);
|
|
} else {
|
|
R = R.add2D(P);
|
|
}
|
|
} else {
|
|
if (l.testBit(i)) {
|
|
R = R.add2D(Q);
|
|
}
|
|
}
|
|
}
|
|
|
|
return R;
|
|
};
|
|
|
|
var ECDSA = {
|
|
getBigRandom: function (limit) {
|
|
return new BigInteger(limit.bitLength(), rng)
|
|
.mod(limit.subtract(BigInteger.ONE))
|
|
.add(BigInteger.ONE);
|
|
},
|
|
sign: function (hash, priv) {
|
|
var d = priv;
|
|
var n = ecparams.getN();
|
|
var e = BigInteger.fromByteArrayUnsigned(hash);
|
|
|
|
do {
|
|
var k = ECDSA.getBigRandom(n);
|
|
var G = ecparams.getG();
|
|
var Q = G.multiply(k);
|
|
var r = Q.getX().toBigInteger().mod(n);
|
|
} while (r.compareTo(BigInteger.ZERO) <= 0);
|
|
|
|
var s = k.modInverse(n).multiply(e.add(d.multiply(r))).mod(n);
|
|
|
|
return ECDSA.serializeSig(r, s);
|
|
},
|
|
|
|
verify: function (hash, sig, pubkey) {
|
|
var r, s;
|
|
if (Bitcoin.Util.isArray(sig)) {
|
|
var obj = ECDSA.parseSig(sig);
|
|
r = obj.r;
|
|
s = obj.s;
|
|
} else if ("object" === typeof sig && sig.r && sig.s) {
|
|
r = sig.r;
|
|
s = sig.s;
|
|
} else {
|
|
throw "Invalid value for signature";
|
|
}
|
|
|
|
var Q;
|
|
if (pubkey instanceof ec.PointFp) {
|
|
Q = pubkey;
|
|
} else if (Bitcoin.Util.isArray(pubkey)) {
|
|
Q = EllipticCurve.PointFp.decodeFrom(ecparams.getCurve(), pubkey);
|
|
} else {
|
|
throw "Invalid format for pubkey value, must be byte array or ec.PointFp";
|
|
}
|
|
var e = BigInteger.fromByteArrayUnsigned(hash);
|
|
|
|
return ECDSA.verifyRaw(e, r, s, Q);
|
|
},
|
|
|
|
verifyRaw: function (e, r, s, Q) {
|
|
var n = ecparams.getN();
|
|
var G = ecparams.getG();
|
|
|
|
if (r.compareTo(BigInteger.ONE) < 0 ||
|
|
r.compareTo(n) >= 0)
|
|
return false;
|
|
|
|
if (s.compareTo(BigInteger.ONE) < 0 ||
|
|
s.compareTo(n) >= 0)
|
|
return false;
|
|
|
|
var c = s.modInverse(n);
|
|
|
|
var u1 = e.multiply(c).mod(n);
|
|
var u2 = r.multiply(c).mod(n);
|
|
|
|
// TODO(!!!): For some reason Shamir's trick isn't working with
|
|
// signed message verification!? Probably an implementation
|
|
// error!
|
|
//var point = implShamirsTrick(G, u1, Q, u2);
|
|
var point = G.multiply(u1).add(Q.multiply(u2));
|
|
|
|
var v = point.getX().toBigInteger().mod(n);
|
|
|
|
return v.equals(r);
|
|
},
|
|
|
|
/**
|
|
* Serialize a signature into DER format.
|
|
*
|
|
* Takes two BigIntegers representing r and s and returns a byte array.
|
|
*/
|
|
serializeSig: function (r, s) {
|
|
var rBa = r.toByteArraySigned();
|
|
var sBa = s.toByteArraySigned();
|
|
|
|
var sequence = [];
|
|
sequence.push(0x02); // INTEGER
|
|
sequence.push(rBa.length);
|
|
sequence = sequence.concat(rBa);
|
|
|
|
sequence.push(0x02); // INTEGER
|
|
sequence.push(sBa.length);
|
|
sequence = sequence.concat(sBa);
|
|
|
|
sequence.unshift(sequence.length);
|
|
sequence.unshift(0x30); // SEQUENCE
|
|
|
|
return sequence;
|
|
},
|
|
|
|
/**
|
|
* Parses a byte array containing a DER-encoded signature.
|
|
*
|
|
* This function will return an object of the form:
|
|
*
|
|
* {
|
|
* r: BigInteger,
|
|
* s: BigInteger
|
|
* }
|
|
*/
|
|
parseSig: function (sig) {
|
|
var cursor;
|
|
if (sig[0] != 0x30)
|
|
throw new Error("Signature not a valid DERSequence");
|
|
|
|
cursor = 2;
|
|
if (sig[cursor] != 0x02)
|
|
throw new Error("First element in signature must be a DERInteger");;
|
|
var rBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
|
|
|
|
cursor += 2 + sig[cursor + 1];
|
|
if (sig[cursor] != 0x02)
|
|
throw new Error("Second element in signature must be a DERInteger");
|
|
var sBa = sig.slice(cursor + 2, cursor + 2 + sig[cursor + 1]);
|
|
|
|
cursor += 2 + sig[cursor + 1];
|
|
|
|
//if (cursor != sig.length)
|
|
// throw new Error("Extra bytes in signature");
|
|
|
|
var r = BigInteger.fromByteArrayUnsigned(rBa);
|
|
var s = BigInteger.fromByteArrayUnsigned(sBa);
|
|
|
|
return {
|
|
r: r,
|
|
s: s
|
|
};
|
|
},
|
|
|
|
parseSigCompact: function (sig) {
|
|
if (sig.length !== 65) {
|
|
throw "Signature has the wrong length";
|
|
}
|
|
|
|
// Signature is prefixed with a type byte storing three bits of
|
|
// information.
|
|
var i = sig[0] - 27;
|
|
if (i < 0 || i > 7) {
|
|
throw "Invalid signature type";
|
|
}
|
|
|
|
var n = ecparams.getN();
|
|
var r = BigInteger.fromByteArrayUnsigned(sig.slice(1, 33)).mod(n);
|
|
var s = BigInteger.fromByteArrayUnsigned(sig.slice(33, 65)).mod(n);
|
|
|
|
return {
|
|
r: r,
|
|
s: s,
|
|
i: i
|
|
};
|
|
},
|
|
|
|
/**
|
|
* Recover a public key from a signature.
|
|
*
|
|
* See SEC 1: Elliptic Curve Cryptography, section 4.1.6, "Public
|
|
* Key Recovery Operation".
|
|
*
|
|
* http://www.secg.org/download/aid-780/sec1-v2.pdf
|
|
*/
|
|
recoverPubKey: function (r, s, hash, i) {
|
|
// The recovery parameter i has two bits.
|
|
i = i & 3;
|
|
|
|
// The less significant bit specifies whether the y coordinate
|
|
// of the compressed point is even or not.
|
|
var isYEven = i & 1;
|
|
|
|
// The more significant bit specifies whether we should use the
|
|
// first or second candidate key.
|
|
var isSecondKey = i >> 1;
|
|
|
|
var n = ecparams.getN();
|
|
var G = ecparams.getG();
|
|
var curve = ecparams.getCurve();
|
|
var p = curve.getQ();
|
|
var a = curve.getA().toBigInteger();
|
|
var b = curve.getB().toBigInteger();
|
|
|
|
// We precalculate (p + 1) / 4 where p is if the field order
|
|
if (!P_OVER_FOUR) {
|
|
P_OVER_FOUR = p.add(BigInteger.ONE).divide(BigInteger.valueOf(4));
|
|
}
|
|
|
|
// 1.1 Compute x
|
|
var x = isSecondKey ? r.add(n) : r;
|
|
|
|
// 1.3 Convert x to point
|
|
var alpha = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(p);
|
|
var beta = alpha.modPow(P_OVER_FOUR, p);
|
|
|
|
var xorOdd = beta.isEven() ? (i % 2) : ((i + 1) % 2);
|
|
// If beta is even, but y isn't or vice versa, then convert it,
|
|
// otherwise we're done and y == beta.
|
|
var y = (beta.isEven() ? !isYEven : isYEven) ? beta : p.subtract(beta);
|
|
|
|
// 1.4 Check that nR is at infinity
|
|
var R = new EllipticCurve.PointFp(curve,
|
|
curve.fromBigInteger(x),
|
|
curve.fromBigInteger(y));
|
|
R.validate();
|
|
|
|
// 1.5 Compute e from M
|
|
var e = BigInteger.fromByteArrayUnsigned(hash);
|
|
var eNeg = BigInteger.ZERO.subtract(e).mod(n);
|
|
|
|
// 1.6 Compute Q = r^-1 (sR - eG)
|
|
var rInv = r.modInverse(n);
|
|
var Q = implShamirsTrick(R, s, G, eNeg).multiply(rInv);
|
|
|
|
Q.validate();
|
|
if (!ECDSA.verifyRaw(e, r, s, Q)) {
|
|
throw "Pubkey recovery unsuccessful";
|
|
}
|
|
|
|
var pubKey = new Bitcoin.ECKey();
|
|
pubKey.pub = Q;
|
|
return pubKey;
|
|
},
|
|
|
|
/**
|
|
* Calculate pubkey extraction parameter.
|
|
*
|
|
* When extracting a pubkey from a signature, we have to
|
|
* distinguish four different cases. Rather than putting this
|
|
* burden on the verifier, Bitcoin includes a 2-bit value with the
|
|
* signature.
|
|
*
|
|
* This function simply tries all four cases and returns the value
|
|
* that resulted in a successful pubkey recovery.
|
|
*/
|
|
calcPubkeyRecoveryParam: function (address, r, s, hash) {
|
|
for (var i = 0; i < 4; i++) {
|
|
try {
|
|
var pubkey = Bitcoin.ECDSA.recoverPubKey(r, s, hash, i);
|
|
if (pubkey.getBitcoinAddress().toString() == address) {
|
|
return i;
|
|
}
|
|
} catch (e) {}
|
|
}
|
|
throw "Unable to find valid recovery factor";
|
|
}
|
|
};
|
|
|
|
return ECDSA;
|
|
})();
|
|
Bitcoin.KeyPool = (function () {
|
|
var KeyPool = function () {
|
|
this.keyArray = [];
|
|
|
|
this.push = function (item) {
|
|
if (item == null || item.priv == null) return;
|
|
var doAdd = true;
|
|
// prevent duplicates from being added to the array
|
|
for (var index in this.keyArray) {
|
|
var currentItem = this.keyArray[index];
|
|
if (currentItem != null && currentItem.priv != null && item.getBitcoinAddress() == currentItem.getBitcoinAddress()) {
|
|
doAdd = false;
|
|
break;
|
|
}
|
|
}
|
|
if (doAdd) this.keyArray.push(item);
|
|
};
|
|
|
|
this.reset = function () {
|
|
this.keyArray = [];
|
|
};
|
|
|
|
this.getArray = function () {
|
|
// copy array
|
|
return this.keyArray.slice(0);
|
|
};
|
|
|
|
this.setArray = function (ka) {
|
|
this.keyArray = ka;
|
|
};
|
|
|
|
this.length = function () {
|
|
return this.keyArray.length;
|
|
};
|
|
|
|
this.toString = function () {
|
|
var keyPoolString = "# = " + this.length() + "\n";
|
|
var pool = this.getArray();
|
|
for (var index in pool) {
|
|
var item = pool[index];
|
|
if (Bitcoin.Util.hasMethods(item, 'getBitcoinAddress', 'toString')) {
|
|
if (item != null) {
|
|
keyPoolString += "\"" + item.getBitcoinAddress() + "\"" + ", \"" + item.toString("wif") + "\"\n";
|
|
}
|
|
}
|
|
}
|
|
|
|
return keyPoolString;
|
|
};
|
|
|
|
return this;
|
|
};
|
|
|
|
return new KeyPool();
|
|
})();
|
|
|
|
Bitcoin.Bip38Key = (function () {
|
|
var Bip38 = function (address, encryptedKey) {
|
|
this.address = address;
|
|
this.priv = encryptedKey;
|
|
};
|
|
|
|
Bip38.prototype.getBitcoinAddress = function () {
|
|
return this.address;
|
|
};
|
|
|
|
Bip38.prototype.toString = function () {
|
|
return this.priv;
|
|
};
|
|
|
|
return Bip38;
|
|
})();
|
|
|
|
//https://raw.github.com/pointbiz/bitcoinjs-lib/9b2f94a028a7bc9bed94e0722563e9ff1d8e8db8/src/eckey.js
|
|
Bitcoin.ECKey = (function () {
|
|
var ECDSA = Bitcoin.ECDSA;
|
|
var KeyPool = Bitcoin.KeyPool;
|
|
var ecparams = EllipticCurve.getSECCurveByName("secp256k1");
|
|
|
|
var ECKey = function (input) {
|
|
if (!input) {
|
|
// Generate new key
|
|
var n = ecparams.getN();
|
|
this.priv = ECDSA.getBigRandom(n);
|
|
} else if (input instanceof BigInteger) {
|
|
// Input is a private key value
|
|
this.priv = input;
|
|
} else if (Bitcoin.Util.isArray(input)) {
|
|
// Prepend zero byte to prevent interpretation as negative integer
|
|
this.priv = BigInteger.fromByteArrayUnsigned(input);
|
|
} else if ("string" == typeof input) {
|
|
var bytes = null;
|
|
try{
|
|
|
|
// This part is edited for FLO. FLO WIF are always compressed WIF. FLO WIF (private key) starts with R for mainnet and c for testnet.
|
|
if(((floGlobals.blockchain == "FLO") && /^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input)) ||
|
|
((floGlobals.blockchain == "FLO_TEST") && /^c[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(input))) {
|
|
bytes = ECKey.decodeCompressedWalletImportFormat(input);
|
|
this.compressed = true;
|
|
}else if (ECKey.isHexFormat(input)) {
|
|
bytes = Crypto.util.hexToBytes(input);
|
|
}
|
|
|
|
|
|
/*
|
|
if (ECKey.isWalletImportFormat(input)) {
|
|
bytes = ECKey.decodeWalletImportFormat(input);
|
|
} else if (ECKey.isCompressedWalletImportFormat(input)) {
|
|
bytes = ECKey.decodeCompressedWalletImportFormat(input);
|
|
this.compressed = true;
|
|
} else if (ECKey.isMiniFormat(input)) {
|
|
bytes = Crypto.SHA256(input, { asBytes: true });
|
|
} else if (ECKey.isHexFormat(input)) {
|
|
bytes = Crypto.util.hexToBytes(input);
|
|
} else if (ECKey.isBase64Format(input)) {
|
|
bytes = Crypto.util.base64ToBytes(input);
|
|
}
|
|
*/
|
|
} catch (exc1) {
|
|
this.setError(exc1);
|
|
}
|
|
|
|
if (ECKey.isBase6Format(input)) {
|
|
this.priv = new BigInteger(input, 6);
|
|
} else if (bytes == null || bytes.length != 32) {
|
|
this.priv = null;
|
|
} else {
|
|
// Prepend zero byte to prevent interpretation as negative integer
|
|
this.priv = BigInteger.fromByteArrayUnsigned(bytes);
|
|
}
|
|
}
|
|
|
|
this.compressed = (this.compressed == undefined) ? !!ECKey.compressByDefault : this.compressed;
|
|
try {
|
|
// check not zero
|
|
if (this.priv != null && BigInteger.ZERO.compareTo(this.priv) == 0) this.setError("Error: BigInteger equal to zero.");
|
|
// valid range [0x1, 0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364140])
|
|
var hexKeyRangeLimit = "FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364140";
|
|
var rangeLimitBytes = Crypto.util.hexToBytes(hexKeyRangeLimit);
|
|
var limitBigInt = BigInteger.fromByteArrayUnsigned(rangeLimitBytes);
|
|
if (this.priv != null && limitBigInt.compareTo(this.priv) < 0) this.setError("Error: BigInteger outside of curve range.")
|
|
|
|
if (this.priv != null) {
|
|
KeyPool.push(this);
|
|
}
|
|
} catch (exc2) {
|
|
this.setError(exc2);
|
|
}
|
|
};
|
|
|
|
if(floGlobals.blockchain == "FLO")
|
|
ECKey.privateKeyPrefix = 0xA3; //(Bitcoin mainnet 0x80 testnet 0xEF) (FLO mainnet 0xA3 163 D)
|
|
else if(floGlobals.blockchain == "FLO_TEST")
|
|
ECKey.privateKeyPrefix = 0xEF; //FLO testnet
|
|
|
|
/**
|
|
* Whether public keys should be returned compressed by default.
|
|
*/
|
|
ECKey.compressByDefault = false;
|
|
|
|
/**
|
|
* Set whether the public key should be returned compressed or not.
|
|
*/
|
|
ECKey.prototype.setError = function (err) {
|
|
this.error = err;
|
|
this.priv = null;
|
|
return this;
|
|
};
|
|
|
|
/**
|
|
* Set whether the public key should be returned compressed or not.
|
|
*/
|
|
ECKey.prototype.setCompressed = function (v) {
|
|
this.compressed = !!v;
|
|
if (this.pubPoint) this.pubPoint.compressed = this.compressed;
|
|
return this;
|
|
};
|
|
|
|
/*
|
|
* Return public key as a byte array in DER encoding
|
|
*/
|
|
ECKey.prototype.getPub = function () {
|
|
if (this.compressed) {
|
|
if (this.pubComp) return this.pubComp;
|
|
return this.pubComp = this.getPubPoint().getEncoded(1);
|
|
} else {
|
|
if (this.pubUncomp) return this.pubUncomp;
|
|
return this.pubUncomp = this.getPubPoint().getEncoded(0);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Return public point as ECPoint object.
|
|
*/
|
|
ECKey.prototype.getPubPoint = function () {
|
|
if (!this.pubPoint) {
|
|
this.pubPoint = ecparams.getG().multiply(this.priv);
|
|
this.pubPoint.compressed = this.compressed;
|
|
}
|
|
return this.pubPoint;
|
|
};
|
|
|
|
ECKey.prototype.getPubKeyHex = function () {
|
|
if (this.compressed) {
|
|
if (this.pubKeyHexComp) return this.pubKeyHexComp;
|
|
return this.pubKeyHexComp = Crypto.util.bytesToHex(this.getPub()).toString().toUpperCase();
|
|
} else {
|
|
if (this.pubKeyHexUncomp) return this.pubKeyHexUncomp;
|
|
return this.pubKeyHexUncomp = Crypto.util.bytesToHex(this.getPub()).toString().toUpperCase();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Get the pubKeyHash for this key.
|
|
*
|
|
* This is calculated as RIPE160(SHA256([encoded pubkey])) and returned as
|
|
* a byte array.
|
|
*/
|
|
ECKey.prototype.getPubKeyHash = function () {
|
|
if (this.compressed) {
|
|
if (this.pubKeyHashComp) return this.pubKeyHashComp;
|
|
return this.pubKeyHashComp = Bitcoin.Util.sha256ripe160(this.getPub());
|
|
} else {
|
|
if (this.pubKeyHashUncomp) return this.pubKeyHashUncomp;
|
|
return this.pubKeyHashUncomp = Bitcoin.Util.sha256ripe160(this.getPub());
|
|
}
|
|
};
|
|
|
|
ECKey.prototype.getBitcoinAddress = function () {
|
|
var hash = this.getPubKeyHash();
|
|
var addr = new Bitcoin.Address(hash);
|
|
return addr.toString();
|
|
};
|
|
|
|
/*
|
|
* Takes a public point as a hex string or byte array
|
|
*/
|
|
ECKey.prototype.setPub = function (pub) {
|
|
// byte array
|
|
if (Bitcoin.Util.isArray(pub)) {
|
|
pub = Crypto.util.bytesToHex(pub).toString().toUpperCase();
|
|
}
|
|
var ecPoint = ecparams.getCurve().decodePointHex(pub);
|
|
this.setCompressed(ecPoint.compressed);
|
|
this.pubPoint = ecPoint;
|
|
return this;
|
|
};
|
|
|
|
// Sipa Private Key Wallet Import Format
|
|
ECKey.prototype.getBitcoinWalletImportFormat = function () {
|
|
var bytes = this.getBitcoinPrivateKeyByteArray();
|
|
if (bytes == null) return "";
|
|
bytes.unshift(ECKey.privateKeyPrefix); // prepend 0x80 byte
|
|
if (this.compressed) bytes.push(0x01); // append 0x01 byte for compressed format
|
|
var checksum = Crypto.SHA256(Crypto.SHA256(bytes, { asBytes: true }), { asBytes: true });
|
|
bytes = bytes.concat(checksum.slice(0, 4));
|
|
var privWif = Bitcoin.Base58.encode(bytes);
|
|
return privWif;
|
|
};
|
|
|
|
// Private Key Hex Format
|
|
ECKey.prototype.getBitcoinHexFormat = function () {
|
|
return Crypto.util.bytesToHex(this.getBitcoinPrivateKeyByteArray()).toString().toUpperCase();
|
|
};
|
|
|
|
// Private Key Base64 Format
|
|
ECKey.prototype.getBitcoinBase64Format = function () {
|
|
return Crypto.util.bytesToBase64(this.getBitcoinPrivateKeyByteArray());
|
|
};
|
|
|
|
ECKey.prototype.getBitcoinPrivateKeyByteArray = function () {
|
|
if (this.priv == null) return null;
|
|
// Get a copy of private key as a byte array
|
|
var bytes = this.priv.toByteArrayUnsigned();
|
|
// zero pad if private key is less than 32 bytes
|
|
while (bytes.length < 32) bytes.unshift(0x00);
|
|
return bytes;
|
|
};
|
|
|
|
ECKey.prototype.toString = function (format) {
|
|
format = format || "";
|
|
if (format.toString().toLowerCase() == "base64" || format.toString().toLowerCase() == "b64") {
|
|
return this.getBitcoinBase64Format();
|
|
}
|
|
// Wallet Import Format
|
|
else if (format.toString().toLowerCase() == "wif") {
|
|
return this.getBitcoinWalletImportFormat();
|
|
}
|
|
else {
|
|
return this.getBitcoinHexFormat();
|
|
}
|
|
};
|
|
|
|
ECKey.prototype.sign = function (hash) {
|
|
return ECDSA.sign(hash, this.priv);
|
|
};
|
|
|
|
ECKey.prototype.verify = function (hash, sig) {
|
|
return ECDSA.verify(hash, sig, this.getPub());
|
|
};
|
|
|
|
/**
|
|
* Parse a wallet import format private key contained in a string.
|
|
*/
|
|
ECKey.decodeWalletImportFormat = function (privStr) {
|
|
var bytes = Bitcoin.Base58.decode(privStr);
|
|
var hash = bytes.slice(0, 33);
|
|
var checksum = Crypto.SHA256(Crypto.SHA256(hash, { asBytes: true }), { asBytes: true });
|
|
if (checksum[0] != bytes[33] ||
|
|
checksum[1] != bytes[34] ||
|
|
checksum[2] != bytes[35] ||
|
|
checksum[3] != bytes[36]) {
|
|
throw "Checksum validation failed!";
|
|
|
|
}
|
|
var version = hash.shift();
|
|
if (version != ECKey.privateKeyPrefix) {
|
|
throw "Version " + version + " not supported!";
|
|
}
|
|
return hash;
|
|
};
|
|
|
|
/**
|
|
* Parse a compressed wallet import format private key contained in a string.
|
|
*/
|
|
ECKey.decodeCompressedWalletImportFormat = function (privStr) {
|
|
var bytes = Bitcoin.Base58.decode(privStr);
|
|
var hash = bytes.slice(0, 34);
|
|
var checksum = Crypto.SHA256(Crypto.SHA256(hash, { asBytes: true }), { asBytes: true });
|
|
if (checksum[0] != bytes[34] ||
|
|
checksum[1] != bytes[35] ||
|
|
checksum[2] != bytes[36] ||
|
|
checksum[3] != bytes[37]) {
|
|
throw "Checksum validation failed!";
|
|
}
|
|
var version = hash.shift();
|
|
if (version != ECKey.privateKeyPrefix) {
|
|
throw "Version " + version + " not supported!";
|
|
}
|
|
hash.pop();
|
|
return hash;
|
|
};
|
|
|
|
// 64 characters [0-9A-F]
|
|
ECKey.isHexFormat = function (key) {
|
|
key = key.toString();
|
|
return /^[A-Fa-f0-9]{64}$/.test(key);
|
|
};
|
|
|
|
// 51 characters base58, always starts with a '5'
|
|
ECKey.isWalletImportFormat = function (key) {
|
|
key = key.toString();
|
|
return (ECKey.privateKeyPrefix == 0x80) ?
|
|
(/^5[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{50}$/.test(key)) :
|
|
(/^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{50}$/.test(key));
|
|
};
|
|
|
|
// 52 characters base58
|
|
ECKey.isCompressedWalletImportFormat = function (key) {
|
|
key = key.toString();
|
|
return (ECKey.privateKeyPrefix == 0x80) ?
|
|
(/^[LK][123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(key)) :
|
|
(/^R[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{51}$/.test(key));
|
|
};
|
|
|
|
// 44 characters
|
|
ECKey.isBase64Format = function (key) {
|
|
key = key.toString();
|
|
return (/^[ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789=+\/]{44}$/.test(key));
|
|
};
|
|
|
|
// 99 characters, 1=1, if using dice convert 6 to 0
|
|
ECKey.isBase6Format = function (key) {
|
|
key = key.toString();
|
|
return (/^[012345]{99}$/.test(key));
|
|
};
|
|
|
|
// 22, 26 or 30 characters, always starts with an 'S'
|
|
ECKey.isMiniFormat = function (key) {
|
|
key = key.toString();
|
|
var validChars22 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{21}$/.test(key);
|
|
var validChars26 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{25}$/.test(key);
|
|
var validChars30 = /^S[123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz]{29}$/.test(key);
|
|
var testBytes = Crypto.SHA256(key + "?", { asBytes: true });
|
|
|
|
return ((testBytes[0] === 0x00 || testBytes[0] === 0x01) && (validChars22 || validChars26 || validChars30));
|
|
};
|
|
|
|
return ECKey;
|
|
})();
|
|
//https://raw.github.com/bitcoinjs/bitcoinjs-lib/09e8c6e184d6501a0c2c59d73ca64db5c0d3eb95/src/util.js
|
|
// Bitcoin utility functions
|
|
Bitcoin.Util = {
|
|
/**
|
|
* Cross-browser compatibility version of Array.isArray.
|
|
*/
|
|
isArray: Array.isArray || function (o) {
|
|
return Object.prototype.toString.call(o) === '[object Array]';
|
|
},
|
|
/**
|
|
* Create an array of a certain length filled with a specific value.
|
|
*/
|
|
makeFilledArray: function (len, val) {
|
|
var array = [];
|
|
var i = 0;
|
|
while (i < len) {
|
|
array[i++] = val;
|
|
}
|
|
return array;
|
|
},
|
|
/**
|
|
* Turn an integer into a "var_int".
|
|
*
|
|
* "var_int" is a variable length integer used by Bitcoin's binary format.
|
|
*
|
|
* Returns a byte array.
|
|
*/
|
|
numToVarInt: function (i) {
|
|
if (i < 0xfd) {
|
|
// unsigned char
|
|
return [i];
|
|
} else if (i <= 1 << 16) {
|
|
// unsigned short (LE)
|
|
return [0xfd, i >>> 8, i & 255];
|
|
} else if (i <= 1 << 32) {
|
|
// unsigned int (LE)
|
|
return [0xfe].concat(Crypto.util.wordsToBytes([i]));
|
|
} else {
|
|
// unsigned long long (LE)
|
|
return [0xff].concat(Crypto.util.wordsToBytes([i >>> 32, i]));
|
|
}
|
|
},
|
|
/**
|
|
* Parse a Bitcoin value byte array, returning a BigInteger.
|
|
*/
|
|
valueToBigInt: function (valueBuffer) {
|
|
if (valueBuffer instanceof BigInteger) return valueBuffer;
|
|
|
|
// Prepend zero byte to prevent interpretation as negative integer
|
|
return BigInteger.fromByteArrayUnsigned(valueBuffer);
|
|
},
|
|
/**
|
|
* Format a Bitcoin value as a string.
|
|
*
|
|
* Takes a BigInteger or byte-array and returns that amount of Bitcoins in a
|
|
* nice standard formatting.
|
|
*
|
|
* Examples:
|
|
* 12.3555
|
|
* 0.1234
|
|
* 900.99998888
|
|
* 34.00
|
|
*/
|
|
formatValue: function (valueBuffer) {
|
|
var value = this.valueToBigInt(valueBuffer).toString();
|
|
var integerPart = value.length > 8 ? value.substr(0, value.length - 8) : '0';
|
|
var decimalPart = value.length > 8 ? value.substr(value.length - 8) : value;
|
|
while (decimalPart.length < 8) decimalPart = "0" + decimalPart;
|
|
decimalPart = decimalPart.replace(/0*$/, '');
|
|
while (decimalPart.length < 2) decimalPart += "0";
|
|
return integerPart + "." + decimalPart;
|
|
},
|
|
/**
|
|
* Parse a floating point string as a Bitcoin value.
|
|
*
|
|
* Keep in mind that parsing user input is messy. You should always display
|
|
* the parsed value back to the user to make sure we understood his input
|
|
* correctly.
|
|
*/
|
|
parseValue: function (valueString) {
|
|
// TODO: Detect other number formats (e.g. comma as decimal separator)
|
|
var valueComp = valueString.split('.');
|
|
var integralPart = valueComp[0];
|
|
var fractionalPart = valueComp[1] || "0";
|
|
while (fractionalPart.length < 8) fractionalPart += "0";
|
|
fractionalPart = fractionalPart.replace(/^0+/g, '');
|
|
var value = BigInteger.valueOf(parseInt(integralPart));
|
|
value = value.multiply(BigInteger.valueOf(100000000));
|
|
value = value.add(BigInteger.valueOf(parseInt(fractionalPart)));
|
|
return value;
|
|
},
|
|
/**
|
|
* Calculate RIPEMD160(SHA256(data)).
|
|
*
|
|
* Takes an arbitrary byte array as inputs and returns the hash as a byte
|
|
* array.
|
|
*/
|
|
sha256ripe160: function (data) {
|
|
return ripemd160(Crypto.SHA256(data, { asBytes: true }), { asBytes: true });
|
|
},
|
|
// double sha256
|
|
dsha256: function (data) {
|
|
return Crypto.SHA256(Crypto.SHA256(data, { asBytes: true }), { asBytes: true });
|
|
},
|
|
// duck typing method
|
|
hasMethods: function(obj /*, method list as strings */){
|
|
var i = 1, methodName;
|
|
while((methodName = arguments[i++])){
|
|
if(typeof obj[methodName] != 'function') {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
};
|
|
|
|
|
|
(function (ellipticCurveType) {
|
|
|
|
//Defining Elliptic Encryption Object
|
|
var ellipticEncryption = window.ellipticCurveEncryption = function () {};
|
|
|
|
ellipticEncryption.rng = new SecureRandom();
|
|
|
|
|
|
|
|
ellipticEncryption.getCurveParameters = function (curveName) {
|
|
|
|
//Default is secp256k1
|
|
curveName = typeof curveName !== 'undefined' ? curveName : "secp256k1";
|
|
|
|
var c = EllipticCurve.getSECCurveByName(curveName);
|
|
var curveDetails = {
|
|
Q: "",
|
|
A: "",
|
|
B: "",
|
|
GX: "",
|
|
GY: "",
|
|
N: ""
|
|
};
|
|
|
|
curveDetails.Q = c.getCurve().getQ().toString();
|
|
curveDetails.A = c.getCurve().getA().toBigInteger().toString();
|
|
curveDetails.B = c.getCurve().getB().toBigInteger().toString();
|
|
curveDetails.GX = c.getG().getX().toBigInteger().toString();
|
|
curveDetails.GY = c.getG().getY().toBigInteger().toString();
|
|
curveDetails.N = c.getN().toString();
|
|
|
|
return curveDetails;
|
|
|
|
}
|
|
|
|
ellipticEncryption.selectedCurve = ellipticEncryption.getCurveParameters(ellipticCurveType);
|
|
|
|
|
|
ellipticEncryption.get_curve = function () {
|
|
return new EllipticCurve.CurveFp(new BigInteger(this.selectedCurve.Q),
|
|
new BigInteger(this.selectedCurve.A),
|
|
new BigInteger(this.selectedCurve.B));
|
|
}
|
|
|
|
ellipticEncryption.get_G = function (curve) {
|
|
return new EllipticCurve.PointFp(curve,
|
|
curve.fromBigInteger(new BigInteger(this.selectedCurve.GX)),
|
|
curve.fromBigInteger(new BigInteger(this.selectedCurve.GY)));
|
|
}
|
|
|
|
|
|
ellipticEncryption.pick_rand = function () {
|
|
var n = new BigInteger(this.selectedCurve.N);
|
|
var n1 = n.subtract(BigInteger.ONE);
|
|
var r = new BigInteger(n.bitLength(), this.rng);
|
|
return r.mod(n1).add(BigInteger.ONE);
|
|
}
|
|
|
|
|
|
ellipticEncryption.senderRandom = function () {
|
|
var r = this.pick_rand();
|
|
return r.toString();
|
|
};
|
|
|
|
|
|
|
|
ellipticEncryption.receiverRandom = function () {
|
|
|
|
//This is receivers private key. For now we will use random. CHANGE IT LATER
|
|
var r = this.pick_rand();
|
|
return r.toString();
|
|
}
|
|
|
|
|
|
|
|
ellipticEncryption.senderPublicString = function (senderPrivateKey) {
|
|
|
|
var senderKeyECData = {};
|
|
|
|
var curve = this.get_curve();
|
|
var G = this.get_G(curve);
|
|
var a = new BigInteger(senderPrivateKey);
|
|
var P = G.multiply(a);
|
|
senderKeyECData.XValuePublicString = P.getX().toBigInteger().toString();
|
|
senderKeyECData.YValuePublicString = P.getY().toBigInteger().toString();
|
|
|
|
return senderKeyECData;
|
|
}
|
|
|
|
//In real life ellipticEncryption.receiverPublicString is the public key of the receiver.
|
|
//you don't have to run receiverRandom and the bottom function
|
|
ellipticEncryption.receiverPublicString = function (receiverPublicKey) {
|
|
|
|
var receiverKeyECData = {};
|
|
|
|
var curve = this.get_curve();
|
|
var G = this.get_G(curve);
|
|
var a = new BigInteger(receiverPublicKey);
|
|
var P = G.multiply(a);
|
|
receiverKeyECData.XValuePublicString = P.getX().toBigInteger().toString();
|
|
receiverKeyECData.YValuePublicString = P.getY().toBigInteger().toString();
|
|
|
|
return receiverKeyECData;
|
|
}
|
|
|
|
ellipticEncryption.senderSharedKeyDerivation = function (receiverPublicStringXValue,
|
|
receiverPublicStringYValue, senderPrivateKey) {
|
|
|
|
var senderDerivedKey = {};
|
|
var curve = this.get_curve();
|
|
var P = new EllipticCurve.PointFp(curve,
|
|
curve.fromBigInteger(new BigInteger(receiverPublicStringXValue)),
|
|
curve.fromBigInteger(new BigInteger(receiverPublicStringYValue)));
|
|
var a = new BigInteger(senderPrivateKey);
|
|
var S = P.multiply(a);
|
|
|
|
senderDerivedKey.XValue = S.getX().toBigInteger().toString();
|
|
senderDerivedKey.YValue = S.getY().toBigInteger().toString();
|
|
|
|
return senderDerivedKey;
|
|
}
|
|
|
|
|
|
ellipticEncryption.receiverSharedKeyDerivation = function (senderPublicStringXValue,
|
|
senderPublicStringYValue, receiverPrivateKey) {
|
|
|
|
var receiverDerivedKey = {};
|
|
var curve = this.get_curve();
|
|
var P = new EllipticCurve.PointFp(curve,
|
|
curve.fromBigInteger(new BigInteger(senderPublicStringXValue)),
|
|
curve.fromBigInteger(new BigInteger(senderPublicStringYValue)));
|
|
var a = new BigInteger(receiverPrivateKey);
|
|
var S = P.multiply(a);
|
|
|
|
receiverDerivedKey.XValue = S.getX().toBigInteger().toString();
|
|
receiverDerivedKey.YValue = S.getY().toBigInteger().toString();
|
|
|
|
return receiverDerivedKey;
|
|
}
|
|
|
|
})("secp256k1");
|
|
|
|
|
|
// secrets.js - by Alexander Stetsyuk - released under MIT License
|
|
(function (exports, global) {
|
|
var defaults = {
|
|
bits: 8, // default number of bits
|
|
radix: 16, // work with HEX by default
|
|
minBits: 3,
|
|
maxBits: 20, // this permits 1,048,575 shares, though going this high is NOT recommended in JS!
|
|
|
|
bytesPerChar: 2,
|
|
maxBytesPerChar: 6, // Math.pow(256,7) > Math.pow(2,53)
|
|
|
|
// Primitive polynomials (in decimal form) for Galois Fields GF(2^n), for 2 <= n <= 30
|
|
// The index of each term in the array corresponds to the n for that polynomial
|
|
// i.e. to get the polynomial for n=16, use primitivePolynomials[16]
|
|
primitivePolynomials: [null, null, 1, 3, 3, 5, 3, 3, 29, 17, 9, 5, 83, 27, 43, 3, 45, 9, 39, 39,
|
|
9, 5, 3, 33, 27, 9, 71, 39, 9, 5, 83
|
|
],
|
|
|
|
// warning for insecure PRNG
|
|
warning: 'WARNING:\nA secure random number generator was not found.\nUsing Math.random(), which is NOT cryptographically strong!'
|
|
};
|
|
|
|
// Protected settings object
|
|
var config = {};
|
|
|
|
/** @expose **/
|
|
exports.getConfig = function () {
|
|
return {
|
|
'bits': config.bits,
|
|
'unsafePRNG': config.unsafePRNG
|
|
};
|
|
};
|
|
|
|
function init(bits) {
|
|
if (bits && (typeof bits !== 'number' || bits % 1 !== 0 || bits < defaults.minBits || bits >
|
|
defaults.maxBits)) {
|
|
throw new Error('Number of bits must be an integer between ' + defaults.minBits + ' and ' +
|
|
defaults.maxBits + ', inclusive.')
|
|
}
|
|
|
|
config.radix = defaults.radix;
|
|
config.bits = bits || defaults.bits;
|
|
config.size = Math.pow(2, config.bits);
|
|
config.max = config.size - 1;
|
|
|
|
// Construct the exp and log tables for multiplication.
|
|
var logs = [],
|
|
exps = [],
|
|
x = 1,
|
|
primitive = defaults.primitivePolynomials[config.bits];
|
|
for (var i = 0; i < config.size; i++) {
|
|
exps[i] = x;
|
|
logs[x] = i;
|
|
x <<= 1;
|
|
if (x >= config.size) {
|
|
x ^= primitive;
|
|
x &= config.max;
|
|
}
|
|
}
|
|
|
|
config.logs = logs;
|
|
config.exps = exps;
|
|
};
|
|
|
|
/** @expose **/
|
|
exports.init = init;
|
|
|
|
function isInited() {
|
|
if (!config.bits || !config.size || !config.max || !config.logs || !config.exps || config.logs.length !==
|
|
config.size || config.exps.length !== config.size) {
|
|
return false;
|
|
}
|
|
return true;
|
|
};
|
|
|
|
// Returns a pseudo-random number generator of the form function(bits){}
|
|
// which should output a random string of 1's and 0's of length `bits`
|
|
function getRNG() {
|
|
var randomBits, crypto;
|
|
|
|
function construct(bits, arr, radix, size) {
|
|
var str = '',
|
|
i = 0,
|
|
len = arr.length - 1;
|
|
while (i < len || (str.length < bits)) {
|
|
str += padLeft(parseInt(arr[i], radix).toString(2), size);
|
|
i++;
|
|
}
|
|
str = str.substr(-bits);
|
|
if ((str.match(/0/g) || []).length === str.length) { // all zeros?
|
|
return null;
|
|
} else {
|
|
return str;
|
|
}
|
|
}
|
|
|
|
// node.js crypto.randomBytes()
|
|
if (typeof require === 'function' && (crypto = require('crypto')) && (randomBits = crypto[
|
|
'randomBytes'])) {
|
|
return function (bits) {
|
|
var bytes = Math.ceil(bits / 8),
|
|
str = null;
|
|
|
|
while (str === null) {
|
|
str = construct(bits, randomBits(bytes).toString('hex'), 16, 4);
|
|
}
|
|
return str;
|
|
}
|
|
}
|
|
|
|
// browsers with window.crypto.getRandomValues()
|
|
if (global['crypto'] && typeof global['crypto']['getRandomValues'] === 'function' && typeof global[
|
|
'Uint32Array'] === 'function') {
|
|
crypto = global['crypto'];
|
|
return function (bits) {
|
|
var elems = Math.ceil(bits / 32),
|
|
str = null,
|
|
arr = new global['Uint32Array'](elems);
|
|
|
|
while (str === null) {
|
|
crypto['getRandomValues'](arr);
|
|
str = construct(bits, arr, 10, 32);
|
|
}
|
|
|
|
return str;
|
|
}
|
|
}
|
|
|
|
// A totally insecure RNG!!! (except in Safari)
|
|
// Will produce a warning every time it is called.
|
|
config.unsafePRNG = true;
|
|
warn();
|
|
|
|
var bitsPerNum = 32;
|
|
var max = Math.pow(2, bitsPerNum) - 1;
|
|
return function (bits) {
|
|
var elems = Math.ceil(bits / bitsPerNum);
|
|
var arr = [],
|
|
str = null;
|
|
while (str === null) {
|
|
for (var i = 0; i < elems; i++) {
|
|
arr[i] = Math.floor(Math.random() * max + 1);
|
|
}
|
|
str = construct(bits, arr, 10, bitsPerNum);
|
|
}
|
|
return str;
|
|
};
|
|
};
|
|
|
|
// Warn about using insecure rng.
|
|
// Called when Math.random() is being used.
|
|
function warn() {
|
|
global['console']['warn'](defaults.warning);
|
|
if (typeof global['alert'] === 'function' && config.alert) {
|
|
global['alert'](defaults.warning);
|
|
}
|
|
}
|
|
|
|
// Set the PRNG to use. If no RNG function is supplied, pick a default using getRNG()
|
|
/** @expose **/
|
|
exports.setRNG = function (rng, alert) {
|
|
if (!isInited()) {
|
|
this.init();
|
|
}
|
|
config.unsafePRNG = false;
|
|
rng = rng || getRNG();
|
|
|
|
// test the RNG (5 times)
|
|
if (typeof rng !== 'function' || typeof rng(config.bits) !== 'string' || !parseInt(rng(config.bits),
|
|
2) || rng(config.bits).length > config.bits || rng(config.bits).length < config.bits) {
|
|
throw new Error(
|
|
"Random number generator is invalid. Supply an RNG of the form function(bits){} that returns a string containing 'bits' number of random 1's and 0's."
|
|
)
|
|
} else {
|
|
config.rng = rng;
|
|
}
|
|
config.alert = !!alert;
|
|
|
|
return !!config.unsafePRNG;
|
|
};
|
|
|
|
function isSetRNG() {
|
|
return typeof config.rng === 'function';
|
|
};
|
|
|
|
// Generates a random bits-length number string using the PRNG
|
|
/** @expose **/
|
|
exports.random = function (bits) {
|
|
if (!isSetRNG()) {
|
|
this.setRNG();
|
|
}
|
|
|
|
if (typeof bits !== 'number' || bits % 1 !== 0 || bits < 2) {
|
|
throw new Error('Number of bits must be an integer greater than 1.')
|
|
}
|
|
|
|
if (config.unsafePRNG) {
|
|
warn();
|
|
}
|
|
return bin2hex(config.rng(bits));
|
|
}
|
|
|
|
// Divides a `secret` number String str expressed in radix `inputRadix` (optional, default 16)
|
|
// into `numShares` shares, each expressed in radix `outputRadix` (optional, default to `inputRadix`),
|
|
// requiring `threshold` number of shares to reconstruct the secret.
|
|
// Optionally, zero-pads the secret to a length that is a multiple of padLength before sharing.
|
|
/** @expose **/
|
|
exports.share = function (secret, numShares, threshold, padLength, withoutPrefix) {
|
|
if (!isInited()) {
|
|
this.init();
|
|
}
|
|
if (!isSetRNG()) {
|
|
this.setRNG();
|
|
}
|
|
|
|
padLength = padLength || 0;
|
|
|
|
if (typeof secret !== 'string') {
|
|
throw new Error('Secret must be a string.');
|
|
}
|
|
if (typeof numShares !== 'number' || numShares % 1 !== 0 || numShares < 2) {
|
|
throw new Error('Number of shares must be an integer between 2 and 2^bits-1 (' + config.max +
|
|
'), inclusive.')
|
|
}
|
|
if (numShares > config.max) {
|
|
var neededBits = Math.ceil(Math.log(numShares + 1) / Math.LN2);
|
|
throw new Error('Number of shares must be an integer between 2 and 2^bits-1 (' + config.max +
|
|
'), inclusive. To create ' + numShares + ' shares, use at least ' + neededBits +
|
|
' bits.')
|
|
}
|
|
if (typeof threshold !== 'number' || threshold % 1 !== 0 || threshold < 2) {
|
|
throw new Error('Threshold number of shares must be an integer between 2 and 2^bits-1 (' +
|
|
config.max + '), inclusive.');
|
|
}
|
|
if (threshold > config.max) {
|
|
var neededBits = Math.ceil(Math.log(threshold + 1) / Math.LN2);
|
|
throw new Error('Threshold number of shares must be an integer between 2 and 2^bits-1 (' +
|
|
config.max + '), inclusive. To use a threshold of ' + threshold +
|
|
', use at least ' + neededBits + ' bits.');
|
|
}
|
|
if (typeof padLength !== 'number' || padLength % 1 !== 0) {
|
|
throw new Error('Zero-pad length must be an integer greater than 1.');
|
|
}
|
|
|
|
if (config.unsafePRNG) {
|
|
warn();
|
|
}
|
|
|
|
secret = '1' + hex2bin(secret); // append a 1 so that we can preserve the correct number of leading zeros in our secret
|
|
secret = split(secret, padLength);
|
|
var x = new Array(numShares),
|
|
y = new Array(numShares);
|
|
for (var i = 0, len = secret.length; i < len; i++) {
|
|
var subShares = this._getShares(secret[i], numShares, threshold);
|
|
for (var j = 0; j < numShares; j++) {
|
|
x[j] = x[j] || subShares[j].x.toString(config.radix);
|
|
y[j] = padLeft(subShares[j].y.toString(2)) + (y[j] ? y[j] : '');
|
|
}
|
|
}
|
|
var padding = config.max.toString(config.radix).length;
|
|
if (withoutPrefix) {
|
|
for (var i = 0; i < numShares; i++) {
|
|
x[i] = bin2hex(y[i]);
|
|
}
|
|
} else {
|
|
for (var i = 0; i < numShares; i++) {
|
|
x[i] = config.bits.toString(36).toUpperCase() + padLeft(x[i], padding) + bin2hex(y[i]);
|
|
}
|
|
}
|
|
|
|
return x;
|
|
};
|
|
|
|
// This is the basic polynomial generation and evaluation function
|
|
// for a `config.bits`-length secret (NOT an arbitrary length)
|
|
// Note: no error-checking at this stage! If `secrets` is NOT
|
|
// a NUMBER less than 2^bits-1, the output will be incorrect!
|
|
/** @expose **/
|
|
exports._getShares = function (secret, numShares, threshold) {
|
|
var shares = [];
|
|
var coeffs = [secret];
|
|
|
|
for (var i = 1; i < threshold; i++) {
|
|
coeffs[i] = parseInt(config.rng(config.bits), 2);
|
|
}
|
|
for (var i = 1, len = numShares + 1; i < len; i++) {
|
|
shares[i - 1] = {
|
|
x: i,
|
|
y: horner(i, coeffs)
|
|
}
|
|
}
|
|
return shares;
|
|
};
|
|
|
|
// Polynomial evaluation at `x` using Horner's Method
|
|
// TODO: this can possibly be sped up using other methods
|
|
// NOTE: fx=fx * x + coeff[i] -> exp(log(fx) + log(x)) + coeff[i],
|
|
// so if fx===0, just set fx to coeff[i] because
|
|
// using the exp/log form will result in incorrect value
|
|
function horner(x, coeffs) {
|
|
var logx = config.logs[x];
|
|
var fx = 0;
|
|
for (var i = coeffs.length - 1; i >= 0; i--) {
|
|
if (fx === 0) {
|
|
fx = coeffs[i];
|
|
continue;
|
|
}
|
|
fx = config.exps[(logx + config.logs[fx]) % config.max] ^ coeffs[i];
|
|
}
|
|
return fx;
|
|
};
|
|
|
|
function inArray(arr, val) {
|
|
for (var i = 0, len = arr.length; i < len; i++) {
|
|
if (arr[i] === val) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
function processShare(share) {
|
|
|
|
var bits = parseInt(share[0], 36);
|
|
if (bits && (typeof bits !== 'number' || bits % 1 !== 0 || bits < defaults.minBits || bits >
|
|
defaults.maxBits)) {
|
|
throw new Error('Number of bits must be an integer between ' + defaults.minBits + ' and ' +
|
|
defaults.maxBits + ', inclusive.')
|
|
}
|
|
|
|
var max = Math.pow(2, bits) - 1;
|
|
var idLength = max.toString(config.radix).length;
|
|
|
|
var id = parseInt(share.substr(1, idLength), config.radix);
|
|
if (typeof id !== 'number' || id % 1 !== 0 || id < 1 || id > max) {
|
|
throw new Error('Share id must be an integer between 1 and ' + config.max + ', inclusive.');
|
|
}
|
|
share = share.substr(idLength + 1);
|
|
if (!share.length) {
|
|
throw new Error('Invalid share: zero-length share.')
|
|
}
|
|
return {
|
|
'bits': bits,
|
|
'id': id,
|
|
'value': share
|
|
};
|
|
};
|
|
|
|
/** @expose **/
|
|
exports._processShare = processShare;
|
|
|
|
// Protected method that evaluates the Lagrange interpolation
|
|
// polynomial at x=`at` for individual config.bits-length
|
|
// segments of each share in the `shares` Array.
|
|
// Each share is expressed in base `inputRadix`. The output
|
|
// is expressed in base `outputRadix'
|
|
function combine(at, shares) {
|
|
var setBits, share, x = [],
|
|
y = [],
|
|
result = '',
|
|
idx;
|
|
|
|
for (var i = 0, len = shares.length; i < len; i++) {
|
|
share = processShare(shares[i]);
|
|
if (typeof setBits === 'undefined') {
|
|
setBits = share['bits'];
|
|
} else if (share['bits'] !== setBits) {
|
|
throw new Error('Mismatched shares: Different bit settings.')
|
|
}
|
|
|
|
if (config.bits !== setBits) {
|
|
init(setBits);
|
|
}
|
|
|
|
if (inArray(x, share['id'])) { // repeated x value?
|
|
continue;
|
|
}
|
|
|
|
idx = x.push(share['id']) - 1;
|
|
share = split(hex2bin(share['value']));
|
|
for (var j = 0, len2 = share.length; j < len2; j++) {
|
|
y[j] = y[j] || [];
|
|
y[j][idx] = share[j];
|
|
}
|
|
}
|
|
|
|
for (var i = 0, len = y.length; i < len; i++) {
|
|
result = padLeft(lagrange(at, x, y[i]).toString(2)) + result;
|
|
}
|
|
|
|
if (at === 0) { // reconstructing the secret
|
|
var idx = result.indexOf('1'); //find the first 1
|
|
return bin2hex(result.slice(idx + 1));
|
|
} else { // generating a new share
|
|
return bin2hex(result);
|
|
}
|
|
};
|
|
|
|
// Combine `shares` Array into the original secret
|
|
/** @expose **/
|
|
exports.combine = function (shares) {
|
|
return combine(0, shares);
|
|
};
|
|
|
|
// Generate a new share with id `id` (a number between 1 and 2^bits-1)
|
|
// `id` can be a Number or a String in the default radix (16)
|
|
/** @expose **/
|
|
exports.newShare = function (id, shares) {
|
|
if (typeof id === 'string') {
|
|
id = parseInt(id, config.radix);
|
|
}
|
|
|
|
var share = processShare(shares[0]);
|
|
var max = Math.pow(2, share['bits']) - 1;
|
|
|
|
if (typeof id !== 'number' || id % 1 !== 0 || id < 1 || id > max) {
|
|
throw new Error('Share id must be an integer between 1 and ' + config.max + ', inclusive.');
|
|
}
|
|
|
|
var padding = max.toString(config.radix).length;
|
|
return config.bits.toString(36).toUpperCase() + padLeft(id.toString(config.radix), padding) +
|
|
combine(id, shares);
|
|
};
|
|
|
|
// Evaluate the Lagrange interpolation polynomial at x = `at`
|
|
// using x and y Arrays that are of the same length, with
|
|
// corresponding elements constituting points on the polynomial.
|
|
function lagrange(at, x, y) {
|
|
var sum = 0,
|
|
product,
|
|
i, j;
|
|
|
|
for (var i = 0, len = x.length; i < len; i++) {
|
|
if (!y[i]) {
|
|
continue;
|
|
}
|
|
|
|
product = config.logs[y[i]];
|
|
for (var j = 0; j < len; j++) {
|
|
if (i === j) {
|
|
continue;
|
|
}
|
|
if (at === x[j]) { // happens when computing a share that is in the list of shares used to compute it
|
|
product = -1; // fix for a zero product term, after which the sum should be sum^0 = sum, not sum^1
|
|
break;
|
|
}
|
|
product = (product + config.logs[at ^ x[j]] - config.logs[x[i] ^ x[j]] + config.max /* to make sure it's not negative */ ) %
|
|
config.max;
|
|
}
|
|
|
|
sum = product === -1 ? sum : sum ^ config.exps[product]; // though exps[-1]= undefined and undefined ^ anything = anything in chrome, this behavior may not hold everywhere, so do the check
|
|
}
|
|
return sum;
|
|
};
|
|
|
|
/** @expose **/
|
|
exports._lagrange = lagrange;
|
|
|
|
// Splits a number string `bits`-length segments, after first
|
|
// optionally zero-padding it to a length that is a multiple of `padLength.
|
|
// Returns array of integers (each less than 2^bits-1), with each element
|
|
// representing a `bits`-length segment of the input string from right to left,
|
|
// i.e. parts[0] represents the right-most `bits`-length segment of the input string.
|
|
function split(str, padLength) {
|
|
if (padLength) {
|
|
str = padLeft(str, padLength)
|
|
}
|
|
var parts = [];
|
|
for (var i = str.length; i > config.bits; i -= config.bits) {
|
|
parts.push(parseInt(str.slice(i - config.bits, i), 2));
|
|
}
|
|
parts.push(parseInt(str.slice(0, i), 2));
|
|
return parts;
|
|
};
|
|
|
|
// Pads a string `str` with zeros on the left so that its length is a multiple of `bits`
|
|
function padLeft(str, bits) {
|
|
bits = bits || config.bits
|
|
var missing = str.length % bits;
|
|
return (missing ? new Array(bits - missing + 1).join('0') : '') + str;
|
|
};
|
|
|
|
function hex2bin(str) {
|
|
var bin = '',
|
|
num;
|
|
for (var i = str.length - 1; i >= 0; i--) {
|
|
num = parseInt(str[i], 16)
|
|
if (isNaN(num)) {
|
|
throw new Error('Invalid hex character.')
|
|
}
|
|
bin = padLeft(num.toString(2), 4) + bin;
|
|
}
|
|
return bin;
|
|
}
|
|
|
|
function bin2hex(str) {
|
|
var hex = '',
|
|
num;
|
|
str = padLeft(str, 4);
|
|
for (var i = str.length; i >= 4; i -= 4) {
|
|
num = parseInt(str.slice(i - 4, i), 2);
|
|
if (isNaN(num)) {
|
|
throw new Error('Invalid binary character.')
|
|
}
|
|
hex = num.toString(16) + hex;
|
|
}
|
|
return hex;
|
|
}
|
|
|
|
// Converts a given UTF16 character string to the HEX representation.
|
|
// Each character of the input string is represented by
|
|
// `bytesPerChar` bytes in the output string.
|
|
/** @expose **/
|
|
exports.str2hex = function (str, bytesPerChar) {
|
|
if (typeof str !== 'string') {
|
|
throw new Error('Input must be a character string.');
|
|
}
|
|
bytesPerChar = bytesPerChar || defaults.bytesPerChar;
|
|
|
|
if (typeof bytesPerChar !== 'number' || bytesPerChar % 1 !== 0 || bytesPerChar < 1 ||
|
|
bytesPerChar > defaults.maxBytesPerChar) {
|
|
throw new Error('Bytes per character must be an integer between 1 and ' + defaults.maxBytesPerChar +
|
|
', inclusive.')
|
|
}
|
|
|
|
var hexChars = 2 * bytesPerChar;
|
|
var max = Math.pow(16, hexChars) - 1;
|
|
var out = '',
|
|
num;
|
|
for (var i = 0, len = str.length; i < len; i++) {
|
|
num = str[i].charCodeAt();
|
|
if (isNaN(num)) {
|
|
throw new Error('Invalid character: ' + str[i]);
|
|
} else if (num > max) {
|
|
var neededBytes = Math.ceil(Math.log(num + 1) / Math.log(256));
|
|
throw new Error('Invalid character code (' + num +
|
|
'). Maximum allowable is 256^bytes-1 (' + max +
|
|
'). To convert this character, use at least ' + neededBytes + ' bytes.')
|
|
} else {
|
|
out = padLeft(num.toString(16), hexChars) + out;
|
|
}
|
|
}
|
|
return out;
|
|
};
|
|
|
|
// Converts a given HEX number string to a UTF16 character string.
|
|
/** @expose **/
|
|
exports.hex2str = function (str, bytesPerChar) {
|
|
if (typeof str !== 'string') {
|
|
throw new Error('Input must be a hexadecimal string.');
|
|
}
|
|
bytesPerChar = bytesPerChar || defaults.bytesPerChar;
|
|
|
|
if (typeof bytesPerChar !== 'number' || bytesPerChar % 1 !== 0 || bytesPerChar < 1 ||
|
|
bytesPerChar > defaults.maxBytesPerChar) {
|
|
throw new Error('Bytes per character must be an integer between 1 and ' + defaults.maxBytesPerChar +
|
|
', inclusive.')
|
|
}
|
|
|
|
var hexChars = 2 * bytesPerChar;
|
|
var out = '';
|
|
str = padLeft(str, hexChars);
|
|
for (var i = 0, len = str.length; i < len; i += hexChars) {
|
|
out = String.fromCharCode(parseInt(str.slice(i, i + hexChars), 16)) + out;
|
|
}
|
|
return out;
|
|
};
|
|
|
|
// by default, initialize without an RNG
|
|
exports.init();
|
|
})(typeof module !== 'undefined' && module['exports'] ? module['exports'] : (window['shamirSecretShare'] = {}),
|
|
typeof global !== 'undefined' ? global : window);
|
|
|
|
//For diff base
|
|
/*
|
|
Functions available:
|
|
diff(originalObj, updatedObj) returns the difference of the original and updated objects
|
|
addedDiff(original, updatedObj) returns only the values added to the updated object
|
|
deletedDiff(original, updatedObj) returns only the values deleted in the updated object
|
|
updatedDiff(original, updatedObj) returns only the values that have been changed in the updated object
|
|
findDifference(original, updatedObj) returns an object with the added, deleted and updated differences
|
|
mergeRecurcive(original, diff) this will get you a new object that will merge all the changes between the old object and the new object
|
|
*/
|
|
(function(){
|
|
const isDate = d => d instanceof Date;
|
|
const isEmpty = o => Object.keys(o).length === 0;
|
|
const isObject = o => o != null && typeof o === 'object';
|
|
const properObject = o => isObject(o) && !o.hasOwnProperty ? { ...o } : o;
|
|
|
|
|
|
const getLargerArray = (l, r) => l.length > r.length ? l : r;
|
|
|
|
const preserve = (diff, left, right) => {
|
|
|
|
if (!isObject(diff)) return diff;
|
|
|
|
return Object.keys(diff).reduce((acc, key) => {
|
|
|
|
const leftArray = left[key];
|
|
const rightArray = right[key];
|
|
|
|
if (Array.isArray(leftArray) && Array.isArray(rightArray)) {
|
|
const array = [...getLargerArray(leftArray, rightArray)];
|
|
return {
|
|
...acc,
|
|
[key]: array.reduce((acc2, item, index) => {
|
|
if (diff[key].hasOwnProperty(index)) {
|
|
acc2[index] = preserve(diff[key][index], leftArray[index], rightArray[index]); // diff recurse and check for nested arrays
|
|
return acc2;
|
|
}
|
|
|
|
delete acc2[index]; // no diff aka empty
|
|
return acc2;
|
|
}, array)
|
|
};
|
|
}
|
|
|
|
return {
|
|
...acc,
|
|
[key]: diff[key]
|
|
};
|
|
}, {});
|
|
};
|
|
|
|
|
|
const updatedDiff = (lhs, rhs) => {
|
|
|
|
if (lhs === rhs) return {};
|
|
|
|
if (!isObject(lhs) || !isObject(rhs)) return rhs;
|
|
|
|
const l = properObject(lhs);
|
|
const r = properObject(rhs);
|
|
|
|
if (isDate(l) || isDate(r)) {
|
|
if (l.valueOf() == r.valueOf()) return {};
|
|
return r;
|
|
}
|
|
|
|
return Object.keys(r).reduce((acc, key) => {
|
|
|
|
if (l.hasOwnProperty(key)) {
|
|
const difference = updatedDiff(l[key], r[key]);
|
|
|
|
if (isObject(difference) && isEmpty(difference) && !isDate(difference)) return acc;
|
|
|
|
return { ...acc, [key]: difference };
|
|
}
|
|
|
|
return acc;
|
|
}, {});
|
|
};
|
|
|
|
|
|
const diff = (lhs, rhs) => {
|
|
if (lhs === rhs) return {}; // equal return no diff
|
|
|
|
if (!isObject(lhs) || !isObject(rhs)) return rhs; // return updated rhs
|
|
|
|
const l = properObject(lhs);
|
|
const r = properObject(rhs);
|
|
|
|
const deletedValues = Object.keys(l).reduce((acc, key) => {
|
|
return r.hasOwnProperty(key) ? acc : { ...acc, [key]: null };
|
|
}, {});
|
|
|
|
if (isDate(l) || isDate(r)) {
|
|
if (l.valueOf() == r.valueOf()) return {};
|
|
return r;
|
|
}
|
|
|
|
return Object.keys(r).reduce((acc, key) => {
|
|
if (!l.hasOwnProperty(key)) return { ...acc, [key]: r[key] }; // return added r key
|
|
|
|
const difference = diff(l[key], r[key]);
|
|
|
|
if (isObject(difference) && isEmpty(difference) && !isDate(difference)) return acc; // return no diff
|
|
|
|
return { ...acc, [key]: difference }; // return updated key
|
|
}, deletedValues);
|
|
};
|
|
|
|
const addedDiff = (lhs, rhs) => {
|
|
|
|
if (lhs === rhs || !isObject(lhs) || !isObject(rhs)) return {};
|
|
|
|
const l = properObject(lhs);
|
|
const r = properObject(rhs);
|
|
|
|
return Object.keys(r).reduce((acc, key) => {
|
|
if (l.hasOwnProperty(key)) {
|
|
const difference = addedDiff(l[key], r[key]);
|
|
|
|
if (isObject(difference) && isEmpty(difference)) return acc;
|
|
|
|
return { ...acc, [key]: difference };
|
|
}
|
|
|
|
return { ...acc, [key]: r[key] };
|
|
}, {});
|
|
};
|
|
|
|
|
|
const arrayDiff = (lhs, rhs) => {
|
|
if (lhs === rhs) return {}; // equal return no diff
|
|
|
|
if (!isObject(lhs) || !isObject(rhs)) return rhs; // return updated rhs
|
|
|
|
const l = properObject(lhs);
|
|
const r = properObject(rhs);
|
|
|
|
const deletedValues = Object.keys(l).reduce((acc, key) => {
|
|
return r.hasOwnProperty(key) ? acc : { ...acc, [key]: null };
|
|
}, {});
|
|
|
|
if (isDate(l) || isDate(r)) {
|
|
if (l.valueOf() == r.valueOf()) return {};
|
|
return r;
|
|
}
|
|
|
|
if (Array.isArray(r) && Array.isArray(l)) {
|
|
const deletedValues = l.reduce((acc, item, index) => {
|
|
return r.hasOwnProperty(index) ? acc.concat(item) : acc.concat(null);
|
|
}, []);
|
|
|
|
return r.reduce((acc, rightItem, index) => {
|
|
if (!deletedValues.hasOwnProperty(index)) {
|
|
return acc.concat(rightItem);
|
|
}
|
|
|
|
const leftItem = l[index];
|
|
const difference = diff(rightItem, leftItem);
|
|
|
|
if (isObject(difference) && isEmpty(difference) && !isDate(difference)) {
|
|
delete acc[index];
|
|
return acc; // return no diff
|
|
}
|
|
|
|
return acc.slice(0, index).concat(rightItem).concat(acc.slice(index + 1)); // return updated key
|
|
}, deletedValues);
|
|
}
|
|
|
|
return Object.keys(r).reduce((acc, key) => {
|
|
if (!l.hasOwnProperty(key)) return { ...acc, [key]: r[key] }; // return added r key
|
|
|
|
const difference = diff(l[key], r[key]);
|
|
|
|
if (isObject(difference) && isEmpty(difference) && !isDate(difference)) return acc; // return no diff
|
|
|
|
return { ...acc, [key]: difference }; // return updated key
|
|
}, deletedValues);
|
|
};
|
|
|
|
const deletedDiff = (lhs, rhs) => {
|
|
if (lhs === rhs || !isObject(lhs) || !isObject(rhs)) return {};
|
|
|
|
const l = properObject(lhs);
|
|
const r = properObject(rhs);
|
|
|
|
return Object.keys(l).reduce((acc, key) => {
|
|
if (r.hasOwnProperty(key)) {
|
|
const difference = deletedDiff(l[key], r[key]);
|
|
|
|
if (isObject(difference) && isEmpty(difference)) return acc;
|
|
|
|
return { ...acc, [key]: difference };
|
|
}
|
|
|
|
return { ...acc, [key]: null };
|
|
}, {});
|
|
};
|
|
|
|
window.findDifference = (lhs, rhs) => ({
|
|
added: addedDiff(lhs, rhs),
|
|
deleted: deletedDiff(lhs, rhs),
|
|
updated: updatedDiff(lhs, rhs),
|
|
});
|
|
|
|
const mergeRecursive = (obj1, obj2) => {
|
|
for (var p in obj2) {
|
|
try {
|
|
if(obj2[p].constructor == Object) {
|
|
obj1[p] = mergeRecursive(obj1[p], obj2[p]);
|
|
}
|
|
// Property in destination object set; update its value.
|
|
else if (Ext.isArray(obj2[p])) {
|
|
// obj1[p] = [];
|
|
if (obj2[p].length < 1) {
|
|
obj1[p] = obj2[p];
|
|
}
|
|
else {
|
|
obj1[p] = mergeRecursive(obj1[p], obj2[p]);
|
|
}
|
|
|
|
}else{
|
|
obj1[p] = obj2[p];
|
|
}
|
|
} catch (e) {
|
|
// Property in destination object not set; create it and set its value.
|
|
obj1[p] = obj2[p];
|
|
}
|
|
}
|
|
return obj1;
|
|
}
|
|
|
|
/*
|
|
var test = {
|
|
foo : {
|
|
bar : {
|
|
baz : null
|
|
}
|
|
},
|
|
bar : 1
|
|
};
|
|
cleanse(test);
|
|
|
|
Rohit: Added a small fix for object being entered as Array*/
|
|
|
|
const cleanse = (obj) => {
|
|
Object.keys(obj).forEach(key => {
|
|
var value = obj[key];
|
|
if (typeof value === "object" && value !== null) {
|
|
// Recurse...
|
|
cleanse(value);
|
|
// ...and remove if now "empty" (NOTE: insert your definition of "empty" here)
|
|
if (!Object.keys(value).length) {
|
|
delete obj[key]
|
|
}
|
|
}
|
|
else if (value === null) {
|
|
// null, remove it
|
|
delete obj[key];
|
|
|
|
}
|
|
});
|
|
|
|
if(obj.constructor.toString().indexOf("Array") != -1) {obj = obj.filter(function (el) {
|
|
return el != null;
|
|
});}
|
|
|
|
return obj;
|
|
}
|
|
|
|
/*obj is original object or array, diff is the output of findDifference */
|
|
window.mergeDifference = (obj,diff) => {
|
|
if(Object.keys(diff.updated).length !== 0)
|
|
obj = mergeRecursive(obj,diff.updated)
|
|
if(Object.keys(diff.deleted).length !== 0){
|
|
obj = mergeRecursive(obj,diff.deleted)
|
|
obj = cleanse(obj)
|
|
}
|
|
if(Object.keys(diff.added).length !== 0)
|
|
obj = mergeRecursive(obj,diff.added)
|
|
return obj
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
<script id="floCrypto">
|
|
/* FLO Crypto Operators*/
|
|
const floCrypto = {
|
|
|
|
util: {
|
|
p: BigInteger("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F", 16),
|
|
|
|
ecparams: EllipticCurve.getSECCurveByName("secp256k1"),
|
|
|
|
exponent1: function () {
|
|
return this.p.add(BigInteger.ONE).divide(BigInteger("4"))
|
|
},
|
|
|
|
calculateY: function (x) {
|
|
let p = this.p;
|
|
let exp = this.exponent1();
|
|
// x is x value of public key in BigInteger format without 02 or 03 or 04 prefix
|
|
return x.modPow(BigInteger("3"), p).add(BigInteger("7")).mod(p).modPow(exp, p)
|
|
},
|
|
getUncompressedPublicKey: function (compressedPublicKey) {
|
|
const p = this.p;
|
|
// Fetch x from compressedPublicKey
|
|
let pubKeyBytes = Crypto.util.hexToBytes(compressedPublicKey);
|
|
const prefix = pubKeyBytes.shift() // remove prefix
|
|
let prefix_modulus = prefix % 2;
|
|
pubKeyBytes.unshift(0) // add prefix 0
|
|
let x = new BigInteger(pubKeyBytes)
|
|
let xDecimalValue = x.toString()
|
|
// Fetch y
|
|
let y = this.calculateY(x);
|
|
let yDecimalValue = y.toString();
|
|
// verify y value
|
|
let resultBigInt = y.mod(BigInteger("2"));
|
|
let check = resultBigInt.toString() % 2;
|
|
if (prefix_modulus !== check) {
|
|
yDecimalValue = y.negate().mod(p).toString();
|
|
}
|
|
return {
|
|
x: xDecimalValue,
|
|
y: yDecimalValue
|
|
};
|
|
},
|
|
|
|
getSenderPublicKeyString: function () {
|
|
privateKey = ellipticCurveEncryption.senderRandom();
|
|
senderPublicKeyString = ellipticCurveEncryption.senderPublicString(privateKey);
|
|
return {
|
|
privateKey: privateKey,
|
|
senderPublicKeyString: senderPublicKeyString
|
|
}
|
|
},
|
|
|
|
deriveSharedKeySender: function (receiverCompressedPublicKey, senderPrivateKey) {
|
|
try {
|
|
let receiverPublicKeyString = this.getUncompressedPublicKey(receiverCompressedPublicKey);
|
|
var senderDerivedKey = ellipticCurveEncryption.senderSharedKeyDerivation(
|
|
receiverPublicKeyString.x, receiverPublicKeyString.y, senderPrivateKey);
|
|
return senderDerivedKey;
|
|
} catch (error) {
|
|
return new Error(error);
|
|
}
|
|
},
|
|
|
|
deriveReceiverSharedKey: function (senderPublicKeyString, receiverPrivateKey) {
|
|
return ellipticCurveEncryption.receiverSharedKeyDerivation(
|
|
senderPublicKeyString.XValuePublicString, senderPublicKeyString.YValuePublicString,
|
|
receiverPrivateKey);
|
|
},
|
|
|
|
getReceiverPublicKeyString: function (privateKey) {
|
|
return ellipticCurveEncryption.receiverPublicString(privateKey);
|
|
},
|
|
|
|
deriveSharedKeyReceiver: function (senderPublicKeyString, receiverPrivateKey) {
|
|
try {
|
|
return ellipticCurveEncryption.receiverSharedKeyDerivation(senderPublicKeyString
|
|
.XValuePublicString,
|
|
senderPublicKeyString.YValuePublicString, receiverPrivateKey);
|
|
|
|
} catch (error) {
|
|
return new Error(error);
|
|
}
|
|
},
|
|
|
|
wifToDecimal: function (pk_wif, isPubKeyCompressed = false) {
|
|
let pk = Bitcoin.Base58.decode(pk_wif)
|
|
pk.shift()
|
|
pk.splice(-4, 4)
|
|
//If the private key corresponded to a compressed public key, also drop the last byte (it should be 0x01).
|
|
if (isPubKeyCompressed == true) pk.pop()
|
|
pk.unshift(0)
|
|
privateKeyDecimal = BigInteger(pk).toString()
|
|
privateKeyHex = Crypto.util.bytesToHex(pk)
|
|
return {
|
|
privateKeyDecimal: privateKeyDecimal,
|
|
privateKeyHex: privateKeyHex
|
|
}
|
|
}
|
|
},
|
|
|
|
//generate a random Interger within range
|
|
randInt: function (min, max) {
|
|
min = Math.ceil(min);
|
|
max = Math.floor(max);
|
|
return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
},
|
|
|
|
//generate a random String within length (options : alphaNumeric chars only)
|
|
randString: function (length, alphaNumeric = false) {
|
|
var result = '';
|
|
if (alphaNumeric)
|
|
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|
else
|
|
var characters =
|
|
'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_+-./*?@#&$<>=[]{}():';
|
|
for (var i = 0; i < length; i++)
|
|
result += characters.charAt(Math.floor(Math.random() * characters.length));
|
|
return result;
|
|
},
|
|
|
|
//Encrypt Data using public-key
|
|
encryptData: function (data, receiverCompressedPublicKey) {
|
|
var senderECKeyData = this.util.getSenderPublicKeyString();
|
|
var senderDerivedKey = this.util.deriveSharedKeySender(receiverCompressedPublicKey, senderECKeyData
|
|
.privateKey);
|
|
let senderKey = senderDerivedKey.XValue + senderDerivedKey.YValue;
|
|
let secret = Crypto.AES.encrypt(data, senderKey);
|
|
return {
|
|
secret: secret,
|
|
senderPublicKeyString: senderECKeyData.senderPublicKeyString
|
|
};
|
|
},
|
|
|
|
//Decrypt Data using private-key
|
|
decryptData: function (data, myPrivateKey) {
|
|
var receiverECKeyData = {};
|
|
if (typeof myPrivateKey !== "string") throw new Error("No private key found.");
|
|
|
|
let privateKey = this.util.wifToDecimal(myPrivateKey, true);
|
|
if (typeof privateKey.privateKeyDecimal !== "string") throw new Error(
|
|
"Failed to detremine your private key.");
|
|
receiverECKeyData.privateKey = privateKey.privateKeyDecimal;
|
|
|
|
var receiverDerivedKey = this.util.deriveReceiverSharedKey(data.senderPublicKeyString,
|
|
receiverECKeyData
|
|
.privateKey);
|
|
|
|
let receiverKey = receiverDerivedKey.XValue + receiverDerivedKey.YValue;
|
|
let decryptMsg = Crypto.AES.decrypt(data.secret, receiverKey);
|
|
return decryptMsg;
|
|
},
|
|
|
|
//Sign data using private-key
|
|
signData: function (data, privateKeyHex) {
|
|
var key = new Bitcoin.ECKey(privateKeyHex);
|
|
key.setCompressed(true);
|
|
|
|
var privateKeyArr = key.getBitcoinPrivateKeyByteArray();
|
|
privateKey = BigInteger.fromByteArrayUnsigned(privateKeyArr);
|
|
var messageHash = Crypto.SHA256(data);
|
|
|
|
var messageHashBigInteger = new BigInteger(messageHash);
|
|
var messageSign = Bitcoin.ECDSA.sign(messageHashBigInteger, key.priv);
|
|
|
|
var sighex = Crypto.util.bytesToHex(messageSign);
|
|
return sighex;
|
|
},
|
|
|
|
//Verify signatue of the data using public-key
|
|
verifySign: function (data, signatureHex, publicKeyHex) {
|
|
var msgHash = Crypto.SHA256(data);
|
|
var messageHashBigInteger = new BigInteger(msgHash);
|
|
|
|
var sigBytes = Crypto.util.hexToBytes(signatureHex);
|
|
var signature = Bitcoin.ECDSA.parseSig(sigBytes);
|
|
|
|
var publicKeyPoint = this.util.ecparams.getCurve().decodePointHex(publicKeyHex);
|
|
|
|
var verify = Bitcoin.ECDSA.verifyRaw(messageHashBigInteger, signature.r, signature.s,
|
|
publicKeyPoint);
|
|
return verify;
|
|
},
|
|
|
|
//Generates a new flo ID and returns private-key, public-key and floID
|
|
generateNewID: function () {
|
|
try {
|
|
var key = new Bitcoin.ECKey(false);
|
|
key.setCompressed(true);
|
|
return {
|
|
floID: key.getBitcoinAddress(),
|
|
pubKey: key.getPubKeyHex(),
|
|
privKey: key.getBitcoinWalletImportFormat()
|
|
}
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
},
|
|
|
|
//Returns public-key from private-key
|
|
getPubKeyHex: function (privateKeyHex) {
|
|
if(!privateKeyHex)
|
|
return null;
|
|
var key = new Bitcoin.ECKey(privateKeyHex);
|
|
if (key.priv == null)
|
|
return null;
|
|
key.setCompressed(true);
|
|
var pubkeyHex = key.getPubKeyHex();
|
|
return pubkeyHex;
|
|
},
|
|
|
|
//Returns flo-ID from public-key
|
|
getFloIDfromPubkeyHex: function (pubkeyHex) {
|
|
try {
|
|
var key = new Bitcoin.ECKey().setPub(pubkeyHex);
|
|
var floID = key.getBitcoinAddress();
|
|
return floID;
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
},
|
|
|
|
//Verify the private-key for the given public-key or flo-ID
|
|
verifyPrivKey: function (privateKeyHex, pubKey_floID, isfloID = true) {
|
|
try {
|
|
var key = new Bitcoin.ECKey(privateKeyHex);
|
|
if (key.priv == null)
|
|
return false;
|
|
key.setCompressed(true);
|
|
if (isfloID && pubKey_floID == key.getBitcoinAddress())
|
|
return true;
|
|
else if (!isfloID && pubKey_floID == key.getPubKeyHex())
|
|
return true;
|
|
else
|
|
return false;
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
},
|
|
|
|
//Check if the given Address is valid or not
|
|
validateAddr: function (inpAddr) {
|
|
try {
|
|
var addr = new Bitcoin.Address(inpAddr);
|
|
return true;
|
|
} catch {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
//Split the str using shamir's Secret and Returns the shares
|
|
createShamirsSecretShares: function (str, total_shares, threshold_limit) {
|
|
try {
|
|
if (str.length > 0) {
|
|
var strHex = shamirSecretShare.str2hex(str);
|
|
var shares = shamirSecretShare.share(strHex, total_shares, threshold_limit);
|
|
return shares;
|
|
}
|
|
return false;
|
|
} catch {
|
|
return false
|
|
}
|
|
},
|
|
|
|
//Verifies the shares and str
|
|
verifyShamirsSecret: function (sharesArray, str) {
|
|
return (str && this.retrieveShamirSecret(sharesArray) === str)
|
|
},
|
|
|
|
//Returns the retrived secret by combining the shamirs shares
|
|
retrieveShamirSecret: function (sharesArray) {
|
|
try {
|
|
if (sharesArray.length > 0) {
|
|
var comb = shamirSecretShare.combine(sharesArray.slice(0, sharesArray.length));
|
|
comb = shamirSecretShare.hex2str(comb);
|
|
return comb;
|
|
}
|
|
return false;
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<script id="floBlockchainAPI">
|
|
/* FLO Blockchain Operator to send/receive data from blockchain using API calls*/
|
|
const floBlockchainAPI = {
|
|
|
|
util: {
|
|
serverList: floGlobals.apiURL[floGlobals.blockchain].slice(0),
|
|
curPos: floCrypto.randInt(0, floGlobals.apiURL[floGlobals.blockchain].length),
|
|
fetch_retry: function (apicall) {
|
|
return new Promise((resolve, reject) => {
|
|
this.serverList.splice(this.curPos, 1);
|
|
this.curPos = floCrypto.randInt(0, this.serverList.length)
|
|
this.fetch_api(apicall)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error));
|
|
})
|
|
},
|
|
fetch_api: function (apicall) {
|
|
return new Promise((resolve, reject) => {
|
|
if (this.serverList.length === 0)
|
|
reject("No floSight server working")
|
|
else {
|
|
fetch(this.serverList[this.curPos] + apicall).then(response => {
|
|
if (response.ok)
|
|
response.json().then(data => resolve(data));
|
|
else {
|
|
this.fetch_retry(apicall)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error));
|
|
}
|
|
}).catch(error => {
|
|
this.fetch_retry(apicall)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error));
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
|
|
//Promised function to get data from API
|
|
promisedAPI: function (apicall) {
|
|
return new Promise((resolve, reject) => {
|
|
console.log(apicall)
|
|
this.util.fetch_api(apicall)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
//Get balance for the given Address
|
|
getBalance: function (addr) {
|
|
return new Promise((resolve, reject) => {
|
|
this.promisedAPI(`api/addr/${addr}/balance`)
|
|
.then(balance => resolve(parseFloat(balance)))
|
|
.catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
//Write Data into blockchain
|
|
writeData: function (senderAddr, Data, PrivKey, receiverAddr = floGlobals.adminID) {
|
|
return new Promise((resolve, reject) => {
|
|
this.sendTx(senderAddr, receiverAddr, floGlobals.sendAmt, PrivKey, Data)
|
|
.then(txid => resolve(txid))
|
|
.catch(error => reject(error))
|
|
});
|
|
},
|
|
|
|
//Send Tx to blockchain
|
|
sendTx: function (senderAddr, receiverAddr, sendAmt, PrivKey, floData = '') {
|
|
return new Promise((resolve, reject) => {
|
|
if (!floCrypto.validateAddr(senderAddr))
|
|
reject(`Invalid address : ${senderAddr}`);
|
|
else if (!floCrypto.validateAddr(receiverAddr))
|
|
reject(`Invalid address : ${receiverAddr}`);
|
|
if (PrivKey.length < 1 || !floCrypto.verifyPrivKey(PrivKey, senderAddr))
|
|
reject("Invalid Private key!");
|
|
else if (typeof sendAmt !== 'number' || sendAmt <= 0)
|
|
reject(`Invalid sendAmt : ${sendAmt}`);
|
|
else {
|
|
var trx = bitjs.transaction();
|
|
var utxoAmt = 0.0;
|
|
var fee = floGlobals.fee;
|
|
this.promisedAPI(`api/addr/${senderAddr}/utxo`).then(utxos => {
|
|
for (var i = utxos.length - 1;
|
|
(i >= 0) && (utxoAmt < sendAmt + fee); i--) {
|
|
if (utxos[i].confirmations) {
|
|
trx.addinput(utxos[i].txid, utxos[i].vout, utxos[i]
|
|
.scriptPubKey)
|
|
utxoAmt += utxos[i].amount;
|
|
} else break;
|
|
}
|
|
if (utxoAmt < sendAmt + fee)
|
|
reject("Insufficient balance!");
|
|
else {
|
|
trx.addoutput(receiverAddr, sendAmt);
|
|
var change = utxoAmt - sendAmt - fee;
|
|
if (change > 0)
|
|
trx.addoutput(senderAddr, change);
|
|
trx.addflodata(floData);
|
|
var signedTxHash = trx.sign(PrivKey, 1);
|
|
this.broadcastTx(signedTxHash)
|
|
.then(txid => resolve(txid))
|
|
.catch(error => reject(error))
|
|
}
|
|
}).catch(error => reject(error))
|
|
}
|
|
});
|
|
},
|
|
|
|
//Broadcast signed Tx in blockchain using API
|
|
broadcastTx: function (signedTxHash) {
|
|
return new Promise((resolve, reject) => {
|
|
var request = new XMLHttpRequest();
|
|
var url = this.util.serverList[this.util.curPos] + 'api/tx/send';
|
|
if (signedTxHash.length < 1)
|
|
reject("Empty Signature");
|
|
else {
|
|
var params = `{"rawtx":"${signedTxHash}"}`;
|
|
request.open('POST', url, true);
|
|
//Send the proper header information along with the request
|
|
request.setRequestHeader('Content-type', 'application/json');
|
|
request.onload = function () {
|
|
if (request.readyState == 4 && request.status == 200) {
|
|
console.log(request.response);
|
|
resolve(JSON.parse(request.response).txid.result);
|
|
} else
|
|
reject(request.responseText);
|
|
}
|
|
request.send(params);
|
|
}
|
|
})
|
|
},
|
|
|
|
//Read Txs of Address between from and to
|
|
readTxs: function (addr, from, to) {
|
|
return new Promise((resolve, reject) => {
|
|
this.promisedAPI(`api/addrs/${addr}/txs?from=${from}&to=${to}`)
|
|
.then(response => resolve(response))
|
|
.catch(error => reject(error))
|
|
});
|
|
},
|
|
|
|
//Read All Txs of Address (newest first)
|
|
readAllTxs: function (addr) {
|
|
return new Promise((resolve, reject) => {
|
|
this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
|
|
this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=${response.totalItems}0`)
|
|
.then(response => resolve(response.items))
|
|
.catch(error => reject(error));
|
|
}).catch(error => reject(error))
|
|
});
|
|
},
|
|
|
|
/*Read flo Data from txs of given Address
|
|
options can be used to filter data
|
|
limit : maximum number of filtered data (default = 1000, negative = no limit)
|
|
ignoreOld : ignore old txs (default = 0)
|
|
sentOnly : filters only sent data
|
|
pattern : filters data that starts with a pattern
|
|
contains : filters data that contains a string
|
|
filter : custom filter funtion for floData (eg . filter: d => {return d[0] == '$'})
|
|
*/
|
|
readData: function (addr, options = {}) {
|
|
options.limit = options.limit | 1000
|
|
options.ignoreOld = options.ignoreOld | 0
|
|
return new Promise((resolve, reject) => {
|
|
this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=1`).then(response => {
|
|
var newItems = response.totalItems - options.ignoreOld;
|
|
this.promisedAPI(`api/addrs/${addr}/txs?from=0&to=${newItems*2}`).then(
|
|
response => {
|
|
if (options.limit <= 0)
|
|
options.limit = response.items.length;
|
|
var filteredData = [];
|
|
for (i = 0; i < (response.totalItems - options.ignoreOld) &&
|
|
filteredData.length < options.limit; i++) {
|
|
if (options.sentOnly && response.items[i].vin[0].addr !==
|
|
addr)
|
|
continue;
|
|
if (options.pattern && !response.items[i].floData
|
|
.startsWith(options.pattern, 0) && !response.items[i]
|
|
.floData.startsWith(options.pattern, 2))
|
|
continue;
|
|
if (options.contains && !response.items[i].floData.includes(
|
|
options.contains))
|
|
continue;
|
|
if (options.filter && !options.filter(response.items[i]
|
|
.floData))
|
|
continue;
|
|
filteredData.push(response.items[i].floData);
|
|
}
|
|
resolve({
|
|
totalTxs: response.totalItems,
|
|
data: filteredData
|
|
});
|
|
}).catch(error => {
|
|
reject(error);
|
|
});
|
|
}).catch(error => {
|
|
reject(error);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
<script id="floSupernode">
|
|
/* flo Supernode Operators to send/receive data from supernodes using websocket */
|
|
const floSupernode = {
|
|
|
|
//kBucket object
|
|
kBucket: {
|
|
supernodeKBucket: null,
|
|
decodeBase58Address: function (address) {
|
|
let k = bitjs.Base58.decode(address)
|
|
k.shift()
|
|
k.splice(-4, 4)
|
|
return Crypto.util.bytesToHex(k)
|
|
},
|
|
floIdToKbucketId: function (address) {
|
|
const decodedId = this.decodeBase58Address(address);
|
|
const nodeIdBigInt = new BigInteger(decodedId, 16);
|
|
const nodeIdBytes = nodeIdBigInt.toByteArrayUnsigned();
|
|
const nodeIdNewInt8Array = new Uint8Array(nodeIdBytes);
|
|
return nodeIdNewInt8Array;
|
|
},
|
|
launch: function (superNodeList = Object.keys(floGlobals.supernodes), master_floID = floGlobals
|
|
.adminID) {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
const SuKBucketId = this.floIdToKbucketId(master_floID);
|
|
const SukbOptions = {
|
|
localNodeId: SuKBucketId
|
|
}
|
|
this.supernodeKBucket = new BuildKBucket(SukbOptions);
|
|
for (var i = 0; i < superNodeList.length; i++) {
|
|
this.addNewNode(superNodeList[i])
|
|
}
|
|
resolve('SuperNode KBucket formed');
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
},
|
|
addContact: function (id, floID, KB = this.supernodeKBucket) {
|
|
const contact = {
|
|
id: id,
|
|
floID: floID
|
|
};
|
|
KB.add(contact)
|
|
},
|
|
addNewNode: function (address, KB = this.supernodeKBucket) {
|
|
let decodedId = address;
|
|
try {
|
|
decodedId = this.floIdToKbucketId(address);
|
|
} catch (e) {
|
|
decodedId = address;
|
|
}
|
|
this.addContact(decodedId, address, KB);
|
|
},
|
|
isNodePresent: function (flo_id, KB = this.supernodeKBucket) {
|
|
let kArray = KB.toArray();
|
|
let kArrayFloIds = kArray.map(k => k.floID);
|
|
if (kArrayFloIds.includes(flo_id))
|
|
return true;
|
|
else
|
|
return false;
|
|
},
|
|
|
|
getInnerNodes: function (flo_addr1, flo_addr2, KB = this.supernodeKBucket) {
|
|
return new Promise((resolve, reject) => {
|
|
let kArrayFloIds = KB.toArray().map(k => k.floID);
|
|
var innerNodes = []
|
|
if (kArrayFloIds.includes(flo_addr1) && kArrayFloIds.includes(flo_addr2)) {
|
|
for (var i = kArrayFloIds.indexOf(flo_addr1); i != flo_addr2; i++) {
|
|
if (i >= kArrayFloIds.length)
|
|
i = -1
|
|
else
|
|
innerNodes.push(kArrayFloIds[i])
|
|
}
|
|
resolve(innerNodes)
|
|
} else
|
|
reject('Given nodes are not in KBucket')
|
|
});
|
|
},
|
|
|
|
getOuterNodes: function (flo_addr1, flo_addr2, KB = this.supernodeKBucket) {
|
|
return new Promise((resolve, reject) => {
|
|
let kArrayFloIds = KB.toArray().map(k => k.floID);
|
|
var outterNodes = []
|
|
if (kArrayFloIds.includes(flo_addr1) && kArrayFloIds.includes(flo_addr2)) {
|
|
for (var i = kArrayFloIds.indexOf(flo_addr2); i != flo_addr1; i++) {
|
|
if (i >= kArrayFloIds.length)
|
|
i = -1
|
|
else
|
|
outterNodes.push(kArrayFloIds[i])
|
|
}
|
|
resolve(outterNodes)
|
|
} else
|
|
reject('Given nodes are not in KBucket')
|
|
});
|
|
},
|
|
|
|
getPrevSupernode: function (flo_addr, n = 1, KB = this.supernodeKBucket) {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
let kArrayFloIds = KB.toArray().map(k => k.floID);
|
|
let pos = kArrayFloIds.indexOf(flo_addr)
|
|
var prevSupernode = []
|
|
for (var i = 1; i <= n; i++) {
|
|
if (pos - i < 0)
|
|
var prev = pos - i + kArrayFloIds.length
|
|
else
|
|
var prev = pos - i
|
|
prevSupernode.push(kArrayFloIds[prev])
|
|
}
|
|
resolve(prevSupernode);
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
},
|
|
|
|
getNextSupernode: function (flo_addr, n = 1, KB = this.supernodeKBucket) {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
let kArrayFloIds = KB.toArray().map(k => k.floID);
|
|
let pos = kArrayFloIds.indexOf(flo_addr)
|
|
var nextSupernode = []
|
|
for (var i = 1; i <= n; i++) {
|
|
if (pos + i >= kArrayFloIds.length)
|
|
var next = pos + i - kArrayFloIds.length
|
|
else
|
|
var next = pos + i
|
|
nextSupernode.push(kArrayFloIds[next])
|
|
}
|
|
resolve(nextSupernode);
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
},
|
|
|
|
determineClosestSupernode: function (flo_addr, n = 1, KB = this.supernodeKBucket) {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
let isFloIdUint8 = flo_addr instanceof Uint8Array;
|
|
if (!isFloIdUint8)
|
|
flo_addr = this.floIdToKbucketId(flo_addr);
|
|
var closestSupernode = KB.closest(flo_addr, n);
|
|
closestSupernode = closestSupernode.map(k => k.floID);
|
|
resolve(closestSupernode);
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
sendDataToSN(data, snfloID) {
|
|
return new Promise((resolve, reject) => {
|
|
var websocket = new WebSocket("wss://" + floGlobals.supernodes[snfloID].uri + "/ws");
|
|
websocket.onmessage = (evt => {
|
|
if (evt.data == '$+') {
|
|
websocket.send(data);
|
|
resolve(`Data sent to supernode : ${snfloID}`);
|
|
} else if (evt.data == '$-') {
|
|
this.kBucket.getNextSupernode(snfloID).then(nextNode => {
|
|
this.sendDataToSN(data, nextNode[0])
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
} else {
|
|
console.log(evt.data)
|
|
reject(evt.data)
|
|
}
|
|
websocket.close();
|
|
})
|
|
websocket.onerror = (evt) => {
|
|
this.kBucket.getNextSupernode(snfloID).then(nextNode => {
|
|
this.sendDataToSN(data, nextNode[0])
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
};
|
|
})
|
|
},
|
|
|
|
//Sends data to the supernode
|
|
sendData: function (data, floID) {
|
|
return new Promise((resolve, reject) => {
|
|
this.kBucket.determineClosestSupernode(floID).then(closestNode => {
|
|
this.sendDataToSN(data, closestNode[0])
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => {
|
|
reject(error);
|
|
});
|
|
});
|
|
},
|
|
|
|
requestDataFromSN(request, snfloID) {
|
|
return new Promise((resolve, reject) => {
|
|
var websocket = new WebSocket("wss://" + floGlobals.supernodes[snfloID].uri + "/ws");
|
|
websocket.onmessage = (evt => {
|
|
if (evt.data == '$+') {
|
|
websocket.send(`?${request}`);
|
|
} else if (evt.data == '$-') {
|
|
this.kBucket.getNextSupernode(snfloID).then(nextNode => {
|
|
this.requestDataFromSN(request, nextNode[0])
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
websocket.close()
|
|
} else {
|
|
resolve(evt.data);
|
|
websocket.close();
|
|
}
|
|
})
|
|
websocket.onerror = (evt) => {
|
|
this.kBucket.getNextSupernode(snfloID).then(nextNode => {
|
|
this.requestDataFromSN(request, nextNode[0])
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
};
|
|
})
|
|
},
|
|
|
|
//Request data from supernode
|
|
requestData: function (request, floID) {
|
|
return new Promise((resolve, reject) => {
|
|
this.kBucket.determineClosestSupernode(floID).then(closestNode => {
|
|
this.requestDataFromSN(request, closestNode[0])
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => {
|
|
reject(error);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
/**Kademlia DHT K-bucket implementation as a binary tree.
|
|
* Implementation of a Kademlia DHT k-bucket used for storing
|
|
* contact (peer node) information.
|
|
*
|
|
* @extends EventEmitter
|
|
*/
|
|
function BuildKBucket(options = {}) {
|
|
/**
|
|
* `options`:
|
|
* `distance`: Function
|
|
* `function (firstId, secondId) { return distance }` An optional
|
|
* `distance` function that gets two `id` Uint8Arrays
|
|
* and return distance (as number) between them.
|
|
* `arbiter`: Function (Default: vectorClock arbiter)
|
|
* `function (incumbent, candidate) { return contact; }` An optional
|
|
* `arbiter` function that givent two `contact` objects with the same `id`
|
|
* returns the desired object to be used for updating the k-bucket. For
|
|
* more details, see [arbiter function](#arbiter-function).
|
|
* `localNodeId`: Uint8Array An optional Uint8Array representing the local node id.
|
|
* If not provided, a local node id will be created via `randomBytes(20)`.
|
|
* `metadata`: Object (Default: {}) Optional satellite data to include
|
|
* with the k-bucket. `metadata` property is guaranteed not be altered by,
|
|
* it is provided as an explicit container for users of k-bucket to store
|
|
* implementation-specific data.
|
|
* `numberOfNodesPerKBucket`: Integer (Default: 20) The number of nodes
|
|
* that a k-bucket can contain before being full or split.
|
|
* `numberOfNodesToPing`: Integer (Default: 3) The number of nodes to
|
|
* ping when a bucket that should not be split becomes full. KBucket will
|
|
* emit a `ping` event that contains `numberOfNodesToPing` nodes that have
|
|
* not been contacted the longest.
|
|
*
|
|
* @param {Object=} options optional
|
|
*/
|
|
|
|
this.localNodeId = options.localNodeId || window.crypto.getRandomValues(new Uint8Array(20))
|
|
this.numberOfNodesPerKBucket = options.numberOfNodesPerKBucket || 20
|
|
this.numberOfNodesToPing = options.numberOfNodesToPing || 3
|
|
this.distance = options.distance || this.distance
|
|
// use an arbiter from options or vectorClock arbiter by default
|
|
this.arbiter = options.arbiter || this.arbiter
|
|
this.metadata = Object.assign({}, options.metadata)
|
|
|
|
this.createNode = function () {
|
|
return {
|
|
contacts: [],
|
|
dontSplit: false,
|
|
left: null,
|
|
right: null
|
|
}
|
|
}
|
|
|
|
this.ensureInt8 = function (name, val) {
|
|
if (!(val instanceof Uint8Array)) {
|
|
throw new TypeError(name + ' is not a Uint8Array')
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {Uint8Array} array1
|
|
* @param {Uint8Array} array2
|
|
* @return {Boolean}
|
|
*/
|
|
this.arrayEquals = function (array1, array2) {
|
|
if (array1 === array2) {
|
|
return true
|
|
}
|
|
if (array1.length !== array2.length) {
|
|
return false
|
|
}
|
|
for (let i = 0, length = array1.length; i < length; ++i) {
|
|
if (array1[i] !== array2[i]) {
|
|
return false
|
|
}
|
|
}
|
|
return true
|
|
}
|
|
|
|
this.ensureInt8('option.localNodeId as parameter 1', this.localNodeId)
|
|
this.root = this.createNode()
|
|
|
|
/**
|
|
* Default arbiter function for contacts with the same id. Uses
|
|
* contact.vectorClock to select which contact to update the k-bucket with.
|
|
* Contact with larger vectorClock field will be selected. If vectorClock is
|
|
* the same, candidat will be selected.
|
|
*
|
|
* @param {Object} incumbent Contact currently stored in the k-bucket.
|
|
* @param {Object} candidate Contact being added to the k-bucket.
|
|
* @return {Object} Contact to updated the k-bucket with.
|
|
*/
|
|
this.arbiter = function (incumbent, candidate) {
|
|
return incumbent.vectorClock > candidate.vectorClock ? incumbent : candidate
|
|
}
|
|
|
|
/**
|
|
* Default distance function. Finds the XOR
|
|
* distance between firstId and secondId.
|
|
*
|
|
* @param {Uint8Array} firstId Uint8Array containing first id.
|
|
* @param {Uint8Array} secondId Uint8Array containing second id.
|
|
* @return {Number} Integer The XOR distance between firstId
|
|
* and secondId.
|
|
*/
|
|
this.distance = function (firstId, secondId) {
|
|
let distance = 0
|
|
let i = 0
|
|
const min = Math.min(firstId.length, secondId.length)
|
|
const max = Math.max(firstId.length, secondId.length)
|
|
for (; i < min; ++i) {
|
|
distance = distance * 256 + (firstId[i] ^ secondId[i])
|
|
}
|
|
for (; i < max; ++i) distance = distance * 256 + 255
|
|
return distance
|
|
}
|
|
|
|
/**
|
|
* Adds a contact to the k-bucket.
|
|
*
|
|
* @param {Object} contact the contact object to add
|
|
*/
|
|
this.add = function (contact) {
|
|
this.ensureInt8('contact.id', (contact || {}).id)
|
|
|
|
let bitIndex = 0
|
|
let node = this.root
|
|
|
|
while (node.contacts === null) {
|
|
// this is not a leaf node but an inner node with 'low' and 'high'
|
|
// branches; we will check the appropriate bit of the identifier and
|
|
// delegate to the appropriate node for further processing
|
|
node = this._determineNode(node, contact.id, bitIndex++)
|
|
}
|
|
|
|
// check if the contact already exists
|
|
const index = this._indexOf(node, contact.id)
|
|
if (index >= 0) {
|
|
this._update(node, index, contact)
|
|
return this
|
|
}
|
|
|
|
if (node.contacts.length < this.numberOfNodesPerKBucket) {
|
|
node.contacts.push(contact)
|
|
return this
|
|
}
|
|
|
|
// the bucket is full
|
|
if (node.dontSplit) {
|
|
// we are not allowed to split the bucket
|
|
// we need to ping the first this.numberOfNodesToPing
|
|
// in order to determine if they are alive
|
|
// only if one of the pinged nodes does not respond, can the new contact
|
|
// be added (this prevents DoS flodding with new invalid contacts)
|
|
return this
|
|
}
|
|
|
|
this._split(node, bitIndex)
|
|
return this.add(contact)
|
|
}
|
|
|
|
/**
|
|
* Get the n closest contacts to the provided node id. "Closest" here means:
|
|
* closest according to the XOR metric of the contact node id.
|
|
*
|
|
* @param {Uint8Array} id Contact node id
|
|
* @param {Number=} n Integer (Default: Infinity) The maximum number of
|
|
* closest contacts to return
|
|
* @return {Array} Array Maximum of n closest contacts to the node id
|
|
*/
|
|
this.closest = function (id, n = Infinity) {
|
|
this.ensureInt8('id', id)
|
|
|
|
if ((!Number.isInteger(n) && n !== Infinity) || n <= 0) {
|
|
throw new TypeError('n is not positive number')
|
|
}
|
|
|
|
let contacts = []
|
|
|
|
for (let nodes = [this.root], bitIndex = 0; nodes.length > 0 && contacts.length < n;) {
|
|
const node = nodes.pop()
|
|
if (node.contacts === null) {
|
|
const detNode = this._determineNode(node, id, bitIndex++)
|
|
nodes.push(node.left === detNode ? node.right : node.left)
|
|
nodes.push(detNode)
|
|
} else {
|
|
contacts = contacts.concat(node.contacts)
|
|
}
|
|
}
|
|
|
|
return contacts
|
|
.map(a => [this.distance(a.id, id), a])
|
|
.sort((a, b) => a[0] - b[0])
|
|
.slice(0, n)
|
|
.map(a => a[1])
|
|
}
|
|
|
|
/**
|
|
* Counts the total number of contacts in the tree.
|
|
*
|
|
* @return {Number} The number of contacts held in the tree
|
|
*/
|
|
this.count = function () {
|
|
// return this.toArray().length
|
|
let count = 0
|
|
for (const nodes = [this.root]; nodes.length > 0;) {
|
|
const node = nodes.pop()
|
|
if (node.contacts === null) nodes.push(node.right, node.left)
|
|
else count += node.contacts.length
|
|
}
|
|
return count
|
|
}
|
|
|
|
/**
|
|
* Determines whether the id at the bitIndex is 0 or 1.
|
|
* Return left leaf if `id` at `bitIndex` is 0, right leaf otherwise
|
|
*
|
|
* @param {Object} node internal object that has 2 leafs: left and right
|
|
* @param {Uint8Array} id Id to compare localNodeId with.
|
|
* @param {Number} bitIndex Integer (Default: 0) The bit index to which bit
|
|
* to check in the id Uint8Array.
|
|
* @return {Object} left leaf if id at bitIndex is 0, right leaf otherwise.
|
|
*/
|
|
this._determineNode = function (node, id, bitIndex) {
|
|
// *NOTE* remember that id is a Uint8Array and has granularity of
|
|
// bytes (8 bits), whereas the bitIndex is the bit index (not byte)
|
|
|
|
// id's that are too short are put in low bucket (1 byte = 8 bits)
|
|
// (bitIndex >> 3) finds how many bytes the bitIndex describes
|
|
// bitIndex % 8 checks if we have extra bits beyond byte multiples
|
|
// if number of bytes is <= no. of bytes described by bitIndex and there
|
|
// are extra bits to consider, this means id has less bits than what
|
|
// bitIndex describes, id therefore is too short, and will be put in low
|
|
// bucket
|
|
const bytesDescribedByBitIndex = bitIndex >> 3
|
|
const bitIndexWithinByte = bitIndex % 8
|
|
if ((id.length <= bytesDescribedByBitIndex) && (bitIndexWithinByte !== 0)) {
|
|
return node.left
|
|
}
|
|
|
|
const byteUnderConsideration = id[bytesDescribedByBitIndex]
|
|
|
|
// byteUnderConsideration is an integer from 0 to 255 represented by 8 bits
|
|
// where 255 is 11111111 and 0 is 00000000
|
|
// in order to find out whether the bit at bitIndexWithinByte is set
|
|
// we construct (1 << (7 - bitIndexWithinByte)) which will consist
|
|
// of all bits being 0, with only one bit set to 1
|
|
// for example, if bitIndexWithinByte is 3, we will construct 00010000 by
|
|
// (1 << (7 - 3)) -> (1 << 4) -> 16
|
|
if (byteUnderConsideration & (1 << (7 - bitIndexWithinByte))) {
|
|
return node.right
|
|
}
|
|
|
|
return node.left
|
|
}
|
|
|
|
/**
|
|
* Get a contact by its exact ID.
|
|
* If this is a leaf, loop through the bucket contents and return the correct
|
|
* contact if we have it or null if not. If this is an inner node, determine
|
|
* which branch of the tree to traverse and repeat.
|
|
*
|
|
* @param {Uint8Array} id The ID of the contact to fetch.
|
|
* @return {Object|Null} The contact if available, otherwise null
|
|
*/
|
|
this.get = function (id) {
|
|
this.ensureInt8('id', id)
|
|
|
|
let bitIndex = 0
|
|
|
|
let node = this.root
|
|
while (node.contacts === null) {
|
|
node = this._determineNode(node, id, bitIndex++)
|
|
}
|
|
|
|
// index of uses contact id for matching
|
|
const index = this._indexOf(node, id)
|
|
return index >= 0 ? node.contacts[index] : null
|
|
}
|
|
|
|
/**
|
|
* Returns the index of the contact with provided
|
|
* id if it exists, returns -1 otherwise.
|
|
*
|
|
* @param {Object} node internal object that has 2 leafs: left and right
|
|
* @param {Uint8Array} id Contact node id.
|
|
* @return {Number} Integer Index of contact with provided id if it
|
|
* exists, -1 otherwise.
|
|
*/
|
|
this._indexOf = function (node, id) {
|
|
for (let i = 0; i < node.contacts.length; ++i) {
|
|
if (this.arrayEquals(node.contacts[i].id, id)) return i
|
|
}
|
|
|
|
return -1
|
|
}
|
|
|
|
/**
|
|
* Removes contact with the provided id.
|
|
*
|
|
* @param {Uint8Array} id The ID of the contact to remove.
|
|
* @return {Object} The k-bucket itself.
|
|
*/
|
|
this.remove = function (id) {
|
|
this.ensureInt8('the id as parameter 1', id)
|
|
|
|
let bitIndex = 0
|
|
let node = this.root
|
|
|
|
while (node.contacts === null) {
|
|
node = this._determineNode(node, id, bitIndex++)
|
|
}
|
|
|
|
const index = this._indexOf(node, id)
|
|
if (index >= 0) {
|
|
const contact = node.contacts.splice(index, 1)[0]
|
|
}
|
|
|
|
return this
|
|
}
|
|
|
|
/**
|
|
* Splits the node, redistributes contacts to the new nodes, and marks the
|
|
* node that was split as an inner node of the binary tree of nodes by
|
|
* setting this.root.contacts = null
|
|
*
|
|
* @param {Object} node node for splitting
|
|
* @param {Number} bitIndex the bitIndex to which byte to check in the
|
|
* Uint8Array for navigating the binary tree
|
|
*/
|
|
this._split = function (node, bitIndex) {
|
|
node.left = this.createNode()
|
|
node.right = this.createNode()
|
|
|
|
// redistribute existing contacts amongst the two newly created nodes
|
|
for (const contact of node.contacts) {
|
|
this._determineNode(node, contact.id, bitIndex).contacts.push(contact)
|
|
}
|
|
|
|
node.contacts = null // mark as inner tree node
|
|
|
|
// don't split the "far away" node
|
|
// we check where the local node would end up and mark the other one as
|
|
// "dontSplit" (i.e. "far away")
|
|
const detNode = this._determineNode(node, this.localNodeId, bitIndex)
|
|
const otherNode = node.left === detNode ? node.right : node.left
|
|
otherNode.dontSplit = true
|
|
}
|
|
|
|
/**
|
|
* Returns all the contacts contained in the tree as an array.
|
|
* If this is a leaf, return a copy of the bucket. `slice` is used so that we
|
|
* don't accidentally leak an internal reference out that might be
|
|
* accidentally misused. If this is not a leaf, return the union of the low
|
|
* and high branches (themselves also as arrays).
|
|
*
|
|
* @return {Array} All of the contacts in the tree, as an array
|
|
*/
|
|
this.toArray = function () {
|
|
let result = []
|
|
for (const nodes = [this.root]; nodes.length > 0;) {
|
|
const node = nodes.pop()
|
|
if (node.contacts === null) nodes.push(node.right, node.left)
|
|
else result = result.concat(node.contacts)
|
|
}
|
|
return result
|
|
}
|
|
|
|
/**
|
|
* Updates the contact selected by the arbiter.
|
|
* If the selection is our old contact and the candidate is some new contact
|
|
* then the new contact is abandoned (not added).
|
|
* If the selection is our old contact and the candidate is our old contact
|
|
* then we are refreshing the contact and it is marked as most recently
|
|
* contacted (by being moved to the right/end of the bucket array).
|
|
* If the selection is our new contact, the old contact is removed and the new
|
|
* contact is marked as most recently contacted.
|
|
*
|
|
* @param {Object} node internal object that has 2 leafs: left and right
|
|
* @param {Number} index the index in the bucket where contact exists
|
|
* (index has already been computed in a previous
|
|
* calculation)
|
|
* @param {Object} contact The contact object to update.
|
|
*/
|
|
this._update = function (node, index, contact) {
|
|
// sanity check
|
|
if (!this.arrayEquals(node.contacts[index].id, contact.id)) {
|
|
throw new Error('wrong index for _update')
|
|
}
|
|
|
|
const incumbent = node.contacts[index]
|
|
const selection = this.arbiter(incumbent, contact)
|
|
// if the selection is our old contact and the candidate is some new
|
|
// contact, then there is nothing to do
|
|
if (selection === incumbent && incumbent !== contact) return
|
|
|
|
node.contacts.splice(index, 1) // remove old contact
|
|
node.contacts.push(selection) // add more recent contact version
|
|
|
|
}
|
|
}
|
|
</script>
|
|
<script id="compactIDB">
|
|
/* Compact IndexedDB operations */
|
|
|
|
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
|
|
window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;
|
|
window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;
|
|
|
|
if (!window.indexedDB)
|
|
window.alert("Your browser doesn't support a stable version of IndexedDB.")
|
|
|
|
const compactIDB = {
|
|
|
|
setDefaultDB: function (dbName) {
|
|
this.dbName = dbName;
|
|
},
|
|
|
|
initDB: function (dbName, objectStores = {}, version = null, removeStores = []) {
|
|
return new Promise((resolve, reject) => {
|
|
this.dbName = this.dbName || dbName;
|
|
var idb = version ? indexedDB.open(dbName, version) : indexedDB.open(dbName);
|
|
idb.onerror = (event) => {
|
|
reject("Error in opening IndexedDB!");
|
|
};
|
|
idb.onupgradeneeded = (event) => {
|
|
var db = event.target.result;
|
|
for (let obs in objectStores) {
|
|
var objectStore = db.createObjectStore(obs, objectStores[obs].options ||
|
|
{});
|
|
if (objectStores[obs].indexes && typeof objectStores[obs].indexes ===
|
|
'object')
|
|
for (let i in objectStores[obs].indexes)
|
|
objectStore.createIndex(i, i, objectStores[obs].indexes[i] || {});
|
|
}
|
|
if (version)
|
|
removeStores.forEach(obs => db.deleteObjectStore(obs));
|
|
}
|
|
idb.onsuccess = (event) => {
|
|
var db = event.target.result;
|
|
if (JSON.stringify(Object.values(db.objectStoreNames).sort()) === JSON
|
|
.stringify(Object.keys(objectStores).sort()))
|
|
resolve("Initiated IndexedDB");
|
|
else {
|
|
let removeObs = [];
|
|
Object.values(db.objectStoreNames).forEach(obs => {
|
|
if (obs in objectStores)
|
|
delete objectStores[obs]
|
|
else
|
|
removeObs.push(obs)
|
|
})
|
|
this.initDB(dbName, objectStores, db.version + 1, removeObs)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}
|
|
db.close();
|
|
}
|
|
});
|
|
},
|
|
|
|
openDB: function (dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
var idb = indexedDB.open(dbName);
|
|
idb.onerror = (event) => reject("Error in opening IndexedDB!");
|
|
idb.onsuccess = (event) => resolve(event.target.result);
|
|
});
|
|
},
|
|
|
|
deleteDB: function (dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
var deleteReq = indexedDB.deleteDatabase(dbName);;
|
|
deleteReq.onerror = (event) => reject("Error deleting database!");
|
|
deleteReq.onsuccess = (event) => resolve("Database deleted successfully");
|
|
});
|
|
},
|
|
|
|
writeData: function (obsName, data, key = false, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readwrite").objectStore(obsName);
|
|
let writeReq = (key ? obs.put(data, key) : obs.put(data));
|
|
writeReq.onsuccess = (evt) => resolve(`Write data Successful`);
|
|
writeReq.onerror = (evt) => reject(
|
|
`Write data unsuccessful [${evt.target.error.name}] ${evt.target.error.message}`
|
|
);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
addData: function (obsName, data, key = false, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readwrite").objectStore(obsName);
|
|
let addReq = (key ? obs.add(data, key) : obs.add(data));
|
|
addReq.onsuccess = (evt) => resolve(`Add data successful`);
|
|
addReq.onerror = (evt) => reject(
|
|
`Add data unsuccessful [${evt.target.error.name}] ${evt.target.error.message}`
|
|
);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
removeData: function (obsName, key, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readwrite").objectStore(obsName);
|
|
let delReq = obs.delete(key);
|
|
delReq.onsuccess = (evt) => resolve(`Removed Data ${key}`);
|
|
delReq.onerror = (evt) => reject(
|
|
`Remove data unsuccessful [${evt.target.error.name}] ${evt.target.error.message}`
|
|
);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
clearData: function (obsName, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readwrite").objectStore(obsName);
|
|
let clearReq = obs.clear();
|
|
clearReq.onsuccess = (evt) => resolve(`Clear data Successful`);
|
|
clearReq.onerror = (evt) => reject(`Clear data Unsuccessful`);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
readData: function (obsName, key, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readonly").objectStore(obsName);
|
|
let getReq = obs.get(key);
|
|
getReq.onsuccess = (evt) => resolve(evt.target.result);
|
|
getReq.onerror = (evt) => reject(
|
|
`Read data unsuccessful [${evt.target.error.name}] ${evt.target.error.message}`
|
|
);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
readAllData: function (obsName, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readonly").objectStore(obsName);
|
|
var tmpResult = {}
|
|
let curReq = obs.openCursor();
|
|
curReq.onsuccess = (evt) => {
|
|
var cursor = evt.target.result;
|
|
if (cursor) {
|
|
tmpResult[cursor.primaryKey] = cursor.value;
|
|
cursor.continue();
|
|
} else
|
|
resolve(tmpResult);
|
|
}
|
|
curReq.onerror = (evt) => reject(
|
|
`Read-All data unsuccessful [${evt.target.error.name}] ${evt.target.error.message}`
|
|
);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
},
|
|
|
|
searchData: function (obsName, patternEval, dbName = this.dbName) {
|
|
return new Promise((resolve, reject) => {
|
|
this.openDB(dbName).then(db => {
|
|
var obs = db.transaction(obsName, "readonly").objectStore(obsName);
|
|
var filteredResult = {}
|
|
let curReq = obs.openCursor();
|
|
curReq.onsuccess = (evt) => {
|
|
var cursor = evt.target.result;
|
|
if (cursor) {
|
|
if (patternEval(cursor.primaryKey, cursor.value))
|
|
filteredResult[cursor.primaryKey] = cursor.value;
|
|
cursor.continue();
|
|
} else
|
|
resolve(filteredResult);
|
|
}
|
|
curReq.onerror = (evt) => reject(
|
|
`Search unsuccessful [${evt.target.error.name}] ${evt.target.error.message}`
|
|
);
|
|
db.close();
|
|
}).catch(error => reject(error));
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
<script id="floDapps_customized_for_messenger">
|
|
/* General functions for FLO Dapps*/
|
|
const floDapps = {
|
|
|
|
util: {
|
|
appObs: {},
|
|
|
|
initIndexedDB: function () {
|
|
return new Promise((resolve, reject) => {
|
|
var obj = {
|
|
//general
|
|
lastTx: {},
|
|
//supernode (cloud list)
|
|
supernodes: {
|
|
indexes: {
|
|
uri: null,
|
|
pubKey: null
|
|
}
|
|
},
|
|
//login credentials
|
|
credentials: {}
|
|
}
|
|
compactIDB.initDB(floGlobals.application, obj).then(result => {
|
|
compactIDB.setDefaultDB(floGlobals.application);
|
|
resolve("IndexedDB App Storage Initated Successfully")
|
|
}).catch(error => reject(error));
|
|
})
|
|
},
|
|
|
|
initUserDB: function () {
|
|
return new Promise((resolve, reject) => {
|
|
var obj = {
|
|
pubKeys: {},
|
|
contacts: {},
|
|
messages: {},
|
|
mails: {},
|
|
mailContent: {},
|
|
mailRef: {},
|
|
marked: {},
|
|
appendix: {},
|
|
}
|
|
compactIDB.initDB(`${floGlobals.application}_${myFloID}`, obj).then(result => {
|
|
compactIDB.setDefaultDB(`${floGlobals.application}_${myFloID}`);
|
|
resolve("User Storage Initated Successfully")
|
|
}).catch(error => reject(error));
|
|
})
|
|
},
|
|
|
|
startUpFunctions: {
|
|
|
|
readSupernodeListFromAPI: function () {
|
|
return new Promise((resolve, reject) => {
|
|
compactIDB.readData("lastTx", floGlobals.SNStorageID).then(lastTx => {
|
|
floBlockchainAPI.readData(floGlobals.SNStorageID, {
|
|
ignoreOld: lastTx,
|
|
sentOnly: true,
|
|
pattern: "SuperNodeStorage"
|
|
}).then(result => {
|
|
for (var i = result.data.length - 1; i >= 0; i--) {
|
|
var content = JSON.parse(result.data[i])
|
|
.SuperNodeStorage;
|
|
for (sn in content.removeNodes)
|
|
compactIDB.removeData("supernodes", sn);
|
|
for (sn in content.addNodes)
|
|
compactIDB.writeData("supernodes", content
|
|
.addNodes[sn], sn);
|
|
}
|
|
compactIDB.writeData("lastTx", result.totalTxs,
|
|
floGlobals.SNStorageID);
|
|
compactIDB.readAllData("supernodes").then(
|
|
result => {
|
|
floGlobals.supernodes = result;
|
|
|
|
floSupernode.kBucket.launch(Object.keys(
|
|
floGlobals.supernodes),
|
|
floGlobals.SNStorageID)
|
|
.then(result => resolve(
|
|
"Loaded Supernode list\n" +
|
|
result))
|
|
})
|
|
})
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
loadDataFromIDB: function () {
|
|
return new Promise((resolve, reject) => {
|
|
var loadData = []
|
|
var promises = []
|
|
for (var i = 0; i < loadData.length; i++)
|
|
promises[i] = compactIDB.readAllData(loadData[i])
|
|
Promise.all(promises).then(results => {
|
|
for (var i = 0; i < loadData.length; i++)
|
|
floGlobals[loadData[i]] = results[i]
|
|
resolve("Loaded Data from IDB")
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
getCredentials: function () {
|
|
|
|
const defaultInput = function (type) {
|
|
return new Promise((resolve, reject) => {
|
|
let inputVal = prompt(`Enter ${type}: `)
|
|
if (inputVal === null)
|
|
reject(null)
|
|
else
|
|
resolve(inputVal)
|
|
})
|
|
}
|
|
|
|
const inputFn = this.getCredentials.privKeyInput || defaultInput;
|
|
|
|
const readSharesFromIDB = function (indexArr) {
|
|
return new Promise((resolve, reject) => {
|
|
var promises = []
|
|
for (var i = 0; i < indexArr.length; i++)
|
|
promises.push(compactIDB.readData('credentials', indexArr[i]))
|
|
Promise.all(promises).then(shares => {
|
|
var secret = floCrypto.retrieveShamirSecret(shares)
|
|
if (secret)
|
|
resolve(secret)
|
|
else
|
|
reject("Shares are insufficient or incorrect")
|
|
}).catch(error => reject(error))
|
|
})
|
|
}
|
|
|
|
const writeSharesToIDB = function (shares, i = 0, resultIndexes = []) {
|
|
return new Promise((resolve, reject) => {
|
|
if (i >= shares.length)
|
|
return resolve(resultIndexes)
|
|
var n = floCrypto.randInt(0, 100000)
|
|
compactIDB.addData("credentials", shares[i], n).then(res => {
|
|
resultIndexes.push(n)
|
|
writeSharesToIDB(shares, i + 1, resultIndexes)
|
|
.then(result => resolve(result))
|
|
}).catch(error => {
|
|
writeSharesToIDB(shares, i, resultIndexes)
|
|
.then(result => resolve(result))
|
|
})
|
|
})
|
|
}
|
|
|
|
const getPrivateKeyCredentials = function () {
|
|
return new Promise((resolve, reject) => {
|
|
var indexArr = localStorage.getItem(`${floGlobals.application}#privKey`)
|
|
if (indexArr) {
|
|
readSharesFromIDB(JSON.parse(indexArr))
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
} else {
|
|
var privKey;
|
|
inputFn("PRIVATE_KEY").then(result => {
|
|
try {
|
|
if (!result)
|
|
return reject("Empty Private Key")
|
|
var floID = floCrypto.getFloIDfromPubkeyHex(
|
|
floCrypto.getPubKeyHex(result))
|
|
privKey = result
|
|
} catch (error) {
|
|
console.error(error)
|
|
return reject("Invalid Private Key")
|
|
}
|
|
}).catch(error => {
|
|
console.log(error, "Generating Random Keys")
|
|
privKey = floCrypto.generateNewID().privKey
|
|
}).finally(_ => {
|
|
var threshold = floCrypto.randInt(10, 20)
|
|
writeSharesToIDB(floCrypto.createShamirsSecretShares(
|
|
privKey, threshold, threshold)).then(
|
|
resultIndexes => {
|
|
//store index keys in localStorage
|
|
localStorage.setItem(
|
|
`${floGlobals.application}#privKey`,
|
|
JSON.stringify(resultIndexes))
|
|
//also add a dummy privatekey to the IDB
|
|
var randomPrivKey = floCrypto
|
|
.generateNewID().privKey
|
|
var randomThreshold = floCrypto.randInt(10,
|
|
20)
|
|
writeSharesToIDB(floCrypto
|
|
.createShamirsSecretShares(
|
|
randomPrivKey, randomThreshold,
|
|
randomThreshold))
|
|
//resolve private Key
|
|
resolve(privKey)
|
|
}).catch(error => reject(error))
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
const checkIfPinRequired = function (key) {
|
|
return new Promise((resolve, reject) => {
|
|
if (key.length == 52)
|
|
resolve(key)
|
|
else {
|
|
inputFn("PIN/Password").then(pwd => {
|
|
try {
|
|
let privKey = Crypto.AES.decrypt(key, pwd);
|
|
resolve(privKey)
|
|
} catch (error) {
|
|
reject("Access Denied: Incorrect PIN/Password")
|
|
}
|
|
}).catch(error => reject(
|
|
"Access Denied: PIN/Password required"))
|
|
}
|
|
})
|
|
}
|
|
|
|
return new Promise((resolve, reject) => {
|
|
getPrivateKeyCredentials().then(key => {
|
|
checkIfPinRequired(key).then(privKey => {
|
|
try {
|
|
myPrivKey = privKey
|
|
myPubKey = floCrypto.getPubKeyHex(myPrivKey)
|
|
myFloID = floCrypto.getFloIDfromPubkeyHex(myPubKey)
|
|
resolve('Login Credentials loaded successful')
|
|
} catch (error) {
|
|
reject("Corrupted Private Key")
|
|
}
|
|
}).catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
})
|
|
}
|
|
|
|
},
|
|
|
|
callStartUpFunction: function (fname) {
|
|
return new Promise((resolve, reject) => {
|
|
this.startUpFunctions[fname]().then(result => {
|
|
this.callStartUpFunction.completed += 1
|
|
reactor.dispatchEvent("startUpSuccessLog",
|
|
`${result}\nCompleted ${this.callStartUpFunction.completed}/${this.callStartUpFunction.total} Startup functions`
|
|
)
|
|
resolve(true)
|
|
}).catch(error => {
|
|
this.callStartUpFunction.failed += 1
|
|
reactor.dispatchEvent("startUpErrorLog",
|
|
`${error}\nFailed ${this.callStartUpFunction.failed}/${this.callStartUpFunction.total} Startup functions`
|
|
)
|
|
reject(false)
|
|
})
|
|
})
|
|
},
|
|
|
|
},
|
|
|
|
launchStartUp: function () {
|
|
return new Promise((resolve, reject) => {
|
|
reactor.dispatchEvent("startUpSuccessLog", 'Initating App Storage')
|
|
this.util.initIndexedDB().then(log => {
|
|
reactor.dispatchEvent("startUpSuccessLog", 'App Storage Initaion Sucessful')
|
|
this.util.callStartUpFunction.total = Object.keys(this.util
|
|
.startUpFunctions).length
|
|
this.util.callStartUpFunction.completed = 0
|
|
this.util.callStartUpFunction.failed = 0
|
|
var promises = []
|
|
for (fn in this.util.startUpFunctions)
|
|
promises.push(this.util.callStartUpFunction(fn))
|
|
Promise.all(promises).then(results => {
|
|
reactor.dispatchEvent("startUpSuccessLog",
|
|
'Initating User Database')
|
|
this.util.initUserDB().then(log => {
|
|
reactor.dispatchEvent("startUpSuccessLog",
|
|
'User Database Initated sucessfully')
|
|
resolve('App Startup finished successful')
|
|
}).catch(errors => {
|
|
reactor.dispatchEvent("startUpErrorLog",
|
|
`Failed to initate User Database`)
|
|
reject('App StartUp failed')
|
|
})
|
|
}).catch(errors => reject('App StartUp failed'))
|
|
}).catch(errors => {
|
|
reactor.dispatchEvent("startUpErrorLog", `Failed to initate App Storage`)
|
|
reject('App StartUp failed')
|
|
})
|
|
})
|
|
},
|
|
|
|
setCustomPrivKeyInput: function (customFn) {
|
|
this.util.startUpFunctions.getCredentials.privKeyInput = customFn
|
|
},
|
|
|
|
logout: function () {
|
|
return new Promise((resolve, reject) => {
|
|
compactIDB.clearData("credentials", floGlobals.application).then(result => {
|
|
localStorage.removeItem(`${floGlobals.application}#privKey`);
|
|
floGlobals.appendix = floGlobals.contacts = floGlobals.pubKeys = undefined;
|
|
myPrivKey = myPubKey = myFloID = undefined;
|
|
resolve(`Successfully logged out!`);
|
|
}).catch(error => reject(error))
|
|
});
|
|
},
|
|
|
|
securePrivKey: function (pwd) {
|
|
return new Promise((resolve, reject) => {
|
|
let indexArr = localStorage.getItem(`${floGlobals.application}#privKey`)
|
|
if (!indexArr)
|
|
return reject("PrivKey not found");
|
|
indexArr = JSON.parse(indexArr)
|
|
let encryptedKey = Crypto.AES.encrypt(myPrivKey, pwd);
|
|
let threshold = indexArr.length;
|
|
let shares = floCrypto.createShamirsSecretShares(encryptedKey, threshold, threshold)
|
|
let promises = [];
|
|
for (var i = 0; i < threshold; i++)
|
|
promises.push(compactIDB.writeData("credentials", shares[i], indexArr[i], floGlobals
|
|
.application));
|
|
Promise.all(promises)
|
|
.then(results => resolve("Private Key Secured"))
|
|
.catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
clearUserData: function () {
|
|
return new Promise((resolve, reject) => {
|
|
let promises = [compactIDB.deleteDB(), this.logout()]
|
|
Promise.all(promises).then(results => {
|
|
console.log(results)
|
|
localStorage.removeItem(`${floGlobals.application}#privKey`)
|
|
resolve("Local data cleared Sucessful")
|
|
}).catch(error => reject(error))
|
|
})
|
|
}
|
|
}
|
|
|
|
reactor.registerEvent("startUpSuccessLog");
|
|
reactor.addEventListener("startUpSuccessLog", log => {
|
|
console.log(log)
|
|
})
|
|
|
|
reactor.registerEvent("startUpErrorLog");
|
|
reactor.addEventListener("startUpErrorLog", log => {
|
|
console.error(log)
|
|
})
|
|
</script>
|
|
|
|
<script id="messenger">
|
|
const messenger = {
|
|
|
|
util: {
|
|
|
|
sendRaw(message, receiver, type) {
|
|
return new Promise((resolve, reject) => {
|
|
if (!floCrypto.validateAddr(receiver))
|
|
return reject("Invalid Receiver floID");
|
|
var data = {
|
|
senderID: myFloID,
|
|
receiverID: receiver,
|
|
pubKey: myPubKey,
|
|
message: message,
|
|
sign: floCrypto.signData(JSON.stringify(message), myPrivKey),
|
|
application: floGlobals.application,
|
|
type: type,
|
|
comment: ""
|
|
}
|
|
floSupernode.sendData(JSON.stringify(data), data.receiverID)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
sendEncoded(message, receiver) {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
let unencrytedData = btoa(unescape(encodeURIComponent(JSON.stringify(message))))
|
|
this.sendRaw(unencrytedData, receiver, "ENCODED")
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
} catch (error) {
|
|
reject(error.message)
|
|
}
|
|
})
|
|
},
|
|
|
|
sendEncrypted(message, receiver) {
|
|
return new Promise((resolve, reject) => {
|
|
try {
|
|
if (!(receiver in floGlobals.pubKeys))
|
|
throw Error("pubKey of receiver not found")
|
|
let encryptedData = floCrypto.encryptData(JSON.stringify(message), floGlobals
|
|
.pubKeys[receiver])
|
|
encryptedData = btoa(unescape(encodeURIComponent(JSON.stringify(
|
|
encryptedData))))
|
|
this.sendRaw(encryptedData, receiver, "ENCRYPTED")
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
} catch (error) {
|
|
reject(error.message)
|
|
}
|
|
})
|
|
},
|
|
|
|
},
|
|
|
|
sendMessage(message, receiver) {
|
|
return new Promise(async (resolve, reject) => {
|
|
try {
|
|
if (receiver in floGlobals.pubKeys)
|
|
await this.util.sendEncrypted(message, receiver);
|
|
else
|
|
await this.util.sendEncoded(message, receiver);
|
|
let data = {
|
|
time: Date.now(),
|
|
floID: receiver,
|
|
category: "sent",
|
|
message: Crypto.AES.encrypt(message, floGlobals.appendix.AESKey)
|
|
}
|
|
compactIDB.addData("messages", JSON.parse(JSON.stringify(data)), `${data.time}`)
|
|
data.message = message;
|
|
resolve(data)
|
|
} catch (error) {
|
|
reject(error)
|
|
}
|
|
})
|
|
},
|
|
|
|
sendMail(subject, content, recipients) {
|
|
return new Promise(async (resolve, reject) => {
|
|
let result = {
|
|
success: {},
|
|
error: {}
|
|
}
|
|
let mail = {
|
|
subject: subject,
|
|
content: content,
|
|
ref: floCrypto.randString(32, true)
|
|
}
|
|
for (let i = 0; i < recipients.length; i++) {
|
|
try {
|
|
if (recipients[i] in floGlobals.pubKeys)
|
|
result.success[recipients[i]] = await this.util.sendEncrypted(mail,
|
|
recipients[i]);
|
|
else
|
|
result.success[recipients[i]] = await this.util.sendEncoded(mail,
|
|
recipients[i]);
|
|
} catch (error) {
|
|
result.error[recipients[i]] = error;
|
|
}
|
|
}
|
|
let data = {
|
|
time: Date.now(),
|
|
floID: Object.keys(result.success),
|
|
category: "sentTo",
|
|
subject: subject,
|
|
content: Crypto.AES.encrypt(content, floGlobals.appendix.AESKey),
|
|
ref: mail.ref
|
|
}
|
|
compactIDB.addData("mails", JSON.parse(JSON.stringify(data)) , `${data.time}`)
|
|
compactIDB.addData("mailRef", `${data.time}`, mail.ref)
|
|
result.data = data
|
|
result.data.content = content;
|
|
resolve(result)
|
|
})
|
|
},
|
|
|
|
replyMail(prevRef, subject, content, recipient) {
|
|
return new Promise(async (resolve, reject) => {
|
|
let mail = {
|
|
prevRef: prevRef,
|
|
subject: subject,
|
|
content: content,
|
|
ref: floCrypto.randString(32, true)
|
|
}
|
|
try {
|
|
if (recipient in floGlobals.pubKeys)
|
|
await this.util.sendEncrypted(mail, recipient);
|
|
else
|
|
await this.util.sendEncoded(mail, recipient);
|
|
let data = {
|
|
time: Date.now(),
|
|
floID: recipient,
|
|
category: "replyTo",
|
|
prevRef: prevRef,
|
|
subject: subject,
|
|
content: Crypto.AES.encrypt(content,floGlobals.appendix.AESKey),
|
|
ref: mail.ref
|
|
}
|
|
compactIDB.addData("mails", JSON.parse(JSON.stringify(data)), `${data.time}`)
|
|
compactIDB.addData("mailRef", `${data.time}`, mail.ref)
|
|
data.content = content;
|
|
resolve(data)
|
|
} catch (error) {
|
|
reject(error)
|
|
}
|
|
})
|
|
},
|
|
|
|
refreshInbox() {
|
|
return new Promise((resolve, reject) => {
|
|
var request = {
|
|
receiverID: myFloID,
|
|
application: floGlobals.application,
|
|
lowerVectorClock: floGlobals.appendix.lastReceived + 1,
|
|
}
|
|
floSupernode.requestData(JSON.stringify(request), request.receiverID).then(response => {
|
|
let dataSet = JSON.parse(response);
|
|
console.log(dataSet)
|
|
let newInbox = {
|
|
messages: {},
|
|
mails: {}
|
|
}
|
|
for (vc in dataSet) {
|
|
try {
|
|
//check for validity of message
|
|
if (floCrypto.getFloIDfromPubkeyHex(dataSet[vc].pubKey) != dataSet[
|
|
vc]
|
|
.senderID || !floCrypto.verifySign(JSON.stringify(dataSet[vc]
|
|
.message),
|
|
dataSet[vc].sign, dataSet[vc].pubKey))
|
|
continue;
|
|
//store the pubKey if not stored already
|
|
if (!(dataSet[vc].senderID in floGlobals.pubKeys)) {
|
|
floGlobals.pubKeys[dataSet[vc].senderID] = dataSet[vc].pubKey
|
|
compactIDB.writeData("pubKeys", dataSet[vc].pubKey, dataSet[vc]
|
|
.senderID)
|
|
}
|
|
let data = {
|
|
time: parseInt(vc.split("_")[0]),
|
|
floID: dataSet[vc].senderID,
|
|
}
|
|
let tmp;
|
|
switch (dataSet[vc].type) {
|
|
case "ENCODED":
|
|
tmp = JSON.parse(decodeURIComponent(escape(atob(dataSet[vc]
|
|
.message))))
|
|
break;
|
|
case "ENCRYPTED":
|
|
tmp = JSON.parse(floCrypto.decryptData(JSON.parse(
|
|
decodeURIComponent(escape(atob(dataSet[vc]
|
|
.message)))), myPrivKey))
|
|
break;
|
|
default:
|
|
tmp = dataSet[vc].message
|
|
}
|
|
if (typeof tmp === "string") {
|
|
//process as message
|
|
data.category = "received"
|
|
data.message = Crypto.AES.encrypt(tmp, floGlobals.appendix.AESKey);
|
|
compactIDB.addData("messages", JSON.parse(JSON.stringify(data)), vc)
|
|
data.message = tmp;
|
|
newInbox.messages[vc] = data;
|
|
this.addMark(data.floID, "unread")
|
|
} else if (typeof tmp === "object") {
|
|
//process as mail
|
|
data.subject = tmp.subject;
|
|
data.ref = tmp.ref;
|
|
data.content = Crypto.AES.encrypt(tmp.content, floGlobals.appendix.AESKey);
|
|
if (tmp.prevRef) {
|
|
data.prevRef = tmp.prevRef;
|
|
data.category = "replyFrom";
|
|
} else
|
|
data.category = "receivedFrom"
|
|
compactIDB.addData("mails", JSON.parse(JSON.stringify(data)), vc);
|
|
compactIDB.addData("mailRef", vc, data.ref)
|
|
data.content = tmp.content;
|
|
newInbox.mails[vc] = data;
|
|
this.addMark(data.ref, "unread")
|
|
}
|
|
} catch (error) {
|
|
console.error(error)
|
|
} finally {
|
|
floGlobals.appendix.lastReceived = vc;
|
|
}
|
|
}
|
|
compactIDB.writeData("appendix", floGlobals.appendix.lastReceived,
|
|
"lastReceived");
|
|
resolve(newInbox)
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
getMail(mailRef) {
|
|
return new Promise((resolve, reject) => {
|
|
compactIDB.readData("mailRef", mailRef).then(mailIndex => {
|
|
compactIDB.readData("mails", mailIndex).then(result => {
|
|
result.content = Crypto.AES.decrypt(result.content, floGlobals.appendix.AESKey)
|
|
resolve(result)
|
|
}).catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
});
|
|
},
|
|
|
|
addMark(key, mark) {
|
|
return new Promise((resolve, reject) => {
|
|
compactIDB.readData("marked", key).then(result => {
|
|
if (!result)
|
|
result = [mark];
|
|
else if (!result.includes(mark))
|
|
result.push(mark);
|
|
else
|
|
return resolve("Mark already exist");
|
|
compactIDB.writeData("marked", result, key)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
removeMark(key, mark) {
|
|
return new Promise((resolve, reject) => {
|
|
compactIDB.readData("marked", key).then(result => {
|
|
if (!result || !result.includes(mark))
|
|
return resolve("Mark doesnot exist")
|
|
else {
|
|
result.splice(result.indexOf(mark), 1); //remove the mark from the list of marks
|
|
compactIDB.writeData("marked", result, key)
|
|
.then(result => resolve("Mark removed"))
|
|
.catch(error => reject(error))
|
|
}
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
storeContact(floID, name) {
|
|
return new Promise((resolve, reject) => {
|
|
if (!floCrypto.validateAddr(floID))
|
|
reject("Invalid floID!")
|
|
else
|
|
compactIDB.writeData("contacts", name, floID)
|
|
.then(result => resolve(result))
|
|
.catch(error => reject(error))
|
|
});
|
|
},
|
|
|
|
loadDataFromIDB() {
|
|
return new Promise((resolve, reject) => {
|
|
let loadData = ["contacts", "pubKeys", "messages", "mails", "marked", "appendix"]
|
|
let promises = []
|
|
for (var i = 0; i < loadData.length; i++)
|
|
promises[i] = compactIDB.readAllData(loadData[i])
|
|
Promise.all(promises).then(results => {
|
|
let data = {}
|
|
for (var i = 0; i < loadData.length; i++)
|
|
data[loadData[i]] = results[i]
|
|
data.appendix.lastReceived = data.appendix.lastReceived || '0'
|
|
if (data.appendix.AESKey) {
|
|
try {
|
|
let AESKey = floCrypto.decryptData(data.appendix.AESKey, myPrivKey);
|
|
data.appendix.AESKey = AESKey;
|
|
for (let m in data.messages) {
|
|
let decrypted = Crypto.AES.decrypt(data.messages[m].message,
|
|
AESKey)
|
|
|
|
data.messages[m].message = decrypted;
|
|
}
|
|
for (let m in data.mails) {
|
|
let decrypted = Crypto.AES.decrypt(data.mails[m].content,
|
|
AESKey)
|
|
data.mails[m].content = decrypted;
|
|
}
|
|
|
|
resolve(data)
|
|
} catch (error) {
|
|
reject("Corrupted AES Key");
|
|
}
|
|
} else {
|
|
if (Object.keys(data.messages).length)
|
|
return reject("AES Key not Found")
|
|
let AESKey = floCrypto.randString(32);
|
|
let encryptedKey = floCrypto.encryptData(AESKey, myPubKey);
|
|
compactIDB.addData("appendix", encryptedKey, "AESKey").then(result => {
|
|
data.appendix.AESKey = AESKey;
|
|
resolve(data);
|
|
}).catch(error => reject("Unable to Generate AES Key"))
|
|
}
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
backupData() {
|
|
return new Promise((resolve, reject) => {
|
|
let obs = ["contacts", "pubKeys", "messages", "mails", "mailRef", "marked", "appendix"]
|
|
let promises = [];
|
|
obs.forEach(o => promises.push(compactIDB.readAllData(o)))
|
|
Promise.all(promises).then(results => {
|
|
let data = {}
|
|
for (let i = 0; i < obs.length; i++)
|
|
data[obs[i]] = results[i]
|
|
results = undefined;
|
|
data = btoa(unescape(encodeURIComponent(JSON.stringify(data))))
|
|
data = {
|
|
floID: myFloID,
|
|
pubKey: myPubKey,
|
|
data: floCrypto.encryptData(data, myPubKey),
|
|
}
|
|
data.sign = floCrypto.signData(JSON.stringify(data.data), myPrivKey);
|
|
resolve(new Blob([JSON.stringify(data)], {
|
|
type: 'application/json'
|
|
}));
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
parseBackup(blob) {
|
|
return new Promise((resolve, reject) => {
|
|
if (blob instanceof Blob || blob instanceof File) {
|
|
let reader = new FileReader();
|
|
reader.onload = evt => {
|
|
var data = JSON.parse(evt.target.result);
|
|
if (!floCrypto.verifySign(JSON.stringify(data.data), data.sign, data.pubKey))
|
|
reject("Corrupted Backup file: Signature verification failed");
|
|
else if (myFloID !== data.floID || myPubKey !== data.pubKey)
|
|
reject("Invalid Backup file: Incorrect floID");
|
|
else {
|
|
try {
|
|
data = floCrypto.decryptData(data.data, myPrivKey);
|
|
try {
|
|
data = JSON.parse(decodeURIComponent(escape(atob(data))));
|
|
resolve(data)
|
|
} catch (e) {
|
|
reject("Corrupted Backup file: Parse failed");
|
|
}
|
|
} catch (e) {
|
|
reject("Corrupted Backup file: Decryption failed");
|
|
}
|
|
}
|
|
}
|
|
reader.readAsText(blob);
|
|
} else
|
|
reject("Backup is not a valid File (or) Blob")
|
|
})
|
|
},
|
|
|
|
restoreData(arg) {
|
|
return new Promise((resolve, reject) => {
|
|
let parseData;
|
|
if (arg instanceof Blob || arg instanceof File)
|
|
parseData = this.parseBackup
|
|
else
|
|
parseData = data => new Promise((res, rej) => res(data))
|
|
parseData(arg).then(data => {
|
|
if (data.appendix.lastReceived < floGlobals.appendix.lastReceived)
|
|
data.appendix.lastReceived = floGlobals.appendix.lastReceived;
|
|
let AESKey = floCrypto.decryptData(data.appendix.AESKey, myPrivKey);
|
|
if (AESKey !== floGlobals.appendix.AESKey) {
|
|
for (let m in data.messages) {
|
|
let decrypted = Crypto.AES.decrypt(data.messages[m].message, AESKey)
|
|
let encrypted = Crypto.AES.encrypt(decrypted, floGlobals.appendix
|
|
.AESKey)
|
|
data.messages[m].message = encrypted;
|
|
}
|
|
for (let m in data.mails) {
|
|
let decrypted = Crypto.AES.decrypt(data.mails[m].content, AESKey)
|
|
let encrypted = Crypto.AES.encrypt(decrypted, floGlobals.appendix
|
|
.AESKey)
|
|
data.mails[m].content = encrypted;
|
|
}
|
|
}
|
|
delete data.appendix.AESKey;
|
|
let promises = [];
|
|
for (obs in data)
|
|
for (value in data[obs])
|
|
promises.push(compactIDB.writeData(obs, data[obs][value], value));
|
|
Promise.all(promises)
|
|
.then(results => resolve("Restore Successful"))
|
|
.catch(error => reject("Restore Failed: Unable to write to IDB"))
|
|
}).catch(error => reject(error))
|
|
})
|
|
},
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |