Initial check-in.
This commit is contained in:
parent
e5198fabcb
commit
d43e474251
|
@ -0,0 +1,58 @@
|
|||
{
|
||||
"parser": "@typescript-eslint/parser",
|
||||
"plugins": ["@typescript-eslint", "eslint-plugin-import", "prettier"],
|
||||
"root": true,
|
||||
"env": {
|
||||
"browser": true,
|
||||
"es2021": true
|
||||
},
|
||||
"extends": ["airbnb", "plugin:@typescript-eslint/recommended", "prettier"],
|
||||
"parserOptions": {
|
||||
"project": ["tsconfig.json"],
|
||||
"ecmaVersion": 2020,
|
||||
"sourceType": "module"
|
||||
},
|
||||
"rules": {
|
||||
"no-await-in-loop": "off",
|
||||
"no-use-before-define": "off",
|
||||
"no-nested-ternary": "off",
|
||||
"@typescript-eslint/no-use-before-define": ["error"],
|
||||
"@typescript-eslint/explicit-function-return-type": "off",
|
||||
"@typescript-eslint/no-unused-vars": "off",
|
||||
"import/extensions": "off",
|
||||
"import/prefer-default-export": "off",
|
||||
"@typescript-eslint/ban-types": "warn",
|
||||
"@typescript-eslint/no-use-before-define": "warn",
|
||||
"arrow-body-style": "warn",
|
||||
"camelcase": "warn",
|
||||
"dot-notation": "warn",
|
||||
"eqeqeq": "warn",
|
||||
"import/first": "warn",
|
||||
"import/newline-after-import": "warn",
|
||||
"import/no-extraneous-dependencies": "warn",
|
||||
"import/order": "warn",
|
||||
"no-else-return": "warn",
|
||||
"no-param-reassign": "warn",
|
||||
"no-return-assign": "warn",
|
||||
"no-sequences": "warn",
|
||||
"no-shadow": "off",
|
||||
"@typescript-eslint/no-shadow": ["warn"],
|
||||
"no-underscore-dangle": "warn",
|
||||
"no-unneeded-ternary": "warn",
|
||||
"object-shorthand": "warn",
|
||||
"prefer-arrow-callback": "warn",
|
||||
"prefer-const": "warn",
|
||||
"prefer-destructuring": "warn",
|
||||
"prefer-template": "warn"
|
||||
},
|
||||
"settings": {
|
||||
"import/resolver": {
|
||||
"node": {
|
||||
"extensions": [".js", ".ts"]
|
||||
},
|
||||
"typescript": {
|
||||
"project": "./tsconfig.json"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,5 @@
|
|||
*#
|
||||
.#*
|
||||
*~
|
||||
node_modules
|
||||
build
|
|
@ -0,0 +1,6 @@
|
|||
repos:
|
||||
- repo: https://github.com/pre-commit/mirrors-prettier
|
||||
rev: "v2.4.1" # Use the sha / tag you want to point at
|
||||
hooks:
|
||||
- id: prettier
|
||||
exclude: "index.html"
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"trailingComma": "es5",
|
||||
"printWidth": 110,
|
||||
"tabWidth": 4,
|
||||
"useTabs": false,
|
||||
"semi": true,
|
||||
"singleQuote": false
|
||||
}
|
|
@ -1 +0,0 @@
|
|||
Two old Java programs that need to be modernized. Eventually.
|
|
@ -1,219 +0,0 @@
|
|||
class DominoClock
|
||||
|
||||
constructor: ({@container}) ->
|
||||
@container.append('<canvas class="canvas_itself"></canvas>')
|
||||
@canvas = $('canvas', @container).get(0)
|
||||
@canvas.width = @width = @container.width()
|
||||
@canvas.height = @hight = @container.height()
|
||||
@ctx = @canvas.getContext('2d')
|
||||
|
||||
if @height > 3 * @width
|
||||
@square_d = @width
|
||||
else
|
||||
@square_d = @height / 3
|
||||
|
||||
|
||||
tock: (element, time) ->
|
||||
dot: (x, y) ->
|
||||
@ctx.context.beginPath();
|
||||
@ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
|
||||
|
||||
@ctx.clearRect(0, 0, @height, @width)
|
||||
|
||||
if time in [1, 5, 8, 9, 11]
|
||||
dot startx + dotrad, starty + dotrad
|
||||
|
||||
if time in [2, 5, 6, 10, 11]
|
||||
dot startx + squard - (2 * dotrad), starty + dotrad
|
||||
|
||||
if time in [3, 6, 7, 9, 11]
|
||||
dot startx + squard - (2 * dotrad), starty + squared - (2 * dotrad)
|
||||
|
||||
if time in [4, 7, 8, 10, 11]
|
||||
dot startx + dotrad, starty + squared - (2 * dotrad)
|
||||
|
||||
paint: ->
|
||||
d = new Date()
|
||||
hour = d.getHours() + 1
|
||||
hour = if hour > 12 then hour - 12 else hour
|
||||
min = d.getMinutes()
|
||||
sec = d.getSeconds()
|
||||
|
||||
@tock(@elements.hour, @startx, @starty, hour)
|
||||
@tock(@elements.mins, @startx, @starty + @square_d, (min / 5))
|
||||
@tock(@elements.secs, @startx, @starty + (2 * @square_d), (sec / 5))
|
||||
|
||||
start: ->
|
||||
@running = true
|
||||
@run()
|
||||
|
||||
|
||||
stop: ->
|
||||
clearTimeout @waiting
|
||||
@running = false
|
||||
|
||||
run: =>
|
||||
if @running
|
||||
@paint()
|
||||
@waiting = setTimeout(120, @run)
|
||||
|
||||
|
||||
|
||||
$ ->
|
||||
clock = new DominoClock($('container'))
|
||||
|
||||
|
||||
public class DominoClock extends Applet implements Runnable {
|
||||
|
||||
int StartX, StartY, SquareD, DotRad;
|
||||
Color bgColor, dominoColor, dotColor;
|
||||
Thread clock = null;
|
||||
String background;
|
||||
|
||||
public void init() {
|
||||
|
||||
try {
|
||||
background = getParameter( "bgcolor" );
|
||||
} catch (NullPointerException e) {};
|
||||
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
Integer rgbValue = new Integer(0);
|
||||
bgColor = new Color(rgbValue.intValue());
|
||||
} else {
|
||||
Integer rgbValue = new Integer(0);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
bgColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
try {
|
||||
background = getParameter( "dominocolor" );
|
||||
} catch (NullPointerException e) {};
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
Integer rgbValue = new Integer(14331680);
|
||||
dominoColor = new Color(rgbValue.intValue());
|
||||
} else {
|
||||
Integer rgbValue = new Integer(14331680);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
dominoColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
try {
|
||||
background = getParameter( "dotcolor" );
|
||||
} catch (NullPointerException e) {};
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
Integer rgbValue = new Integer(3100495);
|
||||
dotColor = new Color(rgbValue.intValue());
|
||||
} else {
|
||||
Integer rgbValue = new Integer(3100495);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
dotColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
Dimension D = size();
|
||||
|
||||
if (D.height > (3 * D.width)) {
|
||||
SquareD = D.width;
|
||||
StartX = 0;
|
||||
StartY = 0; // (D.height / 3) - SquareD;
|
||||
}
|
||||
else {
|
||||
SquareD = (D.height / 3);
|
||||
StartY = 0;
|
||||
StartX = 0; //.width - (SquareD / 3);
|
||||
}
|
||||
|
||||
DotRad = (int) (Math.sqrt(2 * SquareD * SquareD) / 6);
|
||||
}
|
||||
|
||||
public void paint(Graphics g) {
|
||||
|
||||
int Hour, Min, Sec;
|
||||
Date D = new Date();
|
||||
|
||||
Hour = D.getHours();
|
||||
if (Hour > 12) Hour = Hour - 12;
|
||||
Min = D.getMinutes();
|
||||
Sec = D.getSeconds();
|
||||
|
||||
Tock(StartX, StartY, Hour, g);
|
||||
Tock(StartX, StartY + SquareD, (Min / 5), g);
|
||||
Tock(StartX, StartY + (2 * SquareD), (Sec / 5), g);
|
||||
}
|
||||
|
||||
public void update(Graphics g) {
|
||||
paint(g); // Overridden to prevent flicker.
|
||||
}
|
||||
|
||||
public void start() {
|
||||
clock = new Thread(this);
|
||||
clock.start();
|
||||
}
|
||||
|
||||
public void stop() {
|
||||
clock.stop();
|
||||
}
|
||||
|
||||
public void run() {
|
||||
while(true) {
|
||||
try {
|
||||
Thread.sleep(1000);
|
||||
}
|
||||
catch(InterruptedException e) {}
|
||||
repaint();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Tock: (int time) ->
|
||||
|
||||
@ctx.clearRect(0, 0, @height, @width)
|
||||
|
||||
dot: (x, y) ->
|
||||
@ctx.context.beginPath();
|
||||
@ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
|
||||
|
||||
context.fillStyle = "#8ED6FF";
|
||||
context.fill();
|
||||
context.lineWidth = 5;
|
||||
context.strokeStyle = "black";
|
||||
context.stroke();
|
||||
|
||||
g.fillRect(StartX, StartY, SquareD, SquareD);
|
||||
g.setColor(dotColor);
|
||||
|
||||
if ((time == 1) || (time == 5) || (time == 8) || (time == 9) || (time == 11))
|
||||
g.fillOval(StartX + DotRad, StartY + DotRad, DotRad, DotRad);
|
||||
|
||||
if ((time == 2) || (time == 5) || (time == 6) || (time == 10) || (time == 11))
|
||||
g.fillOval(StartX + SquareD - (2 * DotRad), StartY + DotRad, DotRad, DotRad);
|
||||
|
||||
if ((time == 3) || (time == 6) || (time == 7) || (time == 9) || (time == 11))
|
||||
g.fillOval(StartX + SquareD - (2 * DotRad), StartY + SquareD - (2 * DotRad), DotRad, DotRad);
|
||||
|
||||
if ((time == 4) || (time == 7) || (time == 8) || (time == 10) || (time == 11))
|
||||
g.fillOval(StartX + DotRad, StartY + SquareD - (2 * DotRad), DotRad, DotRad);
|
||||
|
||||
g.drawLine(StartX, StartY + SquareD - 1, StartX + SquareD, StartY + SquareD - 1);
|
||||
|
||||
}
|
||||
|
||||
|
||||
public static void main(String args[]) {
|
||||
Frame f1 = new Frame("Domino Clock");
|
||||
DominoClock s1 = new DominoClock();
|
||||
|
||||
f1.add("Center", s1);
|
||||
f1.resize(300, 300);
|
||||
f1.show();
|
||||
|
||||
s1.init();
|
||||
s1.start();
|
||||
}
|
||||
|
||||
}
|
149
DominoClock.java
149
DominoClock.java
|
@ -1,149 +0,0 @@
|
|||
//Draw a clock based upon the Domino display.
|
||||
|
||||
import java.applet.Applet;
|
||||
import java.util.*;
|
||||
import java.lang.*;
|
||||
import java.awt.*;
|
||||
|
||||
public class DominoClock extends Applet implements Runnable {
|
||||
|
||||
int StartX, StartY, SquareD, DotRad;
|
||||
Color bgColor, dominoColor, dotColor;
|
||||
Thread clock = null;
|
||||
String background;
|
||||
|
||||
public void init() {
|
||||
|
||||
try {
|
||||
background = getParameter( "bgcolor" );
|
||||
} catch (NullPointerException e) {};
|
||||
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
Integer rgbValue = new Integer(0);
|
||||
bgColor = new Color(rgbValue.intValue());
|
||||
} else {
|
||||
Integer rgbValue = new Integer(0);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
bgColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
try {
|
||||
background = getParameter( "dominocolor" );
|
||||
} catch (NullPointerException e) {};
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
Integer rgbValue = new Integer(14331680);
|
||||
dominoColor = new Color(rgbValue.intValue());
|
||||
} else {
|
||||
Integer rgbValue = new Integer(14331680);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
dominoColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
try {
|
||||
background = getParameter( "dotcolor" );
|
||||
} catch (NullPointerException e) {};
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
Integer rgbValue = new Integer(3100495);
|
||||
dotColor = new Color(rgbValue.intValue());
|
||||
} else {
|
||||
Integer rgbValue = new Integer(3100495);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
dotColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
Dimension D = size();
|
||||
|
||||
if (D.height > (3 * D.width)) {
|
||||
SquareD = D.width;
|
||||
StartX = 0;
|
||||
StartY = 0; // (D.height / 3) - SquareD;
|
||||
}
|
||||
else {
|
||||
SquareD = (D.height / 3);
|
||||
StartY = 0;
|
||||
StartX = 0; //.width - (SquareD / 3);
|
||||
}
|
||||
|
||||
DotRad = (int) (Math.sqrt(2 * SquareD * SquareD) / 6);
|
||||
}
|
||||
|
||||
public void paint(Graphics g) {
|
||||
|
||||
int Hour, Min, Sec;
|
||||
Date D = new Date();
|
||||
|
||||
Hour = D.getHours();
|
||||
if (Hour > 12) Hour = Hour - 12;
|
||||
Min = D.getMinutes();
|
||||
Sec = D.getSeconds();
|
||||
|
||||
Tock(StartX, StartY, Hour, g);
|
||||
Tock(StartX, StartY + SquareD, (Min / 5), g);
|
||||
Tock(StartX, StartY + (2 * SquareD), (Sec / 5), g);
|
||||
}
|
||||
|
||||
public void update(Graphics g) {
|
||||
paint(g); // Overridden to prevent flicker.
|
||||
}
|
||||
|
||||
public void start() {
|
||||
clock = new Thread(this);
|
||||
clock.start();
|
||||
}
|
||||
|
||||
public void stop() {
|
||||
clock.stop();
|
||||
}
|
||||
|
||||
public void run() {
|
||||
while(true) {
|
||||
try {
|
||||
Thread.sleep(1000);
|
||||
}
|
||||
catch(InterruptedException e) {}
|
||||
repaint();
|
||||
}
|
||||
}
|
||||
|
||||
private void Tock(int StartX, int StartY, int time, Graphics g) {
|
||||
|
||||
g.setColor(dominoColor);
|
||||
g.fillRect(StartX, StartY, SquareD, SquareD);
|
||||
g.setColor(dotColor);
|
||||
|
||||
if ((time == 1) || (time == 5) || (time == 8) || (time == 9) || (time == 11))
|
||||
g.fillOval(StartX + DotRad, StartY + DotRad, DotRad, DotRad);
|
||||
|
||||
if ((time == 2) || (time == 5) || (time == 6) || (time == 10) || (time == 11))
|
||||
g.fillOval(StartX + SquareD - (2 * DotRad), StartY + DotRad, DotRad, DotRad);
|
||||
|
||||
if ((time == 3) || (time == 6) || (time == 7) || (time == 9) || (time == 11))
|
||||
g.fillOval(StartX + SquareD - (2 * DotRad), StartY + SquareD - (2 * DotRad), DotRad, DotRad);
|
||||
|
||||
if ((time == 4) || (time == 7) || (time == 8) || (time == 10) || (time == 11))
|
||||
g.fillOval(StartX + DotRad, StartY + SquareD - (2 * DotRad), DotRad, DotRad);
|
||||
|
||||
g.drawLine(StartX, StartY + SquareD - 1, StartX + SquareD, StartY + SquareD - 1);
|
||||
|
||||
}
|
||||
|
||||
|
||||
public static void main(String args[]) {
|
||||
Frame f1 = new Frame("Domino Clock");
|
||||
DominoClock s1 = new DominoClock();
|
||||
|
||||
f1.add("Center", s1);
|
||||
f1.resize(300, 300);
|
||||
f1.show();
|
||||
|
||||
s1.init();
|
||||
s1.start();
|
||||
}
|
||||
|
||||
}
|
|
@ -0,0 +1,346 @@
|
|||
# Mozilla Public License Version 2.0
|
||||
|
||||
### 1. Definitions
|
||||
|
||||
**1.1. “Contributor”**
|
||||
means each individual or legal entity that creates, contributes to
|
||||
the creation of, or owns Covered Software.
|
||||
|
||||
**1.2. “Contributor Version”**
|
||||
means the combination of the Contributions of others (if any) used
|
||||
by a Contributor and that particular Contributor's Contribution.
|
||||
|
||||
**1.3. “Contribution”**
|
||||
means Covered Software of a particular Contributor.
|
||||
|
||||
**1.4. “Covered Software”**
|
||||
means Source Code Form to which the initial Contributor has attached
|
||||
the notice in Exhibit A, the Executable Form of such Source Code
|
||||
Form, and Modifications of such Source Code Form, in each case
|
||||
including portions thereof.
|
||||
|
||||
**1.5. “Incompatible With Secondary Licenses”**
|
||||
means
|
||||
|
||||
- **(a)** that the initial Contributor has attached the notice described
|
||||
in Exhibit B to the Covered Software; or
|
||||
- **(b)** that the Covered Software was made available under the terms of
|
||||
version 1.1 or earlier of the License, but not also under the
|
||||
terms of a Secondary License.
|
||||
|
||||
**1.6. “Executable Form”**
|
||||
means any form of the work other than Source Code Form.
|
||||
|
||||
**1.7. “Larger Work”**
|
||||
means a work that combines Covered Software with other material, in
|
||||
a separate file or files, that is not Covered Software.
|
||||
|
||||
**1.8. “License”**
|
||||
means this document.
|
||||
|
||||
**1.9. “Licensable”**
|
||||
means having the right to grant, to the maximum extent possible,
|
||||
whether at the time of the initial grant or subsequently, any and
|
||||
all of the rights conveyed by this License.
|
||||
|
||||
**1.10. “Modifications”**
|
||||
means any of the following:
|
||||
|
||||
- **(a)** any file in Source Code Form that results from an addition to,
|
||||
deletion from, or modification of the contents of Covered
|
||||
Software; or
|
||||
- **(b)** any new file in Source Code Form that contains any Covered
|
||||
Software.
|
||||
|
||||
**1.11. “Patent Claims” of a Contributor**
|
||||
means any patent claim(s), including without limitation, method,
|
||||
process, and apparatus claims, in any patent Licensable by such
|
||||
Contributor that would be infringed, but for the grant of the
|
||||
License, by the making, using, selling, offering for sale, having
|
||||
made, import, or transfer of either its Contributions or its
|
||||
Contributor Version.
|
||||
|
||||
**1.12. “Secondary License”**
|
||||
means either the GNU General Public License, Version 2.0, the GNU
|
||||
Lesser General Public License, Version 2.1, the GNU Affero General
|
||||
Public License, Version 3.0, or any later versions of those
|
||||
licenses.
|
||||
|
||||
**1.13. “Source Code Form”**
|
||||
means the form of the work preferred for making modifications.
|
||||
|
||||
**1.14. “You” (or “Your”)**
|
||||
means an individual or a legal entity exercising rights under this
|
||||
License. For legal entities, “You” includes any entity that
|
||||
controls, is controlled by, or is under common control with You. For
|
||||
purposes of this definition, “control” means **(a)** the power, direct
|
||||
or indirect, to cause the direction or management of such entity,
|
||||
whether by contract or otherwise, or **(b)** ownership of more than
|
||||
fifty percent (50%) of the outstanding shares or beneficial
|
||||
ownership of such entity.
|
||||
|
||||
### 2. License Grants and Conditions
|
||||
|
||||
#### 2.1. Grants
|
||||
|
||||
Each Contributor hereby grants You a world-wide, royalty-free,
|
||||
non-exclusive license:
|
||||
|
||||
- **(a)** under intellectual property rights (other than patent or trademark)
|
||||
Licensable by such Contributor to use, reproduce, make available,
|
||||
modify, display, perform, distribute, and otherwise exploit its
|
||||
Contributions, either on an unmodified basis, with Modifications, or
|
||||
as part of a Larger Work; and
|
||||
- **(b)** under Patent Claims of such Contributor to make, use, sell, offer
|
||||
for sale, have made, import, and otherwise transfer either its
|
||||
Contributions or its Contributor Version.
|
||||
|
||||
#### 2.2. Effective Date
|
||||
|
||||
The licenses granted in Section 2.1 with respect to any Contribution
|
||||
become effective for each Contribution on the date the Contributor first
|
||||
distributes such Contribution.
|
||||
|
||||
#### 2.3. Limitations on Grant Scope
|
||||
|
||||
The licenses granted in this Section 2 are the only rights granted under
|
||||
this License. No additional rights or licenses will be implied from the
|
||||
distribution or licensing of Covered Software under this License.
|
||||
Notwithstanding Section 2.1(b) above, no patent license is granted by a
|
||||
Contributor:
|
||||
|
||||
- **(a)** for any code that a Contributor has removed from Covered Software;
|
||||
or
|
||||
- **(b)** for infringements caused by: **(i)** Your and any other third party's
|
||||
modifications of Covered Software, or **(ii)** the combination of its
|
||||
Contributions with other software (except as part of its Contributor
|
||||
Version); or
|
||||
- **(c)** under Patent Claims infringed by Covered Software in the absence of
|
||||
its Contributions.
|
||||
|
||||
This License does not grant any rights in the trademarks, service marks,
|
||||
or logos of any Contributor (except as may be necessary to comply with
|
||||
the notice requirements in Section 3.4).
|
||||
|
||||
#### 2.4. Subsequent Licenses
|
||||
|
||||
No Contributor makes additional grants as a result of Your choice to
|
||||
distribute the Covered Software under a subsequent version of this
|
||||
License (see Section 10.2) or under the terms of a Secondary License (if
|
||||
permitted under the terms of Section 3.3).
|
||||
|
||||
#### 2.5. Representation
|
||||
|
||||
Each Contributor represents that the Contributor believes its
|
||||
Contributions are its original creation(s) or it has sufficient rights
|
||||
to grant the rights to its Contributions conveyed by this License.
|
||||
|
||||
#### 2.6. Fair Use
|
||||
|
||||
This License is not intended to limit any rights You have under
|
||||
applicable copyright doctrines of fair use, fair dealing, or other
|
||||
equivalents.
|
||||
|
||||
#### 2.7. Conditions
|
||||
|
||||
Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
|
||||
in Section 2.1.
|
||||
|
||||
### 3. Responsibilities
|
||||
|
||||
#### 3.1. Distribution of Source Form
|
||||
|
||||
All distribution of Covered Software in Source Code Form, including any
|
||||
Modifications that You create or to which You contribute, must be under
|
||||
the terms of this License. You must inform recipients that the Source
|
||||
Code Form of the Covered Software is governed by the terms of this
|
||||
License, and how they can obtain a copy of this License. You may not
|
||||
attempt to alter or restrict the recipients' rights in the Source Code
|
||||
Form.
|
||||
|
||||
#### 3.2. Distribution of Executable Form
|
||||
|
||||
If You distribute Covered Software in Executable Form then:
|
||||
|
||||
- **(a)** such Covered Software must also be made available in Source Code
|
||||
Form, as described in Section 3.1, and You must inform recipients of
|
||||
the Executable Form how they can obtain a copy of such Source Code
|
||||
Form by reasonable means in a timely manner, at a charge no more
|
||||
than the cost of distribution to the recipient; and
|
||||
|
||||
- **(b)** You may distribute such Executable Form under the terms of this
|
||||
License, or sublicense it under different terms, provided that the
|
||||
license for the Executable Form does not attempt to limit or alter
|
||||
the recipients' rights in the Source Code Form under this License.
|
||||
|
||||
#### 3.3. Distribution of a Larger Work
|
||||
|
||||
You may create and distribute a Larger Work under terms of Your choice,
|
||||
provided that You also comply with the requirements of this License for
|
||||
the Covered Software. If the Larger Work is a combination of Covered
|
||||
Software with a work governed by one or more Secondary Licenses, and the
|
||||
Covered Software is not Incompatible With Secondary Licenses, this
|
||||
License permits You to additionally distribute such Covered Software
|
||||
under the terms of such Secondary License(s), so that the recipient of
|
||||
the Larger Work may, at their option, further distribute the Covered
|
||||
Software under the terms of either this License or such Secondary
|
||||
License(s).
|
||||
|
||||
#### 3.4. Notices
|
||||
|
||||
You may not remove or alter the substance of any license notices
|
||||
(including copyright notices, patent notices, disclaimers of warranty,
|
||||
or limitations of liability) contained within the Source Code Form of
|
||||
the Covered Software, except that You may alter any license notices to
|
||||
the extent required to remedy known factual inaccuracies.
|
||||
|
||||
#### 3.5. Application of Additional Terms
|
||||
|
||||
You may choose to offer, and to charge a fee for, warranty, support,
|
||||
indemnity or liability obligations to one or more recipients of Covered
|
||||
Software. However, You may do so only on Your own behalf, and not on
|
||||
behalf of any Contributor. You must make it absolutely clear that any
|
||||
such warranty, support, indemnity, or liability obligation is offered by
|
||||
You alone, and You hereby agree to indemnify every Contributor for any
|
||||
liability incurred by such Contributor as a result of warranty, support,
|
||||
indemnity or liability terms You offer. You may include additional
|
||||
disclaimers of warranty and limitations of liability specific to any
|
||||
jurisdiction.
|
||||
|
||||
### 4. Inability to Comply Due to Statute or Regulation
|
||||
|
||||
If it is impossible for You to comply with any of the terms of this
|
||||
License with respect to some or all of the Covered Software due to
|
||||
statute, judicial order, or regulation then You must: **(a)** comply with
|
||||
the terms of this License to the maximum extent possible; and **(b)**
|
||||
describe the limitations and the code they affect. Such description must
|
||||
be placed in a text file included with all distributions of the Covered
|
||||
Software under this License. Except to the extent prohibited by statute
|
||||
or regulation, such description must be sufficiently detailed for a
|
||||
recipient of ordinary skill to be able to understand it.
|
||||
|
||||
### 5. Termination
|
||||
|
||||
**5.1.** The rights granted under this License will terminate automatically
|
||||
if You fail to comply with any of its terms. However, if You become
|
||||
compliant, then the rights granted under this License from a particular
|
||||
Contributor are reinstated **(a)** provisionally, unless and until such
|
||||
Contributor explicitly and finally terminates Your grants, and **(b)** on an
|
||||
ongoing basis, if such Contributor fails to notify You of the
|
||||
non-compliance by some reasonable means prior to 60 days after You have
|
||||
come back into compliance. Moreover, Your grants from a particular
|
||||
Contributor are reinstated on an ongoing basis if such Contributor
|
||||
notifies You of the non-compliance by some reasonable means, this is the
|
||||
first time You have received notice of non-compliance with this License
|
||||
from such Contributor, and You become compliant prior to 30 days after
|
||||
Your receipt of the notice.
|
||||
|
||||
**5.2.** If You initiate litigation against any entity by asserting a patent
|
||||
infringement claim (excluding declaratory judgment actions,
|
||||
counter-claims, and cross-claims) alleging that a Contributor Version
|
||||
directly or indirectly infringes any patent, then the rights granted to
|
||||
You by any and all Contributors for the Covered Software under Section
|
||||
2.1 of this License shall terminate.
|
||||
|
||||
**5.3.** In the event of termination under Sections 5.1 or 5.2 above, all
|
||||
end user license agreements (excluding distributors and resellers) which
|
||||
have been validly granted by You or Your distributors under this License
|
||||
prior to termination shall survive termination.
|
||||
|
||||
### 6. Disclaimer of Warranty
|
||||
|
||||
> Covered Software is provided under this License on an “as is”
|
||||
> basis, without warranty of any kind, either expressed, implied, or
|
||||
> statutory, including, without limitation, warranties that the
|
||||
> Covered Software is free of defects, merchantable, fit for a
|
||||
> particular purpose or non-infringing. The entire risk as to the
|
||||
> quality and performance of the Covered Software is with You.
|
||||
> Should any Covered Software prove defective in any respect, You
|
||||
> (not any Contributor) assume the cost of any necessary servicing,
|
||||
> repair, or correction. This disclaimer of warranty constitutes an
|
||||
> essential part of this License. No use of any Covered Software is
|
||||
> authorized under this License except under this disclaimer.
|
||||
|
||||
### 7. Limitation of Liability
|
||||
|
||||
> Under no circumstances and under no legal theory, whether tort
|
||||
> (including negligence), contract, or otherwise, shall any
|
||||
> Contributor, or anyone who distributes Covered Software as
|
||||
> permitted above, be liable to You for any direct, indirect,
|
||||
> special, incidental, or consequential damages of any character
|
||||
> including, without limitation, damages for lost profits, loss of
|
||||
> goodwill, work stoppage, computer failure or malfunction, or any
|
||||
> and all other commercial damages or losses, even if such party
|
||||
> shall have been informed of the possibility of such damages. This
|
||||
> limitation of liability shall not apply to liability for death or
|
||||
> personal injury resulting from such party's negligence to the
|
||||
> extent applicable law prohibits such limitation. Some
|
||||
> jurisdictions do not allow the exclusion or limitation of
|
||||
> incidental or consequential damages, so this exclusion and
|
||||
> limitation may not apply to You.
|
||||
|
||||
### 8. Litigation
|
||||
|
||||
Any litigation relating to this License may be brought only in the
|
||||
courts of a jurisdiction where the defendant maintains its principal
|
||||
place of business and such litigation shall be governed by laws of that
|
||||
jurisdiction, without reference to its conflict-of-law provisions.
|
||||
Nothing in this Section shall prevent a party's ability to bring
|
||||
cross-claims or counter-claims.
|
||||
|
||||
### 9. Miscellaneous
|
||||
|
||||
This License represents the complete agreement concerning the subject
|
||||
matter hereof. If any provision of this License is held to be
|
||||
unenforceable, such provision shall be reformed only to the extent
|
||||
necessary to make it enforceable. Any law or regulation which provides
|
||||
that the language of a contract shall be construed against the drafter
|
||||
shall not be used to construe this License against a Contributor.
|
||||
|
||||
### 10. Versions of the License
|
||||
|
||||
#### 10.1. New Versions
|
||||
|
||||
Mozilla Foundation is the license steward. Except as provided in Section
|
||||
10.3, no one other than the license steward has the right to modify or
|
||||
publish new versions of this License. Each version will be given a
|
||||
distinguishing version number.
|
||||
|
||||
#### 10.2. Effect of New Versions
|
||||
|
||||
You may distribute the Covered Software under the terms of the version
|
||||
of the License under which You originally received the Covered Software,
|
||||
or under the terms of any subsequent version published by the license
|
||||
steward.
|
||||
|
||||
#### 10.3. Modified Versions
|
||||
|
||||
If you create software not governed by this License, and you want to
|
||||
create a new license for such software, you may create and use a
|
||||
modified version of this License if you rename the license and remove
|
||||
any references to the name of the license steward (except to note that
|
||||
such modified license differs from this License).
|
||||
|
||||
#### 10.4. Distributing Source Code Form that is Incompatible With Secondary Licenses
|
||||
|
||||
If You choose to distribute Source Code Form that is Incompatible With
|
||||
Secondary Licenses under the terms of this version of the License, the
|
||||
notice described in Exhibit B of this License must be attached.
|
||||
|
||||
## Exhibit A - Source Code Form License Notice
|
||||
|
||||
This Source Code Form is subject to the terms of the Mozilla Public
|
||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
|
||||
If it is not possible or desirable to put the notice in a particular
|
||||
file, then You may include the notice in a location (such as a LICENSE
|
||||
file in a relevant directory) where a recipient would be likely to look
|
||||
for such a notice.
|
||||
|
||||
You may add additional accurate notices of copyright ownership.
|
||||
|
||||
## Exhibit B - “Incompatible With Secondary Licenses” Notice
|
||||
|
||||
This Source Code Form is "Incompatible With Secondary Licenses", as
|
||||
defined by the Mozilla Public License, v. 2.0.
|
134
PendorDate.jad
134
PendorDate.jad
|
@ -1,134 +0,0 @@
|
|||
// Decompiled by Jad v1.5.8e. Copyright 2001 Pavel Kouznetsov.
|
||||
// Jad home page: http://www.geocities.com/kpdus/jad.html
|
||||
// Decompiler options: packimports(3)
|
||||
// Source File Name: PendorDate.java
|
||||
|
||||
import java.applet.Applet;
|
||||
import java.awt.*;
|
||||
import java.util.Date;
|
||||
|
||||
public class PendorDate extends Applet
|
||||
implements Runnable
|
||||
{
|
||||
|
||||
public void init()
|
||||
{
|
||||
String s = getParameter("font");
|
||||
if(s == null)
|
||||
s = "Times";
|
||||
String s1 = getParameter("size");
|
||||
if(s1 == null)
|
||||
s1 = "18";
|
||||
int i = Integer.valueOf(s1).intValue();
|
||||
String s2 = getParameter("bgcolor");
|
||||
if(s2 != null && s2.charAt(0) == '#' && s2.length() == 7)
|
||||
{
|
||||
Integer integer = new Integer(0);
|
||||
integer = Integer.valueOf(s2.substring(1, 7), 16);
|
||||
bgColor = new Color(integer.intValue());
|
||||
bgColorSet = Boolean.TRUE;
|
||||
}
|
||||
String s3 = getParameter("fgcolor");
|
||||
if(s3 == null || s3.charAt(0) != '#' || s3.length() != 7)
|
||||
{
|
||||
fgColor = Color.black;
|
||||
} else
|
||||
{
|
||||
Integer integer1 = new Integer(0);
|
||||
integer1 = Integer.valueOf(s3.substring(1, 7), 16);
|
||||
fgColor = new Color(integer1.intValue());
|
||||
}
|
||||
font = new Font(s, 0, i);
|
||||
}
|
||||
|
||||
public void paint(Graphics g)
|
||||
{
|
||||
Date date = new Date();
|
||||
String s = new String();
|
||||
int i = aiMonths[date.getMonth()] + date.getDate();
|
||||
if(date.getMonth() > 2 && date.getYear() % 4 == 0 && date.getYear() % 2000 != 0)
|
||||
i++;
|
||||
i = (i * 24 + date.getHours()) - 16;
|
||||
int j = date.getYear() + 16;
|
||||
int k = i / 30;
|
||||
int l = i % 30;
|
||||
int i1 = (int)((double)(date.getSeconds() + date.getMinutes() * 60) / 2.25D);
|
||||
int j1 = i1 / 40;
|
||||
i1 %= 40;
|
||||
Dimension dimension = size();
|
||||
g.setFont(font);
|
||||
if(bgColorSet == Boolean.TRUE)
|
||||
{
|
||||
g.setColor(bgColor);
|
||||
g.fillRect(0, 0, dimension.width, dimension.height);
|
||||
}
|
||||
g.setColor(fgColor);
|
||||
s = "The time on Pendor is " + String.valueOf(l) + ":";
|
||||
if(j1 < 10)
|
||||
s = s + "0";
|
||||
s = s + String.valueOf(j1) + ":";
|
||||
if(i1 < 10)
|
||||
s = s + "0";
|
||||
s = s + String.valueOf(i1);
|
||||
int k1;
|
||||
for(k1 = 0; k1 <= 17; k1++)
|
||||
if(aiPMonths[k1] >= k)
|
||||
break;
|
||||
|
||||
s = s + " on " + asWNames[(k1 - 1) % 6] + ", " + asMNames[k1 - 1] + " " + String.valueOf(k - aiPMonths[k1 - 1]) + ", 0" + String.valueOf(j);
|
||||
g.drawString(s, 2, font.getSize());
|
||||
}
|
||||
|
||||
public void start()
|
||||
{
|
||||
clock = new Thread(this);
|
||||
clock.start();
|
||||
}
|
||||
|
||||
public void stop()
|
||||
{
|
||||
clock.stop();
|
||||
}
|
||||
|
||||
public void run()
|
||||
{
|
||||
do
|
||||
{
|
||||
try
|
||||
{
|
||||
Thread.sleep(1250L);
|
||||
}
|
||||
catch(InterruptedException _ex) { }
|
||||
repaint();
|
||||
} while(true);
|
||||
}
|
||||
|
||||
public PendorDate()
|
||||
{
|
||||
bgColorSet = Boolean.FALSE;
|
||||
dateDisplay = Boolean.TRUE;
|
||||
}
|
||||
|
||||
Thread clock;
|
||||
Font font;
|
||||
Color bgColor;
|
||||
Color fgColor;
|
||||
Boolean bgColorSet;
|
||||
Boolean dateDisplay;
|
||||
private static short aiMonths[] = {
|
||||
0, 31, 59, 90, 120, 151, 181, 212, 243, 273,
|
||||
304, 334
|
||||
};
|
||||
private static short aiPMonths[] = {
|
||||
0, 1, 25, 49, 73, 97, 121, 145, 146, 147,
|
||||
171, 195, 211, 243, 267, 291, 292
|
||||
};
|
||||
private static String asMNames[] = {
|
||||
"Yestar", "Narrin", "Nenim", "Sulim", "Virta", "Lothess", "Narnya", "Attendes", "Loende", "Cerim",
|
||||
"Urim", "Yavar", "Narquel", "Hiss", "Ring", "Mettare"
|
||||
};
|
||||
private static String asWNames[] = {
|
||||
"Seren", "Anar", "Noren", "Aldea", "Erwer", "Elenya"
|
||||
};
|
||||
|
||||
}
|
157
PendorDate.java
157
PendorDate.java
|
@ -1,157 +0,0 @@
|
|||
//
|
||||
// Copyright (c) 1995 Elf M. Sternberg.
|
||||
//
|
||||
// PendorClock.java v1.0 - Displays the time on Pendor in an applet
|
||||
// by Elf Sternberg (elf@halcyon.com)
|
||||
//
|
||||
// Based in part on code by Chris Southern (southern@wsrn.com)
|
||||
//
|
||||
|
||||
import java.awt.*;
|
||||
import java.util.*;
|
||||
import java.lang.*;
|
||||
import java.applet.*;
|
||||
|
||||
public class PendorDate extends Applet implements Runnable {
|
||||
Thread clock; // applet thread
|
||||
Font font; // display font
|
||||
|
||||
Color bgColor; // applet bgcolor
|
||||
Color fgColor; // applet fgcolor
|
||||
|
||||
Boolean bgColorSet = Boolean.FALSE; // bgColor set?
|
||||
Boolean dateDisplay = Boolean.TRUE;
|
||||
|
||||
public void init() {
|
||||
|
||||
String FontName = getParameter("font");
|
||||
if ( FontName == null ) FontName = "Times";
|
||||
|
||||
String FontSize = getParameter("size");
|
||||
if ( FontSize == null) FontSize = "18";
|
||||
|
||||
int size = Integer.valueOf(FontSize).intValue();
|
||||
|
||||
String background = getParameter( "bgcolor" );
|
||||
if (( background == null ) ||
|
||||
( background.charAt(0) != '#' ) ||
|
||||
( background.length() != 7 )) {
|
||||
} else {
|
||||
Integer rgbValue = new Integer(0);
|
||||
rgbValue = Integer.valueOf( background.substring(1,7), 16 );
|
||||
bgColor = new Color(rgbValue.intValue());
|
||||
bgColorSet = Boolean.TRUE;
|
||||
}
|
||||
|
||||
String foreground = getParameter( "fgcolor" );
|
||||
if (( foreground == null ) ||
|
||||
( foreground.charAt(0) != '#' ) ||
|
||||
( foreground.length() != 7 )) {
|
||||
fgColor = Color.black;
|
||||
} else {
|
||||
Integer rgbValue = new Integer(0);
|
||||
rgbValue = Integer.valueOf( foreground.substring(1,7), 16 );
|
||||
fgColor = new Color(rgbValue.intValue());
|
||||
}
|
||||
|
||||
// Setup Applet
|
||||
font = new Font(FontName, Font.PLAIN, size );
|
||||
}
|
||||
|
||||
private static short aiMonths[] = {
|
||||
0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334 };
|
||||
|
||||
private static short aiPMonths[] = {
|
||||
0, 1, 25, 49, 73, 97, 121, 145, 146, 147, 171, 195, 211, 243, 267, 291, 292 };
|
||||
|
||||
private static String asMNames[] = {
|
||||
"Yestar", "Narrin", "Nenim", "Sulim", "Virta", "Lothess",
|
||||
"Narnya", "Attendes", "Loende", "Cerim", "Urim", "Yavar",
|
||||
"Narquel", "Hiss", "Ring", "Mettare" };
|
||||
|
||||
private static String asWNames[] = {
|
||||
"Seren", "Anar", "Noren", "Aldea", "Erwer", "Elenya" };
|
||||
|
||||
// paint - display the clock, and process am & pm stuff
|
||||
|
||||
public void paint( Graphics g ) {
|
||||
Date d = new Date();
|
||||
String strOut = new String();
|
||||
|
||||
int iDay, iYer, iYday, iHour, iSec, iMin, i;
|
||||
|
||||
iDay = aiMonths[d.getMonth()] + d.getDate();
|
||||
|
||||
|
||||
if (d.getMonth() > 2 )
|
||||
if (d.getYear() % 4 == 0)
|
||||
if (d.getYear() % 2000 != 0)
|
||||
iDay++;
|
||||
|
||||
// Leap Year/GMT patch. Ick.
|
||||
iDay = (iDay * 24) + d.getHours() - 16;
|
||||
iYer = d.getYear() + 16;
|
||||
|
||||
iYday = iDay / 30;
|
||||
iHour = iDay % 30;
|
||||
|
||||
iSec = (int) ((d.getSeconds() + (d.getMinutes() * 60)) / 2.25);
|
||||
|
||||
iMin = iSec / 40;
|
||||
iSec = iSec % 40;
|
||||
|
||||
|
||||
Dimension appletSize = size();
|
||||
|
||||
g.setFont( font );
|
||||
|
||||
if ( bgColorSet == Boolean.TRUE ) {
|
||||
g.setColor( bgColor );
|
||||
g.fillRect( 0, 0, appletSize.width, appletSize.height );
|
||||
}
|
||||
g.setColor( fgColor );
|
||||
|
||||
strOut = "The time on Pendor is " + String.valueOf(iHour) + ":";
|
||||
|
||||
if (iMin < 10)
|
||||
strOut = strOut + "0";
|
||||
|
||||
strOut = strOut + String.valueOf(iMin) + ":";
|
||||
|
||||
if (iSec < 10)
|
||||
strOut = strOut + "0";
|
||||
|
||||
strOut = strOut + String.valueOf(iSec);
|
||||
|
||||
for(i = 0; i <= 17; i++)
|
||||
if (aiPMonths[i] >= iYday)
|
||||
break;
|
||||
|
||||
strOut = strOut + " on " + asWNames[(i - 1) % 6] + ", " + asMNames[(i-1)] + " " +
|
||||
String.valueOf(iYday - aiPMonths[i - 1]) + ", 0" + String.valueOf(iYer);
|
||||
|
||||
g.drawString(strOut, 2, font.getSize() );
|
||||
}
|
||||
|
||||
// start - start the applet
|
||||
public void start() {
|
||||
clock = new Thread( this );
|
||||
clock.start();
|
||||
}
|
||||
|
||||
// stop - stop the applet
|
||||
public void stop() {
|
||||
clock.stop();
|
||||
}
|
||||
|
||||
// run - main
|
||||
public void run() {
|
||||
while (true) {
|
||||
try {
|
||||
Thread.sleep(1250);
|
||||
}
|
||||
catch (InterruptedException e) {}
|
||||
repaint();
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,32 @@
|
|||
# Dominoclock
|
||||
|
||||
This is code that's been around since 1996 or so, and is one of the
|
||||
three first Javascript programs I ever wrote. It's just the "time of
|
||||
day" counter for the fictional world that's the setting of my
|
||||
long-running [space opera
|
||||
series](https://www.pendorwright.com/journals/). It has its own
|
||||
calendar, and unlike Star Trek, I had in mind what the "star dates"
|
||||
would mean early on.
|
||||
|
||||
# Motivation
|
||||
|
||||
This is a slightly modernized version, just to see what it would be
|
||||
like to write this in 2021. The answer is that not much has changed;
|
||||
the code runs just fine, although `getYear()` has been deprecated,
|
||||
replaced by `.geUTCFullYear()`. The syntax of 2021 Javascript is a lot
|
||||
nicer than 1996, although there is a limit to how much density one can
|
||||
achieve when it's a lot of fiddly calculations around converting
|
||||
human-readable dates into Pendorian-readable ones.
|
||||
|
||||
What this project _really_ involves is preserving the basic elements
|
||||
of prettier, eslint, vitejs, and typescript that I routinely use these
|
||||
days as the basis of my Javascript work. Most of the configuration
|
||||
files are short, as you'd expect from a vanilla javascript project
|
||||
with a single source file and no framework, but they do include things
|
||||
like sourcemap inclusion, minification, and using rollup to generate
|
||||
proper EcmaScript-6.
|
||||
|
||||
# License
|
||||
|
||||
This code is released under the Mozilla 2.0 Public License. A copy of
|
||||
the License File is included in this folder.
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Domino Clock</title>
|
||||
<meta http-equiv="X-UI-Compatible" content="ie-edge" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
</head>
|
||||
<body>
|
||||
<h2>Domino Clock:</h2>
|
||||
<domino-clock></domino-clock>
|
||||
<script type="module" src="/src/index.ts"></script>
|
||||
</body>
|
||||
</html>
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,33 @@
|
|||
{
|
||||
"name": "pendordate",
|
||||
"version": "1.0.0",
|
||||
"description": "The Pendor Clock, updated for 2021",
|
||||
"main": "build/index.js",
|
||||
"scripts": {
|
||||
"build": "vite build",
|
||||
"lint": "eslint",
|
||||
"dev": "vite -m development",
|
||||
"test": "jest"
|
||||
},
|
||||
"author": "Elf M. Sternberg <elf.sternberg@gmail.com>",
|
||||
"license": "MPL-2.0",
|
||||
"devDependencies": {
|
||||
"@types/jest": "^27.0.2",
|
||||
"@typescript-eslint/eslint-plugin": "^5.4.0",
|
||||
"@typescript-eslint/parser": "^5.4.0",
|
||||
"eslint": "^8.2.0",
|
||||
"eslint-config-airbnb": "^19.0.0",
|
||||
"eslint-config-prettier": "^8.3.0",
|
||||
"eslint-import-resolver-typescript": "^2.5.0",
|
||||
"eslint-plugin-import": "^2.25.3",
|
||||
"eslint-plugin-prettier": "^4.0.0",
|
||||
"jest": "^27.3.1",
|
||||
"prettier": "^2.4.1",
|
||||
"rimraf": "^3.0.2",
|
||||
"typescript": "^4.4.4",
|
||||
"vite": "^2.6.14",
|
||||
"vite-plugin-compression": "^0.3.5",
|
||||
"vite-plugin-ejs": "^1.4.3",
|
||||
"vite-plugin-eslint": "^1.3.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,130 @@
|
|||
type Times = number[];
|
||||
type Cats = [string, Times]
|
||||
const MATRIX: Cats[] = [["o0", [1, 5, 8, 9, 11]],
|
||||
["o1", [2, 5, 6, 10, 11]],
|
||||
["o2", [3, 6, 7, 9, 11]],
|
||||
["o3", [4, 7, 8, 10, 11]]];
|
||||
|
||||
const TEMPLATE = `
|
||||
<style>
|
||||
.dominoclock {
|
||||
display: flex;
|
||||
flex-direction: var(--dominoclock-direction, row);
|
||||
}
|
||||
.face {
|
||||
position: relative;
|
||||
width: var(--dominoclock-size, 5rem);
|
||||
height: var(--dominoclock-size, 5rem);
|
||||
background-color: var(--dominoclock-background, #daaf20);
|
||||
border: 1px solid #282828;
|
||||
border-radius: var(--domino-clock-borderradius, 0.5rem);
|
||||
|
||||
}
|
||||
|
||||
.face:not(:last-child) {
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
.dot {
|
||||
position: absolute;
|
||||
width: var(--dominoclock-dot-size, 1rem);
|
||||
height: var(--dominoclock-dot-size, 1rem);
|
||||
background-color: var(--dominoclock-dot-color, #2f4f4f);
|
||||
transition: opacity 0.3s ease;
|
||||
border-radius: calc(var(--dominoclock-dot-size, 1rem) / 2);
|
||||
opacity: 0;
|
||||
}
|
||||
.o0 {
|
||||
top: var(--dominoclock-dot-size, 1rem);
|
||||
left: var(--dominoclock-dot-size, 1rem);
|
||||
}
|
||||
.o1 {
|
||||
top: var(--dominoclock-dot-size, 1rem);
|
||||
left: calc(3 * var(--dominoclock-dot-size, 1rem));
|
||||
}
|
||||
.o2 {
|
||||
top: calc(3 * var(--dominoclock-dot-size, 1rem));
|
||||
left: calc(3 * var(--dominoclock-dot-size, 1rem));
|
||||
}
|
||||
.o3 {
|
||||
top: calc(3 * var(--dominoclock-dot-size, 1rem));
|
||||
left: var(--dominoclock-dot-size, 1rem);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="dominoclock">
|
||||
<div class="face" id="hours">
|
||||
<div class="dot o0" ></div>
|
||||
<div class="dot o1" ></div>
|
||||
<div class="dot o2" ></div>
|
||||
<div class="dot o3" ></div>
|
||||
</div>
|
||||
<div class="face" id="minutes">
|
||||
<div class="dot o0" ></div>
|
||||
<div class="dot o1" ></div>
|
||||
<div class="dot o2" ></div>
|
||||
<div class="dot o3" ></div>
|
||||
</div>
|
||||
<div class="face" id="seconds">
|
||||
<div class="dot o0" ></div>
|
||||
<div class="dot o1" ></div>
|
||||
<div class="dot o2" ></div>
|
||||
<div class="dot o3" ></div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
type Face = "hours" | "minutes" | "seconds"
|
||||
|
||||
const isFace = (v: unknown): v is Face => {
|
||||
if (typeof v === "string" && ["hours", "minutes", "seconds"].includes(v)) { return true; }
|
||||
throw new Error(`Expected a Face, got ${v}`);
|
||||
}
|
||||
|
||||
class DominoClock extends HTMLElement {
|
||||
|
||||
elements: { [K in Face]: HTMLDivElement };
|
||||
|
||||
timer: number;
|
||||
|
||||
constructor() {
|
||||
super()
|
||||
this.timer = 0;
|
||||
this.innerHTML = TEMPLATE;
|
||||
this.elements = Object.fromEntries(
|
||||
Array.from(this.getElementsByTagName('div'))
|
||||
.filter((element) => element.className === "face")
|
||||
.map((element) => [isFace(element.id) && element.id, element]));
|
||||
this.paint = this.paint.bind(this);
|
||||
}
|
||||
|
||||
connectedCallback() {
|
||||
this.timer = window.setTimeout(this.paint, 250)
|
||||
}
|
||||
|
||||
tock(board: Face, time: number) {
|
||||
const dots = Array.from(this.elements[board].getElementsByTagName('div'));
|
||||
dots.forEach((element) => element.style.opacity = "0");
|
||||
dots.forEach((element) => {
|
||||
const row = MATRIX.find((i) => Array.from(element.classList).includes(i[0]));
|
||||
if (!row) { console.log(`Didn't find a row for ${element.className}?`); return; }
|
||||
if (row[1].includes(time)) {
|
||||
element.style.opacity = "1"
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
paint() {
|
||||
const now = new Date();
|
||||
const rawHours = now.getHours();
|
||||
const hours = rawHours > 12 ? rawHours - 12 : rawHours;
|
||||
this.tock("hours", hours);
|
||||
this.tock("minutes", Math.floor(now.getUTCMinutes() / 5));
|
||||
this.tock("seconds", Math.floor(now.getUTCSeconds() / 5));
|
||||
window.clearTimeout(this.timer);
|
||||
this.timer = window.setTimeout(this.paint, 250);
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('domino-clock', DominoClock);
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"sourceMap": false,
|
||||
"noImplicitAny": false,
|
||||
"module": "esnext",
|
||||
"target": "es2019",
|
||||
"lib": ["es2019", "dom", "dom.iterable"],
|
||||
"removeComments": true,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"declaration": true,
|
||||
"allowJs": true,
|
||||
"strict": true,
|
||||
"baseUrl": "./",
|
||||
"esModuleInterop": true,
|
||||
"resolveJsonModule": true,
|
||||
"moduleResolution": "node",
|
||||
"downlevelIteration": true,
|
||||
"noUnusedLocals": true /* Report errors on unused locals. */,
|
||||
"experimentalDecorators": true,
|
||||
"noUnusedParameters": true /* Report errors on unused parameters. */,
|
||||
"noImplicitReturns": true /* Report error when not all code paths in function return a value. */,
|
||||
"noFallthroughCasesInSwitch": true /* Report errors for fallthrough cases in switch statement. */,
|
||||
"noUncheckedIndexedAccess": true /* Include 'undefined' in index signature results */,
|
||||
"forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
}
|
||||
},
|
||||
"include": ["./src/**/*"]
|
||||
}
|
|
@ -0,0 +1,34 @@
|
|||
import path from "path";
|
||||
import viteCompression from "vite-plugin-compression";
|
||||
import eslintPlugin from "vite-plugin-eslint";
|
||||
|
||||
const config = (mode) => ({
|
||||
plugins: [
|
||||
viteCompression({ filter: /\.(js|css|map)$/, algorithm: "gzip", ext: ".gz" }),
|
||||
viteCompression({ filter: /\.(js|css|map)$/, algorithm: "brotliCompress", ext: ".br" }),
|
||||
eslintPlugin({ cache: true }),
|
||||
],
|
||||
|
||||
sourcemap: mode === "development",
|
||||
|
||||
build: {
|
||||
outDir: "build",
|
||||
sourcemap: mode === "development",
|
||||
minify: !mode === "development",
|
||||
brotliSize: false,
|
||||
emptyOutDir: true,
|
||||
},
|
||||
|
||||
optimizeDeps: {
|
||||
allowNodeBuiltins: false,
|
||||
},
|
||||
|
||||
server: {
|
||||
proxy: {
|
||||
// Allows us to run the proxy server independent of the content, and still
|
||||
// get full-service.
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export default config;
|
Loading…
Reference in New Issue