sim1222/misskey
1
0
Fork 0
mirror of https://github.com/sim1222/misskey.git synced 2025-04-28 18:27:21 +09:00
Code Issues Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
sim1222 2023-02-23 15:15:37 +09:00
parent ec956731e7
commit d12ba20605
No known key found for this signature in database
GPG Key ID: 04EF48D01BEB0298
3 changed files with 53 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/src/config.ts
View File

@ -8,7 +8,7 @@ export const hostname = address.hostname;
export const url = address.origin;
export const apiUrl = url + '/api';
export const wsUrl = url.replace('http://', 'ws://').replace('https://', 'wss://') + '/streaming';
export const lang = miLocalStorage.getItem('lang');
export const lang = miLocalStorage.getItem('lang') ?? 'ja-JP';
export const langs = _LANGS_;
export let locale = JSON.parse(miLocalStorage.getItem('locale'));
export const version = _VERSION_;

18
packages/frontend/src/init.ts
View File

@ -26,7 +26,7 @@ import widgets from '@/widgets';
import directives from '@/directives';
import components from '@/components';
import { version, ui, lang, updateLocale } from '@/config';
import { applyTheme } from '@/scripts/theme';
import { applyTheme, getBuiltinThemes } from '@/scripts/theme';
import { isDeviceDarkmode } from '@/scripts/is-device-darkmode';
import { i18n, updateI18n } from '@/i18n';
import { confirm, alert, post, popup, toast } from '@/os';
@ -47,6 +47,7 @@ import { deckStore } from './ui/deck/deck-store';
import { miLocalStorage } from './local-storage';
import { claimAchievement, claimedAchievements } from './scripts/achievements';
import { fetchCustomEmojis } from './custom-emojis';
import { getThemes } from './theme-store';
console.info(`Misskey v${version}`);
@ -169,6 +170,7 @@ if ($i && $i.token) {
if (_DEV_) {
console.log('not signed in');
}
applyTheme(await getBuiltinThemes().then(x => x.find(x => x.id === 'e2c940b5-6e9a-4c03-b738-261c720c426d')));
}
}
//#endregion
@ -303,13 +305,13 @@ window.matchMedia('(prefers-color-scheme: dark)').addListener(mql => {
});
//#endregion
fetchInstanceMetaPromise.then(() => {
if (defaultStore.state.themeInitial) {
if (instance.defaultLightTheme != null) ColdDeviceStorage.set('lightTheme', JSON5.parse(instance.defaultLightTheme));
if (instance.defaultDarkTheme != null) ColdDeviceStorage.set('darkTheme', JSON5.parse(instance.defaultDarkTheme));
defaultStore.set('themeInitial', false);
}
});
// fetchInstanceMetaPromise.then(() => {
// if (defaultStore.state.themeInitial) {
// if (instance.defaultLightTheme != null) ColdDeviceStorage.set('lightTheme', JSON5.parse(instance.defaultLightTheme));
// if (instance.defaultDarkTheme != null) ColdDeviceStorage.set('darkTheme', JSON5.parse(instance.defaultDarkTheme));
// defaultStore.set('themeInitial', false);
// }
// });
watch(defaultStore.reactiveState.useBlurEffectForModal, v => {
document.documentElement.style.setProperty('--modalBgFilter', v ? 'blur(4px)' : 'none');

82
packages/frontend/src/pages/welcome.entrance.a.vue
View File

@ -1,76 +1,78 @@
<template>
<div v-if="meta" class="rsqzvsbo">
<div class="rsqzvsbo">
<div class="top">
<MkFeaturedPhotos class="bg"/>
<XTimeline class="tl"/>
<!-- <MkFeaturedPhotos class="bg"/> -->
<!-- <XTimeline class="tl"/> -->
<div class="shape1"></div>
<div class="shape2"></div>
<img src="/client-assets/misskey.svg" class="misskey"/>
<div class="emojis">
<!-- <div class="emojis">
<MkEmoji :normal="true" :no-style="true" emoji="👍"/>
<MkEmoji :normal="true" :no-style="true" emoji="❤"/>
<MkEmoji :normal="true" :no-style="true" emoji="😆"/>
<MkEmoji :normal="true" :no-style="true" emoji="🎉"/>
<MkEmoji :normal="true" :no-style="true" emoji="🍮"/>
</div>
</div> -->
<div class="main">
<img :src="$instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" alt="" class="icon"/>
<!-- <img :src="$instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" alt="" class="icon"/> -->
<button class="_button _acrylic menu" @click="showMenu"><i class="ti ti-dots"></i></button>
<div class="fg">
<h1>
<!-- 背景色によってはロゴが見えなくなるのでとりあえず無効に -->
<!-- <img class="logo" v-if="meta.logoImageUrl" :src="meta.logoImageUrl"><span v-else class="text">{{ instanceName }}</span> -->
<span class="text">{{ instanceName }}</span>
<span class="text">Misskey front for Moderation</span>
</h1>
<div class="about">
<!-- eslint-disable-next-line vue/no-v-html -->
<div class="desc" v-html="meta.description || i18n.ts.headlineMisskey"></div>
<div class="desc">
aaa
</div>
</div>
<div class="action">
<MkButton inline rounded gradate data-cy-signup style="margin-right: 12px;" @click="signup()">{{ i18n.ts.signup }}</MkButton>
<MkButton inline rounded data-cy-signin @click="signin()">{{ i18n.ts.login }}</MkButton>
<!-- <MkButton inline rounded gradate data-cy-signup style="margin-right: 12px;" @click="signup()">{{ i18n.ts.signup }}</MkButton> -->
<MkButton inline rounded gradate data-cy-signin @click="signin()">{{ i18n.ts.login }}</MkButton>
</div>
</div>
</div>
<div v-if="instances && instances.length > 0" class="federation">
<MarqueeText :duration="40">
<MkA v-for="instance in instances" :key="instance.id" :class="$style.federationInstance" :to="`/instance-info/${instance.host}`" behavior="window">
<!--<MkInstanceCardMini :instance="instance"/>-->
<img v-if="instance.iconUrl" class="icon" :src="instance.iconUrl" alt=""/>
<span class="name _monospace">{{ instance.host }}</span>
</MkA>
</MarqueeText>
</div>
<!-- <div v-if="instances && instances.length > 0" class="federation"> -->
<!-- <MarqueeText :duration="40"> -->
<!-- <MkA v-for="instance in instances" :key="instance.id" :class="$style.federationInstance" :to="`/instance-info/${instance.host}`" behavior="window"> -->
<!-- <MkInstanceCardMini :instance="instance"/> -->
<!-- <img v-if="instance.iconUrl" class="icon" :src="instance.iconUrl" alt=""/> -->
<!-- <span class="name _monospace">{{ instance.host }}</span> -->
<!-- </MkA> -->
<!-- </MarqueeText> -->
<!-- </div> -->
</div>
</div>
</template>
<script lang="ts" setup>
import { } from 'vue';
import XTimeline from './welcome.timeline.vue';
import MarqueeText from '@/components/MkMarquee.vue';
// import XTimeline from './welcome.timeline.vue';
// import MarqueeText from '@/components/MkMarquee.vue';
// import { Instance } from 'misskey-js/built/entities';
import XSigninDialog from '@/components/MkSigninDialog.vue';
import XSignupDialog from '@/components/MkSignupDialog.vue';
import MkButton from '@/components/MkButton.vue';
import MkFeaturedPhotos from '@/components/MkFeaturedPhotos.vue';
import { instanceName } from '@/config';
// import MkFeaturedPhotos from '@/components/MkFeaturedPhotos.vue';
// import { instanceName } from '@/config';
import * as os from '@/os';
import { i18n } from '@/i18n';
import { Instance } from 'misskey-js/built/entities';
let meta = $ref<Instance>();
let instances = $ref<any[]>();
// let meta = $ref<Instance>();
// let instances = $ref<any[]>();
os.api('meta', { detail: true }).then(_meta => {
meta = _meta;
});
// os.api('meta', { detail: true }).then(_meta => {
// meta = _meta;
// });
os.apiGet('federation/instances', {
sort: '+pubSub',
limit: 20,
}).then(_instances => {
instances = _instances;
});
// os.apiGet('federation/instances', {
// sort: '+pubSub',
// limit: 20,
// }).then(_instances => {
// instances = _instances;
// });
function signin() {
os.popup(XSigninDialog, {
@ -78,11 +80,11 @@ function signin() {
}, {}, 'closed');
}
function signup() {
os.popup(XSignupDialog, {
autoSet: true,
}, {}, 'closed');
}
// function signup() {
// os.popup(XSignupDialog, {
// autoSet: true,
// }, {}, 'closed');
// }
function showMenu(ev) {
os.popupMenu([{