refactor: use Vite to build instead of webpack (#8575)
* update stream.ts * https://github.com/misskey-dev/misskey/pull/7769#issuecomment-917542339 * fix lint * clean up? * add app * fix * nanka iroiro * wip * wip * fix lint * fix loginId * fix * refactor * refactor * remove follow action * clean up * Revert "remove follow action" This reverts commitdefbb41648. * Revert "clean up" This reverts commitf94919cb9c. * remove fetch specification * renoteの条件追加 * apiFetch => cli * bypass fetch? * fix * refactor: use path alias * temp: add submodule * remove submodule * enhane: unison-reloadに指定したパスに移動できるように * null * null * feat: ログインするアカウントのIDをクエリ文字列で指定する機能 * null * await? * rename * rename * Update read.ts * merge * get-note-summary * fix * swパッケージに * add missing packages * fix getNoteSummary * add webpack-cli * ✌️ * remove plugins * sw-inject分離したがテストしてない * fix notification.vue * remove a blank line * disconnect intersection observer * disconnect2 * fix notification.vue * remove a blank line * disconnect intersection observer * disconnect2 * fix * ✌️ * clean up config * typesを戻した * Update packages/client/src/components/notification.vue Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com> * disconnect * oops * Failed to load the script unexpectedly回避 sw.jsとlib.tsを分離してみた * truncate notification * Update packages/client/src/ui/_common_/common.vue Co-authored-by: syuilo <Syuilotan@yahoo.co.jp> * clean up * clean up * キャッシュ対策 * Truncate push notification message * クライアントがあったらストリームに接続しているということなので通知しない判定の位置を修正 * components/drive-file-thumbnail.vue * components/drive-select-dialog.vue * components/drive-window.vue * merge * fix * Service Workerのビルドにesbuildを使うようにする * return createEmptyNotification() * fix * i18n.ts * update * ✌️ * remove ts-loader * fix * fix * enhance: Service Workerを常に登録するように * pollEnded * URLをsw.jsに戻す * clean up * wip * wip * wip * wip * wip * wip * ✌️ * use import * fix * install rollup * use defineAsyncComponent. * fix emojilist * wip use defineAsyncComponent * popup(import -> popup(defineAsyncComponent(() => import * draggable? * fix init import * clean up * fix router * add comment * ✌️ * ✌️ * ✌️ * remove webpack * update vite * fix boot sequence * Revert "fix boot sequence" This reverts commite893dbf37a. * revert boot import * never make two app div * ; * remove console.log * change clientEntry sequence * fix * Revert "fix" This reverts commit12741b3d89. * fix * add comment https://github.com/misskey-dev/misskey/pull/8575#issuecomment-1114239210 * add log * add comment Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com> Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
This commit is contained in:
		| @@ -63,7 +63,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { computed, defineComponent, ref, toRef } from 'vue'; | ||||
| import { computed, defineAsyncComponent, defineComponent, ref, toRef } from 'vue'; | ||||
| import MkButton from '@/components/ui/button.vue'; | ||||
| import MkInput from '@/components/form/input.vue'; | ||||
| import MkPagination from '@/components/ui/pagination.vue'; | ||||
| @@ -130,7 +130,7 @@ const add = async (ev: MouseEvent) => { | ||||
| }; | ||||
|  | ||||
| const edit = (emoji) => { | ||||
| 	os.popup(import('./emoji-edit-dialog.vue'), { | ||||
| 	os.popup(defineAsyncComponent(() => import('./emoji-edit-dialog.vue')), { | ||||
| 		emoji: emoji | ||||
| 	}, { | ||||
| 		done: result => { | ||||
|   | ||||
| @@ -55,7 +55,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { computed } from 'vue'; | ||||
| import { computed, defineAsyncComponent } from 'vue'; | ||||
| import MkButton from '@/components/ui/button.vue'; | ||||
| import MkInput from '@/components/form/input.vue'; | ||||
| import MkSelect from '@/components/form/select.vue'; | ||||
| @@ -93,7 +93,7 @@ function clear() { | ||||
| } | ||||
|  | ||||
| function show(file) { | ||||
| 	os.popup(import('./file-dialog.vue'), { | ||||
| 	os.popup(defineAsyncComponent(() => import('./file-dialog.vue')), { | ||||
| 		fileId: file.id | ||||
| 	}, {}, 'closed'); | ||||
| } | ||||
|   | ||||
| @@ -26,8 +26,8 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { defineExpose, ref } from 'vue'; | ||||
| import * as JSON5 from 'json5'; | ||||
| import { ref } from 'vue'; | ||||
| import JSON5 from 'json5'; | ||||
| import MkButton from '@/components/ui/button.vue'; | ||||
| import MkInput from '@/components/form/input.vue'; | ||||
| import MkTextarea from '@/components/form/textarea.vue'; | ||||
|   | ||||
| @@ -12,7 +12,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { onMounted } from 'vue'; | ||||
| import { defineAsyncComponent, onMounted } from 'vue'; | ||||
| import FormInput from '@/components/form/input.vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import * as os from '@/os'; | ||||
| @@ -36,7 +36,7 @@ async function save() { | ||||
|  | ||||
| onMounted(() => { | ||||
| 	if (props.token == null) { | ||||
| 		os.popup(import('@/components/forgot-password.vue'), {}, {}, 'closed'); | ||||
| 		os.popup(defineAsyncComponent(() => import('@/components/forgot-password.vue')), {}, {}, 'closed'); | ||||
| 		router.push('/'); | ||||
| 	} | ||||
| }); | ||||
|   | ||||
| @@ -21,7 +21,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import { defineAsyncComponent, defineComponent } from 'vue'; | ||||
| import FormSuspense from '@/components/form/suspense.vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import * as os from '@/os'; | ||||
| @@ -78,7 +78,7 @@ export default defineComponent({ | ||||
| 		}, | ||||
|  | ||||
| 		addExistingAccount() { | ||||
| 			os.popup(import('@/components/signin-dialog.vue'), {}, { | ||||
| 			os.popup(defineAsyncComponent(() => import('@/components/signin-dialog.vue')), {}, { | ||||
| 				done: res => { | ||||
| 					addAccount(res.id, res.i); | ||||
| 					os.success(); | ||||
| @@ -87,7 +87,7 @@ export default defineComponent({ | ||||
| 		}, | ||||
|  | ||||
| 		createAccount() { | ||||
| 			os.popup(import('@/components/signup-dialog.vue'), {}, { | ||||
| 			os.popup(defineAsyncComponent(() => import('@/components/signup-dialog.vue')), {}, { | ||||
| 				done: res => { | ||||
| 					addAccount(res.id, res.i); | ||||
| 					this.switchAccountWithToken(res.i); | ||||
|   | ||||
| @@ -7,7 +7,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import { defineAsyncComponent, defineComponent } from 'vue'; | ||||
| import FormLink from '@/components/form/link.vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import * as os from '@/os'; | ||||
| @@ -34,7 +34,7 @@ export default defineComponent({ | ||||
|  | ||||
| 	methods: { | ||||
| 		generateToken() { | ||||
| 			os.popup(import('@/components/token-generate-window.vue'), {}, { | ||||
| 			os.popup(defineAsyncComponent(() => import('@/components/token-generate-window.vue')), {}, { | ||||
| 				done: async result => { | ||||
| 					const { name, permissions } = result; | ||||
| 					const { token } = await os.api('miauth/gen-token', { | ||||
|   | ||||
| @@ -35,7 +35,7 @@ | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import * as tinycolor from 'tinycolor2'; | ||||
| import tinycolor from 'tinycolor2'; | ||||
| import FormLink from '@/components/form/link.vue'; | ||||
| import FormSwitch from '@/components/form/switch.vue'; | ||||
| import FormSection from '@/components/form/section.vue'; | ||||
|   | ||||
| @@ -10,7 +10,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import { defineAsyncComponent, defineComponent } from 'vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import FormLink from '@/components/form/link.vue'; | ||||
| import FormSection from '@/components/form/section.vue'; | ||||
| @@ -52,7 +52,7 @@ export default defineComponent({ | ||||
|  | ||||
| 		configure() { | ||||
| 			const includingTypes = notificationTypes.filter(x => !this.$i.mutingNotificationTypes.includes(x)); | ||||
| 			os.popup(import('@/components/notification-setting-window.vue'), { | ||||
| 			os.popup(defineAsyncComponent(() => import('@/components/notification-setting-window.vue')), { | ||||
| 				includingTypes, | ||||
| 				showGlobalToggle: false, | ||||
| 			}, { | ||||
|   | ||||
| @@ -13,7 +13,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import { defineAsyncComponent, defineComponent } from 'vue'; | ||||
| import { AiScript, parse } from '@syuilo/aiscript'; | ||||
| import { serialize } from '@syuilo/aiscript/built/serializer'; | ||||
| import { v4 as uuid } from 'uuid'; | ||||
| @@ -94,7 +94,7 @@ export default defineComponent({ | ||||
| 			} | ||||
|  | ||||
| 			const token = permissions == null || permissions.length === 0 ? null : await new Promise((res, rej) => { | ||||
| 				os.popup(import('@/components/token-generate-window.vue'), { | ||||
| 				os.popup(defineAsyncComponent(() => import('@/components/token-generate-window.vue')), { | ||||
| 					title: this.$ts.tokenRequested, | ||||
| 					information: this.$ts.pluginTokenRequestedDescription, | ||||
| 					initialName: name, | ||||
|   | ||||
| @@ -54,7 +54,7 @@ | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { watch } from 'vue'; | ||||
| import { defineAsyncComponent, watch } from 'vue'; | ||||
| import XDraggable from 'vuedraggable'; | ||||
| import FormInput from '@/components/form/input.vue'; | ||||
| import FormRadios from '@/components/form/radios.vue'; | ||||
| @@ -88,7 +88,7 @@ function remove(reaction, ev: MouseEvent) { | ||||
| } | ||||
|  | ||||
| function preview(ev: MouseEvent) { | ||||
| 	os.popup(import('@/components/emoji-picker-dialog.vue'), { | ||||
| 	os.popup(defineAsyncComponent(() => import('@/components/emoji-picker-dialog.vue')), { | ||||
| 		asReactionPicker: true, | ||||
| 		src: ev.currentTarget ?? ev.target, | ||||
| 	}, {}, 'closed'); | ||||
|   | ||||
| @@ -13,7 +13,7 @@ | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| import { } from 'vue'; | ||||
| import * as JSON5 from 'json5'; | ||||
| import JSON5 from 'json5'; | ||||
| import FormTextarea from '@/components/form/textarea.vue'; | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import { applyTheme, validateTheme } from '@/scripts/theme'; | ||||
|   | ||||
| @@ -27,7 +27,7 @@ | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import * as JSON5 from 'json5'; | ||||
| import JSON5 from 'json5'; | ||||
| import FormTextarea from '@/components/form/textarea.vue'; | ||||
| import FormSelect from '@/components/form/select.vue'; | ||||
| import FormInput from '@/components/form/input.vue'; | ||||
|   | ||||
| @@ -87,7 +87,7 @@ | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { computed, defineComponent, onActivated, onMounted, ref, watch } from 'vue'; | ||||
| import * as JSON5 from 'json5'; | ||||
| import JSON5 from 'json5'; | ||||
| import FormSwitch from '@/components/form/switch.vue'; | ||||
| import FormSelect from '@/components/form/select.vue'; | ||||
| import FormGroup from '@/components/form/group.vue'; | ||||
|   | ||||
| @@ -67,9 +67,9 @@ | ||||
| <script lang="ts" setup> | ||||
| import { watch } from 'vue'; | ||||
| import { toUnicode } from 'punycode/'; | ||||
| import * as tinycolor from 'tinycolor2'; | ||||
| import tinycolor from 'tinycolor2'; | ||||
| import { v4 as uuid} from 'uuid'; | ||||
| import * as JSON5 from 'json5'; | ||||
| import JSON5 from 'json5'; | ||||
|  | ||||
| import FormButton from '@/components/ui/button.vue'; | ||||
| import FormTextarea from '@/components/form/textarea.vue'; | ||||
|   | ||||
| @@ -125,7 +125,7 @@ | ||||
|  | ||||
| <script lang="ts"> | ||||
| import { defineComponent, defineAsyncComponent, computed } from 'vue'; | ||||
| import * as age from 's-age'; | ||||
| import age from 's-age'; | ||||
| import XUserTimeline from './index.timeline.vue'; | ||||
| import XNote from '@/components/note.vue'; | ||||
| import MkFollowButton from '@/components/follow-button.vue'; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 tamaina
					tamaina