38d0b62167
* build(#10336): init
* fix(#10336): invalid name conversion
* build(#10336): load locales and vite config
* refactor(#10336): remove unused imports
* build(#10336): separate definitions and generated codes
* refactor(#10336): remove hatches
* refactor(#10336): module semantics
* refactor(#10336): remove unused common preferences
* fix: typo
* build(#10336): mock assets
* build(#10336): impl `SatisfiesExpression`
* build(#10336): control themes
* refactor(#10336): semantics
* build(#10336): make .storybook as an individual TypeScript project
* style(#10336): use single quote
* build(#10336): avoid intrinsic component names
* chore: suppress linter
* style: typing
* build(#10336): update dependencies
* docs: note about Storybook
* build(#10336): sync
* build(#10336): full reload server on change
* chore: use defaultStore instead
* build(#10336): show popups on Story
* refactor(#10336): remove redundant div
* docs: fix
* build(#10336): interactions
* build(#10336): add an interaction test for `<MkA/>`
* build(#10336): bump storybook
* docs(#10336): mention to pre-build misskey-js
* build(#10336): write stories for `MkAcct`
* build(#10336): write stories for `MkAd`
* build(#10336): fix missing type definition
* build(#10336): use `toHaveTextContent`
* build(#10336): write some stories
* build(#10336): hide internal args
* build(#10336): generate `components/global` stories only
* build(#10336): write stories for `MkMisskeyFlavoredMarkdown`
* fix: conflict errors
* build(#10336): subcomponents on sidebar
* refactor: restore `SatisfiesExpression`
* docs(#10336): note development status
* build(#10336): use chokidar-cli
* docs(#10336): note chokidar-cli mode
* chore(#10336): untrack generated stories files
* fix: pointer handling
* build(#10336): finalize
* chore: add static option to `MkLoading`
* refactor(#10336): bind to local args
* fix: missing case
* revert: restore `SatisfiesExpression`
This reverts commit f246699f38.
* build(#10336): make storybook buildable
* build(#10336): staticify assets
* build(#10336): staticified directory structure
* build(#10336): normalize path for Windows
* ci(#10336): create actions
* build(#10336): ignore tsc errors
* build(#10336): ignore tsc errors
* build(#10336): missing dependencies
* build(#10336): missing dependencies
* build(#10336): use fast-glob
* fix: invalid lockfile
* ci(#10336): increase heap size
* build(#10336): use unpkg for storybook tabler icons
* build(#10336): use unpkg for storybook twemojis
* build(#10336): disable `ProfilePageCat`
* build(#10336): blur `MkA` before interaction ends
* ci(#10336): stabilize
* ci(#10336): fetch-depth
* build(#10336): isChromatic
* ci(#10336): notify on changes
* ci(#10336): fix typo
* ci(#10336): missing working directory
* ci(#10336): skip build
* ci(#10336): fix path
* build(#10336): fails on Windows
* build(#10336): available on Windows
* ci(#10336): disable animation on chromatic
* ci(#10336): add static option to `PageHeader.tabs`
* chore: void
* ci(#10336): change parameters
* docs(#10336): update CONTRIBUTING
* docs(#10336): note about meta overriding and etc.
* ci(#10336): use Chromatic for checks
* ci(#10336): use `pull_request` instead of `pull_request_target` for now
* ci(#10336): use `exitOnceUploaded`
* ci(#10336): reuse built storybook
* ci(#10336): back to `pull_request_target`
* chore: unused dependencies
* style(#10336): reduce prettier indents
* style: note about `TSSatisfiesExpression`
478 lines
12 KiB
TypeScript
478 lines
12 KiB
TypeScript
import * as os from '@/os';
|
|
import { $i } from '@/account';
|
|
|
|
export const ACHIEVEMENT_TYPES = [
|
|
'notes1',
|
|
'notes10',
|
|
'notes100',
|
|
'notes500',
|
|
'notes1000',
|
|
'notes5000',
|
|
'notes10000',
|
|
'notes20000',
|
|
'notes30000',
|
|
'notes40000',
|
|
'notes50000',
|
|
'notes60000',
|
|
'notes70000',
|
|
'notes80000',
|
|
'notes90000',
|
|
'notes100000',
|
|
'login3',
|
|
'login7',
|
|
'login15',
|
|
'login30',
|
|
'login60',
|
|
'login100',
|
|
'login200',
|
|
'login300',
|
|
'login400',
|
|
'login500',
|
|
'login600',
|
|
'login700',
|
|
'login800',
|
|
'login900',
|
|
'login1000',
|
|
'passedSinceAccountCreated1',
|
|
'passedSinceAccountCreated2',
|
|
'passedSinceAccountCreated3',
|
|
'loggedInOnBirthday',
|
|
'loggedInOnNewYearsDay',
|
|
'noteClipped1',
|
|
'noteFavorited1',
|
|
'myNoteFavorited1',
|
|
'profileFilled',
|
|
'markedAsCat',
|
|
'following1',
|
|
'following10',
|
|
'following50',
|
|
'following100',
|
|
'following300',
|
|
'followers1',
|
|
'followers10',
|
|
'followers50',
|
|
'followers100',
|
|
'followers300',
|
|
'followers500',
|
|
'followers1000',
|
|
'collectAchievements30',
|
|
'viewAchievements3min',
|
|
'iLoveMisskey',
|
|
'foundTreasure',
|
|
'client30min',
|
|
'noteDeletedWithin1min',
|
|
'postedAtLateNight',
|
|
'postedAt0min0sec',
|
|
'selfQuote',
|
|
'htl20npm',
|
|
'viewInstanceChart',
|
|
'outputHelloWorldOnScratchpad',
|
|
'open3windows',
|
|
'driveFolderCircularReference',
|
|
'reactWithoutRead',
|
|
'clickedClickHere',
|
|
'justPlainLucky',
|
|
'setNameToSyuilo',
|
|
'cookieClicked',
|
|
'brainDiver',
|
|
] as const;
|
|
|
|
export const ACHIEVEMENT_BADGES = {
|
|
'notes1': {
|
|
img: '/fluent-emoji/1f4dd.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'notes10': {
|
|
img: '/fluent-emoji/1f4d1.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'notes100': {
|
|
img: '/fluent-emoji/1f4d2.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'notes500': {
|
|
img: '/fluent-emoji/1f4da.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'notes1000': {
|
|
img: '/fluent-emoji/1f5c3.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'notes5000': {
|
|
img: '/fluent-emoji/1f304.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'notes10000': {
|
|
img: '/fluent-emoji/1f3d9.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'silver',
|
|
},
|
|
'notes20000': {
|
|
img: '/fluent-emoji/1f307.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'silver',
|
|
},
|
|
'notes30000': {
|
|
img: '/fluent-emoji/1f306.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'silver',
|
|
},
|
|
'notes40000': {
|
|
img: '/fluent-emoji/1f303.png',
|
|
bg: 'linear-gradient(0deg, rgb(197 69 192), rgb(2 112 155))',
|
|
frame: 'silver',
|
|
},
|
|
'notes50000': {
|
|
img: '/fluent-emoji/1fa90.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'gold',
|
|
},
|
|
'notes60000': {
|
|
img: '/fluent-emoji/2604.png',
|
|
bg: 'linear-gradient(0deg, rgb(197 69 192), rgb(2 112 155))',
|
|
frame: 'gold',
|
|
},
|
|
'notes70000': {
|
|
img: '/fluent-emoji/1f30c.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'gold',
|
|
},
|
|
'notes80000': {
|
|
img: '/fluent-emoji/1f30c.png',
|
|
bg: 'linear-gradient(0deg, rgb(197 69 192), rgb(2 112 155))',
|
|
frame: 'gold',
|
|
},
|
|
'notes90000': {
|
|
img: '/fluent-emoji/1f30c.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 232 119), rgb(255 140 41))',
|
|
frame: 'gold',
|
|
},
|
|
'notes100000': {
|
|
img: '/fluent-emoji/267e.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 232 119), rgb(255 140 41))',
|
|
frame: 'platinum',
|
|
},
|
|
'login3': {
|
|
img: '/fluent-emoji/1f331.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'login7': {
|
|
img: '/fluent-emoji/1f331.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'login15': {
|
|
img: '/fluent-emoji/1f331.png',
|
|
bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
|
|
frame: 'bronze',
|
|
},
|
|
'login30': {
|
|
img: '/fluent-emoji/1fab4.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'login60': {
|
|
img: '/fluent-emoji/1fab4.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'login100': {
|
|
img: '/fluent-emoji/1fab4.png',
|
|
bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
|
|
frame: 'silver',
|
|
},
|
|
'login200': {
|
|
img: '/fluent-emoji/1f333.png',
|
|
bg: null,
|
|
frame: 'silver',
|
|
},
|
|
'login300': {
|
|
img: '/fluent-emoji/1f333.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'silver',
|
|
},
|
|
'login400': {
|
|
img: '/fluent-emoji/1f333.png',
|
|
bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
|
|
frame: 'silver',
|
|
},
|
|
'login500': {
|
|
img: '/fluent-emoji/1f304.png',
|
|
bg: null,
|
|
frame: 'silver',
|
|
},
|
|
'login600': {
|
|
img: '/fluent-emoji/1f304.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'gold',
|
|
},
|
|
'login700': {
|
|
img: '/fluent-emoji/1f304.png',
|
|
bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
|
|
frame: 'gold',
|
|
},
|
|
'login800': {
|
|
img: '/fluent-emoji/1f307.png',
|
|
bg: null,
|
|
frame: 'gold',
|
|
},
|
|
'login900': {
|
|
img: '/fluent-emoji/1f307.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'gold',
|
|
},
|
|
'login1000': {
|
|
img: '/fluent-emoji/1f307.png',
|
|
bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
|
|
frame: 'platinum',
|
|
},
|
|
'noteClipped1': {
|
|
img: '/fluent-emoji/1f587.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'noteFavorited1': {
|
|
img: '/fluent-emoji/1f31f.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'myNoteFavorited1': {
|
|
img: '/fluent-emoji/1f320.png',
|
|
bg: null,
|
|
frame: 'silver',
|
|
},
|
|
'profileFilled': {
|
|
img: '/fluent-emoji/1f44c.png',
|
|
bg: 'linear-gradient(0deg, rgb(187 183 59), rgb(255 143 77))',
|
|
frame: 'bronze',
|
|
},
|
|
'markedAsCat': {
|
|
img: '/fluent-emoji/1f408.png',
|
|
bg: 'linear-gradient(0deg, rgb(187 183 59), rgb(255 143 77))',
|
|
frame: 'bronze',
|
|
},
|
|
'following1': {
|
|
img: '/fluent-emoji/2618.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'following10': {
|
|
img: '/fluent-emoji/1f6b8.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'following50': {
|
|
img: '/fluent-emoji/1f91d.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'following100': {
|
|
img: '/fluent-emoji/1f4af.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 53 184), rgb(255 206 69))',
|
|
frame: 'silver',
|
|
},
|
|
'following300': {
|
|
img: '/fluent-emoji/1f970.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'silver',
|
|
},
|
|
'followers1': {
|
|
img: '/fluent-emoji/2618.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'followers10': {
|
|
img: '/fluent-emoji/1f44b.png',
|
|
bg: 'linear-gradient(0deg, rgb(59 187 116), rgb(199 211 102))',
|
|
frame: 'bronze',
|
|
},
|
|
'followers50': {
|
|
img: '/fluent-emoji/1f411.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'bronze',
|
|
},
|
|
'followers100': {
|
|
img: '/fluent-emoji/1f60e.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'silver',
|
|
},
|
|
'followers300': {
|
|
img: '/fluent-emoji/1f3c6.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'silver',
|
|
},
|
|
'followers500': {
|
|
img: '/fluent-emoji/1f4e1.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'gold',
|
|
},
|
|
'followers1000': {
|
|
img: '/fluent-emoji/1f451.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 232 119), rgb(255 140 41))',
|
|
frame: 'platinum',
|
|
},
|
|
'collectAchievements30': {
|
|
img: '/fluent-emoji/1f3c5.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 77 77), rgb(247 155 214))',
|
|
frame: 'silver',
|
|
},
|
|
'viewAchievements3min': {
|
|
img: '/fluent-emoji/1f3c5.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'bronze',
|
|
},
|
|
'iLoveMisskey': {
|
|
img: '/fluent-emoji/2764.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 77 77), rgb(247 155 214))',
|
|
frame: 'silver',
|
|
},
|
|
'foundTreasure': {
|
|
img: '/fluent-emoji/1f3c6.png',
|
|
bg: 'linear-gradient(0deg, rgb(197 69 192), rgb(2 112 155))',
|
|
frame: 'gold',
|
|
},
|
|
'client30min': {
|
|
img: '/fluent-emoji/1f552.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'bronze',
|
|
},
|
|
'noteDeletedWithin1min': {
|
|
img: '/fluent-emoji/1f5d1.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'bronze',
|
|
},
|
|
'postedAtLateNight': {
|
|
img: '/fluent-emoji/1f319.png',
|
|
bg: 'linear-gradient(0deg, rgb(197 69 192), rgb(2 112 155))',
|
|
frame: 'bronze',
|
|
},
|
|
'postedAt0min0sec': {
|
|
img: '/fluent-emoji/1f55b.png',
|
|
bg: 'linear-gradient(0deg, rgb(58 231 198), rgb(37 194 255))',
|
|
frame: 'bronze',
|
|
},
|
|
'selfQuote': {
|
|
img: '/fluent-emoji/1f4dd.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'htl20npm': {
|
|
img: '/fluent-emoji/1f30a.png',
|
|
bg: 'linear-gradient(0deg, rgb(220 223 225), rgb(172 192 207))',
|
|
frame: 'bronze',
|
|
},
|
|
'viewInstanceChart': {
|
|
img: '/fluent-emoji/1f4ca.png',
|
|
bg: 'linear-gradient(0deg, rgb(58 231 198), rgb(37 194 255))',
|
|
frame: 'bronze',
|
|
},
|
|
'outputHelloWorldOnScratchpad': {
|
|
img: '/fluent-emoji/1f530.png',
|
|
bg: 'linear-gradient(0deg, rgb(58 231 198), rgb(37 194 255))',
|
|
frame: 'bronze',
|
|
},
|
|
'open3windows': {
|
|
img: '/fluent-emoji/1f5a5.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'bronze',
|
|
},
|
|
'driveFolderCircularReference': {
|
|
img: '/fluent-emoji/1f4c2.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'bronze',
|
|
},
|
|
'reactWithoutRead': {
|
|
img: '/fluent-emoji/2753.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'bronze',
|
|
},
|
|
'clickedClickHere': {
|
|
img: '/fluent-emoji/2757.png',
|
|
bg: 'linear-gradient(0deg, rgb(144 224 255), rgb(255 168 252))',
|
|
frame: 'bronze',
|
|
},
|
|
'justPlainLucky': {
|
|
img: '/fluent-emoji/1f340.png',
|
|
bg: 'linear-gradient(0deg, rgb(187 183 59), rgb(255 143 77))',
|
|
frame: 'silver',
|
|
},
|
|
'setNameToSyuilo': {
|
|
img: '/fluent-emoji/1f36e.png',
|
|
bg: 'linear-gradient(0deg, rgb(187 183 59), rgb(255 143 77))',
|
|
frame: 'bronze',
|
|
},
|
|
'passedSinceAccountCreated1': {
|
|
img: '/fluent-emoji/0031-20e3.png',
|
|
bg: null,
|
|
frame: 'bronze',
|
|
},
|
|
'passedSinceAccountCreated2': {
|
|
img: '/fluent-emoji/0032-20e3.png',
|
|
bg: null,
|
|
frame: 'silver',
|
|
},
|
|
'passedSinceAccountCreated3': {
|
|
img: '/fluent-emoji/0033-20e3.png',
|
|
bg: null,
|
|
frame: 'gold',
|
|
},
|
|
'loggedInOnBirthday': {
|
|
img: '/fluent-emoji/1f382.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 77 77), rgb(247 155 214))',
|
|
frame: 'silver',
|
|
},
|
|
'loggedInOnNewYearsDay': {
|
|
img: '/fluent-emoji/1f38d.png',
|
|
bg: 'linear-gradient(0deg, rgb(255 144 144), rgb(255 232 168))',
|
|
frame: 'silver',
|
|
},
|
|
'cookieClicked': {
|
|
img: '/fluent-emoji/1f36a.png',
|
|
bg: 'linear-gradient(0deg, rgb(187 183 59), rgb(255 143 77))',
|
|
frame: 'bronze',
|
|
},
|
|
'brainDiver': {
|
|
img: '/fluent-emoji/1f9e0.png',
|
|
bg: 'linear-gradient(0deg, rgb(144, 224, 255), rgb(255, 168, 252))',
|
|
frame: 'bronze',
|
|
},
|
|
/* @see <https://github.com/misskey-dev/misskey/pull/10365#discussion_r1155511107>
|
|
} as const satisfies Record<typeof ACHIEVEMENT_TYPES[number], {
|
|
img: string;
|
|
bg: string | null;
|
|
frame: 'bronze' | 'silver' | 'gold' | 'platinum';
|
|
}>;
|
|
*/
|
|
} as const;
|
|
|
|
export const claimedAchievements: typeof ACHIEVEMENT_TYPES[number][] = ($i && $i.achievements) ? $i.achievements.map(x => x.name) : [];
|
|
|
|
const claimingQueue = new Set<string>();
|
|
|
|
export async function claimAchievement(type: typeof ACHIEVEMENT_TYPES[number]) {
|
|
if ($i == null) return;
|
|
if (claimedAchievements.includes(type)) return;
|
|
claimingQueue.add(type);
|
|
claimedAchievements.push(type);
|
|
await new Promise(resolve => setTimeout(resolve, (claimingQueue.size - 1) * 500));
|
|
window.setTimeout(() => {
|
|
claimingQueue.delete(type);
|
|
}, 500);
|
|
os.api('i/claim-achievement', { name: type });
|
|
}
|
|
|
|
if (_DEV_) {
|
|
(window as any).unlockAllAchievements = () => {
|
|
for (const t of ACHIEVEMENT_TYPES) {
|
|
claimAchievement(t);
|
|
}
|
|
};
|
|
}
|