kozhilya/mybb-april-fools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Улучшение оформления кода

Browse Source
This commit is contained in:
kozhilya
2023-03-30 13:41:34 +04:00
parent 8b7d6216a4
commit 352100e49c
27 changed files with 1997 additions and 1736 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+93 -15
View File
@@ -1,6 +1,7 @@
# Бибилотека первоапрельских розыгрышей для форумов MyBB
Базовое использование:
```html
<!-- Первоапрельские шутки -->
<script src="https://static.kozhilya.ru/script/april-fools.min.js"></script>
@@ -14,23 +15,43 @@
```
---
## Полный список шуток
* `shake` — **Форумо-трясение**. Страница форума начинает трястись.
* `mirror` — **Зеркало**. Элементы форума отражаются... По крайней мере, пытаются.
* `carnival` — **Карнавал**. Аватарки приобретают интересные цвета.
* `humanitarian_hell` — **Ад гуманитария**. Все "тся" заменяются на "ться", а все "ться" на "тся".
* `crazy_letters` — **Мама, Я сОшЛа С уМа!** иМеНа ЗаБоРчИкОм
* `letter_chaos` — **Буквенный хаос**. Все буквы в словах, кроме первой и последней, перемешены.
* `cursor` — **Красивые курсоры**. Эффекты, следующие за курсором.
- `shake` — **Форумо-трясение**. Страница форума начинает трястись.
- `mirror` — **Зеркало**. Элементы форума отражаются... По крайней мере, пытаются.
- `carnival` — **Карнавал**. Аватарки приобретают интересные цвета.
- `humanitarian_hell` — **Ад гуманитария**. Все "тся" заменяются на "ться", а все "ться" на "тся".
- `crazy_letters` — **Мама, Я сОшЛа С уМа!** иМеНа ЗаБоРчИкОм
- `letter_chaos` — **Буквенный хаос**. Все буквы в словах, кроме первой и последней, перемешены.
- `cursor` — **Красивые курсоры**. Эффекты, следующие за курсором.
- `stupid_title` — **Глупые статусы**. Каждому пользователю даётся новый глупый статус.
---
## Тестирование шуток
Что бы проверить работу системы, вы можете включить "режим тестера". Для этого добавьте свой `UserID` в настройку `core.testers`:
```js
window.AprilJokes.settings = {
// ...
core: {
testers: [ 2, 3, 1186 ],
},
// ...
};
```
---
## Настройка шуток
Настройка шуток происходит при присвоении объекта `window.AprilJokes.settings`.
Это присвоедние должно произойти **после** загрузки скрипта.
Для всех шуток определны 2 общих поля:
```js
window.AprilJokes.settings = {
// ...
@@ -65,7 +86,7 @@ window.AprilJokes.settings = {
<!-- Конец первоапрельских шуток -->
```
Заметьте, что во всех примерах приведены значения настроек по умолчанию. Вы *можете* удалять строки, значения по умолчанию которых вас устраивают.
Заметьте, что во всех примерах приведены значения настроек по умолчанию. Вы _можете_ удалять строки, значения по умолчанию которых вас устраивают.
Если вас интерсует только несколько шуток, вы можете использовать метод `disableAll()`, что бы выключить выполнение всех шуток, а потом включать отдельные шутки через установку настройки `enabled`:
@@ -82,11 +103,12 @@ window.AprilJokes.settings = {
};
```
Обратите внимание, что метод `disableAll()` должен быть вызван *до* установки настроек `settings`, иначе заданные значения `enabled` будут сброшены.
Обратите внимание, что метод `disableAll()` должен быть вызван _до_ установки настроек `settings`, иначе заданные значения `enabled` будут сброшены.
Так же есть метод `window.AprilJokes.enableAll()`, который включает все шутки, в том числе отключённые по умолчанию.
---
### Настройка `shake` (Форумо-трясение)
Тряска элементов происходит путём изменения перечисленных направлений `margin` на значение ±`force` от стандартного значения.
@@ -94,10 +116,13 @@ window.AprilJokes.settings = {
> **Важно**: эта шутка может вызвать дискомфорт у пользователей. Настоятельно рекомендуется оставить вероятность срабатывания шутки (`chance`) очень низкой, что бы у пользователей была возможность избавиться от шутки простым обновлением страницы! Вариант отключить шутку (`enabled: false`) тоже вариант.
---
### Настройка `mirror` (Зеркало)
Элементы форума отражаются по весьма специфичному алгоритму... И из-за этого, шутка может работать *очень* плохо на некоторых дизайнах, поэтому данная шутка по умолчанию **отключена**
Элементы форума отражаются по весьма специфичному алгоритму... И из-за этого, шутка может работать _очень_ плохо на некоторых дизайнах, поэтому данная шутка по умолчанию **отключена**
Для того, что бы попробовать, сработает ли шутка для вашего дизайна, используйте в консоли разработчика:
```js
window.AprilJokes.start("mirror", true);
```
@@ -105,20 +130,73 @@ window.AprilJokes.start("mirror", true);
Так же можете [посмотреть](./src/jokes/mirror.ts#L16) на метод `MirrorJoke.start`, что бы узнать как именно проиходит отражение.
---
### Настройка `cursor` (Красивые курсоры)
Используются курсоры, предложенные в библотеке `tholman/cursor-effects` от Tim Holman ([Github](https://github.com/tholman/cursor-effects), [сайт](https://tholman.com/cursor-effects/)).
Код предусматривает, что одновременно активировано не более 1 курсора из этой библиотеки. Так же для каждого курсора установлен свой шанс срабатывания, однако из-за необходимости активации строго одного эффекта, предусмотрено использование весового коэффициента `weight`: если говорить просто, то чем больше это значение, то тем больше шанс срабатывания эффекта относительно других эффектов.
Так же для каждого эффекта определена настройка `enabled`, позволяющая отключить эффекты, и метод `disableAll` для отключения эффектов:
```js
window.AprilJokes.jokes.cursor.disableAll();
```
---
### Настройка `stupid_title` (Глупые статусы)
> **Важно**: этот блок может быть чрезвычайно капризым из-за особенностей хранения данных, особенно блок `variants`. Изменяя его, строго следуйте этой инструкции, иначе скрипт может перестать работать ожидаемым образом.
Данная шутка генерирет статус из случайных слов. За счёт использования псевдослучайного генератора, хеширования и привязки к времени UTC, ожидается что все пользователи одновременно будут видеть один и тот же статус для каждого пользователя, при этом он меняется каждые `change_frequency` минут. Установите это значение равным `0`, что бы статус генерировался при каждом обновлении страницы.
Для настройки списка слов используется функция `BuildStupdiTitleVariant`, которая преобразует список слов во внутренний формат скрипта. Настоятельно рекомендуется использовать именно её, а не записывать параметры напрямую:
```js
window.AprilJokes.settings = {
// ...
stupid_title: {
// ...
variants: {
adj: {
...window.AprilJokes.settings.stupid_title.variants.adj,
...BuildStupdiTitleVariant(true, "скромный, шутливый, !грубый"),
...BuildStupdiTitleVariant(false, "скромная, шутливая, !грубая"),
},
noun: { ...window.AprilJokes.settings.stupid_title.variants.noun },
verb: { ...window.AprilJokes.settings.stupid_title.variants.verb },
place: { ...window.AprilJokes.settings.stupid_title.variants.place },
adv: { ...window.AprilJokes.settings.stupid_title.variants.adv },
p: { ...window.AprilJokes.settings.stupid_title.variants.p },
},
// ...
},
// ...
};
```
Обратите внимание на конструкции вида `{ ...something }` — эта конструкция позволяет перенести все поля нескольких старых объектов в один новый. При этом, если в двух объединяемых объектах есть совпадающие значения, то будет сохранено последнее.
Говоря проще: добовляйте ваши настройки _после_ строки вида `...window.AprilJokes.settings.stupid_title.variants.adj`, что бы ваши настройки не были перезаписаны.
Метод `BuildStupdiTitleVariant` принимает 2 аргумента:
- `gender` — определённый род для генерации. Используйте `true` для мужского рода, `false` для женского и `null`, если добавляемые варианты могут использоваться в обоих случаях.
- `words` — строка, со списоком вариантов через запятую. В качестве вариантов могут быть слова из русских или английских букв, пробелов или дефисов, то есть можно использовать `"..., почему-то и зачем-то , ..."` и `почему-то и зачем-то` будет воспринят как один вариант. Также варианты можно модифицировать, добавив один или несколько модификаторов:
- `!` отключает использование слова. Этим модификатором можно отключать слова из списка по умолчанию (см `!грубый` в примере выше).
- `%` помечает слово как редкое. Шанс его использования понижается в 2 раза.
- `^` помечает слово как частое. Шанс его использования повышается в 2 раза.
- `$` помечает слово как грубое. Такие слова не будут отображаться, если в настройках отключена соответсвующая настройка `rude`.
Полный список слов по умолчанию вы можете посмотреть [в Google Таблице](https://docs.google.com/spreadsheets/d/1MJIfENqy7a9DczRj38c34t27ZQtEmBSi/edit?usp=sharing&ouid=112152128398997742033&rtpof=true&sd=true) или [в исходном файле](./src/data/stupid_title_variants.ts).
---
## Разработка дополнений
Использование для тестирования:
```html
<!-- Первоапрельские шутки: версия для разработчиков -->
<script src="https://static.kozhilya.ru/script/april-fools.js"></script>
@@ -131,24 +209,24 @@ window.AprilJokes.jokes.cursor.disableAll();
// Создание новой шутки
window.AprilJokes.addCustom(
// ID шутки
'alert',
"alert",
// Вызываемая функция шутки
settings => {
alert(settings.text)
(settings) => {
alert(settings.text);
},
// Стандартные настройки
{
enabled: true,
chance: 30,
text: 'Fooled!',
text: "Fooled!",
}
);
// Запуск шутки
// true - отключает проверки случайности
window.AprilJokes.start('alert', true);
window.AprilJokes.start("alert", true);
</script>
<!-- Конец первоапрельских шуток: версия для разработчиков -->
```
dist/april-fools.js
Vendored
+35 -15
View File
File diff suppressed because one or more lines are too long
dist/april-fools.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
package-lock.json
Generated
+1
View File
@@ -32,6 +32,7 @@
"markdown-it": "^13.0.1",
"markdown-it-container": "^3.0.0",
"prettier": "^2.8.2",
"terser-webpack-plugin": "^5.3.7",
"ts-loader": "^9.4.2",
"tsify": "^5.0.4",
"typescript": "^5.0.2",
package.json
+1
View File
@@ -19,6 +19,7 @@
"markdown-it": "^13.0.1",
"markdown-it-container": "^3.0.0",
"prettier": "^2.8.2",
"terser-webpack-plugin": "^5.3.7",
"ts-loader": "^9.4.2",
"tsify": "^5.0.4",
"typescript": "^5.0.2",
settings.compact.js
+31 -31
View File
@@ -6,9 +6,9 @@ window.AprilJokes.settings = {
shake: {
enabled: true,
chance: 1,
directions: ['top', 'left', 'bottom', 'left'],
directions: ["top", "left", "bottom", "left"],
force: 0.5,
selector: '[id^=pun]',
selector: "[id^=pun]",
interval: 100,
},
@@ -23,29 +23,29 @@ window.AprilJokes.settings = {
selector: 'img[src*="/avatars/"]',
variant_chance: 20,
variants: {
'sepia({0}%)': 100,
'saturate({0}%)': 100,
'hue-rotate({0}deg)': 360,
'invert({0}%)': 100,
"sepia({0}%)": 100,
"saturate({0}%)": 100,
"hue-rotate({0}deg)": 360,
"invert({0}%)": 100,
},
},
humanitarian_hell: {
enabled: true,
chance: 20,
selector: '.post-content',
selector: ".post-content",
},
crazy_letters: {
enabled: true,
chance: 20,
selector: '.pa-author a'
selector: ".pa-author a",
},
letter_chaos: {
enabled: true,
chance: 20,
selector: '.post-content',
selector: ".post-content",
shuffle_chance: 50,
},
@@ -65,7 +65,7 @@ window.AprilJokes.settings = {
"#00FF00",
"#FFFF00",
"#FF7F00",
"#FF0000"
"#FF0000",
],
},
springy_emoji: {
@@ -119,11 +119,11 @@ window.AprilJokes.settings = {
clock: {
enabled: true,
weight: 50,
dateColor: string = "blue",
faceColor: string = "black",
secondsColor: string = "red",
minutesColor: string = "black",
hoursColor: string = "black",
dateColor: (string = "blue"),
faceColor: (string = "black"),
secondsColor: (string = "red"),
minutesColor: (string = "black"),
hoursColor: (string = "black"),
},
},
},
@@ -135,26 +135,26 @@ window.AprilJokes.settings = {
rude: false,
change_frequency: 5,
schemas: {
'{adj} {noun}{p}': 10,
'{noun} {adj}{p}': 3,
'{adj}, {adj} {noun}{p}': 10,
'{adj} и очень {adj} {noun}{p}': 10,
'{adj} {noun} {verb}{p}': 10,
'{adj} {noun} {adv} {verb}{p}': 5,
'{adj} {noun} {verb} {place}{p}': 5,
'{adj} {noun} {adv} {verb} {place}{p}': 5,
"{adj} {noun}{p}": 10,
"{noun} {adj}{p}": 3,
"{adj}, {adj} {noun}{p}": 10,
"{adj} и очень {adj} {noun}{p}": 10,
"{adj} {noun} {verb}{p}": 10,
"{adj} {noun} {adv} {verb}{p}": 5,
"{adj} {noun} {verb} {place}{p}": 5,
"{adj} {noun} {adv} {verb} {place}{p}": 5,
},
variants: {
adj: {
...window.AprilJokes.settings.stupid_title.variants.adj,
...BuildStupdiTitleVariant(true, 'скромный, шутливый, !грубый'),
...BuildStupdiTitleVariant(false, 'скромная, шутливая, !грубая'),
...BuildStupdiTitleVariant(true, "скромный, шутливый, !грубый"),
...BuildStupdiTitleVariant(false, "скромная, шутливая, !грубая"),
},
noun: { ...window.AprilJokes.settings.stupid_title.variants.noun, },
verb: { ...window.AprilJokes.settings.stupid_title.variants.verb, },
place: { ...window.AprilJokes.settings.stupid_title.variants.place, },
adv: { ...window.AprilJokes.settings.stupid_title.variants.adv, },
p: { ...window.AprilJokes.settings.stupid_title.variants.p, },
noun: { ...window.AprilJokes.settings.stupid_title.variants.noun },
verb: { ...window.AprilJokes.settings.stupid_title.variants.verb },
place: { ...window.AprilJokes.settings.stupid_title.variants.place },
adv: { ...window.AprilJokes.settings.stupid_title.variants.adv },
p: { ...window.AprilJokes.settings.stupid_title.variants.p },
},
},
}
};
settings.example.js
+32 -31
View File
@@ -43,7 +43,7 @@ window.AprilJokes.settings = {
/**
* Направление тряски
*/
directions: ['top', 'left', 'bottom', 'left'],
directions: ["top", "left", "bottom", "left"],
/**
* Сила тряски
@@ -53,7 +53,7 @@ window.AprilJokes.settings = {
/**
* Селектор всех элементов, которые будут трястись
*/
selector: '[id^=pun]',
selector: "[id^=pun]",
/**
* Частота тряски
@@ -98,10 +98,10 @@ window.AprilJokes.settings = {
* Список фильтров и диапозона случайных параметров.
*/
variants: {
'sepia({0}%)': 100,
'saturate({0}%)': 100,
'hue-rotate({0}deg)': 360,
'invert({0}%)': 100,
"sepia({0}%)": 100,
"saturate({0}%)": 100,
"hue-rotate({0}deg)": 360,
"invert({0}%)": 100,
},
},
@@ -119,7 +119,7 @@ window.AprilJokes.settings = {
/**
* Селектор всех элементов, которые будут затронуты.
*/
selector: '.post-content',
selector: ".post-content",
},
/**
@@ -136,7 +136,7 @@ window.AprilJokes.settings = {
/**
* Селектор всех элементов, которые будут затронуты.
*/
selector: '.pa-author a'
selector: ".pa-author a",
},
/**
@@ -153,7 +153,7 @@ window.AprilJokes.settings = {
/**
* Селектор всех элементов, которые будут затронуты
*/
selector: '.post-content',
selector: ".post-content",
/**
* Вероятность того, что буквы будут перемешаны
@@ -206,7 +206,7 @@ window.AprilJokes.settings = {
"#00FF00",
"#FFFF00",
"#FF7F00",
"#FF0000"
"#FF0000",
],
},
@@ -355,27 +355,27 @@ window.AprilJokes.settings = {
/**
* Цвет даты
*/
dateColor: string = "blue",
dateColor: (string = "blue"),
/**
* Цвет циферблата
*/
faceColor: string = "black",
faceColor: (string = "black"),
/**
* Цвет секундной стрелки
*/
secondsColor: string = "red",
secondsColor: (string = "red"),
/**
* Цвет минутной стрелки
*/
minutesColor: string = "black",
minutesColor: (string = "black"),
/**
* Цвет часовой стрелки
*/
hoursColor: string = "black",
hoursColor: (string = "black"),
},
},
},
@@ -409,6 +409,7 @@ window.AprilJokes.settings = {
/**
* Частота смены статусов (в минутах)
* Установите значение 0, что бы обновление происходило при каждом обновлении страницы
*/
change_frequency: 5,
@@ -422,14 +423,14 @@ window.AprilJokes.settings = {
* {p} - знак препинания
*/
schemas: {
'{adj} {noun}{p}': 10,
'{noun} {adj}{p}': 3,
'{adj}, {adj} {noun}{p}': 10,
'{adj} и очень {adj} {noun}{p}': 10,
'{adj} {noun} {verb}{p}': 10,
'{adj} {noun} {adv} {verb}{p}': 5,
'{adj} {noun} {verb} {place}{p}': 5,
'{adj} {noun} {adv} {verb} {place}{p}': 5,
"{adj} {noun}{p}": 10,
"{noun} {adj}{p}": 3,
"{adj}, {adj} {noun}{p}": 10,
"{adj} и очень {adj} {noun}{p}": 10,
"{adj} {noun} {verb}{p}": 10,
"{adj} {noun} {adv} {verb}{p}": 5,
"{adj} {noun} {verb} {place}{p}": 5,
"{adj} {noun} {adv} {verb} {place}{p}": 5,
},
/**
@@ -439,14 +440,14 @@ window.AprilJokes.settings = {
variants: {
adj: {
...window.AprilJokes.settings.stupid_title.variants.adj,
...BuildStupdiTitleVariant(true, 'скромный, шутливый, !грубый'),
...BuildStupdiTitleVariant(false, 'скромная, шутливая, !грубая'),
...BuildStupdiTitleVariant(true, "скромный, шутливый, !грубый"),
...BuildStupdiTitleVariant(false, "скромная, шутливая, !грубая"),
},
noun: { ...window.AprilJokes.settings.stupid_title.variants.noun, },
verb: { ...window.AprilJokes.settings.stupid_title.variants.verb, },
place: { ...window.AprilJokes.settings.stupid_title.variants.place, },
adv: { ...window.AprilJokes.settings.stupid_title.variants.adv, },
p: { ...window.AprilJokes.settings.stupid_title.variants.p, },
noun: { ...window.AprilJokes.settings.stupid_title.variants.noun },
verb: { ...window.AprilJokes.settings.stupid_title.variants.verb },
place: { ...window.AprilJokes.settings.stupid_title.variants.place },
adv: { ...window.AprilJokes.settings.stupid_title.variants.adv },
p: { ...window.AprilJokes.settings.stupid_title.variants.p },
},
},
}
};
src/common.ts
+14
View File
@@ -0,0 +1,14 @@
import $ from "jquery";
/**
* Получение всех элементов, являющимися TextNode.
* Используется некоторыми шутками для уменьшения влияния на существующее DOM-дерево.
*/
export function getTextNodes(
root: any
): JQuery<HTMLElement | Text | Comment | Document> {
return $(root)
.find("*")
.contents()
.filter((_, node) => node.nodeType === Node.TEXT_NODE);
}
src/data/stupid_title_variants.ts
+57
View File
@@ -0,0 +1,57 @@
import {
StupidTitleVariants,
BuildStupdiTitleVariant,
} from "../jokes/stupid_title";
export function StupidTitleDefaultVariants(vars: StupidTitleVariants) {
vars.adj = {
...BuildStupdiTitleVariant(
true,
"адекватный,$адский,активный,алчный,%ангельский,банальный,безнадёжный,$бесполезный,былой,верный,виртуальный,вкусный,воспитанный,выгодный,выходной,гигантский,$глупый,гордый,грамотный,громадный,грубый,далекий,двуличный,деятельный,доброжелательный,$жалкий,жёсткий,жестокий,$жирный,заинтересованный,запасной,застенчивый,знакомый,иностранный,истинный,конструктивный,креативный,ласковый,любимый,мелочный,^мирный,мстительный,небесный,невозможный,независимый,низкий,нужный,объективный,обыкновенный,опрятный,^оригинальный,особенный,острый,откровенный,открытый,пестрый,повседневный,подземный,пожилой,показательный,последний,посторонний,провинциальный,пышный,робкий,родной,самовлюблённый,северный,седой,семейный,серьёзный,сногсшибательный,^солнечный,спокойный,суровый,терпеливый,уверенный в себе,ударный,^удачливый,формальный,хладнокровный,целый,чистый,чрезвычайный,чужой,южный"
),
...BuildStupdiTitleVariant(
false,
"адекватная,$адская,активная,алчная,%ангельская,банальная,безнадёжная,$бесполезная,былая,верная,виртуальная,вкусная,воспитанная,выгодная,выходная,гигантская,$глупая,гордая,грамотная,громадная,грубая,далекая,двуличная,деятельная,доброжелательная,$жалкая,жёсткая,жестокая,$жирная,заинтересованная,запасная,застенчивая,знакомая,иностранная,истинная,конструктивная,креативная,ласковая,любимая,мелочная,^мирная,мстительная,небесная,невозможная,независимая,низкая,нужная,объективная,обыкновенная,опрятная,^оригинальная,особенная,острая,откровенная,открытая,пестрая,повседневная,подземная,пожилая,показательная,последняя,посторонняя,провинциальная,пышная,робкая,родная,самовлюблённая,северная,седая,семейная,серьезная,сногсшибательная,^солнечная,спокаяная,суровая,терпеливая,уверенная в себе,ударная,^удачливая,формальная,хладнокровная,целая,чистая,чрезвычайная,чужая,южная"
),
...vars.adj,
};
vars.noun = {
...BuildStupdiTitleVariant(
true,
"актёр,$балбес,бард,басурманин,борец,бродяга,бруталище,волк,дворф,%дед,%дедушка,джентльмен,диван,динозавр,дракон,ёж,%ёжик,жук,зайц,$злоумышленник,зомби,карасик,кентавр,кит,кот,кролик,кулак,лев,ледник,лесоруб,%мальчег,мальчик,манекен,массажист,мачо,монах,монстр,наследник,ниндзя,носорог,одиночка,организм,орёл,отец,принц,проказник,пузырь,$раб,рыцарь,спортсмен,сурикат,сын,%сынок,тигр,товарищ,хоббит,эльф"
),
...BuildStupdiTitleVariant(
false,
"актриса,акула,$бабка,бабочка,%бабушка,бактерия,белочка,бусинка,валькирия,$ведьма,волторна,волчица,горгулья,дворфиха,девочка,деревяшка,детка,%деффачка,%дочка,дочь,заноза,$злоумышленница,знаменитость,каруселька,килька,конфетка,косточка,кошка,красотка,крышка,леди,$личинка,львица,мать,машина,милашка,монашка,мышь,наследница,орлица,панда,пиранья,принцесса,простуда,$рабыня,русалочка,рыбка,рыбка,скамеечка,спортсменка,тигрица,травка,черепашка,чертовка,эльфийка"
),
...vars.noun,
};
vars.verb = {
...BuildStupdiTitleVariant(
null,
"бежит,берёт и делает,болеет,встаёт,говорит,думает,забывает,замирает,заходит,идёт,%имеет план и придерживается его,ловит,меняется,молчит,нарушает,оглядывается,орёт,освобождает,отвечает,отказаться куда-то идти,отказывается,отказывается вставать,отказывается что-то делать,оформляет,плывёт,поглядывает,поздравляет,поздравляет,получает,прибывает,приказывает,просыпается,прощает,работает,радуется,скрывается,снимает,снимает,снимается в сериале,снимается в фильме,собирается,соединяет,спрашивает,тянет,указывает,учит,читает,что-то скрывает,чувствует опасность,шепчет"
),
...BuildStupdiTitleVariant(
true,
"взял и сделал,додумался,женился,женится,заработался,не спал,не успел,обиделся,познал дзен,присел,проснулся,скрылся,смог,успел"
),
...BuildStupdiTitleVariant(
false,
"взяла и сделала,выходит замуж,вышла замуж,додумалась,заработалась,не спала,не успела,обиделась,познала дзен,присела,проснулась,скрылась,смогла,успела"
),
...vars.verb,
};
vars.place = {
...BuildStupdiTitleVariant(
null,
"в джунглях,в квартире,в космосе,в лесу,в очереди,в пустыне,в театре,%в тёплой и уютной квартире,в филармонии,где-то,на заснеженной вершине,на конференции,на пляже,на форуме,под водой,под дождём,%под проливным дождём"
),
...vars.place,
};
vars.adv = {
...BuildStupdiTitleVariant(
null,
"безрассудно,быстро,внезапно,вновь,$грубо,грустно,медленно,%молниеносно,немедленно,опять,осмысленно,позже,предсказуемо,расчётливо,регулярно,счастливо,уже,уныло"
),
...vars.adv,
};
}
src/html/styles.html
+26 -26
View File
@@ -1,5 +1,5 @@
<style class="april-fools__styles">
.april-fools__button {
.april-fools__button {
position: fixed;
bottom: 0.2rem;
right: 0.2rem;
@@ -10,17 +10,17 @@
opacity: 0.3;
transition: 0.4s all;
cursor: pointer;
}
.april-fools__button:hover {
}
.april-fools__button:hover {
opacity: 1;
}
.april-fools__joke-row {
}
.april-fools__joke-row {
border-bottom: 1px solid black;
}
.april-fools__joke-row:first-of-type {
}
.april-fools__joke-row:first-of-type {
border-top: 1px solid black;
}
.april-fools__joke {
}
.april-fools__joke {
display: flex;
flex-flow: row wrap;
padding: 10px;
@@ -29,38 +29,38 @@
align-items: center;
gap: 1ch;
cursor: pointer;
}
.april-fools__joke:hover {
}
.april-fools__joke:hover {
text-shadow: 0 0 black;
}
.april-fools__joke:before {
}
.april-fools__joke:before {
display: block;
content: "";
flex: 0 0 2ch;
text-align: center;
content: "✔";
opacity: 0;
}
input.april-fools__joke-input:checked + .april-fools__joke {
}
input.april-fools__joke-input:checked + .april-fools__joke {
opacity: 1;
}
input.april-fools__joke-input:checked + .april-fools__joke:before {
}
input.april-fools__joke-input:checked + .april-fools__joke:before {
opacity: 1;
}
.april-fools__joke .april-fools__joke-title {
}
.april-fools__joke .april-fools__joke-title {
flex: 1 auto;
font-weight: bold;
}
.april-fools__joke .april-fools__joke-description {
}
.april-fools__joke .april-fools__joke-description {
flex: 1 auto;
text-align: right;
}
.april-fools__joke .april-fools__joke-chance {
}
.april-fools__joke .april-fools__joke-chance {
flex: 0 0 4ch;
text-align: right;
}
.april-fools__content .april-fools__reset-button {
}
.april-fools__content .april-fools__reset-button {
display: block;
margin: 10px auto;
}
}
</style>
src/html/window.html
+10 -2
View File
@@ -1,11 +1,19 @@
<div class="april-fools__content">
<div class="april-fools__jokes"></div>
<button class="april-fools__reset-button">Вернуться к настройкам форума (страница будет перезагружена!)</button>
<button class="april-fools__reset-button">
Вернуться к настройкам форума (страница будет перезагружена!)
</button>
</div>
<template class="april-fools__template" id="april-fools__window-row">
<div class="april-fools__joke-row">
<input type="checkbox" class="april-fools__joke-input" name="april-fools__joke-${joke.id}" id="april-fools__joke-${joke.id}" style="display: none;" />
<input
type="checkbox"
class="april-fools__joke-input"
name="april-fools__joke-${joke.id}"
id="april-fools__joke-${joke.id}"
style="display: none"
/>
<label class="april-fools__joke" for="april-fools__joke-${joke.id}">
<p class="april-fools__joke-title">${joke.title}</p>
<p class="april-fools__joke-description">${joke.description}</p>
src/joke.ts
+3 -5
View File
@@ -65,8 +65,8 @@ export abstract class Joke {
* Переключить блокировку шутки
* @param value Новое значение
*/
toggle(value: boolean|null = null) {
this.settings.enabled = (value === null) ? !this.settings.enabled : value;
toggle(value: boolean | null = null) {
this.settings.enabled = value === null ? !this.settings.enabled : value;
}
/**
@@ -78,11 +78,9 @@ export abstract class Joke {
/**
* Объект, описывающий шутку, которая может быть остановлена
*/
export abstract class StopableJoke extends Joke
{
export abstract class StopableJoke extends Joke {
/**
* Остановка шутки, если возможно
*/
abstract stop(): void;
}
src/joker.ts
+48 -33
View File
@@ -36,20 +36,24 @@ export class JokerClass {
* @param handler Метод, выполняющий шутку
* @param settings Объект настроек шутки
*/
addCustom(id: string, handler: Function, settings: JokeSettings|null = null): Joke {
const joke = new class extends Joke {
addCustom(
id: string,
handler: Function,
settings: JokeSettings | null = null
): Joke {
const joke = new (class extends Joke {
id = id;
title = 'Пользовательская шутка';
title = "Пользовательская шутка";
description = 'Для шутки не определено описание';
description = "Для шутки не определено описание";
settings: JokeSettings = { chance: 10, enabled: true };
start() {
handler.call(this, this.settings);
}
};
})();
Object.assign(joke.settings, settings ?? {});
@@ -64,7 +68,7 @@ export class JokerClass {
get settings(): SettingsMap {
const result: SettingsMap = {};
result['core'] = this.core_settings;
result["core"] = this.core_settings;
for (const entries of Object.entries(this.jokes)) {
const id = entries[0];
@@ -85,7 +89,8 @@ export class JokerClass {
for (const entry of Object.entries(settings)) {
const id = entry[0];
const jokeSettings = entry[1];
const targetSettings = (id === 'core') ? this.core_settings : this.jokes[id].settings;
const targetSettings =
id === "core" ? this.core_settings : this.jokes[id].settings;
Object.assign(targetSettings, jokeSettings);
}
@@ -147,32 +152,38 @@ export class JokerClass {
states[key] = this.jokes[key].settings.enabled;
}
fetch('/api.php?' + $.param({
method: 'storage.set',
user_id: (<any> window).UserID,
key: 'april-fools',
token: (<any> window).ForumAPITicket,
fetch(
"/api.php?" +
$.param({
method: "storage.set",
user_id: (<any>window).UserID,
key: "april-fools",
token: (<any>window).ForumAPITicket,
value: JSON.stringify(states),
timer: 24 * 60
}));
timer: 24 * 60,
})
);
}
/**
* Загрузка пользовательских настроек
*/
async loadUserStates() {
const response = await fetch('/api.php?' + $.param({
method: 'storage.get',
user_id: (<any> window).UserID,
key: 'april-fools',
}));
const response = await fetch(
"/api.php?" +
$.param({
method: "storage.get",
user_id: (<any>window).UserID,
key: "april-fools",
})
);
const json = await response.json();
if (json.error) {
return;
}
const data = JSON.parse(json.response.storage.data['april-fools']);
const data = JSON.parse(json.response.storage.data["april-fools"]);
for (const key of Object.keys(this.jokes)) {
this.jokes[key].settings.enabled = data[key];
@@ -180,17 +191,19 @@ export class JokerClass {
}
async clearUserStates() {
await fetch('/api.php?' + $.param({
method: 'storage.delete',
user_id: (<any> window).UserID,
key: 'april-fools',
token: (<any> window).ForumAPITicket,
}));
await fetch(
"/api.php?" +
$.param({
method: "storage.delete",
user_id: (<any>window).UserID,
key: "april-fools",
token: (<any>window).ForumAPITicket,
})
);
return;
}
/**
* Запуск шутки
*
@@ -198,12 +211,14 @@ export class JokerClass {
* @param {boolean} forced
*/
start(id: string, forced: boolean = false) {
if (!(id in this.jokes))
return;
if (!(id in this.jokes)) return;
const joke = this.jokes[id];
if (!forced && (!joke.settings.enabled || !this.check(joke.settings.chance))) {
if (
!forced &&
(!joke.settings.enabled || !this.check(joke.settings.chance))
) {
return;
}
@@ -224,7 +239,7 @@ export class JokerClass {
return false;
}
if (this.core_settings.testers.indexOf((<any> window).UserID) >= 0) {
if (this.core_settings.testers.indexOf((<any>window).UserID) >= 0) {
return true;
}
@@ -252,12 +267,12 @@ export class JokerClass {
/**
* Общие настройки системы
*/
core_settings = new CoreSettings;
core_settings = new CoreSettings();
/**
* Перечисление всех шуток
*/
jokes: JokeMap = {}
jokes: JokeMap = {};
}
/**
src/jokes/carnival.ts
+16 -11
View File
@@ -10,13 +10,13 @@ import { JokerClass } from "../joker";
* @author Kozhilya
*/
export class CarnivalJoke extends Joke {
id = 'carnival';
id = "carnival";
title = 'Карнавал';
title = "Карнавал";
description = 'Аватарки приобретают интересные цвета';
description = "Аватарки приобретают интересные цвета";
settings = new CarnivalJokeSettings;
settings = new CarnivalJokeSettings();
start(): void {
$(this.settings.selector).each((_, elem) => {
@@ -27,11 +27,16 @@ export class CarnivalJoke extends Joke {
continue;
}
filters.push(entry[0].replace('{0}', Math.round(Math.random() * entry[1]).toString()));
filters.push(
entry[0].replace(
"{0}",
Math.round(Math.random() * entry[1]).toString()
)
);
}
if (filters.length > 0) {
$(elem).css({'filter': filters.join(' ')});
$(elem).css({ filter: filters.join(" ") });
}
});
}
@@ -56,11 +61,11 @@ export class CarnivalJokeSettings implements JokeSettings {
* Список фильтров и диапозона случайных параметров
*/
variants: CarnivalJokeFilters = {
'sepia({0}%)': 100,
'saturate({0}%)': 100,
'hue-rotate({0}deg)': 360,
'invert({0}%)': 100,
}
"sepia({0}%)": 100,
"saturate({0}%)": 100,
"hue-rotate({0}deg)": 360,
"invert({0}%)": 100,
};
}
export interface CarnivalJokeFilters {
src/jokes/crazy_letters.ts
+7 -7
View File
@@ -9,21 +9,21 @@ import $ from "jquery";
* @author Kozhilya
*/
export class CrazyLettersJoke extends Joke {
id = 'crazy_letters';
id = "crazy_letters";
title = 'Мама, Я сОшЛа С уМа!';
title = "Мама, Я сОшЛа С уМа!";
description = 'иМеНа ЗаБоРчИкОм';
description = "иМеНа ЗаБоРчИкОм";
settings = new CrazyLettersJokeSettings;
settings = new CrazyLettersJokeSettings();
start(): void {
$(this.settings.selector).each((_, elem) => {
let text = $(this).text();
let result = '';
let result = "";
for (let i = 0; i < text.length; i++) {
result += text[i][(i % 2) ? 'toLowerCase' : 'toUpperCase']();
result += text[i][i % 2 ? "toLowerCase" : "toUpperCase"]();
}
$(this).text(result);
@@ -39,5 +39,5 @@ export class CrazyLettersJokeSettings implements JokeSettings {
/**
* Селектор всех элементов, которые будут затронуты
*/
selector: string = '.pa-author a';
selector: string = ".pa-author a";
}
src/jokes/cursor.ts
+58 -44
View File
@@ -13,13 +13,13 @@ const cursor_effects = require("cursor-effects");
* @link https://tholman.com/cursor-effects/
*/
export class CursorEffectsJoke extends StopableJoke {
id = 'cursor_effects';
id = "cursor_effects";
title = 'Красивый курсор';
title = "Красивый курсор";
description = 'Эффекты, следующие за курсором';
description = "Эффекты, следующие за курсором";
settings = new CursorEffectsJokeSettings;
settings = new CursorEffectsJokeSettings();
active_cursor_effect: any;
@@ -28,7 +28,7 @@ export class CursorEffectsJoke extends StopableJoke {
*/
enableAll() {
for (const key of Object.keys(this.settings.effects)) {
this.settings.effects[<CursorEffectsEnum> key].enabled = true;
this.settings.effects[<CursorEffectsEnum>key].enabled = true;
}
}
@@ -37,7 +37,7 @@ export class CursorEffectsJoke extends StopableJoke {
*/
disableAll() {
for (const key of Object.keys(this.settings.effects)) {
this.settings.effects[<CursorEffectsEnum> key].enabled = false;
this.settings.effects[<CursorEffectsEnum>key].enabled = false;
}
}
@@ -47,8 +47,13 @@ export class CursorEffectsJoke extends StopableJoke {
}
getRandomEffect(): CursorEffectsEnum {
const elements = Object.values(CursorEffectsEnum).map(e => <CursorEffectsEnum>e);
const totalWeight = elements.reduce((sum, element) => sum + this.weight(element), 0);
const elements = Object.values(CursorEffectsEnum).map(
(e) => <CursorEffectsEnum>e
);
const totalWeight = elements.reduce(
(sum, element) => sum + this.weight(element),
0
);
const randomWeight = Math.random() * totalWeight;
let currentWeight = 0;
@@ -75,20 +80,23 @@ export class CursorEffectsJoke extends StopableJoke {
}
enum CursorEffectsEnum {
Rainbow = 'rainbow',
FairyDust = 'fairy_dust',
SpringyEmoji = 'springy_emoji',
Emoji = 'emoji',
Ghost = 'ghost',
Trailing = 'trailing',
TextFlag = 'text_flag',
FollowingDot = 'following_dot',
Bubbles = 'bubbles',
Snowflake = 'snowflake',
Clock = 'clock'
Rainbow = "rainbow",
FairyDust = "fairy_dust",
SpringyEmoji = "springy_emoji",
Emoji = "emoji",
Ghost = "ghost",
Trailing = "trailing",
TextFlag = "text_flag",
FollowingDot = "following_dot",
Bubbles = "bubbles",
Snowflake = "snowflake",
Clock = "clock",
}
function resolveCursorEffectsEnum(effect: CursorEffectsEnum|string, options: CursorEffectsSetting): any {
function resolveCursorEffectsEnum(
effect: CursorEffectsEnum | string,
options: CursorEffectsSetting
): any {
switch (effect) {
case CursorEffectsEnum.Rainbow:
return cursor_effects.rainbowCursor(options);
@@ -134,7 +142,8 @@ export class CursorEffectsJokeSettings implements JokeSettings {
/**
* Радужный след за курсором
*/
[CursorEffectsEnum.Rainbow]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.Rainbow]:
new (class extends DefaultCursorEffectsSetting {
/**
* Длина полосы
*/
@@ -155,49 +164,52 @@ export class CursorEffectsJokeSettings implements JokeSettings {
"#00FF00",
"#FFFF00",
"#FF7F00",
"#FF0000"
"#FF0000",
];
},
})(),
/**
* Цепочка из эмодзи "на резинке" под курсором
*/
[CursorEffectsEnum.SpringyEmoji]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.SpringyEmoji]:
new (class extends DefaultCursorEffectsSetting {
/**
* Висящий эмодзи
*/
emoji: string = "🤪"
},
emoji: string = "🤪";
})(),
/**
* Падающие от курсора эмодзи
*/
[CursorEffectsEnum.Emoji]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.Emoji]: new (class extends DefaultCursorEffectsSetting {
/**
* Падающие эмодзи
*/
emoji: string[] = ["🔥", "🐬", "🦆"]
},
emoji: string[] = ["🔥", "🐬", "🦆"];
})(),
/**
* Падающие от курсора пылинки
*/
[CursorEffectsEnum.FairyDust]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.FairyDust]:
new (class extends DefaultCursorEffectsSetting {
/**
* Цвет пылинок
*/
colors: string[] = ["#ff0000", "#00ff00", "#0000ff"];
},
})(),
/**
* След "зависших" курсоров
*/
[CursorEffectsEnum.Ghost]: new DefaultCursorEffectsSetting,
[CursorEffectsEnum.Ghost]: new DefaultCursorEffectsSetting(),
/**
* След курсоров "на резинке"
*/
[CursorEffectsEnum.Trailing]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.Trailing]:
new (class extends DefaultCursorEffectsSetting {
/**
* Количество элементов
*/
@@ -213,12 +225,13 @@ export class CursorEffectsJokeSettings implements JokeSettings {
* Используйте `null`, что бы использовать картинку курсора по умолчанию
*/
baseImageSrc: string | null = null;
},
})(),
/**
* Текст, развивающийся флагом от курсора
*/
[CursorEffectsEnum.TextFlag]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.TextFlag]:
new (class extends DefaultCursorEffectsSetting {
/**
* Отображаемый текст
*/
@@ -248,37 +261,38 @@ export class CursorEffectsJokeSettings implements JokeSettings {
* Размер... чего-то.
*/
size: number = 3;
},
})(),
/**
* Точка, преследующая курсор
*/
[CursorEffectsEnum.FollowingDot]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.FollowingDot]:
new (class extends DefaultCursorEffectsSetting {
/**
* Цвет догоняющей точки
*/
color: string = "#323232a6";
},
})(),
/**
* Пузырьки от курсора
*/
[CursorEffectsEnum.Bubbles]: new DefaultCursorEffectsSetting,
[CursorEffectsEnum.Bubbles]: new DefaultCursorEffectsSetting(),
/**
* Снежинки, летящие от курсора
*
* Отключено, потому что сейчас не зима :D
*/
[CursorEffectsEnum.Snowflake]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.Snowflake]:
new (class extends DefaultCursorEffectsSetting {
weight: number = 0;
},
})(),
/**
* Циферблат вокруг курсора
*/
[CursorEffectsEnum.Clock]: new class extends DefaultCursorEffectsSetting {
[CursorEffectsEnum.Clock]: new (class extends DefaultCursorEffectsSetting {
/**
* Цвет даты
*/
@@ -303,7 +317,7 @@ export class CursorEffectsJokeSettings implements JokeSettings {
* Цвет часовой стрелки
*/
hoursColor: string = "black";
},
})(),
};
}
src/jokes/humanitarian_hell.ts
+15 -8
View File
@@ -1,4 +1,5 @@
import { Joke, JokeSettings, StopableJoke } from "../joke";
import { getTextNodes } from "../common";
import $ from "jquery";
/**
@@ -9,19 +10,25 @@ import $ from "jquery";
* @author Kozhilya
*/
export class HumanitarianHellJoke extends Joke {
id = 'humanitarian_hell';
id = "humanitarian_hell";
title = 'Ад гуманитария';
title = "Ад гуманитария";
description = 'Все "тся" заменяются на "ться", а все "ться" на "тся"';
settings = new HumanitarianHellJokeSettings;
settings = new HumanitarianHellJokeSettings();
processText(text: string): string {
return text.replace(/(ть?ся)/g, function (fnd) {
return fnd.indexOf("ь") > 0 ? "тся" : "ться";
});
}
start(): void {
$(this.settings.selector).each(function () {
$(this).html($(this).html().replace(/(ть?ся)/g, function (fnd) {
return (fnd.indexOf('ь') > 0) ? 'тся' : 'ться';
}));
const textNodes = getTextNodes(this.settings.selector);
textNodes.each((_, elem) => {
elem.textContent = this.processText(elem.textContent);
});
}
}
@@ -34,5 +41,5 @@ export class HumanitarianHellJokeSettings implements JokeSettings {
/**
* Селектор всех элементов, которые будут затронуты
*/
selector: string = '.post-content';
selector: string = ".post-content";
}
src/jokes/letter_chaos.ts
+23 -12
View File
@@ -1,28 +1,29 @@
import { Joke, JokeSettings, StopableJoke } from "../joke";
import { getTextNodes } from "../common";
import $ from "jquery";
import { JokerClass } from "../joker";
/**
* **Буквенный хаос**
*
* Все буквы в словах, кроме первой и последней, перемешены.
* Все буквы в словах, кроме первой и последней, перемешены
*
* @author Kozhilya
*/
export class LetterChaosJoke extends Joke {
id = 'letter_chaos';
id = "letter_chaos";
title = 'Буквенный хаос';
title = "Буквенный хаос";
description = 'Все буквы в словах, кроме первой и последней, перемешены.';
description = "Все буквы в словах, кроме первой и последней, перемешены";
settings = new LetterChaosJokeSettings;
settings = new LetterChaosJokeSettings();
punctuationSymbols: string[] | null = null;
private shuffleLetters(word: string): string {
// Check if the word has two or more letters
if ((word.length < 3) || !this.check(this.settings.shuffle_chance)) {
if (word.length < 3 || !this.check(this.settings.shuffle_chance)) {
return word;
}
@@ -33,21 +34,31 @@ export class LetterChaosJoke extends Joke {
const middleCharacters = characters.slice(1, -1);
for (let i = middleCharacters.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[middleCharacters[i], middleCharacters[j]] = [middleCharacters[j], middleCharacters[i]];
[middleCharacters[i], middleCharacters[j]] = [
middleCharacters[j],
middleCharacters[i],
];
}
// Join the shuffled characters back into a word
return [characters[0], ...middleCharacters, characters[characters.length - 1]].join("");
return [
characters[0],
...middleCharacters,
characters[characters.length - 1],
].join("");
}
private processNode(node: any) {
node.textContent = node.textContent?.replace(/([А-Яа-яA-Za-z]+)/gm, this.shuffleLetters);
node.textContent = node.textContent?.replace(
/([А-Яа-яA-Za-z]+)/gm,
this.shuffleLetters
);
}
start(): void {
const items = $(this.settings.selector).find('*').contents().filter((_, node) => node.nodeType === Node.TEXT_NODE);
const textNodes = getTextNodes(this.settings.selector);
items.each((_, node) => this.processNode(node))
textNodes.each((_, node) => this.processNode(node));
}
}
@@ -59,7 +70,7 @@ export class LetterChaosJokeSettings implements JokeSettings {
/**
* Селектор всех элементов, которые будут затронуты
*/
selector: string = '.post-content';
selector: string = ".post-content";
/**
* Вероятность того, что буквы будут перемешаны
src/jokes/mirror.ts
+12 -8
View File
@@ -9,19 +9,23 @@ import $ from "jquery";
* @author Kozhilya
*/
export class MirrorJoke extends Joke {
id = 'mirror';
id = "mirror";
title = 'Зеркало';
title = "Зеркало";
description = 'Элементы форума отражаются (по крайней мере, пытаются)';
description = "Элементы форума отражаются (по крайней мере, пытаются)";
settings = new MirrorJokeSettings;
settings = new MirrorJokeSettings();
start(): void {
$('.post, .post h3, .post-links, .post-author, .post-content')
.css('transform', 'scaleX(-1)').css('-moz-transform', 'scaleX(-1)').css('-moz-transform', 'scaleX(-1)').css('filter', 'FlipH').css('-ms-filter', '"FlipH"');
$('.post-links, .post-links ul, .post h3 span').css('margin-left', '0');
$('.post h3 span').css('margin-right', '25em');
$(".post, .post h3, .post-links, .post-author, .post-content")
.css("transform", "scaleX(-1)")
.css("-moz-transform", "scaleX(-1)")
.css("-moz-transform", "scaleX(-1)")
.css("filter", "FlipH")
.css("-ms-filter", '"FlipH"');
$(".post-links, .post-links ul, .post h3 span").css("margin-left", "0");
$(".post h3 span").css("margin-right", "25em");
}
}
src/jokes/shake.ts
+12 -12
View File
@@ -9,19 +9,19 @@ import $ from "jquery";
* @author Kozhilya
*/
export class ShakeJoke extends StopableJoke {
id = 'shake';
id = "shake";
title = 'Форумо-трясение';
title = "Форумо-трясение";
description = 'Страница форума начинает трястись';
description = "Страница форума начинает трястись";
settings = new ShakeJokeSettings;
settings = new ShakeJokeSettings();
private interval_id: NodeJS.Timer;
private items: JQuery;
private data_name: string = 'april-fools-shake';
private data_name: string = "april-fools-shake";
rand(a: number): number {
return a + this.settings.force * (Math.random() * 2 - 1);
@@ -33,8 +33,8 @@ export class ShakeJoke extends StopableJoke {
this.items.each((_, elem) => {
let data: ShakeJokeMargin = {};
this.settings.directions.forEach(d => {
data[d] = parseInt($(elem).css('margin-' + d));
this.settings.directions.forEach((d) => {
data[d] = parseInt($(elem).css("margin-" + d));
});
$(elem).data(this.data_name, data);
@@ -45,7 +45,7 @@ export class ShakeJoke extends StopableJoke {
const data: ShakeJokeMargin = $(elem).data(this.data_name);
for (const entry of Object.entries(data)) {
$(elem).css('margin-' + entry[0], this.rand(entry[1]))
$(elem).css("margin-" + entry[0], this.rand(entry[1]));
}
});
}, this.settings.interval);
@@ -57,8 +57,8 @@ export class ShakeJoke extends StopableJoke {
this.items.each((_, elem) => {
let data: ShakeJokeMargin = {};
this.settings.directions.forEach(d => {
$(elem).css('margin-' + d, data[d]);
this.settings.directions.forEach((d) => {
$(elem).css("margin-" + d, data[d]);
});
$(elem).data(this.data_name, data);
@@ -74,7 +74,7 @@ export class ShakeJokeSettings implements JokeSettings {
/**
* Направление тряски (тряска происходит путём изменения перечисленных направлений margin на значение ±force от стандартного значения)
*/
directions: string[] = ['top', 'left', 'bottom', 'left'];
directions: string[] = ["top", "left", "bottom", "left"];
/**
* Сила тряски - насколько отклоняется элемент от стандартного значения
@@ -84,7 +84,7 @@ export class ShakeJokeSettings implements JokeSettings {
/**
* Селектор всех элементов, которые будут трястись
*/
selector: string = '[id^=pun]';
selector: string = "[id^=pun]";
/**
* Частота тряски
src/jokes/stupid_title.ts
+104 -86
View File
@@ -1,35 +1,39 @@
import { Joke, JokeSettings, StopableJoke } from "../joke";
import $ from "jquery";
import { StupidTitleDefaultVariants } from "../data/stupid_title_variants";
/**
* **Глупые статусы**
*
* Каждому пользователю даётся новый глупый статус.
* Каждому пользователю даётся новый глупый статус
*
* @author Kozhilya
*/
export class StupidTitleJoke extends Joke {
id = 'stupid_title';
id = "stupid_title";
title = 'Глупые статусы';
title = "Глупые статусы";
description = 'Каждому пользователю даётся новый глупый статус.';
description = "Каждому пользователю даётся новый глупый статус";
settings = new StupidTitleJokeSettings;
settings = new StupidTitleJokeSettings();
private loadedGenders: any = null;
async loadGenders(): Promise<void> {
const names = $('.pa-author a')
.map((_, elem) => elem.innerText).toArray()
const names = $(".pa-author a")
.map((_, elem) => elem.innerText)
.toArray()
.reduce((arr: string[], name: string) => {
if (arr.indexOf(name) < 0){
if (arr.indexOf(name) < 0) {
arr.push(name);
}
return arr
return arr;
}, []);
const url = '/api.php?' + $.param({ method: 'users.get', fields: 'username,sex', username: names });
const url =
"/api.php?" +
$.param({ method: "users.get", fields: "username,sex", username: names });
const response = await fetch(url);
const json = await response.json();
@@ -40,11 +44,11 @@ export class StupidTitleJoke extends Joke {
}
json.response.users.forEach((element: any) => {
if (element.sex === '0') {
if (element.sex === "0") {
return;
}
this.loadedGenders[element.username] = element.sex === '1';
this.loadedGenders[element.username] = element.sex === "1";
});
}
@@ -58,16 +62,23 @@ export class StupidTitleJoke extends Joke {
}
this.resetSeed();
return this.selectRandom(name, { 'm': 1, 'f': 1 }) === 'm';
return this.selectRandom(name, { m: 1, f: 1 }) === "m";
}
private variantsGenerated = false;
async start(): Promise<void> {
if (!this.variantsGenerated) {
StupidTitleDefaultVariants(this.settings.variants);
this.variantsGenerated = true;
}
await this.loadGenders();
const cache: any = {};
$('.post-author').each((_, root) => {
const name = $('.pa-author a', root).text();
$(".post-author").each((_, root) => {
const name = $(".pa-author a", root).text();
if (!name) {
return;
}
@@ -77,7 +88,7 @@ export class StupidTitleJoke extends Joke {
cache[name] = this.generatePhrase(name);
}
$('.pa-title', root).text(cache[name]);
$(".pa-title", root).text(cache[name]);
});
}
@@ -90,16 +101,21 @@ export class StupidTitleJoke extends Joke {
Largely inspired by MurmurHash2/3, but with a focus on speed/simplicity.
Public domain. Attribution appreciated.
*/
let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
let h1 = 0xdeadbeef ^ seed,
h2 = 0x41c6ce57 ^ seed;
for (let i = 0, ch; i < name.length; i++) {
ch = name.charCodeAt(i);
h1 = Math.imul(h1 ^ ch, 2654435761);
h2 = Math.imul(h2 ^ ch, 1597334677);
}
h1 = Math.imul(h1 ^ (h1>>>16), 2246822507) ^ Math.imul(h2 ^ (h2>>>13), 3266489909);
h2 = Math.imul(h2 ^ (h2>>>16), 2246822507) ^ Math.imul(h1 ^ (h1>>>13), 3266489909);
h1 =
Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^
Math.imul(h2 ^ (h2 >>> 13), 3266489909);
h2 =
Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^
Math.imul(h1 ^ (h1 >>> 13), 3266489909);
const value = 4294967296 * (2097151 & h2) + (h1>>>0);
const value = 4294967296 * (2097151 & h2) + (h1 >>> 0);
return Math.floor(Math.pow(Math.sin(value), 2) * limit) % limit;
}
@@ -108,15 +124,25 @@ export class StupidTitleJoke extends Joke {
private resetSeed(): void {
const date = new Date();
const time = new Date().getUTCHours() * 60 + new Date().getUTCMinutes();
this.seed = Math.floor(time / this.settings.change_frequency);
const time = date.getUTCHours() * 60 + date.getUTCMinutes();
console.log('Seed reset:', time, this.seed);
if (this.settings.change_frequency === 0) {
this.seed = time * 60 + date.getUTCSeconds();
return;
}
private selectRandom(name: string, variants: StupidTitleWeightedVariants): string {
this.seed = Math.floor(time / this.settings.change_frequency);
}
private selectRandom(
name: string,
variants: StupidTitleWeightedVariants
): string {
const elements = Object.keys(variants);
const totalWeight = elements.reduce((sum, element) => sum + variants[element], 0);
const totalWeight = elements.reduce(
(sum, element) => sum + variants[element],
0
);
const randomWeight = this.prng(name, this.seed++, totalWeight);
let currentWeight = 0;
@@ -130,7 +156,10 @@ export class StupidTitleJoke extends Joke {
throw new Error("Тебя быть тут не должно...");
}
private buildVariants(type: string, gender: boolean): StupidTitleWeightedVariants {
private buildVariants(
type: string,
gender: boolean
): StupidTitleWeightedVariants {
const result: StupidTitleWeightedVariants = {};
const variants: StupidTitleVariant = this.settings.variants[type];
@@ -138,7 +167,7 @@ export class StupidTitleJoke extends Joke {
const word = iterator[0];
const wordSettings = iterator[1];
if (!wordSettings.enabled || (wordSettings.gender === !gender)) {
if (!wordSettings.enabled || wordSettings.gender === !gender) {
continue;
}
@@ -160,11 +189,13 @@ export class StupidTitleJoke extends Joke {
const gender = this.resolveGender(name);
const prhase = this.selectRandom(name, this.settings.schemas);
return this.capitalizeFirst(prhase.replace(/\{(.+?)\}/g, (_, type: string) => {
return this.capitalizeFirst(
prhase.replace(/\{(.+?)\}/g, (_, type: string) => {
const variants = this.buildVariants(type, gender);
return this.selectRandom(name, variants);
}));
})
);
}
}
@@ -190,6 +221,7 @@ export class StupidTitleJokeSettings implements JokeSettings {
/**
* Частота смены статусов (в минутах)
* Установите значение 0, что бы обновление происходило при каждом обновлении страницы
*/
change_frequency: number = 5;
@@ -204,14 +236,14 @@ export class StupidTitleJokeSettings implements JokeSettings {
* {p} - знак препинания
*/
schemas: StupidTitleWeightedVariants = {
'{adj} {noun}{p}': 10,
'{noun} {adj}{p}': 3,
'{adj}, {adj} {noun}{p}': 10,
'{adj} и очень {adj} {noun}{p}': 10,
'{adj} {noun} {verb}{p}': 10,
'{adj} {noun} {adv} {verb}{p}': 5,
'{adj} {noun} {verb} {place}{p}': 5,
'{adj} {noun} {adv} {verb} {place}{p}': 5,
"{adj} {noun}{p}": 10,
"{noun} {adj}{p}": 3,
"{adj}, {adj} {noun}{p}": 10,
"{adj} и очень {adj} {noun}{p}": 10,
"{adj} {noun} {verb}{p}": 10,
"{adj} {noun} {adv} {verb}{p}": 5,
"{adj} {noun} {verb} {place}{p}": 5,
"{adj} {noun} {adv} {verb} {place}{p}": 5,
};
/**
@@ -219,53 +251,33 @@ export class StupidTitleJokeSettings implements JokeSettings {
* Смотрите раздел описания скрипта, что бы настроить это поле
*/
variants: StupidTitleVariants = {
adj: {
...buildVariant(true, 'жесткий,^удачливый,низкий,знакомый,откровенный,^мирный,грамотный,вкусный,виртуальный,пышный,провинциальный,$жирный,заинтересованный,объективный,^оригинальный,пожилой,чистый,особенный,выгодный,громадный,обыкновенный,чужой,ударный,^солнечный,истинный,посторонний,южный,седой,$бесполезный,острый,пестрый,формальный,повседневный,невозможный,$жалкий,целый,$глупый,последний,выходной,серьезный,подземный,небесный,любимый,былой,семейный,далекий,северный,суровый,гигантский,иностранный,родной,конструктивный,показательный,нужный,чрезвычайный,гордый,банальный,открытый,независимый,запасной,мстительный,грубый,алчный,мелочный,хладнокровный,спокойный,терпеливый,креативный,активный,адекватный,застенчивый,опрятный,безнадёжный,уверенный в себе,доброжелательный,ласковый,робкий,воспитанный,самовлюблённый,деятельный,двуличный,верный'),
...buildVariant(false, 'жесткая,^удачливая,низкая,знакомая,откровенная,^мирная,грамотная,вкусная,виртуальная,пышная,провинциальная,$жирная,заинтересованная,объективная,^оригинальная,пожилая,чистая,особенная,выгодная,громадная,обыкновенная,чужая,ударная,^солнечная,истинная,посторонняя,южная,седая,$бесполезная,острая,пестрая,формальная,повседневная,невозможная,$жалкая,целая,$глупая,последняя,выходная,серьезная,подземная,небесная,любимая,былая,семейная,далекая,северная,суровая,гигантская,иностранная,родная,конструктивная,показательная,нужная,чрезвычайная,гордая,банальная,открытая,независимая,запасная,мстительная,грубая,алчная,мелочная,хладнокровная,спокаяная,терпеливая,креативная,активная,адекватная,застенчивая,опрятная,безнадёжная,уверенная в себе,доброжелательная,ласковая,робкая,воспитанная,самовлюблённая,деятельная,двуличная,верная'),
},
noun: {
...buildVariant(null, ''),
...buildVariant(true, 'орёл, ниндзя, манекен, пузырь, бродяга, рыцарь, кентавр, зайц, диван, наследник, сын, джентльмен, басурманин, карасик, $злоумышленник, $раб, хоббит, одиночка, отец, кролик, бруталище, дворф, актёр, %дед, спортсмен, $балбес, %мальчег, лев, ёж, организм, монах, хоббит, борец, тигр, монстр, массажист, мачо, эльф, ледник, жук, кот, зомби, проказник, дракон, носорог, волк, лесоруб, кит, %дедушка, динозавр, бард, кулак, принц, %сынок, мальчик, товарищ, ёжик, сурикат'),
...buildVariant(false, 'заноза, волторна, $личинка, детка, %бабушка, простуда, черепашка, мышь, волчица, деревяшка, пиранья, каруселька, красотка, леди, %дочка, орлица, принцесса, $ведьма, травка, актриса, наследница, %деффачка, горгулья, белочка, акула, машинка, конфетка, знаменитость, косточка, спортсменка, панда, мать, львица, эльфийка, $злоумышленница, чертовка, дворфиха, кошка, $рабыня, скамеечка, дочь, монашка, бактерия, рыбка, бусинка, $бабка, девочка, валькирия, килька, бабочка, милашка, крышка, тигрица, рыбка, русалочка'),
},
verb: {
...buildVariant(null, 'встаёт, снимает, приказывает, указывает, собирается, чувствует опасность, орёт, болеет, поздравляет, освобождает, поздравляет, бежит, берёт и делает, молчит, радуется, прощает, читает, снимает, снимается в фильме, что-то скрывает, думает, имеет план и придерживается его, тянет, работает, меняется, ловит, отказаться куда-то идти, заходит, замирает, оформляет, нарушает, отказывается что-то делать, шепчет, снимается в сериале, скрывается, учит, спрашивает, идёт, отказывается вставать, прибывает, отказывается, забывает, получает, плывёт, отвечает, поглядывает, говорит, просыпается, соединяет, оглядывается'),
...buildVariant(true, 'женится, женился, успел, не успел, смог, скрылся, заработался, познал дзен, присел, обиделся, проснулся, взял и сделал, додумался, не спал'),
...buildVariant(false, 'выходит замуж, вышла замуж, успела, не успела, смогла, скрылась, заработалась, познала дзен, присела, обиделась, проснулась, взяла и сделала, додумалась, не спала'),
},
place: {
...buildVariant(null, 'где-то, в пустыне, на пляже, под дождём, %под проливным дождём, в квартире, %в тёплой и уютной квартире, в космосе, в театре, в филармонии, на заснеженной вершине, на конференции, на форуме, в очереди, в лесу, в джунглях, под водой'),
},
adv: {
...buildVariant(null, 'счастливо, уныло, грустно, позже, немедленно, регулярно, вновь, опять, уже, внезапно, предсказуемо, медленно, быстро, %молниеносно, $грубо, безрассудно, осмысленно, расчётливо'),
},
adj: {},
noun: {},
verb: {},
place: {},
adv: {},
p: {
'': new StupidTitleSetting({ weight: 10 }),
'.': new StupidTitleSetting({ weight: 10 }),
'...': new StupidTitleSetting({ weight: 5 }),
'!': new StupidTitleSetting({ weight: 5 }),
'!!!': new StupidTitleSetting({ weight: 2 }),
'?': new StupidTitleSetting({ weight: 2 }),
'?!': new StupidTitleSetting({ weight: 1 }),
"": new StupidTitleSetting({ weight: 10 }),
".": new StupidTitleSetting({ weight: 10 }),
"...": new StupidTitleSetting({ weight: 5 }),
"!": new StupidTitleSetting({ weight: 5 }),
"!!!": new StupidTitleSetting({ weight: 2 }),
"?": new StupidTitleSetting({ weight: 2 }),
"?!": new StupidTitleSetting({ weight: 1 }),
},
};
}
interface StupidTitleVariants {
[key: string]: StupidTitleVariant
export interface StupidTitleVariants {
[key: string]: StupidTitleVariant;
}
interface StupidTitleVariant {
[key: string]: StupidTitleSetting
[key: string]: StupidTitleSetting;
}
interface StupidTitleWeightedVariants {
[key: string]: number
[key: string]: number;
}
class StupidTitleSetting {
@@ -275,38 +287,44 @@ class StupidTitleSetting {
rude: boolean = false;
gender: boolean|null = null;
gender: boolean | null = null;
constructor(options: any = new Object) {
constructor(options: any = new Object()) {
for (const iterator of Object.entries(options)) {
if (iterator[0] in this) {
(<any> this)[iterator[0]] = iterator[1];
(<any>this)[iterator[0]] = iterator[1];
}
}
}
}
function buildVariant(gender: boolean|null, input: string): StupidTitleVariant
{
export function BuildStupdiTitleVariant(
gender: boolean | null,
input: string
): StupidTitleVariant {
const result: StupidTitleVariant = {};
const words = input.split(',').map(word => word.trim());
const words = input.split(",").map((word) => word.trim());
words.forEach(word => {
const clean_word = word.replace(/[^А-ЯЁа-яёA-Za-z\- ]/g, '');
words.forEach((word) => {
const clean_word = word.replace(/[^А-ЯЁа-яёA-Za-z\- ]/g, "");
if (clean_word === '') {
if (clean_word === "") {
return;
}
result[clean_word] = new StupidTitleSetting({
gender,
rude: word.indexOf('$') >= 0,
enabled: word.indexOf('!') < 0,
weight: 10 * ((word.indexOf('$') >= 0) ? 0.5 : 1) * ((word.indexOf('%') >= 0) ? 0.5 : 1) * ((word.indexOf('^') >= 0) ? 2 : 1)
rude: word.indexOf("$") >= 0,
enabled: word.indexOf("!") < 0,
weight:
10 *
(word.indexOf("$") >= 0 ? 0.5 : 1) *
(word.indexOf("%") >= 0 ? 0.5 : 1) *
(word.indexOf("^") >= 0 ? 2 : 1),
});
});
return result;
}
(window as any).BuildStupdiTitleVariant = buildVariant;
(window as any).BuildStupdiTitleVariant = BuildStupdiTitleVariant;
src/main.ts
+1 -1
View File
@@ -12,7 +12,7 @@ import { StupidTitleJoke } from "./jokes/stupid_title";
(window as any).AprilJokes = ((jokes: JokeClassList): JokerClass => {
const cl = new JokerClass();
jokes.forEach(joke => {
jokes.forEach((joke) => {
cl.add(new joke());
});
src/ui.ts
+13 -11
View File
@@ -5,7 +5,6 @@ import button_html from "./html/button.html";
import styles_html from "./html/styles.html";
import window_html from "./html/window.html";
export class JokerUI {
joker: JokerClass;
@@ -27,10 +26,10 @@ export class JokerUI {
}
get button() {
let button = $('.april-fools__button');
let button = $(".april-fools__button");
if (button.length === 0) {
button = $(button_html).appendTo('body');
button = $(button_html).appendTo("body");
}
return button;
@@ -41,22 +40,25 @@ export class JokerUI {
}
render(): JQuery {
const result: JQuery = $('<div></div>').html(window_html);
const row_template = $('#april-fools__window-row', result).html();
const joke_container = $('.april-fools__jokes', result);
const result: JQuery = $("<div></div>").html(window_html);
const row_template = $("#april-fools__window-row", result).html();
const joke_container = $(".april-fools__jokes", result);
for (const joke of Object.values(this.joker.jokes)) {
const row = $(eval('`' + row_template + '`'));
$('input[type="checkbox"]', row).prop('checked', joke.settings.enabled)
.on('click', e => this.joker.toggleJoke(joke.id, (<any>e).currentTarget.checked));
const row = $(eval("`" + row_template + "`"));
$('input[type="checkbox"]', row)
.prop("checked", joke.settings.enabled)
.on("click", (e) =>
this.joker.toggleJoke(joke.id, (<any>e).currentTarget.checked)
);
joke_container.append(row);
}
$('button', result).on('click', async () => {
$("button", result).on("click", async () => {
await this.joker.clearUserStates();
window.location.reload();
});
return $('.april-fools__content', result);
return $(".april-fools__content", result);
}
}
tsconfig.json
+2 -5
View File
@@ -3,13 +3,10 @@
"allowSyntheticDefaultImports": true,
"noImplicitAny": true,
"module": "es6",
"target": "es5",
"target": "es2017",
"allowJs": true,
"moduleResolution": "node",
"typeRoots": [
"./node_modules/@types",
"./types"
]
"typeRoots": ["./node_modules/@types", "./types"]
},
"files": ["src/main.ts"]
}
webpack.config.js
+18 -8
View File
@@ -2,8 +2,9 @@
const path = require("path");
const webpack = require("webpack");
const BomPlugin = require('webpack-utf8-bom');
const { exec } = require('node:child_process');
const BomPlugin = require("webpack-utf8-bom");
const { exec } = require("node:child_process");
const TerserPlugin = require("terser-webpack-plugin");
const isProduction = process.env.NODE_ENV == "production";
@@ -11,21 +12,21 @@ const config = {
entry: "./src/main.ts",
output: {
path: path.resolve(__dirname, "dist"),
filename: () => ('april-fools' + (isProduction ? '.min' : '') + '.js'),
filename: () => "april-fools" + (isProduction ? ".min" : "") + ".js",
},
plugins: [
new BomPlugin(true),
{
apply: (compiler) => {
compiler.hooks.afterEmit.tap('AfterEmitPlugin', (compilation) => {
exec('./upload.sh', (err, stdout, stderr) => {
compiler.hooks.afterEmit.tap("AfterEmitPlugin", (compilation) => {
exec("./upload.sh", (err, stdout, stderr) => {
if (stdout) process.stdout.write(stdout);
if (stderr) process.stderr.write(stderr);
console.log("Uploaded.");
});
});
}
}
},
},
// Add your plugins here
// Learn more about plugins from https://webpack.js.org/configuration/plugins/
],
@@ -52,11 +53,20 @@ const config = {
extensions: [".tsx", ".ts", ".jsx", ".js", "..."],
},
externals: {
jquery: 'jQuery',
jquery: "jQuery",
},
watchOptions: {
aggregateTimeout: 20,
},
optimization: {
minimize: isProduction,
minimizer: [new TerserPlugin({
terserOptions: {
compress: true,
},
minify: TerserPlugin.uglifyJsMinify,
})],
},
};
module.exports = () => {