-
-
-
-
+
+
+
+
+
+
+
-
-
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
-
+
+
-
+
+
-
+
-
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/fortune_generator/js/fortune.js b/fortune_generator/js/fortune.js
index 1bcc1db..8a79751 100644
--- a/fortune_generator/js/fortune.js
+++ b/fortune_generator/js/fortune.js
@@ -1,20 +1,19 @@
let ip = null;
-fetch("https://api.ipify.org?format=json").then(response => {
+fetch("https://api.ipify.org?format=json").then((response) => {
if (response.ok) {
return response.json();
}
throw new Error("Network response was not ok.");
-}).then(res => {
+}).then((res) => {
ip = res.ip;
-
-}).catch(_error => {
- if ('caches' in window) {
- caches.match('https://api.ipify.org?format=json').then(response => {
+}).catch((_error) => {
+ if ("caches" in window) {
+ caches.match("https://api.ipify.org?format=json").then((response) => {
if (response) {
return response.json();
}
- }).then(data => {
+ }).then((data) => {
if (ip === null && data !== undefined) {
ip = JSON.parse(data).ip;
}
@@ -22,7 +21,6 @@ fetch("https://api.ipify.org?format=json").then(response => {
}
});
-
let goodFortunes = [];
let badFortunes = [];
let special_events = [];
@@ -31,27 +29,61 @@ let fortune_generated = false;
// using async and await to prevent fetching the data too late...
async function fetch_data() {
await fetch("./json/fortune.json")
- .then(response => response.json())
- .then(data => {
- goodFortunes = data.goodFortunes;
- badFortunes = data.badFortunes;
- })
+ .then((response) => response.json())
+ .then((data) => {
+ goodFortunes = data.goodFortunes;
+ badFortunes = data.badFortunes;
+ });
await fetch("./json/special.json")
- .then(response => response.json())
- .then(data => {
- special_events = data.special_events;
- })
+ .then((response) => response.json())
+ .then((data) => {
+ special_events = data.special_events;
+ });
}
-const textColorClass = ["good-fortune", "good-fortune", "good-fortune", "good-fortune", "good-fortune", "middle-fortune", "bad-fortune", "bad-fortune"];
-const fortuneStatus = ["大吉", "中吉", "小吉", "吉", "末吉", "中平", "凶", "大凶"];
-const chineseMonth = ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"];
-const week = ['日', '一', '二', '三', '四', '五', '六'];
+const textColorClass = [
+ "good-fortune",
+ "good-fortune",
+ "good-fortune",
+ "good-fortune",
+ "good-fortune",
+ "middle-fortune",
+ "bad-fortune",
+ "bad-fortune",
+];
+const fortuneStatus = [
+ "大吉",
+ "中吉",
+ "小吉",
+ "吉",
+ "末吉",
+ "中平",
+ "凶",
+ "大凶",
+];
+const chineseMonth = [
+ "一",
+ "二",
+ "三",
+ "四",
+ "五",
+ "六",
+ "七",
+ "八",
+ "九",
+ "十",
+ "十一",
+ "十二",
+];
+const week = ["日", "一", "二", "三", "四", "五", "六"];
-const title = `今日運勢`;
-const allGood = `萬事皆宜`;
-const allBad = `諸事不宜`;
+const title =
+ `今日運勢`;
+const allGood =
+ `萬事皆宜`;
+const allBad =
+ `諸事不宜`;
// date
const d = new Date();
@@ -63,7 +95,11 @@ const year = d.getFullYear();
function daysDiff(eventIndex) {
// define the date right now and the special event date
const startDate = new Date(year, month - 1, date);
- const endDate = new Date(special_events[eventIndex].year, special_events[eventIndex].month - 1, special_events[eventIndex].date);
+ const endDate = new Date(
+ special_events[eventIndex].year,
+ special_events[eventIndex].month - 1,
+ special_events[eventIndex].date,
+ );
// calculate the difference in milliseconds and convert it to days
const timeDiff = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24));
@@ -71,15 +107,15 @@ function daysDiff(eventIndex) {
}
// pre-search jquery - save to a variable to improve performance
-const J_l_1_event = $('#l-1-event');
-const J_l_1_desc = $('#l-1-desc');
-const J_l_2_event= $('#l-2-event');
-const J_l_2_desc = $('#l-2-desc');
-const J_r_1_event = $('#r-1-event');
-const J_r_1_desc = $('#r-1-desc');
-const J_r_2_event= $('#r-2-event');
-const J_r_2_desc = $('#r-2-desc');
-const J_ip_to_fortune = $('#ip-to-fortune');
+const J_l_1_event = $("#l-1-event");
+const J_l_1_desc = $("#l-1-desc");
+const J_l_2_event = $("#l-2-event");
+const J_l_2_desc = $("#l-2-desc");
+const J_r_1_event = $("#r-1-event");
+const J_r_1_desc = $("#r-1-desc");
+const J_r_2_event = $("#r-2-event");
+const J_r_2_desc = $("#r-2-desc");
+const J_ip_to_fortune = $("#ip-to-fortune");
let special = false;
let special_events_index = 0;
@@ -90,23 +126,34 @@ async function init_page() {
await fetch_data();
// hide the elements of show fortune page
- $('#result-page').hide();
+ $("#result-page").hide();
// show date before button pressed
- const showMonth = `${chineseMonth[month - 1] + "月"}`;
- const showDate = `${("0" + date).slice(-2)}`;
- const showDay = `${"星期" + week[day]}`;
+ const showMonth =
+ `${
+ chineseMonth[month - 1] + "月"
+ }`;
+ const showDate = `${
+ ("0" + date).slice(-2)
+ }`;
+ const showDay =
+ `${
+ "星期" + week[day]
+ }`;
+
+ $("#month").html(showMonth);
+ $("#date").html(showDate);
+ $("#weekday").html(showDay);
- $('#month').html(showMonth);
- $('#date').html(showDate);
- $('#weekday').html(showDay);
-
const showSpecialEventCount = 2;
let eventIndexPtr = 0, eventIndexList = Array(showSpecialEventCount).fill(-1);
// check if there is special event today
for (let i = 0; i < special_events.length; i++) {
if (daysDiff(i) > 0) {
- if (eventIndexPtr < showSpecialEventCount && eventIndexList[eventIndexPtr] == -1) {
+ if (
+ eventIndexPtr < showSpecialEventCount &&
+ eventIndexList[eventIndexPtr] == -1
+ ) {
eventIndexList[eventIndexPtr] = i;
eventIndexPtr++;
}
@@ -119,23 +166,33 @@ async function init_page() {
for (let eventIndex = 0; eventIndex < showSpecialEventCount; eventIndex++) {
if (eventIndexList[eventIndex] != -1) {
const days = daysDiff(eventIndexList[eventIndex]);
- const upcoming_event = `距離${special_events[eventIndexList[eventIndex]].event}還剩${days}天`;
- $(`#upcoming-event-${eventIndex + 1}`).html(upcoming_event)
+ const upcoming_event =
+ `距離${
+ special_events[eventIndexList[eventIndex]].event
+ }還剩${days}天`;
+ $(`#upcoming-event-${eventIndex + 1}`).html(upcoming_event);
}
}
// show special event if today is a special day
if (special) {
- const special_event_today = `今日是${special_events[special_events_index].event}`;
- $('#special-day').html(special_event_today);
+ const special_event_today =
+ `今日是${
+ special_events[special_events_index].event
+ }`;
+ $("#special-day").html(special_event_today);
}
- const last_date_str = localStorage.getItem('last_date');
+ const last_date_str = localStorage.getItem("last_date");
if (last_date_str !== null && last_date_str !== undefined) {
const now_date = new Date();
const last_date = new Date(last_date_str);
-
- if (now_date.getFullYear() === last_date.getFullYear() && now_date.getMonth() === last_date.getMonth() && now_date.getDate() === last_date.getDate()) {
+
+ if (
+ now_date.getFullYear() === last_date.getFullYear() &&
+ now_date.getMonth() === last_date.getMonth() &&
+ now_date.getDate() === last_date.getDate()
+ ) {
fortune_generated = true;
Appear();
}
@@ -143,59 +200,78 @@ async function init_page() {
}
// event bar
-const good_span = event => `宜: ${event}`;
-const bad_span = event => `忌: ${event}`;
-const desc_span = desc => `${desc}`;
+const good_span = (event) =>
+ `宜: ${event}`;
+const bad_span = (event) =>
+ `忌: ${event}`;
+const desc_span = (desc) =>
+ `${desc}`;
function Appear() {
- $('#title').html(title);
- $('#btn').html('打卡成功');
+ $("#title").html(title);
+ $("#btn").html("打卡成功");
// disable the btn
- $('#btn').attr("disabled", "disabled");
+ $("#btn").attr("disabled", "disabled");
//change page
- $('#init-page').hide();
- $('#result-page').show();
-
+ $("#init-page").hide();
+ $("#result-page").show();
+
// some lengths
const goodLen = goodFortunes.length;
const badLen = badFortunes.length;
const statusLen = fortuneStatus.length;
-
+
let status_index = -1;
let seed1 = -1;
let seed2 = -1;
if (!fortune_generated) {
// transform ip to four numbers
- const num = ip.split(".").map(num => parseInt(num));
+ const num = ip.split(".").map((num) => parseInt(num));
// TODO: improve the hash process
- const hashDate = Math.round(Math.log10(year * ((month << (Math.log10(num[3]) + day - 1)) * (date << Math.log10(num[2] << day)))));
- seed1 = (num[0] >> hashDate) * (num[1] >> Math.min(hashDate, 2)) + (num[2] << 1) * (num[3] >> 3) + (date << 3) * (month << hashDate) + (year * day) >> 2;
- seed2 = (num[0] << (hashDate + 2)) * (num[1] << hashDate) + (num[2] << 1) * (num[3] << 2) + (date << (hashDate - 1)) * (month << 4) + year >> hashDate + (date * day) >> 1;
+ const hashDate = Math.round(
+ Math.log10(
+ year *
+ ((month << (Math.log10(num[3]) + day - 1)) *
+ (date << Math.log10(num[2] << day))),
+ ),
+ );
+ seed1 = (num[0] >> hashDate) * (num[1] >> Math.min(hashDate, 2)) +
+ (num[2] << 1) * (num[3] >> 3) + (date << 3) * (month << hashDate) +
+ (year * day) >> 2;
+ seed2 = (num[0] << (hashDate + 2)) * (num[1] << hashDate) +
+ (num[2] << 1) * (num[3] << 2) +
+ (date << (hashDate - 1)) * (month << 4) + year >>
+ hashDate + (date * day) >> 1;
// decide the status
status_index = ((seed1 + seed2) % statusLen + statusLen) % statusLen;
// update last record
- localStorage.setItem('last_date', d.toISOString());
- localStorage.setItem('last_status_index', status_index.toString());
- localStorage.setItem('last_seed1', seed1.toString());
- localStorage.setItem('last_seed2', seed2.toString());
+ localStorage.setItem("last_date", d.toISOString());
+ localStorage.setItem("last_status_index", status_index.toString());
+ localStorage.setItem("last_seed1", seed1.toString());
+ localStorage.setItem("last_seed2", seed2.toString());
} else {
- status_index = parseInt(localStorage.getItem('last_status_index'));
- seed1 = parseInt(localStorage.getItem('last_seed1'));
- seed2 = parseInt(localStorage.getItem('last_seed2'));
+ status_index = parseInt(localStorage.getItem("last_status_index"));
+ seed1 = parseInt(localStorage.getItem("last_seed1"));
+ seed2 = parseInt(localStorage.getItem("last_seed2"));
}
-
- const status = `§ ${fortuneStatus[status_index]} §`;
-
+
+ const status = `§ ${fortuneStatus[status_index]} §`;
+
if (special) {
status_index = special_events[special_events_index].status_index;
- const special_status = `§ ${fortuneStatus[status_index]} §`;
+ const special_status = `§ ${
+ fortuneStatus[status_index]
+ } §`;
J_ip_to_fortune.html(special_status);
- }
- else {
+ } else {
J_ip_to_fortune.html(status);
}
@@ -206,31 +282,40 @@ function Appear() {
let l2 = (((seed1 << 1) + date) % goodLen + goodLen) % goodLen;
while (set.has(goodFortunes[l2].event)) {
l2 = (l2 + 1) % goodLen;
- }
+ }
set.add(goodFortunes[l2].event);
let r1 = (((seed1 >> 1) + (d.getMonth() << 3)) % badLen + badLen) % badLen;
while (set.has(badFortunes[r1].event)) {
r1 = (r1 + 2) % badLen;
- }
+ }
set.add(badFortunes[r1].event);
- let r2 = ((((((seed1 << 3) + (d.getFullYear() >> 5) * (date << 2)) % badLen) * seed2) >> 6) % badLen + badLen) % badLen;
+ let r2 = ((((((seed1 << 3) + (d.getFullYear() >> 5) * (date << 2)) % badLen) *
+ seed2) >> 6) % badLen + badLen) % badLen;
while (set.has(badFortunes[r2].event)) {
r2 = (r2 + 1) % badLen;
- }
+ }
- // organize the stuffs below this line...
+ // organize the stuffs below this line...
const l1_desc_list = goodFortunes[l1].description;
const l2_desc_list = goodFortunes[l2].description;
const r1_desc_list = badFortunes[r1].description;
const r2_desc_list = badFortunes[r2].description;
const l_1_event = good_span(goodFortunes[l1].event);
- const l_1_desc = desc_span(l1_desc_list[Math.abs(seed1) % l1_desc_list.length]);
+ const l_1_desc = desc_span(
+ l1_desc_list[Math.abs(seed1) % l1_desc_list.length],
+ );
const l_2_event = good_span(goodFortunes[l2].event);
- const l_2_desc = desc_span(l2_desc_list[Math.abs(seed2) % l2_desc_list.length]);
+ const l_2_desc = desc_span(
+ l2_desc_list[Math.abs(seed2) % l2_desc_list.length],
+ );
const r_1_event = bad_span(badFortunes[r1].event);
- const r_1_desc = desc_span(r1_desc_list[Math.abs(seed1) % r1_desc_list.length]);
+ const r_1_desc = desc_span(
+ r1_desc_list[Math.abs(seed1) % r1_desc_list.length],
+ );
const r_2_event = bad_span(badFortunes[r2].event);
- const r_2_desc = desc_span(r2_desc_list[Math.abs(seed2) % r2_desc_list.length]);
+ const r_2_desc = desc_span(
+ r2_desc_list[Math.abs(seed2) % r2_desc_list.length],
+ );
if (special) {
// instead clear variable name, use short variable name for here... cuz it's too repetitive
@@ -242,7 +327,7 @@ function Appear() {
J_r_1_desc.html(desc_span(Data.badFortunes.r_1_desc));
J_r_2_event.html(bad_span(Data.badFortunes.r_2_event));
J_r_2_desc.html(desc_span(Data.badFortunes.r_2_desc));
-
+
if (Data.badFortunes.r_1_event.length == 0) {
J_r_1_event.html(r_1_event);
J_r_1_desc.html(r_1_desc);
@@ -259,7 +344,7 @@ function Appear() {
J_l_1_desc.html(desc_span(Data.goodFortunes.l_1_desc));
J_l_2_event.html(good_span(Data.goodFortunes.l_2_event));
J_l_2_desc.html(desc_span(Data.goodFortunes.l_2_desc));
-
+
if (Data.goodFortunes.l_1_event.length == 0) {
J_l_1_event.html(l_1_event);
J_l_1_desc.html(l_1_desc);
@@ -269,8 +354,7 @@ function Appear() {
J_l_2_desc.html(l_2_desc);
}
}
- }
- else{
+ } else {
if (status_index == 0) {
J_r_1_event.html(allGood);
} else {
diff --git a/fortune_generator/js/matrix.js b/fortune_generator/js/matrix.js
index d0acfd0..0ee77a9 100644
--- a/fortune_generator/js/matrix.js
+++ b/fortune_generator/js/matrix.js
@@ -1,13 +1,14 @@
-const canvas = document.getElementById("Matrix")
-const context = canvas.getContext("2d")
+const canvas = document.getElementById("Matrix");
+const context = canvas.getContext("2d");
-canvas.height = window.innerHeight + 100;
-canvas.width = window.innerWidth + 5;
+canvas.height = globalThis.innerHeight + 100;
+canvas.width = globalThis.innerWidth + 5;
-const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789./*-+#$%^@!~?><:;[]{}=_αβΓγΔδεζηΘθικΛλμΞξΠπρΣσςτυΦφχΨψΩω×≦≧≠∞≒≡～∩∠∪∟⊿∫∮∵∴＄￥〒￠￡℃€℉╩◢ⅩⅨⅧⅦⅥⅤⅣⅢⅡⅠあいうえおがぎぐげござじずぜぞだぢつでづどにぬのばひぴぶへぺぼみゃょァゐゎè";
+const chars =
+ "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789./*-+#$%^@!~?><:;[]{}=_αβΓγΔδεζηΘθικΛλμΞξΠπρΣσςτυΦφχΨψΩω×≦≧≠∞≒≡～∩∠∪∟⊿∫∮∵∴＄￥〒￠￡℃€℉╩◢ⅩⅨⅧⅦⅥⅤⅣⅢⅡⅠあいうえおがぎぐげござじずぜぞだぢつでづどにぬのばひぴぶへぺぼみゃょァゐゎè";
const fontSize = 16;
-const columns = canvas.width / fontSize;
+const columns = canvas.width / fontSize;
const charArr = [];
for (let i = 0; i < columns; i++) {
@@ -23,14 +24,14 @@ context.fillRect(0, 0, canvas.width, canvas.height);
function Update() {
context.fillStyle = "rgba(0, 0, 0, 0.05)";
context.fillRect(0, 0, canvas.width, canvas.height);
-
+
if (frame == 0) {
const a = parseInt(Math.random() * 255);
str = `rgba(${a}, ${Math.abs(a - 127)}, ${Math.abs(a - 255)}, 0.9)`;
}
context.fillStyle = str;
context.font = fontSize + "px monospace";
-
+
for (let i = 0; i < columns; i++) {
const text = chars[Math.floor(Math.random() * chars.length)];
context.fillText(text, i * fontSize, charArr[i] * fontSize);
@@ -39,7 +40,7 @@ function Update() {
}
charArr[i]++;
}
-
+
frame++;
if (frame <= 40 * (Math.floor(Math.random() * 10) + 3)) {
requestAnimationFrame(Update); // 40 frames a cycle
diff --git a/fortune_generator/js/scripts.js b/fortune_generator/js/scripts.js
index e4d7288..c3ce266 100644
--- a/fortune_generator/js/scripts.js
+++ b/fortune_generator/js/scripts.js
@@ -1,49 +1,50 @@
-let darkModeIcon = document.querySelector('#dark-mode-icon');
+let darkModeIcon = document.querySelector("#dark-mode-icon");
darkModeIcon.onclick = () => {
- darkModeIcon.classList.toggle('bx-sun');
- document.body.classList.toggle('dark-mode');
+ darkModeIcon.classList.toggle("bx-sun");
+ document.body.classList.toggle("dark-mode");
};
function copyResultImageToClipboard() {
try {
- const $title = $('#title').clone().wrap('');
- $('#result-page').prepend($title.parent());
+ const $title = $("#title").clone().wrap('');
+ $("#result-page").prepend($title.parent());
- const backgroundColor = getComputedStyle($('.container')[0]).backgroundColor;
- htmlToImage.toBlob($('#result-page')[0], {
+ const backgroundColor =
+ getComputedStyle($(".container")[0]).backgroundColor;
+ htmlToImage.toBlob($("#result-page")[0], {
skipFonts: true,
- preferredFontFormat: 'woff2',
+ preferredFontFormat: "woff2",
backgroundColor: backgroundColor, // Set background color dynamically
- }).then(blob => {
+ }).then((blob) => {
navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
showCopiedNotice();
$title.parent().remove();
- }).catch(error => {
- console.error('Error converting result page to image:', error);
+ }).catch((error) => {
+ console.error("Error converting result page to image:", error);
$title.parent().remove();
});
- } catch(error) {
- console.error('Error copying result image to clipboard:', error);
+ } catch (error) {
+ console.error("Error copying result image to clipboard:", error);
}
}
function showCopiedNotice() {
- const notice = $('
-
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ', {
- text: 'Copied to clipboard!',
+ const notice = $("
", {
+ text: "Copied to clipboard!",
css: {
- position: 'fixed',
- bottom: '20px',
- right: '20px',
- padding: '10px 20px',
- backgroundColor: 'rgba(0, 0, 0, 0.7)',
- color: '#fff',
- borderRadius: '5px',
+ position: "fixed",
+ bottom: "20px",
+ right: "20px",
+ padding: "10px 20px",
+ backgroundColor: "rgba(0, 0, 0, 0.7)",
+ color: "#fff",
+ borderRadius: "5px",
zIndex: 1000,
- }
+ },
});
- $('body').append(notice);
+ $("body").append(notice);
setTimeout(() => {
notice.fadeOut(300, () => {
diff --git a/fortune_generator/js/service-worker.js b/fortune_generator/js/service-worker.js
index 9812f60..24bf3f9 100644
--- a/fortune_generator/js/service-worker.js
+++ b/fortune_generator/js/service-worker.js
@@ -1,35 +1,35 @@
-const pre_cache_file_version = 'pre-v1.1.0';
-const auto_cache_file_version = 'auto-v1.1.0'
+const pre_cache_file_version = "pre-v1.1.0";
+const auto_cache_file_version = "auto-v1.1.0";
const ASSETS = [
- '/images/lifeadventurer-192x192.png',
- '/images/lifeadventurer-512x512.png',
- '/images/lifeadventurer-180x180.png',
- '/images/lifeadventurer-270x270.png',
- '/images/lifeadventurer.jpg',
+ "/images/lifeadventurer-192x192.png",
+ "/images/lifeadventurer-512x512.png",
+ "/images/lifeadventurer-180x180.png",
+ "/images/lifeadventurer-270x270.png",
+ "/images/lifeadventurer.jpg",
- 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css',
- 'https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js'
+ "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css",
+ "https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js",
];
const NEED_UPDATE = [
- '/fortune_generator/',
- '/fortune_generator/index.html',
- '/fortune_generator/css/styles.css',
- '/fortune_generator/js/fortune.js',
- '/fortune_generator/js/matrix.js',
- '/fortune_generator/json/special.json',
- '/fortune_generator/json/fortune.json',
- '/fortune_generator/json/manifest.json',
- 'https://api.ipify.org/?format=json',
-]
+ "/fortune_generator/",
+ "/fortune_generator/index.html",
+ "/fortune_generator/css/styles.css",
+ "/fortune_generator/js/fortune.js",
+ "/fortune_generator/js/matrix.js",
+ "/fortune_generator/json/special.json",
+ "/fortune_generator/json/fortune.json",
+ "/fortune_generator/json/manifest.json",
+ "https://api.ipify.org/?format=json",
+];
const limit_cache_size = (name, size) => {
- caches.open(name).then(cache => {
- cache.keys().then(keys => {
+ caches.open(name).then((cache) => {
+ cache.keys().then((keys) => {
if (keys.length > size) {
cache.delete(keys[0]).then(() => {
- limit_cache_size(name, size)
+ limit_cache_size(name, size);
});
}
});
@@ -37,8 +37,8 @@ const limit_cache_size = (name, size) => {
};
const is_in_array = (str, array) => {
- let path = '';
-
+ let path = "";
+
// Check the request's domain is the same as the current domain.
if (str.indexOf(self.origin) === 0) {
path = str.substring(self.origin.length); // Remove https://lifeadventurer.github.io
@@ -47,56 +47,58 @@ const is_in_array = (str, array) => {
}
return array.indexOf(path) > -1;
-}
+};
-// install
-self.addEventListener('install', event => {
+// install
+self.addEventListener("install", (event) => {
self.skipWaiting();
//pre-cache files
event.waitUntil(
- caches.open(pre_cache_file_version).then(cache => {
+ caches.open(pre_cache_file_version).then((cache) => {
cache.addAll(ASSETS);
- })
+ }),
);
});
// activate
-self.addEventListener('activate', event => {
+self.addEventListener("activate", (event) => {
event.waitUntil(
- caches.keys().then(keys => {
- return Promise.all(keys.map(key => {
- if (pre_cache_file_version.indexOf(key) === -1 && auto_cache_file_version.indexOf(key) === -1) {
+ caches.keys().then((keys) => {
+ return Promise.all(keys.map((key) => {
+ if (
+ pre_cache_file_version.indexOf(key) === -1 &&
+ auto_cache_file_version.indexOf(key) === -1
+ ) {
return caches.delete(key);
}
}));
- })
- )
+ }),
+ );
});
// fetch event
-self.addEventListener('fetch', event => {
+self.addEventListener("fetch", (event) => {
if (is_in_array(event.request.url, ASSETS)) {
- // cache only strategy
+ // cache only strategy
event.respondWith(
- caches.match(event.request.url)
+ caches.match(event.request.url),
);
} else if (is_in_array(event.request.url, NEED_UPDATE)) {
event.respondWith(
- fetch(event.request.url).then(async response => {
+ fetch(event.request.url).then(async (response) => {
if (response.ok) {
const cache = await caches.open(auto_cache_file_version);
cache.put(event.request.url, response.clone());
- return response;
+ return response;
}
throw new Error("Network response was not ok.");
-
- }).catch(async _error => {
+ }).catch(async (_error) => {
const cache = await caches.open(auto_cache_file_version);
return cache.match(event.request.url);
- })
- )
+ }),
+ );
}
});
diff --git a/index.html b/index.html
index ac3504e..e4e3d1b 100644
--- a/index.html
+++ b/index.html
@@ -1,66 +1,99 @@
-
-
-
- Generators
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Generators Gallery
- -
+
+
+
+ Generators
+
+
+
+
+
+
+
+
+
+
+
-
-
- 
-
-
+
+
+
-
-
+
+
+
+
-
+
-
+
+
+
+
+
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
- .png)
-
-
-
-
- Quote Generator
-Generate inspiring and thought-provoking quotes effortlessly.
- Check this out -
-
+
+
+
+
+
+
+
Quote Generator
++ Generate inspiring and thought-provoking quotes effortlessly. +
+ Check this out +