summaryrefslogtreecommitdiff
path: root/packages/frontend
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-05-16 19:24:10 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-05-16 19:24:10 +0900
commita35f0d43e40d7178616b91bd62a9948ed3984ae1 (patch)
tree19bfdee0ae846e1414b4d946e5bddf3f75787fef /packages/frontend
parentfix(frontend/test): MkAnimBgで毎回Chromaticの差分が生成されない... (diff)
downloadmisskey-a35f0d43e40d7178616b91bd62a9948ed3984ae1.tar.gz
misskey-a35f0d43e40d7178616b91bd62a9948ed3984ae1.tar.bz2
misskey-a35f0d43e40d7178616b91bd62a9948ed3984ae1.zip
refactor: define _IS_CHROMATIC_
Diffstat (limited to 'packages/frontend')
-rw-r--r--packages/frontend/.eslintrc.js1
-rw-r--r--packages/frontend/.storybook/main.ts3
-rw-r--r--packages/frontend/@types/global.d.ts1
-rw-r--r--packages/frontend/src/components/MkAnimBg.vue3
-rw-r--r--packages/frontend/vite.config.ts1
5 files changed, 7 insertions, 2 deletions
diff --git a/packages/frontend/.eslintrc.js b/packages/frontend/.eslintrc.js
index e8e0e57d2a..0b7750c9f6 100644
--- a/packages/frontend/.eslintrc.js
+++ b/packages/frontend/.eslintrc.js
@@ -82,6 +82,7 @@ module.exports = {
'_LANGS_': false,
'_VERSION_': false,
'_ENV_': false,
+ '_IS_CHROMATIC_': false,
'_PERF_PREFIX_': false,
'_DATA_TRANSFER_DRIVE_FILE_': false,
'_DATA_TRANSFER_DRIVE_FOLDER_': false,
diff --git a/packages/frontend/.storybook/main.ts b/packages/frontend/.storybook/main.ts
index 1d0ce5ab63..80628d9bc6 100644
--- a/packages/frontend/.storybook/main.ts
+++ b/packages/frontend/.storybook/main.ts
@@ -32,6 +32,9 @@ const config = {
rootDir: config.root ?? process.cwd(),
}),
],
+ define: {
+ _IS_CHROMATIC_: true,
+ },
build: {
target: [
'chrome108',
diff --git a/packages/frontend/@types/global.d.ts b/packages/frontend/@types/global.d.ts
index c757482900..e91d341be7 100644
--- a/packages/frontend/@types/global.d.ts
+++ b/packages/frontend/@types/global.d.ts
@@ -4,6 +4,7 @@ declare const _LANGS_: string[][];
declare const _VERSION_: string;
declare const _ENV_: string;
declare const _DEV_: boolean;
+declare const _IS_CHROMATIC_: boolean;
declare const _PERF_PREFIX_: string;
declare const _DATA_TRANSFER_DRIVE_FILE_: string;
declare const _DATA_TRANSFER_DRIVE_FOLDER_: string;
diff --git a/packages/frontend/src/components/MkAnimBg.vue b/packages/frontend/src/components/MkAnimBg.vue
index 5a5c427cf1..6b42c158cb 100644
--- a/packages/frontend/src/components/MkAnimBg.vue
+++ b/packages/frontend/src/components/MkAnimBg.vue
@@ -4,7 +4,6 @@
<script lang="ts" setup>
import { onMounted, onUnmounted, shallowRef } from 'vue';
-import isChromatic from 'chromatic/isChromatic';
const canvasEl = shallowRef<HTMLCanvasElement>();
@@ -204,7 +203,7 @@ onMounted(() => {
const vertices = [1.0, 1.0, -1.0, 1.0, 1.0, -1.0, -1.0, -1.0];
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.DYNAMIC_DRAW);
- if (isChromatic()) {
+ if (_IS_CHROMATIC_) {
gl!.uniform1f(u_time, 0);
gl!.drawArrays(gl!.TRIANGLE_STRIP, 0, 4);
} else {
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index 339761e78c..a2a9bb3f56 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -95,6 +95,7 @@ export function getConfig(): UserConfig {
_LANGS_: JSON.stringify(Object.entries(locales).map(([k, v]) => [k, v._lang_])),
_ENV_: JSON.stringify(process.env.NODE_ENV),
_DEV_: process.env.NODE_ENV !== 'production',
+ _IS_CHROMATIC_: false,
_PERF_PREFIX_: JSON.stringify('Misskey:'),
_DATA_TRANSFER_DRIVE_FILE_: JSON.stringify('mk_drive_file'),
_DATA_TRANSFER_DRIVE_FOLDER_: JSON.stringify('mk_drive_folder'),