From 6e21147ff62b0dd53fa3042f6a975536cf7f8d8b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Acid=20Chicken=20=28=E7=A1=AB=E9=85=B8=E9=B6=8F=29?= Date: Mon, 20 Mar 2023 16:13:07 +0900 Subject: [PATCH] build(#10336): separate definitions and generated codes --- packages/frontend/.storybook/generate.tsx | 187 +++++++---- packages/frontend/.storybook/manager.ts | 12 + packages/frontend/.storybook/preview.ts | 14 +- packages/frontend/package.json | 4 + .../src/components/MkAbuseReport.stories.ts | 11 +- .../components/MkAbuseReportWindow.stories.ts | 11 +- .../src/components/MkAchievements.stories.ts | 11 +- .../src/components/MkAnalogClock.stories.ts | 11 +- .../frontend/src/components/MkAsUi.stories.ts | 11 +- .../src/components/MkAutocomplete.stories.ts | 11 +- .../src/components/MkAvatars.stories.ts | 11 +- .../src/components/MkButton.stories.impl.ts | 14 + .../src/components/MkButton.stories.ts | 13 +- .../src/components/MkCaptcha.stories.ts | 11 +- .../MkChannelFollowButton.stories.ts | 11 +- .../components/MkChannelPreview.stories.ts | 11 +- .../src/components/MkChart.stories.ts | 11 +- .../src/components/MkChartLegend.stories.ts | 11 +- .../src/components/MkChartTooltip.stories.ts | 11 +- .../src/components/MkCheckbox.stories.ts | 11 +- .../src/components/MkClickerGame.stories.ts | 11 +- .../src/components/MkClipPreview.stories.ts | 11 +- .../src/components/MkCode.core.stories.ts | 11 +- .../frontend/src/components/MkCode.stories.ts | 11 +- .../src/components/MkContainer.stories.ts | 11 +- .../src/components/MkContextMenu.stories.ts | 11 +- .../src/components/MkCropperDialog.stories.ts | 11 +- .../src/components/MkCwButton.stories.ts | 11 +- .../components/MkDateSeparatedList.stories.ts | 11 +- .../src/components/MkDialog.stories.ts | 11 +- .../src/components/MkDigitalClock.stories.ts | 11 +- .../src/components/MkDonation.stories.ts | 11 +- .../src/components/MkDrive.file.stories.ts | 11 +- .../src/components/MkDrive.folder.stories.ts | 11 +- .../components/MkDrive.navFolder.stories.ts | 11 +- .../src/components/MkDrive.stories.ts | 11 +- .../MkDriveFileThumbnail.stories.ts | 11 +- .../components/MkDriveSelectDialog.stories.ts | 11 +- .../src/components/MkDriveWindow.stories.ts | 11 +- .../MkEmojiPicker.section.stories.ts | 11 +- .../src/components/MkEmojiPicker.stories.ts | 11 +- .../components/MkEmojiPickerDialog.stories.ts | 11 +- .../components/MkEmojiPickerWindow.stories.ts | 11 +- .../components/MkFeaturedPhotos.stories.ts | 11 +- .../MkFileCaptionEditWindow.stories.ts | 11 +- .../components/MkFileListForAdmin.stories.ts | 11 +- .../src/components/MkFlashPreview.stories.ts | 11 +- .../components/MkFoldableSection.stories.ts | 11 +- .../src/components/MkFolder.stories.ts | 11 +- .../src/components/MkFollowButton.stories.ts | 11 +- .../components/MkForgotPassword.stories.ts | 11 +- .../src/components/MkFormDialog.stories.ts | 11 +- .../MkGalleryPostPreview.stories.ts | 11 +- .../src/components/MkGoogle.stories.ts | 11 +- .../src/components/MkHeatmap.stories.ts | 11 +- .../src/components/MkImageViewer.stories.ts | 11 +- .../components/MkImgWithBlurhash.stories.ts | 11 +- .../frontend/src/components/MkInfo.stories.ts | 11 +- .../src/components/MkInput.stories.ts | 11 +- .../components/MkInstanceCardMini.stories.ts | 11 +- .../src/components/MkInstanceStats.stories.ts | 11 +- .../components/MkInstanceTicker.stories.ts | 11 +- .../src/components/MkKeyValue.stories.ts | 11 +- .../src/components/MkLaunchPad.stories.ts | 11 +- .../frontend/src/components/MkLink.stories.ts | 11 +- .../src/components/MkMarquee.stories.ts | 11 +- .../src/components/MkMediaBanner.stories.ts | 11 +- .../src/components/MkMediaImage.stories.ts | 11 +- .../src/components/MkMediaList.stories.ts | 11 +- .../src/components/MkMediaVideo.stories.ts | 11 +- .../src/components/MkMention.stories.ts | 11 +- .../src/components/MkMenu.child.stories.ts | 11 +- .../frontend/src/components/MkMenu.stories.ts | 11 +- .../src/components/MkMiniChart.stories.ts | 11 +- .../src/components/MkModal.stories.ts | 11 +- .../components/MkModalPageWindow.stories.ts | 11 +- .../src/components/MkModalWindow.stories.ts | 11 +- .../frontend/src/components/MkNote.stories.ts | 11 +- .../src/components/MkNoteDetailed.stories.ts | 11 +- .../src/components/MkNoteHeader.stories.ts | 11 +- .../src/components/MkNotePreview.stories.ts | 11 +- .../src/components/MkNoteSimple.stories.ts | 11 +- .../src/components/MkNoteSub.stories.ts | 11 +- .../src/components/MkNotes.stories.ts | 11 +- .../src/components/MkNotification.stories.ts | 11 +- .../MkNotificationSettingWindow.stories.ts | 11 +- .../src/components/MkNotifications.stories.ts | 11 +- .../src/components/MkNumber.stories.ts | 11 +- .../src/components/MkNumberDiff.stories.ts | 11 +- .../src/components/MkObjectView.stories.ts | 11 +- .../components/MkObjectView.value.stories.ts | 11 +- .../frontend/src/components/MkOmit.stories.ts | 11 +- .../src/components/MkPagePreview.stories.ts | 11 +- .../src/components/MkPageWindow.stories.ts | 11 +- .../src/components/MkPagination.stories.ts | 11 +- .../src/components/MkPlusOneEffect.stories.ts | 11 +- .../frontend/src/components/MkPoll.stories.ts | 11 +- .../src/components/MkPollEditor.stories.ts | 11 +- .../src/components/MkPopupMenu.stories.ts | 11 +- .../src/components/MkPostForm.stories.ts | 11 +- .../components/MkPostFormAttaches.stories.ts | 11 +- .../components/MkPostFormDialog.stories.ts | 11 +- .../MkPushNotificationAllowButton.stories.ts | 11 +- .../src/components/MkRadio.stories.ts | 11 +- .../src/components/MkRadios.stories.ts | 11 +- .../src/components/MkRange.stories.ts | 11 +- .../MkReactedUsersDialog.stories.ts | 11 +- .../components/MkReactionEffect.stories.ts | 11 +- .../src/components/MkReactionIcon.stories.ts | 11 +- .../components/MkReactionTooltip.stories.ts | 11 +- .../MkReactionsViewer.details.stories.ts | 11 +- .../MkReactionsViewer.reaction.stories.ts | 11 +- .../components/MkReactionsViewer.stories.ts | 11 +- .../src/components/MkRemoteCaution.stories.ts | 11 +- .../components/MkRetentionHeatmap.stories.ts | 11 +- .../src/components/MkRippleEffect.stories.ts | 11 +- .../src/components/MkRolePreview.stories.ts | 11 +- .../src/components/MkSample.stories.ts | 11 +- .../src/components/MkSelect.stories.ts | 11 +- .../src/components/MkSignin.stories.ts | 11 +- .../src/components/MkSigninDialog.stories.ts | 11 +- .../src/components/MkSignup.stories.ts | 11 +- .../src/components/MkSignupDialog.stories.ts | 11 +- .../src/components/MkSparkle.stories.ts | 11 +- .../components/MkSubNoteContent.stories.ts | 11 +- .../src/components/MkSuperMenu.stories.ts | 11 +- .../src/components/MkSwitch.stories.ts | 11 +- .../frontend/src/components/MkTab.stories.ts | 11 +- .../src/components/MkTagCloud.stories.ts | 11 +- .../src/components/MkTextarea.stories.ts | 11 +- .../src/components/MkTimeline.stories.ts | 11 +- .../src/components/MkToast.stories.ts | 11 +- .../MkTokenGenerateWindow.stories.ts | 11 +- .../src/components/MkTooltip.stories.ts | 11 +- .../src/components/MkUpdated.stories.ts | 11 +- .../src/components/MkUrlPreview.stories.ts | 11 +- .../components/MkUrlPreviewPopup.stories.ts | 11 +- .../src/components/MkUserCardMini.stories.ts | 11 +- .../src/components/MkUserInfo.stories.ts | 11 +- .../src/components/MkUserList.stories.ts | 11 +- .../MkUserOnlineIndicator.stories.ts | 11 +- .../src/components/MkUserPopup.stories.ts | 11 +- .../components/MkUserSelectDialog.stories.ts | 11 +- .../src/components/MkUsersTooltip.stories.ts | 11 +- .../components/MkVisibilityPicker.stories.ts | 11 +- .../src/components/MkWaitingDialog.stories.ts | 11 +- .../src/components/MkWidgets.stories.ts | 11 +- .../src/components/MkWindow.stories.ts | 11 +- .../src/components/MkYoutubePlayer.stories.ts | 11 +- .../src/components/form/link.stories.ts | 11 +- .../src/components/form/section.stories.ts | 11 +- .../src/components/form/slot.stories.ts | 11 +- .../src/components/form/split.stories.ts | 11 +- .../src/components/form/suspense.stories.ts | 11 +- .../src/components/global/MkA.stories.ts | 11 +- .../src/components/global/MkAcct.stories.ts | 11 +- .../src/components/global/MkAd.stories.ts | 11 +- .../src/components/global/MkAvatar.stories.ts | 11 +- .../global/MkCustomEmoji.stories.ts | 11 +- .../components/global/MkEllipsis.stories.ts | 11 +- .../src/components/global/MkEmoji.stories.ts | 11 +- .../src/components/global/MkError.stories.ts | 11 +- .../components/global/MkLoading.stories.ts | 11 +- .../MkMisskeyFlavoredMarkdown.stories.ts | 11 +- .../components/global/MkPageHeader.stories.ts | 11 +- .../global/MkPageHeader.tabs.stories.ts | 11 +- .../src/components/global/MkSpacer.stories.ts | 11 +- .../global/MkStickyContainer.stories.ts | 11 +- .../src/components/global/MkTime.stories.ts | 11 +- .../src/components/global/MkUrl.stories.ts | 11 +- .../components/global/MkUserName.stories.ts | 11 +- .../components/global/RouterView.stories.ts | 11 +- .../src/components/page/page.block.stories.ts | 11 +- .../components/page/page.button.stories.ts | 11 +- .../components/page/page.canvas.stories.ts | 11 +- .../components/page/page.counter.stories.ts | 11 +- .../src/components/page/page.if.stories.ts | 11 +- .../src/components/page/page.image.stories.ts | 11 +- .../src/components/page/page.note.stories.ts | 11 +- .../page/page.number-input.stories.ts | 11 +- .../src/components/page/page.post.stories.ts | 11 +- .../page/page.radio-button.stories.ts | 11 +- .../components/page/page.section.stories.ts | 11 +- .../src/components/page/page.stories.ts | 11 +- .../components/page/page.switch.stories.ts | 11 +- .../page/page.text-input.stories.ts | 11 +- .../src/components/page/page.text.stories.ts | 11 +- .../page/page.textarea-input.stories.ts | 11 +- .../components/page/page.textarea.stories.ts | 11 +- .../frontend/src/pages/_empty_.stories.ts | 11 +- .../frontend/src/pages/_error_.stories.ts | 11 +- .../frontend/src/pages/_loading_.stories.ts | 11 +- .../src/pages/about-misskey.stories.ts | 11 +- .../src/pages/about.emojis.stories.ts | 11 +- .../src/pages/about.federation.stories.ts | 11 +- packages/frontend/src/pages/about.stories.ts | 11 +- .../src/pages/achievements.stories.ts | 11 +- .../frontend/src/pages/admin-file.stories.ts | 11 +- .../pages/admin/RolesEditorFormula.stories.ts | 11 +- .../src/pages/admin/_header_.stories.ts | 11 +- .../src/pages/admin/abuses.stories.ts | 11 +- .../frontend/src/pages/admin/ads.stories.ts | 11 +- .../src/pages/admin/announcements.stories.ts | 11 +- .../src/pages/admin/bot-protection.stories.ts | 11 +- .../src/pages/admin/database.stories.ts | 11 +- .../src/pages/admin/email-settings.stories.ts | 11 +- .../src/pages/admin/federation.stories.ts | 11 +- .../frontend/src/pages/admin/files.stories.ts | 11 +- .../frontend/src/pages/admin/index.stories.ts | 11 +- .../src/pages/admin/instance-block.stories.ts | 11 +- .../src/pages/admin/moderation.stories.ts | 11 +- .../src/pages/admin/object-storage.stories.ts | 11 +- .../src/pages/admin/other-settings.stories.ts | 11 +- .../admin/overview.active-users.stories.ts | 11 +- .../admin/overview.ap-requests.stories.ts | 11 +- .../admin/overview.federation.stories.ts | 11 +- .../pages/admin/overview.heatmap.stories.ts | 11 +- .../pages/admin/overview.instances.stories.ts | 11 +- .../admin/overview.moderators.stories.ts | 11 +- .../src/pages/admin/overview.pie.stories.ts | 11 +- .../admin/overview.queue.chart.stories.ts | 11 +- .../src/pages/admin/overview.queue.stories.ts | 11 +- .../pages/admin/overview.retention.stories.ts | 11 +- .../src/pages/admin/overview.stats.stories.ts | 11 +- .../src/pages/admin/overview.stories.ts | 11 +- .../src/pages/admin/overview.users.stories.ts | 11 +- .../src/pages/admin/proxy-account.stories.ts | 11 +- .../pages/admin/queue.chart.chart.stories.ts | 11 +- .../src/pages/admin/queue.chart.stories.ts | 11 +- .../frontend/src/pages/admin/queue.stories.ts | 11 +- .../src/pages/admin/relays.stories.ts | 11 +- .../src/pages/admin/roles.edit.stories.ts | 11 +- .../src/pages/admin/roles.editor.stories.ts | 11 +- .../src/pages/admin/roles.role.stories.ts | 11 +- .../frontend/src/pages/admin/roles.stories.ts | 11 +- .../src/pages/admin/security.stories.ts | 11 +- .../src/pages/admin/settings.stories.ts | 11 +- .../frontend/src/pages/admin/users.stories.ts | 11 +- packages/frontend/src/pages/ads.stories.ts | 11 +- .../src/pages/announcements.stories.ts | 11 +- .../src/pages/antenna-timeline.stories.ts | 11 +- .../frontend/src/pages/api-console.stories.ts | 11 +- .../frontend/src/pages/auth.form.stories.ts | 11 +- packages/frontend/src/pages/auth.stories.ts | 11 +- .../src/pages/channel-editor.stories.ts | 11 +- .../frontend/src/pages/channel.stories.ts | 11 +- .../frontend/src/pages/channels.stories.ts | 11 +- .../frontend/src/pages/clicker.stories.ts | 11 +- packages/frontend/src/pages/clip.stories.ts | 11 +- .../pages/custom-emojis-manager.stories.ts | 11 +- packages/frontend/src/pages/drive.stories.ts | 11 +- .../src/pages/emoji-edit-dialog.stories.ts | 11 +- .../src/pages/emojis.emoji.stories.ts | 11 +- .../src/pages/explore.featured.stories.ts | 11 +- .../src/pages/explore.roles.stories.ts | 11 +- .../frontend/src/pages/explore.stories.ts | 11 +- .../src/pages/explore.users.stories.ts | 11 +- .../frontend/src/pages/favorites.stories.ts | 11 +- .../src/pages/flash/flash-edit.stories.ts | 11 +- .../src/pages/flash/flash-index.stories.ts | 11 +- .../frontend/src/pages/flash/flash.stories.ts | 11 +- .../src/pages/follow-requests.stories.ts | 11 +- packages/frontend/src/pages/follow.stories.ts | 11 +- .../src/pages/gallery/edit.stories.ts | 11 +- .../src/pages/gallery/index.stories.ts | 11 +- .../src/pages/gallery/post.stories.ts | 11 +- .../src/pages/instance-info.stories.ts | 11 +- packages/frontend/src/pages/miauth.stories.ts | 11 +- .../src/pages/my-antennas/create.stories.ts | 11 +- .../src/pages/my-antennas/edit.stories.ts | 11 +- .../src/pages/my-antennas/editor.stories.ts | 11 +- .../src/pages/my-antennas/index.stories.ts | 11 +- .../src/pages/my-clips/index.stories.ts | 11 +- .../src/pages/my-lists/index.stories.ts | 11 +- .../src/pages/my-lists/list.stories.ts | 11 +- .../frontend/src/pages/not-found.stories.ts | 11 +- packages/frontend/src/pages/note.stories.ts | 11 +- .../src/pages/notifications.stories.ts | 11 +- .../els/page-editor.el.image.stories.ts | 11 +- .../els/page-editor.el.note.stories.ts | 11 +- .../els/page-editor.el.section.stories.ts | 11 +- .../els/page-editor.el.text.stories.ts | 11 +- .../page-editor/page-editor.blocks.stories.ts | 11 +- .../page-editor.container.stories.ts | 11 +- .../pages/page-editor/page-editor.stories.ts | 11 +- packages/frontend/src/pages/page.stories.ts | 11 +- packages/frontend/src/pages/pages.stories.ts | 11 +- .../frontend/src/pages/preview.stories.ts | 11 +- .../src/pages/registry.keys.stories.ts | 11 +- .../frontend/src/pages/registry.stories.ts | 11 +- .../src/pages/registry.value.stories.ts | 11 +- .../src/pages/reset-password.stories.ts | 11 +- packages/frontend/src/pages/role.stories.ts | 11 +- .../frontend/src/pages/scratchpad.stories.ts | 11 +- packages/frontend/src/pages/search.stories.ts | 11 +- .../pages/settings/2fa.qrdialog.stories.ts | 11 +- .../src/pages/settings/2fa.stories.ts | 11 +- .../pages/settings/account-info.stories.ts | 11 +- .../src/pages/settings/accounts.stories.ts | 11 +- .../src/pages/settings/api.stories.ts | 11 +- .../src/pages/settings/apps.stories.ts | 11 +- .../src/pages/settings/custom-css.stories.ts | 11 +- .../src/pages/settings/deck.stories.ts | 11 +- .../pages/settings/delete-account.stories.ts | 11 +- .../src/pages/settings/drive.stories.ts | 11 +- .../src/pages/settings/email.stories.ts | 11 +- .../src/pages/settings/general.stories.ts | 11 +- .../pages/settings/import-export.stories.ts | 11 +- .../src/pages/settings/index.stories.ts | 11 +- .../pages/settings/instance-mute.stories.ts | 11 +- .../src/pages/settings/mute-block.stories.ts | 11 +- .../src/pages/settings/navbar.stories.ts | 11 +- .../pages/settings/notifications.stories.ts | 11 +- .../src/pages/settings/other.stories.ts | 11 +- .../pages/settings/plugin.install.stories.ts | 11 +- .../src/pages/settings/plugin.stories.ts | 11 +- .../settings/preferences-backups.stories.ts | 11 +- .../src/pages/settings/privacy.stories.ts | 11 +- .../src/pages/settings/profile.stories.ts | 11 +- .../src/pages/settings/reaction.stories.ts | 11 +- .../src/pages/settings/roles.stories.ts | 11 +- .../src/pages/settings/security.stories.ts | 11 +- .../pages/settings/sounds.sound.stories.ts | 11 +- .../src/pages/settings/sounds.stories.ts | 11 +- .../settings/statusbar.statusbar.stories.ts | 11 +- .../src/pages/settings/statusbar.stories.ts | 11 +- .../pages/settings/theme.install.stories.ts | 11 +- .../pages/settings/theme.manage.stories.ts | 11 +- .../src/pages/settings/theme.stories.ts | 11 +- .../pages/settings/webhook.edit.stories.ts | 11 +- .../src/pages/settings/webhook.new.stories.ts | 11 +- .../src/pages/settings/webhook.stories.ts | 11 +- .../src/pages/settings/word-mute.stories.ts | 11 +- packages/frontend/src/pages/share.stories.ts | 11 +- .../src/pages/signup-complete.stories.ts | 11 +- packages/frontend/src/pages/tag.stories.ts | 11 +- .../src/pages/theme-editor.stories.ts | 11 +- .../frontend/src/pages/timeline.stories.ts | 11 +- .../src/pages/timeline.tutorial.stories.ts | 11 +- .../frontend/src/pages/user-info.stories.ts | 11 +- .../src/pages/user-list-timeline.stories.ts | 11 +- .../frontend/src/pages/user-tag.stories.ts | 11 +- .../src/pages/user/achievements.stories.ts | 11 +- .../pages/user/activity.following.stories.ts | 11 +- .../pages/user/activity.heatmap.stories.ts | 11 +- .../src/pages/user/activity.notes.stories.ts | 11 +- .../src/pages/user/activity.pv.stories.ts | 11 +- .../src/pages/user/activity.stories.ts | 11 +- .../frontend/src/pages/user/clips.stories.ts | 11 +- .../src/pages/user/follow-list.stories.ts | 11 +- .../src/pages/user/followers.stories.ts | 11 +- .../src/pages/user/following.stories.ts | 11 +- .../src/pages/user/gallery.stories.ts | 11 +- .../frontend/src/pages/user/home.stories.ts | 11 +- .../src/pages/user/index.activity.stories.ts | 11 +- .../src/pages/user/index.photos.stories.ts | 11 +- .../frontend/src/pages/user/index.stories.ts | 11 +- .../src/pages/user/index.timeline.stories.ts | 11 +- .../frontend/src/pages/user/pages.stories.ts | 11 +- .../src/pages/user/reactions.stories.ts | 11 +- .../src/pages/welcome.entrance.a.stories.ts | 11 +- .../src/pages/welcome.entrance.b.stories.ts | 11 +- .../src/pages/welcome.entrance.c.stories.ts | 11 +- .../src/pages/welcome.setup.stories.ts | 11 +- .../frontend/src/pages/welcome.stories.ts | 11 +- .../src/pages/welcome.timeline.stories.ts | 11 +- .../src/ui/_common_/common.stories.ts | 11 +- .../ui/_common_/navbar-for-mobile.stories.ts | 11 +- .../src/ui/_common_/navbar.stories.ts | 11 +- .../src/ui/_common_/notification.stories.ts | 11 +- .../_common_/statusbar-federation.stories.ts | 11 +- .../src/ui/_common_/statusbar-rss.stories.ts | 11 +- .../_common_/statusbar-user-list.stories.ts | 11 +- .../src/ui/_common_/statusbars.stories.ts | 11 +- .../ui/_common_/stream-indicator.stories.ts | 11 +- .../src/ui/_common_/upload.stories.ts | 11 +- .../frontend/src/ui/classic.header.stories.ts | 11 +- .../src/ui/classic.sidebar.stories.ts | 11 +- packages/frontend/src/ui/classic.stories.ts | 11 +- packages/frontend/src/ui/deck.stories.ts | 11 +- .../src/ui/deck/antenna-column.stories.ts | 11 +- .../src/ui/deck/channel-column.stories.ts | 11 +- .../src/ui/deck/column-core.stories.ts | 11 +- .../frontend/src/ui/deck/column.stories.ts | 11 +- .../src/ui/deck/direct-column.stories.ts | 11 +- .../src/ui/deck/list-column.stories.ts | 11 +- .../src/ui/deck/main-column.stories.ts | 11 +- .../src/ui/deck/mentions-column.stories.ts | 11 +- .../ui/deck/notifications-column.stories.ts | 11 +- .../frontend/src/ui/deck/tl-column.stories.ts | 11 +- .../src/ui/deck/widgets-column.stories.ts | 11 +- packages/frontend/src/ui/universal.stories.ts | 11 +- .../src/ui/universal.widgets.stories.ts | 11 +- packages/frontend/src/ui/visitor.stories.ts | 11 +- packages/frontend/src/ui/visitor/a.stories.ts | 11 +- packages/frontend/src/ui/visitor/b.stories.ts | 11 +- .../frontend/src/ui/visitor/header.stories.ts | 11 +- .../frontend/src/ui/visitor/kanban.stories.ts | 11 +- packages/frontend/src/ui/zen.stories.ts | 11 +- .../WidgetActivity.calendar.stories.ts | 11 +- .../widgets/WidgetActivity.chart.stories.ts | 11 +- .../src/widgets/WidgetActivity.stories.ts | 11 +- .../src/widgets/WidgetAichan.stories.ts | 11 +- .../src/widgets/WidgetAiscript.stories.ts | 11 +- .../src/widgets/WidgetAiscriptApp.stories.ts | 11 +- .../src/widgets/WidgetButton.stories.ts | 11 +- .../src/widgets/WidgetCalendar.stories.ts | 11 +- .../src/widgets/WidgetClicker.stories.ts | 11 +- .../src/widgets/WidgetClock.stories.ts | 11 +- .../src/widgets/WidgetDigitalClock.stories.ts | 11 +- .../src/widgets/WidgetFederation.stories.ts | 11 +- .../widgets/WidgetInstanceCloud.stories.ts | 11 +- .../src/widgets/WidgetInstanceInfo.stories.ts | 11 +- .../src/widgets/WidgetJobQueue.stories.ts | 11 +- .../src/widgets/WidgetMemo.stories.ts | 11 +- .../widgets/WidgetNotifications.stories.ts | 11 +- .../src/widgets/WidgetOnlineUsers.stories.ts | 11 +- .../src/widgets/WidgetPhotos.stories.ts | 11 +- .../src/widgets/WidgetPostForm.stories.ts | 11 +- .../src/widgets/WidgetProfile.stories.ts | 11 +- .../frontend/src/widgets/WidgetRss.stories.ts | 11 +- .../src/widgets/WidgetRssTicker.stories.ts | 11 +- .../src/widgets/WidgetSlideshow.stories.ts | 11 +- .../src/widgets/WidgetTimeline.stories.ts | 11 +- .../src/widgets/WidgetTrends.stories.ts | 11 +- .../src/widgets/WidgetUnixClock.stories.ts | 11 +- .../src/widgets/WidgetUserList.stories.ts | 11 +- .../widgets/server-metric/cpu-mem.stories.ts | 11 +- .../src/widgets/server-metric/cpu.stories.ts | 11 +- .../src/widgets/server-metric/disk.stories.ts | 11 +- .../widgets/server-metric/index.stories.ts | 11 +- .../src/widgets/server-metric/mem.stories.ts | 11 +- .../src/widgets/server-metric/net.stories.ts | 11 +- .../src/widgets/server-metric/pie.stories.ts | 11 +- pnpm-lock.yaml | 296 ++++++++++++++++-- 435 files changed, 3887 insertions(+), 1361 deletions(-) create mode 100644 packages/frontend/.storybook/manager.ts create mode 100644 packages/frontend/src/components/MkButton.stories.impl.ts diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx index b446d30fb1..cc39ef68e7 100644 --- a/packages/frontend/.storybook/generate.tsx +++ b/packages/frontend/.storybook/generate.tsx @@ -1,4 +1,5 @@ -import * as fs from 'node:fs/promises'; +import { existsSync, readFileSync } from 'node:fs'; +import { writeFile } from 'node:fs/promises'; import { basename, dirname } from 'node:path/posix'; import { promisify } from 'node:util'; import { generate } from 'astring'; @@ -12,6 +13,10 @@ function h(component: T['type'], props: Omit): } function toStories(component: string): string { + const msw = `${component.slice(0, -'.vue'.length)}.msw`; + const implStories = `${component.slice(0, -'.vue'.length)}.stories.impl`; + const hasMsw = existsSync(`${msw}.ts`); + const hasImplStories = existsSync(`${implStories}.ts`); const base = basename(component); const dir = dirname(component); const literal = ( @@ -27,7 +32,17 @@ function toStories(component: string): string { key={} value={} kind="init" - /> + />, + ...hasMsw + ? [ + } + value={} + kind="init" + shorthand + />, + ] + : [], ]} /> ); @@ -47,6 +62,18 @@ function toStories(component: string): string { />, ]} />, + ...hasMsw + ? [ + } + specifiers={[ + } + />, + ]} + />, + ] + : [], } specifiers={[ @@ -80,50 +107,109 @@ function toStories(component: string): string { />, ]} />, - } - init={ - } - value={ - , - ]} - /> - } - kind="init" - />, - } - value={`} />} - kind="init" - />, - } - value={parameters} - kind="init" - />, - ]} - /> - } - />, - ]} - /> - } - />, + ...hasImplStories + ? [ + ] + : [ + } + init={ + } + value={ + } + params={[ + , + } + value={} + kind="init" + shorthand + />, + ]} + />, + ]} + body={ + } + value={ + , + ]} + /> + } + kind="init" + />, + } + value={ + } + property={} + /> + } + arguments={[ + , + ]} + /> + } + kind="init" + />, + } + value={`} />} + kind="init" + />, + ]} + /> + } + />, + ]} + /> + } + /> + } + method + kind="init" + />, + } + value={parameters} + kind="init" + />, + ]} + /> + } + />, + ]} + /> + } + />, + ], } />, @@ -131,7 +217,7 @@ function toStories(component: string): string { /> ) as unknown as estree.Program; return format( - generate(program), + generate(program) + (hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''), { parser: 'babel-ts', singleQuote: true, @@ -143,11 +229,6 @@ function toStories(component: string): string { promisify(glob)('src/{components,pages,ui,widgets}/**/*.vue').then((components) => Promise.all( components.map((component) => { const stories = component.replace(/\.vue$/, '.stories.ts'); - fs.stat(stories).then( - () => {}, - () => { - fs.writeFile(stories, toStories(component)); - } - ); + return writeFile(stories, toStories(component)); }) )); diff --git a/packages/frontend/.storybook/manager.ts b/packages/frontend/.storybook/manager.ts new file mode 100644 index 0000000000..33213bffa9 --- /dev/null +++ b/packages/frontend/.storybook/manager.ts @@ -0,0 +1,12 @@ +import { addons } from '@storybook/manager-api'; +import { create } from '@storybook/theming/create'; + +addons.setConfig({ + theme: create({ + base: 'dark', + brandTitle: 'Misskey Storybook', + brandUrl: 'https://misskey-hub.net', + brandImage: 'https://github.com/misskey-dev/assets/blob/main/misskey.svg?raw=true', + brandTarget: '_blank', + }), +}); diff --git a/packages/frontend/.storybook/preview.ts b/packages/frontend/.storybook/preview.ts index 40b6ea0fb0..1e9bcca09f 100644 --- a/packages/frontend/.storybook/preview.ts +++ b/packages/frontend/.storybook/preview.ts @@ -1,8 +1,10 @@ import { type Preview, setup } from '@storybook/vue3'; +import { initialize, mswDecorator } from 'msw-storybook-addon'; import locale from './locale'; import theme from './theme'; import '../src/style.scss'; +initialize(); localStorage.setItem("locale", JSON.stringify(locale)); Promise.all([ import('../src/components'), @@ -15,12 +17,22 @@ Promise.all([ directives(app); widgets(app); }); -}) +}); const preview = { + decorators: [ + mswDecorator, + ], parameters: { layout: 'centered', }, + argTypes: { + default: { + control: { + type: 'text', + }, + }, + }, } satisfies Preview; export default preview; diff --git a/packages/frontend/package.json b/packages/frontend/package.json index 0a7e6b50bb..03f7e5d2bb 100644 --- a/packages/frontend/package.json +++ b/packages/frontend/package.json @@ -76,7 +76,9 @@ "@storybook/addon-interactions": "^7.0.0-rc.4", "@storybook/addon-links": "^7.0.0-rc.4", "@storybook/blocks": "^7.0.0-rc.4", + "@storybook/manager-api": "7.0.0-rc.4", "@storybook/testing-library": "^0.0.14-next.1", + "@storybook/theming": "7.0.0-rc.4", "@storybook/vue3": "^7.0.0-rc.4", "@storybook/vue3-vite": "^7.0.0-rc.4", "@testing-library/vue": "^6.6.1", @@ -105,6 +107,8 @@ "eslint-plugin-import": "2.27.5", "eslint-plugin-vue": "9.9.0", "happy-dom": "8.9.0", + "msw": "^1.1.0", + "msw-storybook-addon": "^1.8.0", "prettier": "^2.8.4", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/packages/frontend/src/components/MkAbuseReport.stories.ts b/packages/frontend/src/components/MkAbuseReport.stories.ts index 4b02967692..e3a87b80fd 100644 --- a/packages/frontend/src/components/MkAbuseReport.stories.ts +++ b/packages/frontend/src/components/MkAbuseReport.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAbuseReport, }; export const Default = { - components: { - MkAbuseReport, + render(args, { argTypes }) { + return { + components: { + MkAbuseReport, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts index e8f90339f1..47b0923e9a 100644 --- a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts +++ b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAbuseReportWindow, }; export const Default = { - components: { - MkAbuseReportWindow, + render(args, { argTypes }) { + return { + components: { + MkAbuseReportWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAchievements.stories.ts b/packages/frontend/src/components/MkAchievements.stories.ts index a62fadc5cf..9c0b1aec8d 100644 --- a/packages/frontend/src/components/MkAchievements.stories.ts +++ b/packages/frontend/src/components/MkAchievements.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAchievements, }; export const Default = { - components: { - MkAchievements, + render(args, { argTypes }) { + return { + components: { + MkAchievements, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAnalogClock.stories.ts b/packages/frontend/src/components/MkAnalogClock.stories.ts index 7f3e51128e..f81e997cfb 100644 --- a/packages/frontend/src/components/MkAnalogClock.stories.ts +++ b/packages/frontend/src/components/MkAnalogClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAnalogClock, }; export const Default = { - components: { - MkAnalogClock, + render(args, { argTypes }) { + return { + components: { + MkAnalogClock, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/components/MkAsUi.stories.ts b/packages/frontend/src/components/MkAsUi.stories.ts index 82bc3c05cc..7ad72bef43 100644 --- a/packages/frontend/src/components/MkAsUi.stories.ts +++ b/packages/frontend/src/components/MkAsUi.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAsUi, }; export const Default = { - components: { - MkAsUi, + render(args, { argTypes }) { + return { + components: { + MkAsUi, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAutocomplete.stories.ts b/packages/frontend/src/components/MkAutocomplete.stories.ts index 6a1be12e08..c6a0f6be63 100644 --- a/packages/frontend/src/components/MkAutocomplete.stories.ts +++ b/packages/frontend/src/components/MkAutocomplete.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAutocomplete, }; export const Default = { - components: { - MkAutocomplete, + render(args, { argTypes }) { + return { + components: { + MkAutocomplete, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAvatars.stories.ts b/packages/frontend/src/components/MkAvatars.stories.ts index 26b7fab544..bc2a82c842 100644 --- a/packages/frontend/src/components/MkAvatars.stories.ts +++ b/packages/frontend/src/components/MkAvatars.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAvatars, }; export const Default = { - components: { - MkAvatars, + render(args, { argTypes }) { + return { + components: { + MkAvatars, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkButton.stories.impl.ts b/packages/frontend/src/components/MkButton.stories.impl.ts new file mode 100644 index 0000000000..5f73ca71bc --- /dev/null +++ b/packages/frontend/src/components/MkButton.stories.impl.ts @@ -0,0 +1,14 @@ +export const Default = { + render(args, { argTypes }) { + return { + components: { + MkButton, + }, + props: Object.keys(argTypes), + template: 'Text', + }; + }, + parameters: { + layout: 'centered', + }, +}; diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts index 26ce51bcaf..57dacb8f18 100644 --- a/packages/frontend/src/components/MkButton.stories.ts +++ b/packages/frontend/src/components/MkButton.stories.ts @@ -4,13 +4,18 @@ const meta = { title: 'components/MkButton', component: MkButton, }; +export default meta; export const Default = { - components: { - MkButton, + render(args, { argTypes }) { + return { + components: { + MkButton, + }, + props: Object.keys(argTypes), + template: 'Text', + }; }, - template: '', parameters: { layout: 'centered', }, }; -export default meta; diff --git a/packages/frontend/src/components/MkCaptcha.stories.ts b/packages/frontend/src/components/MkCaptcha.stories.ts index 23d8b56244..e58f36ccff 100644 --- a/packages/frontend/src/components/MkCaptcha.stories.ts +++ b/packages/frontend/src/components/MkCaptcha.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCaptcha, }; export const Default = { - components: { - MkCaptcha, + render(args, { argTypes }) { + return { + components: { + MkCaptcha, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChannelFollowButton.stories.ts b/packages/frontend/src/components/MkChannelFollowButton.stories.ts index 6ce5d52d9c..889b9a7f09 100644 --- a/packages/frontend/src/components/MkChannelFollowButton.stories.ts +++ b/packages/frontend/src/components/MkChannelFollowButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChannelFollowButton, }; export const Default = { - components: { - MkChannelFollowButton, + render(args, { argTypes }) { + return { + components: { + MkChannelFollowButton, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChannelPreview.stories.ts b/packages/frontend/src/components/MkChannelPreview.stories.ts index 45f3808738..a4537bee52 100644 --- a/packages/frontend/src/components/MkChannelPreview.stories.ts +++ b/packages/frontend/src/components/MkChannelPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChannelPreview, }; export const Default = { - components: { - MkChannelPreview, + render(args, { argTypes }) { + return { + components: { + MkChannelPreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChart.stories.ts b/packages/frontend/src/components/MkChart.stories.ts index cf607d7703..8d4b633edf 100644 --- a/packages/frontend/src/components/MkChart.stories.ts +++ b/packages/frontend/src/components/MkChart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChart, }; export const Default = { - components: { - MkChart, + render(args, { argTypes }) { + return { + components: { + MkChart, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChartLegend.stories.ts b/packages/frontend/src/components/MkChartLegend.stories.ts index 8e6a449b59..fcc39a6a46 100644 --- a/packages/frontend/src/components/MkChartLegend.stories.ts +++ b/packages/frontend/src/components/MkChartLegend.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChartLegend, }; export const Default = { - components: { - MkChartLegend, + render(args, { argTypes }) { + return { + components: { + MkChartLegend, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChartTooltip.stories.ts b/packages/frontend/src/components/MkChartTooltip.stories.ts index 71095ce79e..d0ab98b975 100644 --- a/packages/frontend/src/components/MkChartTooltip.stories.ts +++ b/packages/frontend/src/components/MkChartTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChartTooltip, }; export const Default = { - components: { - MkChartTooltip, + render(args, { argTypes }) { + return { + components: { + MkChartTooltip, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCheckbox.stories.ts b/packages/frontend/src/components/MkCheckbox.stories.ts index 1aaa03ba0c..177b8a6402 100644 --- a/packages/frontend/src/components/MkCheckbox.stories.ts +++ b/packages/frontend/src/components/MkCheckbox.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCheckbox, }; export const Default = { - components: { - MkCheckbox, + render(args, { argTypes }) { + return { + components: { + MkCheckbox, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkClickerGame.stories.ts b/packages/frontend/src/components/MkClickerGame.stories.ts index 39dad4e676..c56ec9bd1a 100644 --- a/packages/frontend/src/components/MkClickerGame.stories.ts +++ b/packages/frontend/src/components/MkClickerGame.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkClickerGame, }; export const Default = { - components: { - MkClickerGame, + render(args, { argTypes }) { + return { + components: { + MkClickerGame, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkClipPreview.stories.ts b/packages/frontend/src/components/MkClipPreview.stories.ts index b512c34e4a..422d12fab1 100644 --- a/packages/frontend/src/components/MkClipPreview.stories.ts +++ b/packages/frontend/src/components/MkClipPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkClipPreview, }; export const Default = { - components: { - MkClipPreview, + render(args, { argTypes }) { + return { + components: { + MkClipPreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCode.core.stories.ts b/packages/frontend/src/components/MkCode.core.stories.ts index dcc7d6f46d..53b41eb0c9 100644 --- a/packages/frontend/src/components/MkCode.core.stories.ts +++ b/packages/frontend/src/components/MkCode.core.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCode_core, }; export const Default = { - components: { - MkCode_core, + render(args, { argTypes }) { + return { + components: { + MkCode_core, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCode.stories.ts b/packages/frontend/src/components/MkCode.stories.ts index 625d6f3d22..1f6d4daff0 100644 --- a/packages/frontend/src/components/MkCode.stories.ts +++ b/packages/frontend/src/components/MkCode.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCode, }; export const Default = { - components: { - MkCode, + render(args, { argTypes }) { + return { + components: { + MkCode, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkContainer.stories.ts b/packages/frontend/src/components/MkContainer.stories.ts index 73aa520ba4..cd07161ce9 100644 --- a/packages/frontend/src/components/MkContainer.stories.ts +++ b/packages/frontend/src/components/MkContainer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkContainer, }; export const Default = { - components: { - MkContainer, + render(args, { argTypes }) { + return { + components: { + MkContainer, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkContextMenu.stories.ts b/packages/frontend/src/components/MkContextMenu.stories.ts index 78885a57ae..927e51c8a1 100644 --- a/packages/frontend/src/components/MkContextMenu.stories.ts +++ b/packages/frontend/src/components/MkContextMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkContextMenu, }; export const Default = { - components: { - MkContextMenu, + render(args, { argTypes }) { + return { + components: { + MkContextMenu, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCropperDialog.stories.ts b/packages/frontend/src/components/MkCropperDialog.stories.ts index 38c665d770..3896c88404 100644 --- a/packages/frontend/src/components/MkCropperDialog.stories.ts +++ b/packages/frontend/src/components/MkCropperDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCropperDialog, }; export const Default = { - components: { - MkCropperDialog, + render(args, { argTypes }) { + return { + components: { + MkCropperDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCwButton.stories.ts b/packages/frontend/src/components/MkCwButton.stories.ts index 3545121190..1a7398a951 100644 --- a/packages/frontend/src/components/MkCwButton.stories.ts +++ b/packages/frontend/src/components/MkCwButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCwButton, }; export const Default = { - components: { - MkCwButton, + render(args, { argTypes }) { + return { + components: { + MkCwButton, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDateSeparatedList.stories.ts b/packages/frontend/src/components/MkDateSeparatedList.stories.ts index ea319c12eb..719734a08f 100644 --- a/packages/frontend/src/components/MkDateSeparatedList.stories.ts +++ b/packages/frontend/src/components/MkDateSeparatedList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDateSeparatedList, }; export const Default = { - components: { - MkDateSeparatedList, + render(args, { argTypes }) { + return { + components: { + MkDateSeparatedList, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDialog.stories.ts b/packages/frontend/src/components/MkDialog.stories.ts index 2996b180ba..939cc9a571 100644 --- a/packages/frontend/src/components/MkDialog.stories.ts +++ b/packages/frontend/src/components/MkDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDialog, }; export const Default = { - components: { - MkDialog, + render(args, { argTypes }) { + return { + components: { + MkDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDigitalClock.stories.ts b/packages/frontend/src/components/MkDigitalClock.stories.ts index 6a6299d5cb..86706bde1e 100644 --- a/packages/frontend/src/components/MkDigitalClock.stories.ts +++ b/packages/frontend/src/components/MkDigitalClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDigitalClock, }; export const Default = { - components: { - MkDigitalClock, + render(args, { argTypes }) { + return { + components: { + MkDigitalClock, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDonation.stories.ts b/packages/frontend/src/components/MkDonation.stories.ts index afee626577..ae57ad2502 100644 --- a/packages/frontend/src/components/MkDonation.stories.ts +++ b/packages/frontend/src/components/MkDonation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDonation, }; export const Default = { - components: { - MkDonation, + render(args, { argTypes }) { + return { + components: { + MkDonation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.file.stories.ts b/packages/frontend/src/components/MkDrive.file.stories.ts index 0730b78a69..c873285b4f 100644 --- a/packages/frontend/src/components/MkDrive.file.stories.ts +++ b/packages/frontend/src/components/MkDrive.file.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive_file, }; export const Default = { - components: { - MkDrive_file, + render(args, { argTypes }) { + return { + components: { + MkDrive_file, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.folder.stories.ts b/packages/frontend/src/components/MkDrive.folder.stories.ts index 4b5f5b9ac3..3d70a81bb4 100644 --- a/packages/frontend/src/components/MkDrive.folder.stories.ts +++ b/packages/frontend/src/components/MkDrive.folder.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive_folder, }; export const Default = { - components: { - MkDrive_folder, + render(args, { argTypes }) { + return { + components: { + MkDrive_folder, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.navFolder.stories.ts b/packages/frontend/src/components/MkDrive.navFolder.stories.ts index f38016e320..1279d9eae1 100644 --- a/packages/frontend/src/components/MkDrive.navFolder.stories.ts +++ b/packages/frontend/src/components/MkDrive.navFolder.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive_navFolder, }; export const Default = { - components: { - MkDrive_navFolder, + render(args, { argTypes }) { + return { + components: { + MkDrive_navFolder, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.stories.ts b/packages/frontend/src/components/MkDrive.stories.ts index 2d4afc95da..f581ddabeb 100644 --- a/packages/frontend/src/components/MkDrive.stories.ts +++ b/packages/frontend/src/components/MkDrive.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive, }; export const Default = { - components: { - MkDrive, + render(args, { argTypes }) { + return { + components: { + MkDrive, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts index 4b3565cf2d..9e6e078c06 100644 --- a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts +++ b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDriveFileThumbnail, }; export const Default = { - components: { - MkDriveFileThumbnail, + render(args, { argTypes }) { + return { + components: { + MkDriveFileThumbnail, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts index 0ac06ba2fe..39a7828b4f 100644 --- a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts +++ b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDriveSelectDialog, }; export const Default = { - components: { - MkDriveSelectDialog, + render(args, { argTypes }) { + return { + components: { + MkDriveSelectDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDriveWindow.stories.ts b/packages/frontend/src/components/MkDriveWindow.stories.ts index 44d46b19d7..29cdd5228e 100644 --- a/packages/frontend/src/components/MkDriveWindow.stories.ts +++ b/packages/frontend/src/components/MkDriveWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDriveWindow, }; export const Default = { - components: { - MkDriveWindow, + render(args, { argTypes }) { + return { + components: { + MkDriveWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts index 1a19f4fb3d..60ea8fac00 100644 --- a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts +++ b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPicker_section, }; export const Default = { - components: { - MkEmojiPicker_section, + render(args, { argTypes }) { + return { + components: { + MkEmojiPicker_section, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPicker.stories.ts b/packages/frontend/src/components/MkEmojiPicker.stories.ts index 977be11bc7..06b41d28d7 100644 --- a/packages/frontend/src/components/MkEmojiPicker.stories.ts +++ b/packages/frontend/src/components/MkEmojiPicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPicker, }; export const Default = { - components: { - MkEmojiPicker, + render(args, { argTypes }) { + return { + components: { + MkEmojiPicker, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts index ec6972bac3..56ab6ac013 100644 --- a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts +++ b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPickerDialog, }; export const Default = { - components: { - MkEmojiPickerDialog, + render(args, { argTypes }) { + return { + components: { + MkEmojiPickerDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts index d3393d8f97..470bacaf2c 100644 --- a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts +++ b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPickerWindow, }; export const Default = { - components: { - MkEmojiPickerWindow, + render(args, { argTypes }) { + return { + components: { + MkEmojiPickerWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts index 613723d08d..0da9787c9c 100644 --- a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts +++ b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFeaturedPhotos, }; export const Default = { - components: { - MkFeaturedPhotos, + render(args, { argTypes }) { + return { + components: { + MkFeaturedPhotos, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts index c86d7d1887..2ade1eef49 100644 --- a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts +++ b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFileCaptionEditWindow, }; export const Default = { - components: { - MkFileCaptionEditWindow, + render(args, { argTypes }) { + return { + components: { + MkFileCaptionEditWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFileListForAdmin.stories.ts b/packages/frontend/src/components/MkFileListForAdmin.stories.ts index cd66908fc6..22386b84c2 100644 --- a/packages/frontend/src/components/MkFileListForAdmin.stories.ts +++ b/packages/frontend/src/components/MkFileListForAdmin.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFileListForAdmin, }; export const Default = { - components: { - MkFileListForAdmin, + render(args, { argTypes }) { + return { + components: { + MkFileListForAdmin, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFlashPreview.stories.ts b/packages/frontend/src/components/MkFlashPreview.stories.ts index ec23c2055e..b8d218ed70 100644 --- a/packages/frontend/src/components/MkFlashPreview.stories.ts +++ b/packages/frontend/src/components/MkFlashPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFlashPreview, }; export const Default = { - components: { - MkFlashPreview, + render(args, { argTypes }) { + return { + components: { + MkFlashPreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFoldableSection.stories.ts b/packages/frontend/src/components/MkFoldableSection.stories.ts index 3760566e03..80d9ca8615 100644 --- a/packages/frontend/src/components/MkFoldableSection.stories.ts +++ b/packages/frontend/src/components/MkFoldableSection.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFoldableSection, }; export const Default = { - components: { - MkFoldableSection, + render(args, { argTypes }) { + return { + components: { + MkFoldableSection, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFolder.stories.ts b/packages/frontend/src/components/MkFolder.stories.ts index b873a6238c..7eb6a3b0e3 100644 --- a/packages/frontend/src/components/MkFolder.stories.ts +++ b/packages/frontend/src/components/MkFolder.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFolder, }; export const Default = { - components: { - MkFolder, + render(args, { argTypes }) { + return { + components: { + MkFolder, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFollowButton.stories.ts b/packages/frontend/src/components/MkFollowButton.stories.ts index 51d7827dfc..4e85afa014 100644 --- a/packages/frontend/src/components/MkFollowButton.stories.ts +++ b/packages/frontend/src/components/MkFollowButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFollowButton, }; export const Default = { - components: { - MkFollowButton, + render(args, { argTypes }) { + return { + components: { + MkFollowButton, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkForgotPassword.stories.ts b/packages/frontend/src/components/MkForgotPassword.stories.ts index 3f809e6906..6dd724aa12 100644 --- a/packages/frontend/src/components/MkForgotPassword.stories.ts +++ b/packages/frontend/src/components/MkForgotPassword.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkForgotPassword, }; export const Default = { - components: { - MkForgotPassword, + render(args, { argTypes }) { + return { + components: { + MkForgotPassword, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFormDialog.stories.ts b/packages/frontend/src/components/MkFormDialog.stories.ts index 45e1c6b20f..6622424376 100644 --- a/packages/frontend/src/components/MkFormDialog.stories.ts +++ b/packages/frontend/src/components/MkFormDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFormDialog, }; export const Default = { - components: { - MkFormDialog, + render(args, { argTypes }) { + return { + components: { + MkFormDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts index 89e4fe3080..18b0ab6ae1 100644 --- a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts +++ b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkGalleryPostPreview, }; export const Default = { - components: { - MkGalleryPostPreview, + render(args, { argTypes }) { + return { + components: { + MkGalleryPostPreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkGoogle.stories.ts b/packages/frontend/src/components/MkGoogle.stories.ts index 01f147cd0a..660607038f 100644 --- a/packages/frontend/src/components/MkGoogle.stories.ts +++ b/packages/frontend/src/components/MkGoogle.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkGoogle, }; export const Default = { - components: { - MkGoogle, + render(args, { argTypes }) { + return { + components: { + MkGoogle, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkHeatmap.stories.ts b/packages/frontend/src/components/MkHeatmap.stories.ts index 334cde91c7..1fdb8eb081 100644 --- a/packages/frontend/src/components/MkHeatmap.stories.ts +++ b/packages/frontend/src/components/MkHeatmap.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkHeatmap, }; export const Default = { - components: { - MkHeatmap, + render(args, { argTypes }) { + return { + components: { + MkHeatmap, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkImageViewer.stories.ts b/packages/frontend/src/components/MkImageViewer.stories.ts index c2be14dcda..4f0ff7f437 100644 --- a/packages/frontend/src/components/MkImageViewer.stories.ts +++ b/packages/frontend/src/components/MkImageViewer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkImageViewer, }; export const Default = { - components: { - MkImageViewer, + render(args, { argTypes }) { + return { + components: { + MkImageViewer, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts index 06c2062af2..c00088d9b2 100644 --- a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts +++ b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkImgWithBlurhash, }; export const Default = { - components: { - MkImgWithBlurhash, + render(args, { argTypes }) { + return { + components: { + MkImgWithBlurhash, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInfo.stories.ts b/packages/frontend/src/components/MkInfo.stories.ts index d559660393..1e164d4278 100644 --- a/packages/frontend/src/components/MkInfo.stories.ts +++ b/packages/frontend/src/components/MkInfo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInfo, }; export const Default = { - components: { - MkInfo, + render(args, { argTypes }) { + return { + components: { + MkInfo, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInput.stories.ts b/packages/frontend/src/components/MkInput.stories.ts index 65d43322bb..199a5b5392 100644 --- a/packages/frontend/src/components/MkInput.stories.ts +++ b/packages/frontend/src/components/MkInput.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInput, }; export const Default = { - components: { - MkInput, + render(args, { argTypes }) { + return { + components: { + MkInput, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInstanceCardMini.stories.ts b/packages/frontend/src/components/MkInstanceCardMini.stories.ts index 8bd0eb1b41..fcc9e8f2ee 100644 --- a/packages/frontend/src/components/MkInstanceCardMini.stories.ts +++ b/packages/frontend/src/components/MkInstanceCardMini.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInstanceCardMini, }; export const Default = { - components: { - MkInstanceCardMini, + render(args, { argTypes }) { + return { + components: { + MkInstanceCardMini, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInstanceStats.stories.ts b/packages/frontend/src/components/MkInstanceStats.stories.ts index ee5aec9810..74fa5359be 100644 --- a/packages/frontend/src/components/MkInstanceStats.stories.ts +++ b/packages/frontend/src/components/MkInstanceStats.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInstanceStats, }; export const Default = { - components: { - MkInstanceStats, + render(args, { argTypes }) { + return { + components: { + MkInstanceStats, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInstanceTicker.stories.ts b/packages/frontend/src/components/MkInstanceTicker.stories.ts index c8809ad876..87eb49a7c7 100644 --- a/packages/frontend/src/components/MkInstanceTicker.stories.ts +++ b/packages/frontend/src/components/MkInstanceTicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInstanceTicker, }; export const Default = { - components: { - MkInstanceTicker, + render(args, { argTypes }) { + return { + components: { + MkInstanceTicker, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkKeyValue.stories.ts b/packages/frontend/src/components/MkKeyValue.stories.ts index a69bd185ad..83753e146c 100644 --- a/packages/frontend/src/components/MkKeyValue.stories.ts +++ b/packages/frontend/src/components/MkKeyValue.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkKeyValue, }; export const Default = { - components: { - MkKeyValue, + render(args, { argTypes }) { + return { + components: { + MkKeyValue, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkLaunchPad.stories.ts b/packages/frontend/src/components/MkLaunchPad.stories.ts index 3c58063e39..02e239763d 100644 --- a/packages/frontend/src/components/MkLaunchPad.stories.ts +++ b/packages/frontend/src/components/MkLaunchPad.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkLaunchPad, }; export const Default = { - components: { - MkLaunchPad, + render(args, { argTypes }) { + return { + components: { + MkLaunchPad, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkLink.stories.ts b/packages/frontend/src/components/MkLink.stories.ts index 5445eb8593..33baee8702 100644 --- a/packages/frontend/src/components/MkLink.stories.ts +++ b/packages/frontend/src/components/MkLink.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkLink, }; export const Default = { - components: { - MkLink, + render(args, { argTypes }) { + return { + components: { + MkLink, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMarquee.stories.ts b/packages/frontend/src/components/MkMarquee.stories.ts index 14981dbd53..9fec1d5a89 100644 --- a/packages/frontend/src/components/MkMarquee.stories.ts +++ b/packages/frontend/src/components/MkMarquee.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMarquee, }; export const Default = { - components: { - MkMarquee, + render(args, { argTypes }) { + return { + components: { + MkMarquee, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaBanner.stories.ts b/packages/frontend/src/components/MkMediaBanner.stories.ts index 90424768c9..dcf57f0cc8 100644 --- a/packages/frontend/src/components/MkMediaBanner.stories.ts +++ b/packages/frontend/src/components/MkMediaBanner.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaBanner, }; export const Default = { - components: { - MkMediaBanner, + render(args, { argTypes }) { + return { + components: { + MkMediaBanner, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaImage.stories.ts b/packages/frontend/src/components/MkMediaImage.stories.ts index bc985ff171..cb495872da 100644 --- a/packages/frontend/src/components/MkMediaImage.stories.ts +++ b/packages/frontend/src/components/MkMediaImage.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaImage, }; export const Default = { - components: { - MkMediaImage, + render(args, { argTypes }) { + return { + components: { + MkMediaImage, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaList.stories.ts b/packages/frontend/src/components/MkMediaList.stories.ts index 0b38efe507..87eb23dc89 100644 --- a/packages/frontend/src/components/MkMediaList.stories.ts +++ b/packages/frontend/src/components/MkMediaList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaList, }; export const Default = { - components: { - MkMediaList, + render(args, { argTypes }) { + return { + components: { + MkMediaList, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaVideo.stories.ts b/packages/frontend/src/components/MkMediaVideo.stories.ts index 7b25dcef02..a39adebbe7 100644 --- a/packages/frontend/src/components/MkMediaVideo.stories.ts +++ b/packages/frontend/src/components/MkMediaVideo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaVideo, }; export const Default = { - components: { - MkMediaVideo, + render(args, { argTypes }) { + return { + components: { + MkMediaVideo, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMention.stories.ts b/packages/frontend/src/components/MkMention.stories.ts index d03eeaf7e9..459633a07a 100644 --- a/packages/frontend/src/components/MkMention.stories.ts +++ b/packages/frontend/src/components/MkMention.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMention, }; export const Default = { - components: { - MkMention, + render(args, { argTypes }) { + return { + components: { + MkMention, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMenu.child.stories.ts b/packages/frontend/src/components/MkMenu.child.stories.ts index cec1d4c726..114d710409 100644 --- a/packages/frontend/src/components/MkMenu.child.stories.ts +++ b/packages/frontend/src/components/MkMenu.child.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMenu_child, }; export const Default = { - components: { - MkMenu_child, + render(args, { argTypes }) { + return { + components: { + MkMenu_child, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMenu.stories.ts b/packages/frontend/src/components/MkMenu.stories.ts index 79f4714bc7..9a293bcc9c 100644 --- a/packages/frontend/src/components/MkMenu.stories.ts +++ b/packages/frontend/src/components/MkMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMenu, }; export const Default = { - components: { - MkMenu, + render(args, { argTypes }) { + return { + components: { + MkMenu, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMiniChart.stories.ts b/packages/frontend/src/components/MkMiniChart.stories.ts index 18f37447cf..f773bafe25 100644 --- a/packages/frontend/src/components/MkMiniChart.stories.ts +++ b/packages/frontend/src/components/MkMiniChart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMiniChart, }; export const Default = { - components: { - MkMiniChart, + render(args, { argTypes }) { + return { + components: { + MkMiniChart, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkModal.stories.ts b/packages/frontend/src/components/MkModal.stories.ts index d1c3977006..84f40abc0d 100644 --- a/packages/frontend/src/components/MkModal.stories.ts +++ b/packages/frontend/src/components/MkModal.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkModal, }; export const Default = { - components: { - MkModal, + render(args, { argTypes }) { + return { + components: { + MkModal, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkModalPageWindow.stories.ts b/packages/frontend/src/components/MkModalPageWindow.stories.ts index c4c162f789..3312818799 100644 --- a/packages/frontend/src/components/MkModalPageWindow.stories.ts +++ b/packages/frontend/src/components/MkModalPageWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkModalPageWindow, }; export const Default = { - components: { - MkModalPageWindow, + render(args, { argTypes }) { + return { + components: { + MkModalPageWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkModalWindow.stories.ts b/packages/frontend/src/components/MkModalWindow.stories.ts index 2212cd6a4d..7e71ae0716 100644 --- a/packages/frontend/src/components/MkModalWindow.stories.ts +++ b/packages/frontend/src/components/MkModalWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkModalWindow, }; export const Default = { - components: { - MkModalWindow, + render(args, { argTypes }) { + return { + components: { + MkModalWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNote.stories.ts b/packages/frontend/src/components/MkNote.stories.ts index d828d38446..47dfafc763 100644 --- a/packages/frontend/src/components/MkNote.stories.ts +++ b/packages/frontend/src/components/MkNote.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNote, }; export const Default = { - components: { - MkNote, + render(args, { argTypes }) { + return { + components: { + MkNote, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteDetailed.stories.ts b/packages/frontend/src/components/MkNoteDetailed.stories.ts index b787ea37bd..3e106adfaa 100644 --- a/packages/frontend/src/components/MkNoteDetailed.stories.ts +++ b/packages/frontend/src/components/MkNoteDetailed.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteDetailed, }; export const Default = { - components: { - MkNoteDetailed, + render(args, { argTypes }) { + return { + components: { + MkNoteDetailed, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteHeader.stories.ts b/packages/frontend/src/components/MkNoteHeader.stories.ts index af7c5b2704..e49279ae58 100644 --- a/packages/frontend/src/components/MkNoteHeader.stories.ts +++ b/packages/frontend/src/components/MkNoteHeader.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteHeader, }; export const Default = { - components: { - MkNoteHeader, + render(args, { argTypes }) { + return { + components: { + MkNoteHeader, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotePreview.stories.ts b/packages/frontend/src/components/MkNotePreview.stories.ts index 5feba941c1..d3074aacae 100644 --- a/packages/frontend/src/components/MkNotePreview.stories.ts +++ b/packages/frontend/src/components/MkNotePreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotePreview, }; export const Default = { - components: { - MkNotePreview, + render(args, { argTypes }) { + return { + components: { + MkNotePreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteSimple.stories.ts b/packages/frontend/src/components/MkNoteSimple.stories.ts index 14fe3aea81..60676a0f85 100644 --- a/packages/frontend/src/components/MkNoteSimple.stories.ts +++ b/packages/frontend/src/components/MkNoteSimple.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteSimple, }; export const Default = { - components: { - MkNoteSimple, + render(args, { argTypes }) { + return { + components: { + MkNoteSimple, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteSub.stories.ts b/packages/frontend/src/components/MkNoteSub.stories.ts index 9d526ec98f..4e63f95701 100644 --- a/packages/frontend/src/components/MkNoteSub.stories.ts +++ b/packages/frontend/src/components/MkNoteSub.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteSub, }; export const Default = { - components: { - MkNoteSub, + render(args, { argTypes }) { + return { + components: { + MkNoteSub, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotes.stories.ts b/packages/frontend/src/components/MkNotes.stories.ts index 8c2a39d66a..ee559a017b 100644 --- a/packages/frontend/src/components/MkNotes.stories.ts +++ b/packages/frontend/src/components/MkNotes.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotes, }; export const Default = { - components: { - MkNotes, + render(args, { argTypes }) { + return { + components: { + MkNotes, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotification.stories.ts b/packages/frontend/src/components/MkNotification.stories.ts index 13f5d751ad..7960900a8d 100644 --- a/packages/frontend/src/components/MkNotification.stories.ts +++ b/packages/frontend/src/components/MkNotification.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotification, }; export const Default = { - components: { - MkNotification, + render(args, { argTypes }) { + return { + components: { + MkNotification, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts index adc6627f58..78dc44c8ad 100644 --- a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts +++ b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotificationSettingWindow, }; export const Default = { - components: { - MkNotificationSettingWindow, + render(args, { argTypes }) { + return { + components: { + MkNotificationSettingWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotifications.stories.ts b/packages/frontend/src/components/MkNotifications.stories.ts index b1f73956f0..e340422e1f 100644 --- a/packages/frontend/src/components/MkNotifications.stories.ts +++ b/packages/frontend/src/components/MkNotifications.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotifications, }; export const Default = { - components: { - MkNotifications, + render(args, { argTypes }) { + return { + components: { + MkNotifications, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNumber.stories.ts b/packages/frontend/src/components/MkNumber.stories.ts index 9b9495ab8c..fc86c00250 100644 --- a/packages/frontend/src/components/MkNumber.stories.ts +++ b/packages/frontend/src/components/MkNumber.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNumber, }; export const Default = { - components: { - MkNumber, + render(args, { argTypes }) { + return { + components: { + MkNumber, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNumberDiff.stories.ts b/packages/frontend/src/components/MkNumberDiff.stories.ts index 9430fd1619..715bbb5439 100644 --- a/packages/frontend/src/components/MkNumberDiff.stories.ts +++ b/packages/frontend/src/components/MkNumberDiff.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNumberDiff, }; export const Default = { - components: { - MkNumberDiff, + render(args, { argTypes }) { + return { + components: { + MkNumberDiff, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkObjectView.stories.ts b/packages/frontend/src/components/MkObjectView.stories.ts index d44e3ee699..746dccc375 100644 --- a/packages/frontend/src/components/MkObjectView.stories.ts +++ b/packages/frontend/src/components/MkObjectView.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkObjectView, }; export const Default = { - components: { - MkObjectView, + render(args, { argTypes }) { + return { + components: { + MkObjectView, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkObjectView.value.stories.ts b/packages/frontend/src/components/MkObjectView.value.stories.ts index 27bc7958ee..8e18978376 100644 --- a/packages/frontend/src/components/MkObjectView.value.stories.ts +++ b/packages/frontend/src/components/MkObjectView.value.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkObjectView_value, }; export const Default = { - components: { - MkObjectView_value, + render(args, { argTypes }) { + return { + components: { + MkObjectView_value, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkOmit.stories.ts b/packages/frontend/src/components/MkOmit.stories.ts index f2621961d9..4d954fd236 100644 --- a/packages/frontend/src/components/MkOmit.stories.ts +++ b/packages/frontend/src/components/MkOmit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkOmit, }; export const Default = { - components: { - MkOmit, + render(args, { argTypes }) { + return { + components: { + MkOmit, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPagePreview.stories.ts b/packages/frontend/src/components/MkPagePreview.stories.ts index 17cf7c4c3e..dd96afa285 100644 --- a/packages/frontend/src/components/MkPagePreview.stories.ts +++ b/packages/frontend/src/components/MkPagePreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPagePreview, }; export const Default = { - components: { - MkPagePreview, + render(args, { argTypes }) { + return { + components: { + MkPagePreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPageWindow.stories.ts b/packages/frontend/src/components/MkPageWindow.stories.ts index e71e348ae5..f1c8b3b244 100644 --- a/packages/frontend/src/components/MkPageWindow.stories.ts +++ b/packages/frontend/src/components/MkPageWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPageWindow, }; export const Default = { - components: { - MkPageWindow, + render(args, { argTypes }) { + return { + components: { + MkPageWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPagination.stories.ts b/packages/frontend/src/components/MkPagination.stories.ts index 9bebe36742..3b89bb4b26 100644 --- a/packages/frontend/src/components/MkPagination.stories.ts +++ b/packages/frontend/src/components/MkPagination.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPagination, }; export const Default = { - components: { - MkPagination, + render(args, { argTypes }) { + return { + components: { + MkPagination, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPlusOneEffect.stories.ts b/packages/frontend/src/components/MkPlusOneEffect.stories.ts index a8a47b896c..10cf1f372d 100644 --- a/packages/frontend/src/components/MkPlusOneEffect.stories.ts +++ b/packages/frontend/src/components/MkPlusOneEffect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPlusOneEffect, }; export const Default = { - components: { - MkPlusOneEffect, + render(args, { argTypes }) { + return { + components: { + MkPlusOneEffect, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPoll.stories.ts b/packages/frontend/src/components/MkPoll.stories.ts index fea5821fed..154c675119 100644 --- a/packages/frontend/src/components/MkPoll.stories.ts +++ b/packages/frontend/src/components/MkPoll.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPoll, }; export const Default = { - components: { - MkPoll, + render(args, { argTypes }) { + return { + components: { + MkPoll, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPollEditor.stories.ts b/packages/frontend/src/components/MkPollEditor.stories.ts index c332f1c809..09acb5f4ab 100644 --- a/packages/frontend/src/components/MkPollEditor.stories.ts +++ b/packages/frontend/src/components/MkPollEditor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPollEditor, }; export const Default = { - components: { - MkPollEditor, + render(args, { argTypes }) { + return { + components: { + MkPollEditor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPopupMenu.stories.ts b/packages/frontend/src/components/MkPopupMenu.stories.ts index 127227e1d0..acb5b6939c 100644 --- a/packages/frontend/src/components/MkPopupMenu.stories.ts +++ b/packages/frontend/src/components/MkPopupMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPopupMenu, }; export const Default = { - components: { - MkPopupMenu, + render(args, { argTypes }) { + return { + components: { + MkPopupMenu, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPostForm.stories.ts b/packages/frontend/src/components/MkPostForm.stories.ts index b459222fc6..da9b8947ba 100644 --- a/packages/frontend/src/components/MkPostForm.stories.ts +++ b/packages/frontend/src/components/MkPostForm.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPostForm, }; export const Default = { - components: { - MkPostForm, + render(args, { argTypes }) { + return { + components: { + MkPostForm, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPostFormAttaches.stories.ts b/packages/frontend/src/components/MkPostFormAttaches.stories.ts index ea67d38e6e..717385b1fa 100644 --- a/packages/frontend/src/components/MkPostFormAttaches.stories.ts +++ b/packages/frontend/src/components/MkPostFormAttaches.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPostFormAttaches, }; export const Default = { - components: { - MkPostFormAttaches, + render(args, { argTypes }) { + return { + components: { + MkPostFormAttaches, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPostFormDialog.stories.ts b/packages/frontend/src/components/MkPostFormDialog.stories.ts index 0683ce7708..18a0f75ced 100644 --- a/packages/frontend/src/components/MkPostFormDialog.stories.ts +++ b/packages/frontend/src/components/MkPostFormDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPostFormDialog, }; export const Default = { - components: { - MkPostFormDialog, + render(args, { argTypes }) { + return { + components: { + MkPostFormDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts index 339cfc8ecc..20af967780 100644 --- a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts +++ b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPushNotificationAllowButton, }; export const Default = { - components: { - MkPushNotificationAllowButton, + render(args, { argTypes }) { + return { + components: { + MkPushNotificationAllowButton, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRadio.stories.ts b/packages/frontend/src/components/MkRadio.stories.ts index 5f3a5ef25f..34037cd782 100644 --- a/packages/frontend/src/components/MkRadio.stories.ts +++ b/packages/frontend/src/components/MkRadio.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRadio, }; export const Default = { - components: { - MkRadio, + render(args, { argTypes }) { + return { + components: { + MkRadio, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRadios.stories.ts b/packages/frontend/src/components/MkRadios.stories.ts index ac6e9f61e6..0a12b130c9 100644 --- a/packages/frontend/src/components/MkRadios.stories.ts +++ b/packages/frontend/src/components/MkRadios.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRadios, }; export const Default = { - components: { - MkRadios, + render(args, { argTypes }) { + return { + components: { + MkRadios, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRange.stories.ts b/packages/frontend/src/components/MkRange.stories.ts index c46122334d..764f7ac5b7 100644 --- a/packages/frontend/src/components/MkRange.stories.ts +++ b/packages/frontend/src/components/MkRange.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRange, }; export const Default = { - components: { - MkRange, + render(args, { argTypes }) { + return { + components: { + MkRange, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts index 395f951346..bf470a833a 100644 --- a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts +++ b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactedUsersDialog, }; export const Default = { - components: { - MkReactedUsersDialog, + render(args, { argTypes }) { + return { + components: { + MkReactedUsersDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionEffect.stories.ts b/packages/frontend/src/components/MkReactionEffect.stories.ts index 7b9ca42e25..c0d5b4a154 100644 --- a/packages/frontend/src/components/MkReactionEffect.stories.ts +++ b/packages/frontend/src/components/MkReactionEffect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionEffect, }; export const Default = { - components: { - MkReactionEffect, + render(args, { argTypes }) { + return { + components: { + MkReactionEffect, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionIcon.stories.ts b/packages/frontend/src/components/MkReactionIcon.stories.ts index 271eb3ed6a..37e329f34a 100644 --- a/packages/frontend/src/components/MkReactionIcon.stories.ts +++ b/packages/frontend/src/components/MkReactionIcon.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionIcon, }; export const Default = { - components: { - MkReactionIcon, + render(args, { argTypes }) { + return { + components: { + MkReactionIcon, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionTooltip.stories.ts b/packages/frontend/src/components/MkReactionTooltip.stories.ts index e4ca21352e..16e5fca1c4 100644 --- a/packages/frontend/src/components/MkReactionTooltip.stories.ts +++ b/packages/frontend/src/components/MkReactionTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionTooltip, }; export const Default = { - components: { - MkReactionTooltip, + render(args, { argTypes }) { + return { + components: { + MkReactionTooltip, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts index 449e035549..d373edf3c1 100644 --- a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionsViewer_details, }; export const Default = { - components: { - MkReactionsViewer_details, + render(args, { argTypes }) { + return { + components: { + MkReactionsViewer_details, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts index cbe9a98c7f..b56f13bb5c 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionsViewer_reaction, }; export const Default = { - components: { - MkReactionsViewer_reaction, + render(args, { argTypes }) { + return { + components: { + MkReactionsViewer_reaction, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionsViewer.stories.ts b/packages/frontend/src/components/MkReactionsViewer.stories.ts index 33d1108825..18addf460d 100644 --- a/packages/frontend/src/components/MkReactionsViewer.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionsViewer, }; export const Default = { - components: { - MkReactionsViewer, + render(args, { argTypes }) { + return { + components: { + MkReactionsViewer, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRemoteCaution.stories.ts b/packages/frontend/src/components/MkRemoteCaution.stories.ts index 726a4f4db5..4f4f8054a7 100644 --- a/packages/frontend/src/components/MkRemoteCaution.stories.ts +++ b/packages/frontend/src/components/MkRemoteCaution.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRemoteCaution, }; export const Default = { - components: { - MkRemoteCaution, + render(args, { argTypes }) { + return { + components: { + MkRemoteCaution, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts index e348f2bd4b..0eca578c36 100644 --- a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts +++ b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRetentionHeatmap, }; export const Default = { - components: { - MkRetentionHeatmap, + render(args, { argTypes }) { + return { + components: { + MkRetentionHeatmap, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRippleEffect.stories.ts b/packages/frontend/src/components/MkRippleEffect.stories.ts index 8b405f3e63..4b054be436 100644 --- a/packages/frontend/src/components/MkRippleEffect.stories.ts +++ b/packages/frontend/src/components/MkRippleEffect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRippleEffect, }; export const Default = { - components: { - MkRippleEffect, + render(args, { argTypes }) { + return { + components: { + MkRippleEffect, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRolePreview.stories.ts b/packages/frontend/src/components/MkRolePreview.stories.ts index 84fa9ccf34..f4306233cb 100644 --- a/packages/frontend/src/components/MkRolePreview.stories.ts +++ b/packages/frontend/src/components/MkRolePreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRolePreview, }; export const Default = { - components: { - MkRolePreview, + render(args, { argTypes }) { + return { + components: { + MkRolePreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSample.stories.ts b/packages/frontend/src/components/MkSample.stories.ts index dba9e304d8..14cd69bd67 100644 --- a/packages/frontend/src/components/MkSample.stories.ts +++ b/packages/frontend/src/components/MkSample.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSample, }; export const Default = { - components: { - MkSample, + render(args, { argTypes }) { + return { + components: { + MkSample, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSelect.stories.ts b/packages/frontend/src/components/MkSelect.stories.ts index 18d2a35844..0e67a67238 100644 --- a/packages/frontend/src/components/MkSelect.stories.ts +++ b/packages/frontend/src/components/MkSelect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSelect, }; export const Default = { - components: { - MkSelect, + render(args, { argTypes }) { + return { + components: { + MkSelect, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSignin.stories.ts b/packages/frontend/src/components/MkSignin.stories.ts index a50d15d869..32a52771df 100644 --- a/packages/frontend/src/components/MkSignin.stories.ts +++ b/packages/frontend/src/components/MkSignin.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSignin, }; export const Default = { - components: { - MkSignin, + render(args, { argTypes }) { + return { + components: { + MkSignin, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSigninDialog.stories.ts b/packages/frontend/src/components/MkSigninDialog.stories.ts index 1540c571a6..b05096452b 100644 --- a/packages/frontend/src/components/MkSigninDialog.stories.ts +++ b/packages/frontend/src/components/MkSigninDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSigninDialog, }; export const Default = { - components: { - MkSigninDialog, + render(args, { argTypes }) { + return { + components: { + MkSigninDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSignup.stories.ts b/packages/frontend/src/components/MkSignup.stories.ts index a1b8c723ca..665a5881e2 100644 --- a/packages/frontend/src/components/MkSignup.stories.ts +++ b/packages/frontend/src/components/MkSignup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSignup, }; export const Default = { - components: { - MkSignup, + render(args, { argTypes }) { + return { + components: { + MkSignup, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSignupDialog.stories.ts b/packages/frontend/src/components/MkSignupDialog.stories.ts index c0253a3cd8..4e1316fed5 100644 --- a/packages/frontend/src/components/MkSignupDialog.stories.ts +++ b/packages/frontend/src/components/MkSignupDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSignupDialog, }; export const Default = { - components: { - MkSignupDialog, + render(args, { argTypes }) { + return { + components: { + MkSignupDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSparkle.stories.ts b/packages/frontend/src/components/MkSparkle.stories.ts index f5d82ef610..22dc8af7d2 100644 --- a/packages/frontend/src/components/MkSparkle.stories.ts +++ b/packages/frontend/src/components/MkSparkle.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSparkle, }; export const Default = { - components: { - MkSparkle, + render(args, { argTypes }) { + return { + components: { + MkSparkle, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSubNoteContent.stories.ts b/packages/frontend/src/components/MkSubNoteContent.stories.ts index 557775d419..d83aef1328 100644 --- a/packages/frontend/src/components/MkSubNoteContent.stories.ts +++ b/packages/frontend/src/components/MkSubNoteContent.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSubNoteContent, }; export const Default = { - components: { - MkSubNoteContent, + render(args, { argTypes }) { + return { + components: { + MkSubNoteContent, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSuperMenu.stories.ts b/packages/frontend/src/components/MkSuperMenu.stories.ts index 76ed607f95..8be6b5aa70 100644 --- a/packages/frontend/src/components/MkSuperMenu.stories.ts +++ b/packages/frontend/src/components/MkSuperMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSuperMenu, }; export const Default = { - components: { - MkSuperMenu, + render(args, { argTypes }) { + return { + components: { + MkSuperMenu, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSwitch.stories.ts b/packages/frontend/src/components/MkSwitch.stories.ts index ff2d48416e..fae92c1726 100644 --- a/packages/frontend/src/components/MkSwitch.stories.ts +++ b/packages/frontend/src/components/MkSwitch.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSwitch, }; export const Default = { - components: { - MkSwitch, + render(args, { argTypes }) { + return { + components: { + MkSwitch, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTab.stories.ts b/packages/frontend/src/components/MkTab.stories.ts index b2e94c1a6e..035afa7f55 100644 --- a/packages/frontend/src/components/MkTab.stories.ts +++ b/packages/frontend/src/components/MkTab.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTab, }; export const Default = { - components: { - MkTab, + render(args, { argTypes }) { + return { + components: { + MkTab, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTagCloud.stories.ts b/packages/frontend/src/components/MkTagCloud.stories.ts index 5af917710e..cea976fd4b 100644 --- a/packages/frontend/src/components/MkTagCloud.stories.ts +++ b/packages/frontend/src/components/MkTagCloud.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTagCloud, }; export const Default = { - components: { - MkTagCloud, + render(args, { argTypes }) { + return { + components: { + MkTagCloud, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTextarea.stories.ts b/packages/frontend/src/components/MkTextarea.stories.ts index 207aec2c2e..0369b0978a 100644 --- a/packages/frontend/src/components/MkTextarea.stories.ts +++ b/packages/frontend/src/components/MkTextarea.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTextarea, }; export const Default = { - components: { - MkTextarea, + render(args, { argTypes }) { + return { + components: { + MkTextarea, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTimeline.stories.ts b/packages/frontend/src/components/MkTimeline.stories.ts index 3a1632417c..f778c7ea02 100644 --- a/packages/frontend/src/components/MkTimeline.stories.ts +++ b/packages/frontend/src/components/MkTimeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTimeline, }; export const Default = { - components: { - MkTimeline, + render(args, { argTypes }) { + return { + components: { + MkTimeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkToast.stories.ts b/packages/frontend/src/components/MkToast.stories.ts index 80b48109e7..be078dec5b 100644 --- a/packages/frontend/src/components/MkToast.stories.ts +++ b/packages/frontend/src/components/MkToast.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkToast, }; export const Default = { - components: { - MkToast, + render(args, { argTypes }) { + return { + components: { + MkToast, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts index 74c6b73611..daec25cb83 100644 --- a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts +++ b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTokenGenerateWindow, }; export const Default = { - components: { - MkTokenGenerateWindow, + render(args, { argTypes }) { + return { + components: { + MkTokenGenerateWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTooltip.stories.ts b/packages/frontend/src/components/MkTooltip.stories.ts index bcba8916db..474b49d263 100644 --- a/packages/frontend/src/components/MkTooltip.stories.ts +++ b/packages/frontend/src/components/MkTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTooltip, }; export const Default = { - components: { - MkTooltip, + render(args, { argTypes }) { + return { + components: { + MkTooltip, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUpdated.stories.ts b/packages/frontend/src/components/MkUpdated.stories.ts index 9949a6621b..b4388eb21f 100644 --- a/packages/frontend/src/components/MkUpdated.stories.ts +++ b/packages/frontend/src/components/MkUpdated.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUpdated, }; export const Default = { - components: { - MkUpdated, + render(args, { argTypes }) { + return { + components: { + MkUpdated, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUrlPreview.stories.ts b/packages/frontend/src/components/MkUrlPreview.stories.ts index 7f18283433..a7f230ef40 100644 --- a/packages/frontend/src/components/MkUrlPreview.stories.ts +++ b/packages/frontend/src/components/MkUrlPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUrlPreview, }; export const Default = { - components: { - MkUrlPreview, + render(args, { argTypes }) { + return { + components: { + MkUrlPreview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts index 6756b81bd5..c55cbc04be 100644 --- a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts +++ b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUrlPreviewPopup, }; export const Default = { - components: { - MkUrlPreviewPopup, + render(args, { argTypes }) { + return { + components: { + MkUrlPreviewPopup, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserCardMini.stories.ts b/packages/frontend/src/components/MkUserCardMini.stories.ts index 467c8aa00c..ae2001abba 100644 --- a/packages/frontend/src/components/MkUserCardMini.stories.ts +++ b/packages/frontend/src/components/MkUserCardMini.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserCardMini, }; export const Default = { - components: { - MkUserCardMini, + render(args, { argTypes }) { + return { + components: { + MkUserCardMini, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserInfo.stories.ts b/packages/frontend/src/components/MkUserInfo.stories.ts index 832fa8dac6..dddae8a572 100644 --- a/packages/frontend/src/components/MkUserInfo.stories.ts +++ b/packages/frontend/src/components/MkUserInfo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserInfo, }; export const Default = { - components: { - MkUserInfo, + render(args, { argTypes }) { + return { + components: { + MkUserInfo, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserList.stories.ts b/packages/frontend/src/components/MkUserList.stories.ts index 173f9a499d..f5269bfc82 100644 --- a/packages/frontend/src/components/MkUserList.stories.ts +++ b/packages/frontend/src/components/MkUserList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserList, }; export const Default = { - components: { - MkUserList, + render(args, { argTypes }) { + return { + components: { + MkUserList, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts index f18f9da5b7..5132078e54 100644 --- a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts +++ b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserOnlineIndicator, }; export const Default = { - components: { - MkUserOnlineIndicator, + render(args, { argTypes }) { + return { + components: { + MkUserOnlineIndicator, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserPopup.stories.ts b/packages/frontend/src/components/MkUserPopup.stories.ts index 14e8ef467d..f83c41e2d0 100644 --- a/packages/frontend/src/components/MkUserPopup.stories.ts +++ b/packages/frontend/src/components/MkUserPopup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserPopup, }; export const Default = { - components: { - MkUserPopup, + render(args, { argTypes }) { + return { + components: { + MkUserPopup, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserSelectDialog.stories.ts b/packages/frontend/src/components/MkUserSelectDialog.stories.ts index 9930169d51..cb66bbacc4 100644 --- a/packages/frontend/src/components/MkUserSelectDialog.stories.ts +++ b/packages/frontend/src/components/MkUserSelectDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserSelectDialog, }; export const Default = { - components: { - MkUserSelectDialog, + render(args, { argTypes }) { + return { + components: { + MkUserSelectDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUsersTooltip.stories.ts b/packages/frontend/src/components/MkUsersTooltip.stories.ts index 2cc45df467..7bb6c0b355 100644 --- a/packages/frontend/src/components/MkUsersTooltip.stories.ts +++ b/packages/frontend/src/components/MkUsersTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUsersTooltip, }; export const Default = { - components: { - MkUsersTooltip, + render(args, { argTypes }) { + return { + components: { + MkUsersTooltip, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkVisibilityPicker.stories.ts b/packages/frontend/src/components/MkVisibilityPicker.stories.ts index a1b6bcea69..55522a1814 100644 --- a/packages/frontend/src/components/MkVisibilityPicker.stories.ts +++ b/packages/frontend/src/components/MkVisibilityPicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkVisibilityPicker, }; export const Default = { - components: { - MkVisibilityPicker, + render(args, { argTypes }) { + return { + components: { + MkVisibilityPicker, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkWaitingDialog.stories.ts b/packages/frontend/src/components/MkWaitingDialog.stories.ts index ee5f956859..813a6b3993 100644 --- a/packages/frontend/src/components/MkWaitingDialog.stories.ts +++ b/packages/frontend/src/components/MkWaitingDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkWaitingDialog, }; export const Default = { - components: { - MkWaitingDialog, + render(args, { argTypes }) { + return { + components: { + MkWaitingDialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkWidgets.stories.ts b/packages/frontend/src/components/MkWidgets.stories.ts index e5820efd48..2500713503 100644 --- a/packages/frontend/src/components/MkWidgets.stories.ts +++ b/packages/frontend/src/components/MkWidgets.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkWidgets, }; export const Default = { - components: { - MkWidgets, + render(args, { argTypes }) { + return { + components: { + MkWidgets, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkWindow.stories.ts b/packages/frontend/src/components/MkWindow.stories.ts index d43e40330e..f8e315b066 100644 --- a/packages/frontend/src/components/MkWindow.stories.ts +++ b/packages/frontend/src/components/MkWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkWindow, }; export const Default = { - components: { - MkWindow, + render(args, { argTypes }) { + return { + components: { + MkWindow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkYoutubePlayer.stories.ts b/packages/frontend/src/components/MkYoutubePlayer.stories.ts index a9f45e3e99..671c1303d1 100644 --- a/packages/frontend/src/components/MkYoutubePlayer.stories.ts +++ b/packages/frontend/src/components/MkYoutubePlayer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkYoutubePlayer, }; export const Default = { - components: { - MkYoutubePlayer, + render(args, { argTypes }) { + return { + components: { + MkYoutubePlayer, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts index 24f7edc372..f132ccdea8 100644 --- a/packages/frontend/src/components/form/link.stories.ts +++ b/packages/frontend/src/components/form/link.stories.ts @@ -5,10 +5,15 @@ const meta = { component: link, }; export const Default = { - components: { - link, + render(args, { argTypes }) { + return { + components: { + link, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts index b8ab307e24..5b779f54a4 100644 --- a/packages/frontend/src/components/form/section.stories.ts +++ b/packages/frontend/src/components/form/section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: section, }; export const Default = { - components: { - section, + render(args, { argTypes }) { + return { + components: { + section, + }, + props: Object.keys(argTypes), + template: '
', + }; }, - template: '
', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts index dd1a16c403..55cdf7d76a 100644 --- a/packages/frontend/src/components/form/slot.stories.ts +++ b/packages/frontend/src/components/form/slot.stories.ts @@ -5,10 +5,15 @@ const meta = { component: slot, }; export const Default = { - components: { - slot, + render(args, { argTypes }) { + return { + components: { + slot, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts index 39cbc0ba01..73cc4f8e44 100644 --- a/packages/frontend/src/components/form/split.stories.ts +++ b/packages/frontend/src/components/form/split.stories.ts @@ -5,10 +5,15 @@ const meta = { component: split, }; export const Default = { - components: { - split, + render(args, { argTypes }) { + return { + components: { + split, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts index fad46e9c12..10541fdb1c 100644 --- a/packages/frontend/src/components/form/suspense.stories.ts +++ b/packages/frontend/src/components/form/suspense.stories.ts @@ -5,10 +5,15 @@ const meta = { component: suspense, }; export const Default = { - components: { - suspense, + render(args, { argTypes }) { + return { + components: { + suspense, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkA.stories.ts b/packages/frontend/src/components/global/MkA.stories.ts index 5eb4a18c46..10dee397ff 100644 --- a/packages/frontend/src/components/global/MkA.stories.ts +++ b/packages/frontend/src/components/global/MkA.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkA, }; export const Default = { - components: { - MkA, + render(args, { argTypes }) { + return { + components: { + MkA, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkAcct.stories.ts b/packages/frontend/src/components/global/MkAcct.stories.ts index 6b8b55ec35..a336156126 100644 --- a/packages/frontend/src/components/global/MkAcct.stories.ts +++ b/packages/frontend/src/components/global/MkAcct.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAcct, }; export const Default = { - components: { - MkAcct, + render(args, { argTypes }) { + return { + components: { + MkAcct, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkAd.stories.ts b/packages/frontend/src/components/global/MkAd.stories.ts index bb2d74b336..8d4f3713e2 100644 --- a/packages/frontend/src/components/global/MkAd.stories.ts +++ b/packages/frontend/src/components/global/MkAd.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAd, }; export const Default = { - components: { - MkAd, + render(args, { argTypes }) { + return { + components: { + MkAd, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkAvatar.stories.ts b/packages/frontend/src/components/global/MkAvatar.stories.ts index bc1acd33f1..8556ef08ab 100644 --- a/packages/frontend/src/components/global/MkAvatar.stories.ts +++ b/packages/frontend/src/components/global/MkAvatar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAvatar, }; export const Default = { - components: { - MkAvatar, + render(args, { argTypes }) { + return { + components: { + MkAvatar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts index 9abc14af1f..c1349c5808 100644 --- a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts +++ b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCustomEmoji, }; export const Default = { - components: { - MkCustomEmoji, + render(args, { argTypes }) { + return { + components: { + MkCustomEmoji, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkEllipsis.stories.ts b/packages/frontend/src/components/global/MkEllipsis.stories.ts index 09092f36d3..06a56a62c0 100644 --- a/packages/frontend/src/components/global/MkEllipsis.stories.ts +++ b/packages/frontend/src/components/global/MkEllipsis.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEllipsis, }; export const Default = { - components: { - MkEllipsis, + render(args, { argTypes }) { + return { + components: { + MkEllipsis, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkEmoji.stories.ts b/packages/frontend/src/components/global/MkEmoji.stories.ts index 1679ae0b27..2dd4e23771 100644 --- a/packages/frontend/src/components/global/MkEmoji.stories.ts +++ b/packages/frontend/src/components/global/MkEmoji.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmoji, }; export const Default = { - components: { - MkEmoji, + render(args, { argTypes }) { + return { + components: { + MkEmoji, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkError.stories.ts b/packages/frontend/src/components/global/MkError.stories.ts index 0916b1860d..2a8abb943b 100644 --- a/packages/frontend/src/components/global/MkError.stories.ts +++ b/packages/frontend/src/components/global/MkError.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkError, }; export const Default = { - components: { - MkError, + render(args, { argTypes }) { + return { + components: { + MkError, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts index 752085f5fd..78fbfa9f52 100644 --- a/packages/frontend/src/components/global/MkLoading.stories.ts +++ b/packages/frontend/src/components/global/MkLoading.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkLoading, }; export const Default = { - components: { - MkLoading, + render(args, { argTypes }) { + return { + components: { + MkLoading, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts index 63e5342cce..8b7827bfc8 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMisskeyFlavoredMarkdown, }; export const Default = { - components: { - MkMisskeyFlavoredMarkdown, + render(args, { argTypes }) { + return { + components: { + MkMisskeyFlavoredMarkdown, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.ts b/packages/frontend/src/components/global/MkPageHeader.stories.ts index a2c6d8705c..3921168824 100644 --- a/packages/frontend/src/components/global/MkPageHeader.stories.ts +++ b/packages/frontend/src/components/global/MkPageHeader.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPageHeader, }; export const Default = { - components: { - MkPageHeader, + render(args, { argTypes }) { + return { + components: { + MkPageHeader, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts index b283a94398..aaa12228f9 100644 --- a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts +++ b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPageHeader_tabs, }; export const Default = { - components: { - MkPageHeader_tabs, + render(args, { argTypes }) { + return { + components: { + MkPageHeader_tabs, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkSpacer.stories.ts b/packages/frontend/src/components/global/MkSpacer.stories.ts index 2f15b02570..5040c0b17f 100644 --- a/packages/frontend/src/components/global/MkSpacer.stories.ts +++ b/packages/frontend/src/components/global/MkSpacer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSpacer, }; export const Default = { - components: { - MkSpacer, + render(args, { argTypes }) { + return { + components: { + MkSpacer, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkStickyContainer.stories.ts b/packages/frontend/src/components/global/MkStickyContainer.stories.ts index 7e495a582f..0741f3f9bb 100644 --- a/packages/frontend/src/components/global/MkStickyContainer.stories.ts +++ b/packages/frontend/src/components/global/MkStickyContainer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkStickyContainer, }; export const Default = { - components: { - MkStickyContainer, + render(args, { argTypes }) { + return { + components: { + MkStickyContainer, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkTime.stories.ts b/packages/frontend/src/components/global/MkTime.stories.ts index efb6dee7a2..9df2fef695 100644 --- a/packages/frontend/src/components/global/MkTime.stories.ts +++ b/packages/frontend/src/components/global/MkTime.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTime, }; export const Default = { - components: { - MkTime, + render(args, { argTypes }) { + return { + components: { + MkTime, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkUrl.stories.ts b/packages/frontend/src/components/global/MkUrl.stories.ts index c72bf542e6..1f0e01f000 100644 --- a/packages/frontend/src/components/global/MkUrl.stories.ts +++ b/packages/frontend/src/components/global/MkUrl.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUrl, }; export const Default = { - components: { - MkUrl, + render(args, { argTypes }) { + return { + components: { + MkUrl, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkUserName.stories.ts b/packages/frontend/src/components/global/MkUserName.stories.ts index 211d8dac6b..b5df40dfeb 100644 --- a/packages/frontend/src/components/global/MkUserName.stories.ts +++ b/packages/frontend/src/components/global/MkUserName.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserName, }; export const Default = { - components: { - MkUserName, + render(args, { argTypes }) { + return { + components: { + MkUserName, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/RouterView.stories.ts b/packages/frontend/src/components/global/RouterView.stories.ts index acc2c32d3b..a0e76d9da1 100644 --- a/packages/frontend/src/components/global/RouterView.stories.ts +++ b/packages/frontend/src/components/global/RouterView.stories.ts @@ -5,10 +5,15 @@ const meta = { component: RouterView, }; export const Default = { - components: { - RouterView, + render(args, { argTypes }) { + return { + components: { + RouterView, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.block.stories.ts b/packages/frontend/src/components/page/page.block.stories.ts index a08218da66..ba53f52505 100644 --- a/packages/frontend/src/components/page/page.block.stories.ts +++ b/packages/frontend/src/components/page/page.block.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_block, }; export const Default = { - components: { - page_block, + render(args, { argTypes }) { + return { + components: { + page_block, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.button.stories.ts b/packages/frontend/src/components/page/page.button.stories.ts index 9ee10b737d..4fd0b3a24f 100644 --- a/packages/frontend/src/components/page/page.button.stories.ts +++ b/packages/frontend/src/components/page/page.button.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_button, }; export const Default = { - components: { - page_button, + render(args, { argTypes }) { + return { + components: { + page_button, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.canvas.stories.ts b/packages/frontend/src/components/page/page.canvas.stories.ts index 7df6fd3644..61880b3925 100644 --- a/packages/frontend/src/components/page/page.canvas.stories.ts +++ b/packages/frontend/src/components/page/page.canvas.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_canvas, }; export const Default = { - components: { - page_canvas, + render(args, { argTypes }) { + return { + components: { + page_canvas, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.counter.stories.ts b/packages/frontend/src/components/page/page.counter.stories.ts index 490c4d24b9..c94cbbb687 100644 --- a/packages/frontend/src/components/page/page.counter.stories.ts +++ b/packages/frontend/src/components/page/page.counter.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_counter, }; export const Default = { - components: { - page_counter, + render(args, { argTypes }) { + return { + components: { + page_counter, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.if.stories.ts b/packages/frontend/src/components/page/page.if.stories.ts index cd840c9594..ddc88377d6 100644 --- a/packages/frontend/src/components/page/page.if.stories.ts +++ b/packages/frontend/src/components/page/page.if.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_if, }; export const Default = { - components: { - page_if, + render(args, { argTypes }) { + return { + components: { + page_if, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.image.stories.ts b/packages/frontend/src/components/page/page.image.stories.ts index b7452a618d..a21d6010d8 100644 --- a/packages/frontend/src/components/page/page.image.stories.ts +++ b/packages/frontend/src/components/page/page.image.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_image, }; export const Default = { - components: { - page_image, + render(args, { argTypes }) { + return { + components: { + page_image, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.note.stories.ts b/packages/frontend/src/components/page/page.note.stories.ts index 5c5af5d58b..0efb0220e9 100644 --- a/packages/frontend/src/components/page/page.note.stories.ts +++ b/packages/frontend/src/components/page/page.note.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_note, }; export const Default = { - components: { - page_note, + render(args, { argTypes }) { + return { + components: { + page_note, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.number-input.stories.ts b/packages/frontend/src/components/page/page.number-input.stories.ts index 9a7ad34316..5fefcb9ee8 100644 --- a/packages/frontend/src/components/page/page.number-input.stories.ts +++ b/packages/frontend/src/components/page/page.number-input.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_number_input, }; export const Default = { - components: { - page_number_input, + render(args, { argTypes }) { + return { + components: { + page_number_input, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.post.stories.ts b/packages/frontend/src/components/page/page.post.stories.ts index b98d930d14..d59e5a4702 100644 --- a/packages/frontend/src/components/page/page.post.stories.ts +++ b/packages/frontend/src/components/page/page.post.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_post, }; export const Default = { - components: { - page_post, + render(args, { argTypes }) { + return { + components: { + page_post, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.radio-button.stories.ts b/packages/frontend/src/components/page/page.radio-button.stories.ts index 9b519cdddf..9974b7636f 100644 --- a/packages/frontend/src/components/page/page.radio-button.stories.ts +++ b/packages/frontend/src/components/page/page.radio-button.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_radio_button, }; export const Default = { - components: { - page_radio_button, + render(args, { argTypes }) { + return { + components: { + page_radio_button, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.section.stories.ts b/packages/frontend/src/components/page/page.section.stories.ts index 0e28246cce..754541927b 100644 --- a/packages/frontend/src/components/page/page.section.stories.ts +++ b/packages/frontend/src/components/page/page.section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_section, }; export const Default = { - components: { - page_section, + render(args, { argTypes }) { + return { + components: { + page_section, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts index cff97b18d0..43271b6ca2 100644 --- a/packages/frontend/src/components/page/page.stories.ts +++ b/packages/frontend/src/components/page/page.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page, }; export const Default = { - components: { - page, + render(args, { argTypes }) { + return { + components: { + page, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.switch.stories.ts b/packages/frontend/src/components/page/page.switch.stories.ts index 84bfcf0d79..7726586e77 100644 --- a/packages/frontend/src/components/page/page.switch.stories.ts +++ b/packages/frontend/src/components/page/page.switch.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_switch, }; export const Default = { - components: { - page_switch, + render(args, { argTypes }) { + return { + components: { + page_switch, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.text-input.stories.ts b/packages/frontend/src/components/page/page.text-input.stories.ts index 07ce018e23..6f58f19bde 100644 --- a/packages/frontend/src/components/page/page.text-input.stories.ts +++ b/packages/frontend/src/components/page/page.text-input.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_text_input, }; export const Default = { - components: { - page_text_input, + render(args, { argTypes }) { + return { + components: { + page_text_input, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.text.stories.ts b/packages/frontend/src/components/page/page.text.stories.ts index b1f3aacfba..924224577b 100644 --- a/packages/frontend/src/components/page/page.text.stories.ts +++ b/packages/frontend/src/components/page/page.text.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_text, }; export const Default = { - components: { - page_text, + render(args, { argTypes }) { + return { + components: { + page_text, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.textarea-input.stories.ts b/packages/frontend/src/components/page/page.textarea-input.stories.ts index 608327d188..d14548a222 100644 --- a/packages/frontend/src/components/page/page.textarea-input.stories.ts +++ b/packages/frontend/src/components/page/page.textarea-input.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_textarea_input, }; export const Default = { - components: { - page_textarea_input, + render(args, { argTypes }) { + return { + components: { + page_textarea_input, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.textarea.stories.ts b/packages/frontend/src/components/page/page.textarea.stories.ts index c793e78d28..13c4480ace 100644 --- a/packages/frontend/src/components/page/page.textarea.stories.ts +++ b/packages/frontend/src/components/page/page.textarea.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_textarea, }; export const Default = { - components: { - page_textarea, + render(args, { argTypes }) { + return { + components: { + page_textarea, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/pages/_empty_.stories.ts b/packages/frontend/src/pages/_empty_.stories.ts index 9975c4e042..3ca1df5861 100644 --- a/packages/frontend/src/pages/_empty_.stories.ts +++ b/packages/frontend/src/pages/_empty_.stories.ts @@ -5,10 +5,15 @@ const meta = { component: _empty_, }; export const Default = { - components: { - _empty_, + render(args, { argTypes }) { + return { + components: { + _empty_, + }, + props: Object.keys(argTypes), + template: '<_empty_ v-bind="$props" />', + }; }, - template: '<_empty_ />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/_error_.stories.ts b/packages/frontend/src/pages/_error_.stories.ts index f3ac520dc6..f198b63fc8 100644 --- a/packages/frontend/src/pages/_error_.stories.ts +++ b/packages/frontend/src/pages/_error_.stories.ts @@ -5,10 +5,15 @@ const meta = { component: _error_, }; export const Default = { - components: { - _error_, + render(args, { argTypes }) { + return { + components: { + _error_, + }, + props: Object.keys(argTypes), + template: '<_error_ v-bind="$props" />', + }; }, - template: '<_error_ />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/_loading_.stories.ts b/packages/frontend/src/pages/_loading_.stories.ts index 9063c71b48..f511634eb9 100644 --- a/packages/frontend/src/pages/_loading_.stories.ts +++ b/packages/frontend/src/pages/_loading_.stories.ts @@ -5,10 +5,15 @@ const meta = { component: _loading_, }; export const Default = { - components: { - _loading_, + render(args, { argTypes }) { + return { + components: { + _loading_, + }, + props: Object.keys(argTypes), + template: '<_loading_ v-bind="$props" />', + }; }, - template: '<_loading_ />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/about-misskey.stories.ts b/packages/frontend/src/pages/about-misskey.stories.ts index 1898d460eb..3b8f3ad117 100644 --- a/packages/frontend/src/pages/about-misskey.stories.ts +++ b/packages/frontend/src/pages/about-misskey.stories.ts @@ -5,10 +5,15 @@ const meta = { component: about_misskey, }; export const Default = { - components: { - about_misskey, + render(args, { argTypes }) { + return { + components: { + about_misskey, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/about.emojis.stories.ts b/packages/frontend/src/pages/about.emojis.stories.ts index dc2f36beae..e178271a84 100644 --- a/packages/frontend/src/pages/about.emojis.stories.ts +++ b/packages/frontend/src/pages/about.emojis.stories.ts @@ -5,10 +5,15 @@ const meta = { component: about_emojis, }; export const Default = { - components: { - about_emojis, + render(args, { argTypes }) { + return { + components: { + about_emojis, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/about.federation.stories.ts b/packages/frontend/src/pages/about.federation.stories.ts index 63f997779c..a2c763aef7 100644 --- a/packages/frontend/src/pages/about.federation.stories.ts +++ b/packages/frontend/src/pages/about.federation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: about_federation, }; export const Default = { - components: { - about_federation, + render(args, { argTypes }) { + return { + components: { + about_federation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/about.stories.ts b/packages/frontend/src/pages/about.stories.ts index 397a520610..a36c99fc32 100644 --- a/packages/frontend/src/pages/about.stories.ts +++ b/packages/frontend/src/pages/about.stories.ts @@ -5,10 +5,15 @@ const meta = { component: about, }; export const Default = { - components: { - about, + render(args, { argTypes }) { + return { + components: { + about, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/achievements.stories.ts b/packages/frontend/src/pages/achievements.stories.ts index b07ce5846d..b7959f8976 100644 --- a/packages/frontend/src/pages/achievements.stories.ts +++ b/packages/frontend/src/pages/achievements.stories.ts @@ -5,10 +5,15 @@ const meta = { component: achievements, }; export const Default = { - components: { - achievements, + render(args, { argTypes }) { + return { + components: { + achievements, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin-file.stories.ts b/packages/frontend/src/pages/admin-file.stories.ts index adbcee094d..62ac20caf3 100644 --- a/packages/frontend/src/pages/admin-file.stories.ts +++ b/packages/frontend/src/pages/admin-file.stories.ts @@ -5,10 +5,15 @@ const meta = { component: admin_file, }; export const Default = { - components: { - admin_file, + render(args, { argTypes }) { + return { + components: { + admin_file, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts index e85173e574..5af3ccc657 100644 --- a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts +++ b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts @@ -5,10 +5,15 @@ const meta = { component: RolesEditorFormula, }; export const Default = { - components: { - RolesEditorFormula, + render(args, { argTypes }) { + return { + components: { + RolesEditorFormula, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/_header_.stories.ts b/packages/frontend/src/pages/admin/_header_.stories.ts index b803b74a19..3ae43e3fa6 100644 --- a/packages/frontend/src/pages/admin/_header_.stories.ts +++ b/packages/frontend/src/pages/admin/_header_.stories.ts @@ -5,10 +5,15 @@ const meta = { component: _header_, }; export const Default = { - components: { - _header_, + render(args, { argTypes }) { + return { + components: { + _header_, + }, + props: Object.keys(argTypes), + template: '<_header_ v-bind="$props" />', + }; }, - template: '<_header_ />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/abuses.stories.ts b/packages/frontend/src/pages/admin/abuses.stories.ts index 677292f157..ea3bbb4775 100644 --- a/packages/frontend/src/pages/admin/abuses.stories.ts +++ b/packages/frontend/src/pages/admin/abuses.stories.ts @@ -5,10 +5,15 @@ const meta = { component: abuses, }; export const Default = { - components: { - abuses, + render(args, { argTypes }) { + return { + components: { + abuses, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/ads.stories.ts b/packages/frontend/src/pages/admin/ads.stories.ts index 973bbd4ccc..638c56656f 100644 --- a/packages/frontend/src/pages/admin/ads.stories.ts +++ b/packages/frontend/src/pages/admin/ads.stories.ts @@ -5,10 +5,15 @@ const meta = { component: ads, }; export const Default = { - components: { - ads, + render(args, { argTypes }) { + return { + components: { + ads, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/announcements.stories.ts b/packages/frontend/src/pages/admin/announcements.stories.ts index add9a62c52..ae064741fb 100644 --- a/packages/frontend/src/pages/admin/announcements.stories.ts +++ b/packages/frontend/src/pages/admin/announcements.stories.ts @@ -5,10 +5,15 @@ const meta = { component: announcements, }; export const Default = { - components: { - announcements, + render(args, { argTypes }) { + return { + components: { + announcements, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/bot-protection.stories.ts b/packages/frontend/src/pages/admin/bot-protection.stories.ts index cc337ac51e..7c8506b40e 100644 --- a/packages/frontend/src/pages/admin/bot-protection.stories.ts +++ b/packages/frontend/src/pages/admin/bot-protection.stories.ts @@ -5,10 +5,15 @@ const meta = { component: bot_protection, }; export const Default = { - components: { - bot_protection, + render(args, { argTypes }) { + return { + components: { + bot_protection, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/database.stories.ts b/packages/frontend/src/pages/admin/database.stories.ts index 1764c4a902..3a2ae56a40 100644 --- a/packages/frontend/src/pages/admin/database.stories.ts +++ b/packages/frontend/src/pages/admin/database.stories.ts @@ -5,10 +5,15 @@ const meta = { component: database, }; export const Default = { - components: { - database, + render(args, { argTypes }) { + return { + components: { + database, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/email-settings.stories.ts b/packages/frontend/src/pages/admin/email-settings.stories.ts index 162b4b0816..9b804ce4ac 100644 --- a/packages/frontend/src/pages/admin/email-settings.stories.ts +++ b/packages/frontend/src/pages/admin/email-settings.stories.ts @@ -5,10 +5,15 @@ const meta = { component: email_settings, }; export const Default = { - components: { - email_settings, + render(args, { argTypes }) { + return { + components: { + email_settings, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/federation.stories.ts b/packages/frontend/src/pages/admin/federation.stories.ts index a8b3f1b3f6..63bf5023dd 100644 --- a/packages/frontend/src/pages/admin/federation.stories.ts +++ b/packages/frontend/src/pages/admin/federation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: federation, }; export const Default = { - components: { - federation, + render(args, { argTypes }) { + return { + components: { + federation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/files.stories.ts b/packages/frontend/src/pages/admin/files.stories.ts index cb0746cf12..6d5b00f3f1 100644 --- a/packages/frontend/src/pages/admin/files.stories.ts +++ b/packages/frontend/src/pages/admin/files.stories.ts @@ -5,10 +5,15 @@ const meta = { component: files, }; export const Default = { - components: { - files, + render(args, { argTypes }) { + return { + components: { + files, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/index.stories.ts b/packages/frontend/src/pages/admin/index.stories.ts index f2ac0b2878..54b89efc02 100644 --- a/packages/frontend/src/pages/admin/index.stories.ts +++ b/packages/frontend/src/pages/admin/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/instance-block.stories.ts b/packages/frontend/src/pages/admin/instance-block.stories.ts index 0623c16ddb..c76509923f 100644 --- a/packages/frontend/src/pages/admin/instance-block.stories.ts +++ b/packages/frontend/src/pages/admin/instance-block.stories.ts @@ -5,10 +5,15 @@ const meta = { component: instance_block, }; export const Default = { - components: { - instance_block, + render(args, { argTypes }) { + return { + components: { + instance_block, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/moderation.stories.ts b/packages/frontend/src/pages/admin/moderation.stories.ts index 20d6d3bea2..c55aedadca 100644 --- a/packages/frontend/src/pages/admin/moderation.stories.ts +++ b/packages/frontend/src/pages/admin/moderation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: moderation, }; export const Default = { - components: { - moderation, + render(args, { argTypes }) { + return { + components: { + moderation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/object-storage.stories.ts b/packages/frontend/src/pages/admin/object-storage.stories.ts index 9187d2ad6f..faa1f1948d 100644 --- a/packages/frontend/src/pages/admin/object-storage.stories.ts +++ b/packages/frontend/src/pages/admin/object-storage.stories.ts @@ -5,10 +5,15 @@ const meta = { component: object_storage, }; export const Default = { - components: { - object_storage, + render(args, { argTypes }) { + return { + components: { + object_storage, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/other-settings.stories.ts b/packages/frontend/src/pages/admin/other-settings.stories.ts index f4385c4c33..fc37c6072e 100644 --- a/packages/frontend/src/pages/admin/other-settings.stories.ts +++ b/packages/frontend/src/pages/admin/other-settings.stories.ts @@ -5,10 +5,15 @@ const meta = { component: other_settings, }; export const Default = { - components: { - other_settings, + render(args, { argTypes }) { + return { + components: { + other_settings, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.active-users.stories.ts b/packages/frontend/src/pages/admin/overview.active-users.stories.ts index 877d4e0ddf..e7efca1a53 100644 --- a/packages/frontend/src/pages/admin/overview.active-users.stories.ts +++ b/packages/frontend/src/pages/admin/overview.active-users.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_active_users, }; export const Default = { - components: { - overview_active_users, + render(args, { argTypes }) { + return { + components: { + overview_active_users, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts index d952ce3df9..347065c396 100644 --- a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts +++ b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_ap_requests, }; export const Default = { - components: { - overview_ap_requests, + render(args, { argTypes }) { + return { + components: { + overview_ap_requests, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.federation.stories.ts b/packages/frontend/src/pages/admin/overview.federation.stories.ts index c0bcca0588..61956f0249 100644 --- a/packages/frontend/src/pages/admin/overview.federation.stories.ts +++ b/packages/frontend/src/pages/admin/overview.federation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_federation, }; export const Default = { - components: { - overview_federation, + render(args, { argTypes }) { + return { + components: { + overview_federation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts index 28fca24b45..872c883fe7 100644 --- a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts +++ b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_heatmap, }; export const Default = { - components: { - overview_heatmap, + render(args, { argTypes }) { + return { + components: { + overview_heatmap, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.instances.stories.ts b/packages/frontend/src/pages/admin/overview.instances.stories.ts index 71cce61bc0..c6ca9f0855 100644 --- a/packages/frontend/src/pages/admin/overview.instances.stories.ts +++ b/packages/frontend/src/pages/admin/overview.instances.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_instances, }; export const Default = { - components: { - overview_instances, + render(args, { argTypes }) { + return { + components: { + overview_instances, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.moderators.stories.ts b/packages/frontend/src/pages/admin/overview.moderators.stories.ts index d617cc9c3d..a05c482eab 100644 --- a/packages/frontend/src/pages/admin/overview.moderators.stories.ts +++ b/packages/frontend/src/pages/admin/overview.moderators.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_moderators, }; export const Default = { - components: { - overview_moderators, + render(args, { argTypes }) { + return { + components: { + overview_moderators, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.pie.stories.ts b/packages/frontend/src/pages/admin/overview.pie.stories.ts index f73defee9f..3c9844e206 100644 --- a/packages/frontend/src/pages/admin/overview.pie.stories.ts +++ b/packages/frontend/src/pages/admin/overview.pie.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_pie, }; export const Default = { - components: { - overview_pie, + render(args, { argTypes }) { + return { + components: { + overview_pie, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts index cfcd04f3c4..848300fe07 100644 --- a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts +++ b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_queue_chart, }; export const Default = { - components: { - overview_queue_chart, + render(args, { argTypes }) { + return { + components: { + overview_queue_chart, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.queue.stories.ts b/packages/frontend/src/pages/admin/overview.queue.stories.ts index f30978121c..e3f4bfca52 100644 --- a/packages/frontend/src/pages/admin/overview.queue.stories.ts +++ b/packages/frontend/src/pages/admin/overview.queue.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_queue, }; export const Default = { - components: { - overview_queue, + render(args, { argTypes }) { + return { + components: { + overview_queue, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.retention.stories.ts b/packages/frontend/src/pages/admin/overview.retention.stories.ts index b0bc4c72d1..3e1c5a89bc 100644 --- a/packages/frontend/src/pages/admin/overview.retention.stories.ts +++ b/packages/frontend/src/pages/admin/overview.retention.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_retention, }; export const Default = { - components: { - overview_retention, + render(args, { argTypes }) { + return { + components: { + overview_retention, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.stats.stories.ts b/packages/frontend/src/pages/admin/overview.stats.stories.ts index 5bcefe2fc8..0c368aaddc 100644 --- a/packages/frontend/src/pages/admin/overview.stats.stories.ts +++ b/packages/frontend/src/pages/admin/overview.stats.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_stats, }; export const Default = { - components: { - overview_stats, + render(args, { argTypes }) { + return { + components: { + overview_stats, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.stories.ts b/packages/frontend/src/pages/admin/overview.stories.ts index 676acc1eaf..de388bd48e 100644 --- a/packages/frontend/src/pages/admin/overview.stories.ts +++ b/packages/frontend/src/pages/admin/overview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview, }; export const Default = { - components: { - overview, + render(args, { argTypes }) { + return { + components: { + overview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/overview.users.stories.ts b/packages/frontend/src/pages/admin/overview.users.stories.ts index 4c61a00bf8..3846e67011 100644 --- a/packages/frontend/src/pages/admin/overview.users.stories.ts +++ b/packages/frontend/src/pages/admin/overview.users.stories.ts @@ -5,10 +5,15 @@ const meta = { component: overview_users, }; export const Default = { - components: { - overview_users, + render(args, { argTypes }) { + return { + components: { + overview_users, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/proxy-account.stories.ts b/packages/frontend/src/pages/admin/proxy-account.stories.ts index 6954a0f55f..04fa3e1b68 100644 --- a/packages/frontend/src/pages/admin/proxy-account.stories.ts +++ b/packages/frontend/src/pages/admin/proxy-account.stories.ts @@ -5,10 +5,15 @@ const meta = { component: proxy_account, }; export const Default = { - components: { - proxy_account, + render(args, { argTypes }) { + return { + components: { + proxy_account, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts index 13b63e7dba..95a1f0a5e3 100644 --- a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts +++ b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: queue_chart_chart, }; export const Default = { - components: { - queue_chart_chart, + render(args, { argTypes }) { + return { + components: { + queue_chart_chart, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/queue.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.stories.ts index 8e66f86144..48c9aba4b8 100644 --- a/packages/frontend/src/pages/admin/queue.chart.stories.ts +++ b/packages/frontend/src/pages/admin/queue.chart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: queue_chart, }; export const Default = { - components: { - queue_chart, + render(args, { argTypes }) { + return { + components: { + queue_chart, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/queue.stories.ts b/packages/frontend/src/pages/admin/queue.stories.ts index 6d2c06b48a..08a32d0402 100644 --- a/packages/frontend/src/pages/admin/queue.stories.ts +++ b/packages/frontend/src/pages/admin/queue.stories.ts @@ -5,10 +5,15 @@ const meta = { component: queue, }; export const Default = { - components: { - queue, + render(args, { argTypes }) { + return { + components: { + queue, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/relays.stories.ts b/packages/frontend/src/pages/admin/relays.stories.ts index c362cb7ca9..aabd4d2fcf 100644 --- a/packages/frontend/src/pages/admin/relays.stories.ts +++ b/packages/frontend/src/pages/admin/relays.stories.ts @@ -5,10 +5,15 @@ const meta = { component: relays, }; export const Default = { - components: { - relays, + render(args, { argTypes }) { + return { + components: { + relays, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/roles.edit.stories.ts b/packages/frontend/src/pages/admin/roles.edit.stories.ts index 61fac49415..148cad434b 100644 --- a/packages/frontend/src/pages/admin/roles.edit.stories.ts +++ b/packages/frontend/src/pages/admin/roles.edit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: roles_edit, }; export const Default = { - components: { - roles_edit, + render(args, { argTypes }) { + return { + components: { + roles_edit, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/roles.editor.stories.ts b/packages/frontend/src/pages/admin/roles.editor.stories.ts index 34dac9a051..91f0cd6656 100644 --- a/packages/frontend/src/pages/admin/roles.editor.stories.ts +++ b/packages/frontend/src/pages/admin/roles.editor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: roles_editor, }; export const Default = { - components: { - roles_editor, + render(args, { argTypes }) { + return { + components: { + roles_editor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/roles.role.stories.ts b/packages/frontend/src/pages/admin/roles.role.stories.ts index ec112af033..4847b5d272 100644 --- a/packages/frontend/src/pages/admin/roles.role.stories.ts +++ b/packages/frontend/src/pages/admin/roles.role.stories.ts @@ -5,10 +5,15 @@ const meta = { component: roles_role, }; export const Default = { - components: { - roles_role, + render(args, { argTypes }) { + return { + components: { + roles_role, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/roles.stories.ts b/packages/frontend/src/pages/admin/roles.stories.ts index c0d1fcd444..1c6abb42be 100644 --- a/packages/frontend/src/pages/admin/roles.stories.ts +++ b/packages/frontend/src/pages/admin/roles.stories.ts @@ -5,10 +5,15 @@ const meta = { component: roles, }; export const Default = { - components: { - roles, + render(args, { argTypes }) { + return { + components: { + roles, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/security.stories.ts b/packages/frontend/src/pages/admin/security.stories.ts index eacff65985..8785d2caf9 100644 --- a/packages/frontend/src/pages/admin/security.stories.ts +++ b/packages/frontend/src/pages/admin/security.stories.ts @@ -5,10 +5,15 @@ const meta = { component: security, }; export const Default = { - components: { - security, + render(args, { argTypes }) { + return { + components: { + security, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/settings.stories.ts b/packages/frontend/src/pages/admin/settings.stories.ts index c10325146c..75a99d78ce 100644 --- a/packages/frontend/src/pages/admin/settings.stories.ts +++ b/packages/frontend/src/pages/admin/settings.stories.ts @@ -5,10 +5,15 @@ const meta = { component: settings, }; export const Default = { - components: { - settings, + render(args, { argTypes }) { + return { + components: { + settings, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/admin/users.stories.ts b/packages/frontend/src/pages/admin/users.stories.ts index 89769a35f9..7d849fcece 100644 --- a/packages/frontend/src/pages/admin/users.stories.ts +++ b/packages/frontend/src/pages/admin/users.stories.ts @@ -5,10 +5,15 @@ const meta = { component: users, }; export const Default = { - components: { - users, + render(args, { argTypes }) { + return { + components: { + users, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/ads.stories.ts b/packages/frontend/src/pages/ads.stories.ts index 1fadb08a86..c02055d8ea 100644 --- a/packages/frontend/src/pages/ads.stories.ts +++ b/packages/frontend/src/pages/ads.stories.ts @@ -5,10 +5,15 @@ const meta = { component: ads, }; export const Default = { - components: { - ads, + render(args, { argTypes }) { + return { + components: { + ads, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/announcements.stories.ts b/packages/frontend/src/pages/announcements.stories.ts index b5c7081239..4835a4c327 100644 --- a/packages/frontend/src/pages/announcements.stories.ts +++ b/packages/frontend/src/pages/announcements.stories.ts @@ -5,10 +5,15 @@ const meta = { component: announcements, }; export const Default = { - components: { - announcements, + render(args, { argTypes }) { + return { + components: { + announcements, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/antenna-timeline.stories.ts b/packages/frontend/src/pages/antenna-timeline.stories.ts index 142ddb7862..c16f408a53 100644 --- a/packages/frontend/src/pages/antenna-timeline.stories.ts +++ b/packages/frontend/src/pages/antenna-timeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: antenna_timeline, }; export const Default = { - components: { - antenna_timeline, + render(args, { argTypes }) { + return { + components: { + antenna_timeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/api-console.stories.ts b/packages/frontend/src/pages/api-console.stories.ts index ab7032c885..dda2502d5a 100644 --- a/packages/frontend/src/pages/api-console.stories.ts +++ b/packages/frontend/src/pages/api-console.stories.ts @@ -5,10 +5,15 @@ const meta = { component: api_console, }; export const Default = { - components: { - api_console, + render(args, { argTypes }) { + return { + components: { + api_console, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/auth.form.stories.ts b/packages/frontend/src/pages/auth.form.stories.ts index 27b302a7e1..6cdae41880 100644 --- a/packages/frontend/src/pages/auth.form.stories.ts +++ b/packages/frontend/src/pages/auth.form.stories.ts @@ -5,10 +5,15 @@ const meta = { component: auth_form, }; export const Default = { - components: { - auth_form, + render(args, { argTypes }) { + return { + components: { + auth_form, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/auth.stories.ts b/packages/frontend/src/pages/auth.stories.ts index ed9715c21c..37f365581d 100644 --- a/packages/frontend/src/pages/auth.stories.ts +++ b/packages/frontend/src/pages/auth.stories.ts @@ -5,10 +5,15 @@ const meta = { component: auth, }; export const Default = { - components: { - auth, + render(args, { argTypes }) { + return { + components: { + auth, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/channel-editor.stories.ts b/packages/frontend/src/pages/channel-editor.stories.ts index fadda3c391..9928ede95d 100644 --- a/packages/frontend/src/pages/channel-editor.stories.ts +++ b/packages/frontend/src/pages/channel-editor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: channel_editor, }; export const Default = { - components: { - channel_editor, + render(args, { argTypes }) { + return { + components: { + channel_editor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/channel.stories.ts b/packages/frontend/src/pages/channel.stories.ts index d11385411a..bcb5b82222 100644 --- a/packages/frontend/src/pages/channel.stories.ts +++ b/packages/frontend/src/pages/channel.stories.ts @@ -5,10 +5,15 @@ const meta = { component: channel, }; export const Default = { - components: { - channel, + render(args, { argTypes }) { + return { + components: { + channel, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/channels.stories.ts b/packages/frontend/src/pages/channels.stories.ts index d17a5ab5aa..0e35ca4531 100644 --- a/packages/frontend/src/pages/channels.stories.ts +++ b/packages/frontend/src/pages/channels.stories.ts @@ -5,10 +5,15 @@ const meta = { component: channels, }; export const Default = { - components: { - channels, + render(args, { argTypes }) { + return { + components: { + channels, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/clicker.stories.ts b/packages/frontend/src/pages/clicker.stories.ts index 90b554eac5..5ed6fc048d 100644 --- a/packages/frontend/src/pages/clicker.stories.ts +++ b/packages/frontend/src/pages/clicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: clicker, }; export const Default = { - components: { - clicker, + render(args, { argTypes }) { + return { + components: { + clicker, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/clip.stories.ts b/packages/frontend/src/pages/clip.stories.ts index 1435436350..c2e6f056f0 100644 --- a/packages/frontend/src/pages/clip.stories.ts +++ b/packages/frontend/src/pages/clip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: clip, }; export const Default = { - components: { - clip, + render(args, { argTypes }) { + return { + components: { + clip, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/custom-emojis-manager.stories.ts b/packages/frontend/src/pages/custom-emojis-manager.stories.ts index 3aa362b7d9..44d87b4288 100644 --- a/packages/frontend/src/pages/custom-emojis-manager.stories.ts +++ b/packages/frontend/src/pages/custom-emojis-manager.stories.ts @@ -5,10 +5,15 @@ const meta = { component: custom_emojis_manager, }; export const Default = { - components: { - custom_emojis_manager, + render(args, { argTypes }) { + return { + components: { + custom_emojis_manager, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/drive.stories.ts b/packages/frontend/src/pages/drive.stories.ts index 199cbe10e7..56c6ff72d9 100644 --- a/packages/frontend/src/pages/drive.stories.ts +++ b/packages/frontend/src/pages/drive.stories.ts @@ -5,10 +5,15 @@ const meta = { component: drive, }; export const Default = { - components: { - drive, + render(args, { argTypes }) { + return { + components: { + drive, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts index 4ff245de16..e675bbe438 100644 --- a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts +++ b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: emoji_edit_dialog, }; export const Default = { - components: { - emoji_edit_dialog, + render(args, { argTypes }) { + return { + components: { + emoji_edit_dialog, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/emojis.emoji.stories.ts b/packages/frontend/src/pages/emojis.emoji.stories.ts index e0a7d8c85d..bda94c9b9a 100644 --- a/packages/frontend/src/pages/emojis.emoji.stories.ts +++ b/packages/frontend/src/pages/emojis.emoji.stories.ts @@ -5,10 +5,15 @@ const meta = { component: emojis_emoji, }; export const Default = { - components: { - emojis_emoji, + render(args, { argTypes }) { + return { + components: { + emojis_emoji, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/explore.featured.stories.ts b/packages/frontend/src/pages/explore.featured.stories.ts index 9482aa0a1b..b04eee4264 100644 --- a/packages/frontend/src/pages/explore.featured.stories.ts +++ b/packages/frontend/src/pages/explore.featured.stories.ts @@ -5,10 +5,15 @@ const meta = { component: explore_featured, }; export const Default = { - components: { - explore_featured, + render(args, { argTypes }) { + return { + components: { + explore_featured, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/explore.roles.stories.ts b/packages/frontend/src/pages/explore.roles.stories.ts index bcf5c0fdba..44ff94c7ae 100644 --- a/packages/frontend/src/pages/explore.roles.stories.ts +++ b/packages/frontend/src/pages/explore.roles.stories.ts @@ -5,10 +5,15 @@ const meta = { component: explore_roles, }; export const Default = { - components: { - explore_roles, + render(args, { argTypes }) { + return { + components: { + explore_roles, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/explore.stories.ts b/packages/frontend/src/pages/explore.stories.ts index b42265a8b8..5aa5efe566 100644 --- a/packages/frontend/src/pages/explore.stories.ts +++ b/packages/frontend/src/pages/explore.stories.ts @@ -5,10 +5,15 @@ const meta = { component: explore, }; export const Default = { - components: { - explore, + render(args, { argTypes }) { + return { + components: { + explore, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/explore.users.stories.ts b/packages/frontend/src/pages/explore.users.stories.ts index 0b62e44584..4ce52c9886 100644 --- a/packages/frontend/src/pages/explore.users.stories.ts +++ b/packages/frontend/src/pages/explore.users.stories.ts @@ -5,10 +5,15 @@ const meta = { component: explore_users, }; export const Default = { - components: { - explore_users, + render(args, { argTypes }) { + return { + components: { + explore_users, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/favorites.stories.ts b/packages/frontend/src/pages/favorites.stories.ts index 959cd96336..76c1882195 100644 --- a/packages/frontend/src/pages/favorites.stories.ts +++ b/packages/frontend/src/pages/favorites.stories.ts @@ -5,10 +5,15 @@ const meta = { component: favorites, }; export const Default = { - components: { - favorites, + render(args, { argTypes }) { + return { + components: { + favorites, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/flash/flash-edit.stories.ts b/packages/frontend/src/pages/flash/flash-edit.stories.ts index 1eb559bd42..27376858e0 100644 --- a/packages/frontend/src/pages/flash/flash-edit.stories.ts +++ b/packages/frontend/src/pages/flash/flash-edit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: flash_edit, }; export const Default = { - components: { - flash_edit, + render(args, { argTypes }) { + return { + components: { + flash_edit, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/flash/flash-index.stories.ts b/packages/frontend/src/pages/flash/flash-index.stories.ts index 1d10f2f3fa..327506577f 100644 --- a/packages/frontend/src/pages/flash/flash-index.stories.ts +++ b/packages/frontend/src/pages/flash/flash-index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: flash_index, }; export const Default = { - components: { - flash_index, + render(args, { argTypes }) { + return { + components: { + flash_index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/flash/flash.stories.ts b/packages/frontend/src/pages/flash/flash.stories.ts index b987a06b9c..e0ff01a0b8 100644 --- a/packages/frontend/src/pages/flash/flash.stories.ts +++ b/packages/frontend/src/pages/flash/flash.stories.ts @@ -5,10 +5,15 @@ const meta = { component: flash, }; export const Default = { - components: { - flash, + render(args, { argTypes }) { + return { + components: { + flash, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/follow-requests.stories.ts b/packages/frontend/src/pages/follow-requests.stories.ts index 5f94621069..8654604b6f 100644 --- a/packages/frontend/src/pages/follow-requests.stories.ts +++ b/packages/frontend/src/pages/follow-requests.stories.ts @@ -5,10 +5,15 @@ const meta = { component: follow_requests, }; export const Default = { - components: { - follow_requests, + render(args, { argTypes }) { + return { + components: { + follow_requests, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/follow.stories.ts b/packages/frontend/src/pages/follow.stories.ts index 73b487bc3a..b9090d158b 100644 --- a/packages/frontend/src/pages/follow.stories.ts +++ b/packages/frontend/src/pages/follow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: follow, }; export const Default = { - components: { - follow, + render(args, { argTypes }) { + return { + components: { + follow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/gallery/edit.stories.ts b/packages/frontend/src/pages/gallery/edit.stories.ts index 80b8f4341c..6bf05086b6 100644 --- a/packages/frontend/src/pages/gallery/edit.stories.ts +++ b/packages/frontend/src/pages/gallery/edit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: edit, }; export const Default = { - components: { - edit, + render(args, { argTypes }) { + return { + components: { + edit, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/gallery/index.stories.ts b/packages/frontend/src/pages/gallery/index.stories.ts index a97c4f543d..57d8be035a 100644 --- a/packages/frontend/src/pages/gallery/index.stories.ts +++ b/packages/frontend/src/pages/gallery/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/gallery/post.stories.ts b/packages/frontend/src/pages/gallery/post.stories.ts index a836bb0f8b..1bafccebde 100644 --- a/packages/frontend/src/pages/gallery/post.stories.ts +++ b/packages/frontend/src/pages/gallery/post.stories.ts @@ -5,10 +5,15 @@ const meta = { component: post, }; export const Default = { - components: { - post, + render(args, { argTypes }) { + return { + components: { + post, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/instance-info.stories.ts b/packages/frontend/src/pages/instance-info.stories.ts index e4ce20788c..311a27a877 100644 --- a/packages/frontend/src/pages/instance-info.stories.ts +++ b/packages/frontend/src/pages/instance-info.stories.ts @@ -5,10 +5,15 @@ const meta = { component: instance_info, }; export const Default = { - components: { - instance_info, + render(args, { argTypes }) { + return { + components: { + instance_info, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/miauth.stories.ts b/packages/frontend/src/pages/miauth.stories.ts index b70ba39235..b668f03cd0 100644 --- a/packages/frontend/src/pages/miauth.stories.ts +++ b/packages/frontend/src/pages/miauth.stories.ts @@ -5,10 +5,15 @@ const meta = { component: miauth, }; export const Default = { - components: { - miauth, + render(args, { argTypes }) { + return { + components: { + miauth, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-antennas/create.stories.ts b/packages/frontend/src/pages/my-antennas/create.stories.ts index d71aa1206b..310cfe61f7 100644 --- a/packages/frontend/src/pages/my-antennas/create.stories.ts +++ b/packages/frontend/src/pages/my-antennas/create.stories.ts @@ -5,10 +5,15 @@ const meta = { component: create, }; export const Default = { - components: { - create, + render(args, { argTypes }) { + return { + components: { + create, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-antennas/edit.stories.ts b/packages/frontend/src/pages/my-antennas/edit.stories.ts index ebb9e54201..51202b066e 100644 --- a/packages/frontend/src/pages/my-antennas/edit.stories.ts +++ b/packages/frontend/src/pages/my-antennas/edit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: edit, }; export const Default = { - components: { - edit, + render(args, { argTypes }) { + return { + components: { + edit, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-antennas/editor.stories.ts b/packages/frontend/src/pages/my-antennas/editor.stories.ts index 1edb29e806..88a96edffb 100644 --- a/packages/frontend/src/pages/my-antennas/editor.stories.ts +++ b/packages/frontend/src/pages/my-antennas/editor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: editor, }; export const Default = { - components: { - editor, + render(args, { argTypes }) { + return { + components: { + editor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-antennas/index.stories.ts b/packages/frontend/src/pages/my-antennas/index.stories.ts index 65af62c76d..f0c356b49b 100644 --- a/packages/frontend/src/pages/my-antennas/index.stories.ts +++ b/packages/frontend/src/pages/my-antennas/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-clips/index.stories.ts b/packages/frontend/src/pages/my-clips/index.stories.ts index 4625509983..a84ba350bc 100644 --- a/packages/frontend/src/pages/my-clips/index.stories.ts +++ b/packages/frontend/src/pages/my-clips/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-lists/index.stories.ts b/packages/frontend/src/pages/my-lists/index.stories.ts index eae8dbeb63..ae76937e09 100644 --- a/packages/frontend/src/pages/my-lists/index.stories.ts +++ b/packages/frontend/src/pages/my-lists/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/my-lists/list.stories.ts b/packages/frontend/src/pages/my-lists/list.stories.ts index 05a306a3ff..7ed8f30097 100644 --- a/packages/frontend/src/pages/my-lists/list.stories.ts +++ b/packages/frontend/src/pages/my-lists/list.stories.ts @@ -5,10 +5,15 @@ const meta = { component: list, }; export const Default = { - components: { - list, + render(args, { argTypes }) { + return { + components: { + list, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/not-found.stories.ts b/packages/frontend/src/pages/not-found.stories.ts index 1d84261fea..03c1b8103d 100644 --- a/packages/frontend/src/pages/not-found.stories.ts +++ b/packages/frontend/src/pages/not-found.stories.ts @@ -5,10 +5,15 @@ const meta = { component: not_found, }; export const Default = { - components: { - not_found, + render(args, { argTypes }) { + return { + components: { + not_found, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/note.stories.ts b/packages/frontend/src/pages/note.stories.ts index e4703e3bb6..fc88632ce0 100644 --- a/packages/frontend/src/pages/note.stories.ts +++ b/packages/frontend/src/pages/note.stories.ts @@ -5,10 +5,15 @@ const meta = { component: note, }; export const Default = { - components: { - note, + render(args, { argTypes }) { + return { + components: { + note, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/notifications.stories.ts b/packages/frontend/src/pages/notifications.stories.ts index 2181b94eb8..8a81613b09 100644 --- a/packages/frontend/src/pages/notifications.stories.ts +++ b/packages/frontend/src/pages/notifications.stories.ts @@ -5,10 +5,15 @@ const meta = { component: notifications, }; export const Default = { - components: { - notifications, + render(args, { argTypes }) { + return { + components: { + notifications, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts index 4811d07edf..94eeb054c6 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor_el_image, }; export const Default = { - components: { - page_editor_el_image, + render(args, { argTypes }) { + return { + components: { + page_editor_el_image, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts index 0293c4ca46..9b767672c5 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor_el_note, }; export const Default = { - components: { - page_editor_el_note, + render(args, { argTypes }) { + return { + components: { + page_editor_el_note, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts index a0c062b670..f40039517a 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor_el_section, }; export const Default = { - components: { - page_editor_el_section, + render(args, { argTypes }) { + return { + components: { + page_editor_el_section, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts index 46c8d3ddfe..6e4bc9bbd4 100644 --- a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts +++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor_el_text, }; export const Default = { - components: { - page_editor_el_text, + render(args, { argTypes }) { + return { + components: { + page_editor_el_text, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts index 965c615ba7..e753a96028 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts +++ b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor_blocks, }; export const Default = { - components: { - page_editor_blocks, + render(args, { argTypes }) { + return { + components: { + page_editor_blocks, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts index 0d044d7f62..77a4836f3b 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts +++ b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor_container, }; export const Default = { - components: { - page_editor_container, + render(args, { argTypes }) { + return { + components: { + page_editor_container, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page-editor/page-editor.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.stories.ts index e0d0f5b3d1..59c0989381 100644 --- a/packages/frontend/src/pages/page-editor/page-editor.stories.ts +++ b/packages/frontend/src/pages/page-editor/page-editor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_editor, }; export const Default = { - components: { - page_editor, + render(args, { argTypes }) { + return { + components: { + page_editor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/page.stories.ts b/packages/frontend/src/pages/page.stories.ts index 08358f2baa..910deaca49 100644 --- a/packages/frontend/src/pages/page.stories.ts +++ b/packages/frontend/src/pages/page.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page, }; export const Default = { - components: { - page, + render(args, { argTypes }) { + return { + components: { + page, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/pages.stories.ts b/packages/frontend/src/pages/pages.stories.ts index f6ac1d4562..2d8f53bda1 100644 --- a/packages/frontend/src/pages/pages.stories.ts +++ b/packages/frontend/src/pages/pages.stories.ts @@ -5,10 +5,15 @@ const meta = { component: pages, }; export const Default = { - components: { - pages, + render(args, { argTypes }) { + return { + components: { + pages, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/preview.stories.ts b/packages/frontend/src/pages/preview.stories.ts index 60cc026f6c..6605c45876 100644 --- a/packages/frontend/src/pages/preview.stories.ts +++ b/packages/frontend/src/pages/preview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: preview, }; export const Default = { - components: { - preview, + render(args, { argTypes }) { + return { + components: { + preview, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/registry.keys.stories.ts b/packages/frontend/src/pages/registry.keys.stories.ts index 1a1ec5216b..0d710acff3 100644 --- a/packages/frontend/src/pages/registry.keys.stories.ts +++ b/packages/frontend/src/pages/registry.keys.stories.ts @@ -5,10 +5,15 @@ const meta = { component: registry_keys, }; export const Default = { - components: { - registry_keys, + render(args, { argTypes }) { + return { + components: { + registry_keys, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/registry.stories.ts b/packages/frontend/src/pages/registry.stories.ts index 846d75cc8f..776c153adc 100644 --- a/packages/frontend/src/pages/registry.stories.ts +++ b/packages/frontend/src/pages/registry.stories.ts @@ -5,10 +5,15 @@ const meta = { component: registry, }; export const Default = { - components: { - registry, + render(args, { argTypes }) { + return { + components: { + registry, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/registry.value.stories.ts b/packages/frontend/src/pages/registry.value.stories.ts index 798c77d715..d90bc4edda 100644 --- a/packages/frontend/src/pages/registry.value.stories.ts +++ b/packages/frontend/src/pages/registry.value.stories.ts @@ -5,10 +5,15 @@ const meta = { component: registry_value, }; export const Default = { - components: { - registry_value, + render(args, { argTypes }) { + return { + components: { + registry_value, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/reset-password.stories.ts b/packages/frontend/src/pages/reset-password.stories.ts index 6cab23af59..e478a2706e 100644 --- a/packages/frontend/src/pages/reset-password.stories.ts +++ b/packages/frontend/src/pages/reset-password.stories.ts @@ -5,10 +5,15 @@ const meta = { component: reset_password, }; export const Default = { - components: { - reset_password, + render(args, { argTypes }) { + return { + components: { + reset_password, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/role.stories.ts b/packages/frontend/src/pages/role.stories.ts index 2ec6bde652..f1cfe66607 100644 --- a/packages/frontend/src/pages/role.stories.ts +++ b/packages/frontend/src/pages/role.stories.ts @@ -5,10 +5,15 @@ const meta = { component: role, }; export const Default = { - components: { - role, + render(args, { argTypes }) { + return { + components: { + role, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/scratchpad.stories.ts b/packages/frontend/src/pages/scratchpad.stories.ts index 369df43de0..a5ea5b36e3 100644 --- a/packages/frontend/src/pages/scratchpad.stories.ts +++ b/packages/frontend/src/pages/scratchpad.stories.ts @@ -5,10 +5,15 @@ const meta = { component: scratchpad, }; export const Default = { - components: { - scratchpad, + render(args, { argTypes }) { + return { + components: { + scratchpad, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/search.stories.ts b/packages/frontend/src/pages/search.stories.ts index 845abb92b5..05d2603dfe 100644 --- a/packages/frontend/src/pages/search.stories.ts +++ b/packages/frontend/src/pages/search.stories.ts @@ -5,10 +5,15 @@ const meta = { component: search, }; export const Default = { - components: { - search, + render(args, { argTypes }) { + return { + components: { + search, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts index cc5c3311fe..54d1d959b2 100644 --- a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts +++ b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: _2fa_qrdialog, }; export const Default = { - components: { - _2fa_qrdialog, + render(args, { argTypes }) { + return { + components: { + _2fa_qrdialog, + }, + props: Object.keys(argTypes), + template: '<_2fa_qrdialog v-bind="$props" />', + }; }, - template: '<_2fa_qrdialog />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/2fa.stories.ts b/packages/frontend/src/pages/settings/2fa.stories.ts index 3b77f4cefe..9d6a887484 100644 --- a/packages/frontend/src/pages/settings/2fa.stories.ts +++ b/packages/frontend/src/pages/settings/2fa.stories.ts @@ -5,10 +5,15 @@ const meta = { component: _2fa, }; export const Default = { - components: { - _2fa, + render(args, { argTypes }) { + return { + components: { + _2fa, + }, + props: Object.keys(argTypes), + template: '<_2fa v-bind="$props" />', + }; }, - template: '<_2fa />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/account-info.stories.ts b/packages/frontend/src/pages/settings/account-info.stories.ts index ed43fd46ac..0fb998b3e4 100644 --- a/packages/frontend/src/pages/settings/account-info.stories.ts +++ b/packages/frontend/src/pages/settings/account-info.stories.ts @@ -5,10 +5,15 @@ const meta = { component: account_info, }; export const Default = { - components: { - account_info, + render(args, { argTypes }) { + return { + components: { + account_info, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/accounts.stories.ts b/packages/frontend/src/pages/settings/accounts.stories.ts index 4ffa1ae4cd..9996274c78 100644 --- a/packages/frontend/src/pages/settings/accounts.stories.ts +++ b/packages/frontend/src/pages/settings/accounts.stories.ts @@ -5,10 +5,15 @@ const meta = { component: accounts, }; export const Default = { - components: { - accounts, + render(args, { argTypes }) { + return { + components: { + accounts, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/api.stories.ts b/packages/frontend/src/pages/settings/api.stories.ts index 3695e9dfec..bb3194c561 100644 --- a/packages/frontend/src/pages/settings/api.stories.ts +++ b/packages/frontend/src/pages/settings/api.stories.ts @@ -5,10 +5,15 @@ const meta = { component: api, }; export const Default = { - components: { - api, + render(args, { argTypes }) { + return { + components: { + api, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/apps.stories.ts b/packages/frontend/src/pages/settings/apps.stories.ts index e9820cd3e2..038848986b 100644 --- a/packages/frontend/src/pages/settings/apps.stories.ts +++ b/packages/frontend/src/pages/settings/apps.stories.ts @@ -5,10 +5,15 @@ const meta = { component: apps, }; export const Default = { - components: { - apps, + render(args, { argTypes }) { + return { + components: { + apps, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/custom-css.stories.ts b/packages/frontend/src/pages/settings/custom-css.stories.ts index 821ff4bf53..7b7cc913fc 100644 --- a/packages/frontend/src/pages/settings/custom-css.stories.ts +++ b/packages/frontend/src/pages/settings/custom-css.stories.ts @@ -5,10 +5,15 @@ const meta = { component: custom_css, }; export const Default = { - components: { - custom_css, + render(args, { argTypes }) { + return { + components: { + custom_css, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/deck.stories.ts b/packages/frontend/src/pages/settings/deck.stories.ts index 7ee4159f87..e6c51bc005 100644 --- a/packages/frontend/src/pages/settings/deck.stories.ts +++ b/packages/frontend/src/pages/settings/deck.stories.ts @@ -5,10 +5,15 @@ const meta = { component: deck, }; export const Default = { - components: { - deck, + render(args, { argTypes }) { + return { + components: { + deck, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/delete-account.stories.ts b/packages/frontend/src/pages/settings/delete-account.stories.ts index d29068dadc..4f5cf2c094 100644 --- a/packages/frontend/src/pages/settings/delete-account.stories.ts +++ b/packages/frontend/src/pages/settings/delete-account.stories.ts @@ -5,10 +5,15 @@ const meta = { component: delete_account, }; export const Default = { - components: { - delete_account, + render(args, { argTypes }) { + return { + components: { + delete_account, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/drive.stories.ts b/packages/frontend/src/pages/settings/drive.stories.ts index cf65d1819f..140615641c 100644 --- a/packages/frontend/src/pages/settings/drive.stories.ts +++ b/packages/frontend/src/pages/settings/drive.stories.ts @@ -5,10 +5,15 @@ const meta = { component: drive, }; export const Default = { - components: { - drive, + render(args, { argTypes }) { + return { + components: { + drive, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/email.stories.ts b/packages/frontend/src/pages/settings/email.stories.ts index 1adeb96133..043f23a484 100644 --- a/packages/frontend/src/pages/settings/email.stories.ts +++ b/packages/frontend/src/pages/settings/email.stories.ts @@ -5,10 +5,15 @@ const meta = { component: email, }; export const Default = { - components: { - email, + render(args, { argTypes }) { + return { + components: { + email, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/general.stories.ts b/packages/frontend/src/pages/settings/general.stories.ts index 579f509f27..09237cf350 100644 --- a/packages/frontend/src/pages/settings/general.stories.ts +++ b/packages/frontend/src/pages/settings/general.stories.ts @@ -5,10 +5,15 @@ const meta = { component: general, }; export const Default = { - components: { - general, + render(args, { argTypes }) { + return { + components: { + general, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/import-export.stories.ts b/packages/frontend/src/pages/settings/import-export.stories.ts index 967ed5459c..9d05bd5c25 100644 --- a/packages/frontend/src/pages/settings/import-export.stories.ts +++ b/packages/frontend/src/pages/settings/import-export.stories.ts @@ -5,10 +5,15 @@ const meta = { component: import_export, }; export const Default = { - components: { - import_export, + render(args, { argTypes }) { + return { + components: { + import_export, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/index.stories.ts b/packages/frontend/src/pages/settings/index.stories.ts index 2d9a2ec86e..6b5f9e0c3d 100644 --- a/packages/frontend/src/pages/settings/index.stories.ts +++ b/packages/frontend/src/pages/settings/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/instance-mute.stories.ts b/packages/frontend/src/pages/settings/instance-mute.stories.ts index a9195df21d..fb333bb1d0 100644 --- a/packages/frontend/src/pages/settings/instance-mute.stories.ts +++ b/packages/frontend/src/pages/settings/instance-mute.stories.ts @@ -5,10 +5,15 @@ const meta = { component: instance_mute, }; export const Default = { - components: { - instance_mute, + render(args, { argTypes }) { + return { + components: { + instance_mute, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/mute-block.stories.ts b/packages/frontend/src/pages/settings/mute-block.stories.ts index 297ba1bdf8..fd84608d50 100644 --- a/packages/frontend/src/pages/settings/mute-block.stories.ts +++ b/packages/frontend/src/pages/settings/mute-block.stories.ts @@ -5,10 +5,15 @@ const meta = { component: mute_block, }; export const Default = { - components: { - mute_block, + render(args, { argTypes }) { + return { + components: { + mute_block, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/navbar.stories.ts b/packages/frontend/src/pages/settings/navbar.stories.ts index 0d5427af52..3fc2b9a867 100644 --- a/packages/frontend/src/pages/settings/navbar.stories.ts +++ b/packages/frontend/src/pages/settings/navbar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: navbar, }; export const Default = { - components: { - navbar, + render(args, { argTypes }) { + return { + components: { + navbar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/notifications.stories.ts b/packages/frontend/src/pages/settings/notifications.stories.ts index 2d896a5cd3..0c19456852 100644 --- a/packages/frontend/src/pages/settings/notifications.stories.ts +++ b/packages/frontend/src/pages/settings/notifications.stories.ts @@ -5,10 +5,15 @@ const meta = { component: notifications, }; export const Default = { - components: { - notifications, + render(args, { argTypes }) { + return { + components: { + notifications, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/other.stories.ts b/packages/frontend/src/pages/settings/other.stories.ts index 4158413e98..83e7cce2b4 100644 --- a/packages/frontend/src/pages/settings/other.stories.ts +++ b/packages/frontend/src/pages/settings/other.stories.ts @@ -5,10 +5,15 @@ const meta = { component: other, }; export const Default = { - components: { - other, + render(args, { argTypes }) { + return { + components: { + other, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/plugin.install.stories.ts b/packages/frontend/src/pages/settings/plugin.install.stories.ts index aeee457f2b..bace922ca8 100644 --- a/packages/frontend/src/pages/settings/plugin.install.stories.ts +++ b/packages/frontend/src/pages/settings/plugin.install.stories.ts @@ -5,10 +5,15 @@ const meta = { component: plugin_install, }; export const Default = { - components: { - plugin_install, + render(args, { argTypes }) { + return { + components: { + plugin_install, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/plugin.stories.ts b/packages/frontend/src/pages/settings/plugin.stories.ts index e5ab35cc06..88e14e32de 100644 --- a/packages/frontend/src/pages/settings/plugin.stories.ts +++ b/packages/frontend/src/pages/settings/plugin.stories.ts @@ -5,10 +5,15 @@ const meta = { component: plugin, }; export const Default = { - components: { - plugin, + render(args, { argTypes }) { + return { + components: { + plugin, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/preferences-backups.stories.ts b/packages/frontend/src/pages/settings/preferences-backups.stories.ts index 766dbd1401..812329857f 100644 --- a/packages/frontend/src/pages/settings/preferences-backups.stories.ts +++ b/packages/frontend/src/pages/settings/preferences-backups.stories.ts @@ -5,10 +5,15 @@ const meta = { component: preferences_backups, }; export const Default = { - components: { - preferences_backups, + render(args, { argTypes }) { + return { + components: { + preferences_backups, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/privacy.stories.ts b/packages/frontend/src/pages/settings/privacy.stories.ts index d86269e6d8..e2b2ab905b 100644 --- a/packages/frontend/src/pages/settings/privacy.stories.ts +++ b/packages/frontend/src/pages/settings/privacy.stories.ts @@ -5,10 +5,15 @@ const meta = { component: privacy, }; export const Default = { - components: { - privacy, + render(args, { argTypes }) { + return { + components: { + privacy, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/profile.stories.ts b/packages/frontend/src/pages/settings/profile.stories.ts index b33bd355f8..302a1a37b9 100644 --- a/packages/frontend/src/pages/settings/profile.stories.ts +++ b/packages/frontend/src/pages/settings/profile.stories.ts @@ -5,10 +5,15 @@ const meta = { component: profile, }; export const Default = { - components: { - profile, + render(args, { argTypes }) { + return { + components: { + profile, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/reaction.stories.ts b/packages/frontend/src/pages/settings/reaction.stories.ts index 331b6fedd2..7328d53bd7 100644 --- a/packages/frontend/src/pages/settings/reaction.stories.ts +++ b/packages/frontend/src/pages/settings/reaction.stories.ts @@ -5,10 +5,15 @@ const meta = { component: reaction, }; export const Default = { - components: { - reaction, + render(args, { argTypes }) { + return { + components: { + reaction, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/roles.stories.ts b/packages/frontend/src/pages/settings/roles.stories.ts index 7b6da5bae0..0cbf932ce5 100644 --- a/packages/frontend/src/pages/settings/roles.stories.ts +++ b/packages/frontend/src/pages/settings/roles.stories.ts @@ -5,10 +5,15 @@ const meta = { component: roles, }; export const Default = { - components: { - roles, + render(args, { argTypes }) { + return { + components: { + roles, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/security.stories.ts b/packages/frontend/src/pages/settings/security.stories.ts index b8209f45d8..7997beeca4 100644 --- a/packages/frontend/src/pages/settings/security.stories.ts +++ b/packages/frontend/src/pages/settings/security.stories.ts @@ -5,10 +5,15 @@ const meta = { component: security, }; export const Default = { - components: { - security, + render(args, { argTypes }) { + return { + components: { + security, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/sounds.sound.stories.ts b/packages/frontend/src/pages/settings/sounds.sound.stories.ts index dd9f6e8a9d..bb1d5fc873 100644 --- a/packages/frontend/src/pages/settings/sounds.sound.stories.ts +++ b/packages/frontend/src/pages/settings/sounds.sound.stories.ts @@ -5,10 +5,15 @@ const meta = { component: sounds_sound, }; export const Default = { - components: { - sounds_sound, + render(args, { argTypes }) { + return { + components: { + sounds_sound, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/sounds.stories.ts b/packages/frontend/src/pages/settings/sounds.stories.ts index ed8a8c139f..121f81ccab 100644 --- a/packages/frontend/src/pages/settings/sounds.stories.ts +++ b/packages/frontend/src/pages/settings/sounds.stories.ts @@ -5,10 +5,15 @@ const meta = { component: sounds, }; export const Default = { - components: { - sounds, + render(args, { argTypes }) { + return { + components: { + sounds, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts index 05dbbae799..77e6f04e08 100644 --- a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts +++ b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: statusbar_statusbar, }; export const Default = { - components: { - statusbar_statusbar, + render(args, { argTypes }) { + return { + components: { + statusbar_statusbar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.stories.ts index 19be758d90..75f6acc6fb 100644 --- a/packages/frontend/src/pages/settings/statusbar.stories.ts +++ b/packages/frontend/src/pages/settings/statusbar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: statusbar, }; export const Default = { - components: { - statusbar, + render(args, { argTypes }) { + return { + components: { + statusbar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/theme.install.stories.ts b/packages/frontend/src/pages/settings/theme.install.stories.ts index 55f8ffe3b4..7aa772208e 100644 --- a/packages/frontend/src/pages/settings/theme.install.stories.ts +++ b/packages/frontend/src/pages/settings/theme.install.stories.ts @@ -5,10 +5,15 @@ const meta = { component: theme_install, }; export const Default = { - components: { - theme_install, + render(args, { argTypes }) { + return { + components: { + theme_install, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/theme.manage.stories.ts b/packages/frontend/src/pages/settings/theme.manage.stories.ts index 4a4e4dc6e1..42fe97c937 100644 --- a/packages/frontend/src/pages/settings/theme.manage.stories.ts +++ b/packages/frontend/src/pages/settings/theme.manage.stories.ts @@ -5,10 +5,15 @@ const meta = { component: theme_manage, }; export const Default = { - components: { - theme_manage, + render(args, { argTypes }) { + return { + components: { + theme_manage, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/theme.stories.ts b/packages/frontend/src/pages/settings/theme.stories.ts index 68093e90b3..93da070836 100644 --- a/packages/frontend/src/pages/settings/theme.stories.ts +++ b/packages/frontend/src/pages/settings/theme.stories.ts @@ -5,10 +5,15 @@ const meta = { component: theme, }; export const Default = { - components: { - theme, + render(args, { argTypes }) { + return { + components: { + theme, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/webhook.edit.stories.ts b/packages/frontend/src/pages/settings/webhook.edit.stories.ts index 67d2a4fd88..33952bb961 100644 --- a/packages/frontend/src/pages/settings/webhook.edit.stories.ts +++ b/packages/frontend/src/pages/settings/webhook.edit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: webhook_edit, }; export const Default = { - components: { - webhook_edit, + render(args, { argTypes }) { + return { + components: { + webhook_edit, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/webhook.new.stories.ts b/packages/frontend/src/pages/settings/webhook.new.stories.ts index fbc9e52c60..4f94b9758e 100644 --- a/packages/frontend/src/pages/settings/webhook.new.stories.ts +++ b/packages/frontend/src/pages/settings/webhook.new.stories.ts @@ -5,10 +5,15 @@ const meta = { component: webhook_new, }; export const Default = { - components: { - webhook_new, + render(args, { argTypes }) { + return { + components: { + webhook_new, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/webhook.stories.ts b/packages/frontend/src/pages/settings/webhook.stories.ts index 838e9390a4..18e95e337b 100644 --- a/packages/frontend/src/pages/settings/webhook.stories.ts +++ b/packages/frontend/src/pages/settings/webhook.stories.ts @@ -5,10 +5,15 @@ const meta = { component: webhook, }; export const Default = { - components: { - webhook, + render(args, { argTypes }) { + return { + components: { + webhook, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/settings/word-mute.stories.ts b/packages/frontend/src/pages/settings/word-mute.stories.ts index 1faff2b693..619143166b 100644 --- a/packages/frontend/src/pages/settings/word-mute.stories.ts +++ b/packages/frontend/src/pages/settings/word-mute.stories.ts @@ -5,10 +5,15 @@ const meta = { component: word_mute, }; export const Default = { - components: { - word_mute, + render(args, { argTypes }) { + return { + components: { + word_mute, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/share.stories.ts b/packages/frontend/src/pages/share.stories.ts index ff2365051a..69a1127236 100644 --- a/packages/frontend/src/pages/share.stories.ts +++ b/packages/frontend/src/pages/share.stories.ts @@ -5,10 +5,15 @@ const meta = { component: share, }; export const Default = { - components: { - share, + render(args, { argTypes }) { + return { + components: { + share, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/signup-complete.stories.ts b/packages/frontend/src/pages/signup-complete.stories.ts index 9349f62296..c34c3722d2 100644 --- a/packages/frontend/src/pages/signup-complete.stories.ts +++ b/packages/frontend/src/pages/signup-complete.stories.ts @@ -5,10 +5,15 @@ const meta = { component: signup_complete, }; export const Default = { - components: { - signup_complete, + render(args, { argTypes }) { + return { + components: { + signup_complete, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/tag.stories.ts b/packages/frontend/src/pages/tag.stories.ts index 7742ca1b13..8e39a7161a 100644 --- a/packages/frontend/src/pages/tag.stories.ts +++ b/packages/frontend/src/pages/tag.stories.ts @@ -5,10 +5,15 @@ const meta = { component: tag, }; export const Default = { - components: { - tag, + render(args, { argTypes }) { + return { + components: { + tag, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/theme-editor.stories.ts b/packages/frontend/src/pages/theme-editor.stories.ts index 300a3313dd..2ae21fef85 100644 --- a/packages/frontend/src/pages/theme-editor.stories.ts +++ b/packages/frontend/src/pages/theme-editor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: theme_editor, }; export const Default = { - components: { - theme_editor, + render(args, { argTypes }) { + return { + components: { + theme_editor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/timeline.stories.ts b/packages/frontend/src/pages/timeline.stories.ts index 5de5a151be..9acd55e1e3 100644 --- a/packages/frontend/src/pages/timeline.stories.ts +++ b/packages/frontend/src/pages/timeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: timeline, }; export const Default = { - components: { - timeline, + render(args, { argTypes }) { + return { + components: { + timeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/timeline.tutorial.stories.ts b/packages/frontend/src/pages/timeline.tutorial.stories.ts index 591039580f..0066d0d3d5 100644 --- a/packages/frontend/src/pages/timeline.tutorial.stories.ts +++ b/packages/frontend/src/pages/timeline.tutorial.stories.ts @@ -5,10 +5,15 @@ const meta = { component: timeline_tutorial, }; export const Default = { - components: { - timeline_tutorial, + render(args, { argTypes }) { + return { + components: { + timeline_tutorial, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user-info.stories.ts b/packages/frontend/src/pages/user-info.stories.ts index 21053a2208..821a2e6bf8 100644 --- a/packages/frontend/src/pages/user-info.stories.ts +++ b/packages/frontend/src/pages/user-info.stories.ts @@ -5,10 +5,15 @@ const meta = { component: user_info, }; export const Default = { - components: { - user_info, + render(args, { argTypes }) { + return { + components: { + user_info, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user-list-timeline.stories.ts b/packages/frontend/src/pages/user-list-timeline.stories.ts index f951573f77..16cde7e2fc 100644 --- a/packages/frontend/src/pages/user-list-timeline.stories.ts +++ b/packages/frontend/src/pages/user-list-timeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: user_list_timeline, }; export const Default = { - components: { - user_list_timeline, + render(args, { argTypes }) { + return { + components: { + user_list_timeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user-tag.stories.ts b/packages/frontend/src/pages/user-tag.stories.ts index 6757c4821d..1637eec0d3 100644 --- a/packages/frontend/src/pages/user-tag.stories.ts +++ b/packages/frontend/src/pages/user-tag.stories.ts @@ -5,10 +5,15 @@ const meta = { component: user_tag, }; export const Default = { - components: { - user_tag, + render(args, { argTypes }) { + return { + components: { + user_tag, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/achievements.stories.ts b/packages/frontend/src/pages/user/achievements.stories.ts index 808fc7daa4..ade9caa091 100644 --- a/packages/frontend/src/pages/user/achievements.stories.ts +++ b/packages/frontend/src/pages/user/achievements.stories.ts @@ -5,10 +5,15 @@ const meta = { component: achievements, }; export const Default = { - components: { - achievements, + render(args, { argTypes }) { + return { + components: { + achievements, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/activity.following.stories.ts b/packages/frontend/src/pages/user/activity.following.stories.ts index 31183e5fcf..8c1a19d1ae 100644 --- a/packages/frontend/src/pages/user/activity.following.stories.ts +++ b/packages/frontend/src/pages/user/activity.following.stories.ts @@ -5,10 +5,15 @@ const meta = { component: activity_following, }; export const Default = { - components: { - activity_following, + render(args, { argTypes }) { + return { + components: { + activity_following, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/activity.heatmap.stories.ts b/packages/frontend/src/pages/user/activity.heatmap.stories.ts index 3421de0ece..44e7c8bc55 100644 --- a/packages/frontend/src/pages/user/activity.heatmap.stories.ts +++ b/packages/frontend/src/pages/user/activity.heatmap.stories.ts @@ -5,10 +5,15 @@ const meta = { component: activity_heatmap, }; export const Default = { - components: { - activity_heatmap, + render(args, { argTypes }) { + return { + components: { + activity_heatmap, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/activity.notes.stories.ts b/packages/frontend/src/pages/user/activity.notes.stories.ts index abb31c270c..d4c45a3031 100644 --- a/packages/frontend/src/pages/user/activity.notes.stories.ts +++ b/packages/frontend/src/pages/user/activity.notes.stories.ts @@ -5,10 +5,15 @@ const meta = { component: activity_notes, }; export const Default = { - components: { - activity_notes, + render(args, { argTypes }) { + return { + components: { + activity_notes, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/activity.pv.stories.ts b/packages/frontend/src/pages/user/activity.pv.stories.ts index 2fb5ac33ea..9ceb716867 100644 --- a/packages/frontend/src/pages/user/activity.pv.stories.ts +++ b/packages/frontend/src/pages/user/activity.pv.stories.ts @@ -5,10 +5,15 @@ const meta = { component: activity_pv, }; export const Default = { - components: { - activity_pv, + render(args, { argTypes }) { + return { + components: { + activity_pv, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/activity.stories.ts b/packages/frontend/src/pages/user/activity.stories.ts index 8984f08ed2..88e887b423 100644 --- a/packages/frontend/src/pages/user/activity.stories.ts +++ b/packages/frontend/src/pages/user/activity.stories.ts @@ -5,10 +5,15 @@ const meta = { component: activity, }; export const Default = { - components: { - activity, + render(args, { argTypes }) { + return { + components: { + activity, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/clips.stories.ts b/packages/frontend/src/pages/user/clips.stories.ts index 6296395096..d4b2535e92 100644 --- a/packages/frontend/src/pages/user/clips.stories.ts +++ b/packages/frontend/src/pages/user/clips.stories.ts @@ -5,10 +5,15 @@ const meta = { component: clips, }; export const Default = { - components: { - clips, + render(args, { argTypes }) { + return { + components: { + clips, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/follow-list.stories.ts b/packages/frontend/src/pages/user/follow-list.stories.ts index 1f02dc218b..171a1b4358 100644 --- a/packages/frontend/src/pages/user/follow-list.stories.ts +++ b/packages/frontend/src/pages/user/follow-list.stories.ts @@ -5,10 +5,15 @@ const meta = { component: follow_list, }; export const Default = { - components: { - follow_list, + render(args, { argTypes }) { + return { + components: { + follow_list, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/followers.stories.ts b/packages/frontend/src/pages/user/followers.stories.ts index af816cf536..92385dc1e2 100644 --- a/packages/frontend/src/pages/user/followers.stories.ts +++ b/packages/frontend/src/pages/user/followers.stories.ts @@ -5,10 +5,15 @@ const meta = { component: followers, }; export const Default = { - components: { - followers, + render(args, { argTypes }) { + return { + components: { + followers, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/following.stories.ts b/packages/frontend/src/pages/user/following.stories.ts index 49eda2b16d..98479f85b0 100644 --- a/packages/frontend/src/pages/user/following.stories.ts +++ b/packages/frontend/src/pages/user/following.stories.ts @@ -5,10 +5,15 @@ const meta = { component: following, }; export const Default = { - components: { - following, + render(args, { argTypes }) { + return { + components: { + following, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/gallery.stories.ts b/packages/frontend/src/pages/user/gallery.stories.ts index be6dc8fd10..ad38c5c7b0 100644 --- a/packages/frontend/src/pages/user/gallery.stories.ts +++ b/packages/frontend/src/pages/user/gallery.stories.ts @@ -5,10 +5,15 @@ const meta = { component: gallery, }; export const Default = { - components: { - gallery, + render(args, { argTypes }) { + return { + components: { + gallery, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/home.stories.ts b/packages/frontend/src/pages/user/home.stories.ts index d829dd4475..d300f35af7 100644 --- a/packages/frontend/src/pages/user/home.stories.ts +++ b/packages/frontend/src/pages/user/home.stories.ts @@ -5,10 +5,15 @@ const meta = { component: home, }; export const Default = { - components: { - home, + render(args, { argTypes }) { + return { + components: { + home, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/index.activity.stories.ts b/packages/frontend/src/pages/user/index.activity.stories.ts index c5ccc22ee0..9758be90cc 100644 --- a/packages/frontend/src/pages/user/index.activity.stories.ts +++ b/packages/frontend/src/pages/user/index.activity.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index_activity, }; export const Default = { - components: { - index_activity, + render(args, { argTypes }) { + return { + components: { + index_activity, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/index.photos.stories.ts b/packages/frontend/src/pages/user/index.photos.stories.ts index b8a1aa9717..cf75985e74 100644 --- a/packages/frontend/src/pages/user/index.photos.stories.ts +++ b/packages/frontend/src/pages/user/index.photos.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index_photos, }; export const Default = { - components: { - index_photos, + render(args, { argTypes }) { + return { + components: { + index_photos, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/index.stories.ts b/packages/frontend/src/pages/user/index.stories.ts index becab310e9..ee8176e388 100644 --- a/packages/frontend/src/pages/user/index.stories.ts +++ b/packages/frontend/src/pages/user/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/index.timeline.stories.ts b/packages/frontend/src/pages/user/index.timeline.stories.ts index 1bb327d7b8..09dd96f00a 100644 --- a/packages/frontend/src/pages/user/index.timeline.stories.ts +++ b/packages/frontend/src/pages/user/index.timeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index_timeline, }; export const Default = { - components: { - index_timeline, + render(args, { argTypes }) { + return { + components: { + index_timeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/pages.stories.ts b/packages/frontend/src/pages/user/pages.stories.ts index 8f94478f46..b0e19bd13b 100644 --- a/packages/frontend/src/pages/user/pages.stories.ts +++ b/packages/frontend/src/pages/user/pages.stories.ts @@ -5,10 +5,15 @@ const meta = { component: pages, }; export const Default = { - components: { - pages, + render(args, { argTypes }) { + return { + components: { + pages, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/user/reactions.stories.ts b/packages/frontend/src/pages/user/reactions.stories.ts index 9c16da8886..40288b8ba5 100644 --- a/packages/frontend/src/pages/user/reactions.stories.ts +++ b/packages/frontend/src/pages/user/reactions.stories.ts @@ -5,10 +5,15 @@ const meta = { component: reactions, }; export const Default = { - components: { - reactions, + render(args, { argTypes }) { + return { + components: { + reactions, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/welcome.entrance.a.stories.ts b/packages/frontend/src/pages/welcome.entrance.a.stories.ts index 390c763cfc..d9cfbc1788 100644 --- a/packages/frontend/src/pages/welcome.entrance.a.stories.ts +++ b/packages/frontend/src/pages/welcome.entrance.a.stories.ts @@ -5,10 +5,15 @@ const meta = { component: welcome_entrance_a, }; export const Default = { - components: { - welcome_entrance_a, + render(args, { argTypes }) { + return { + components: { + welcome_entrance_a, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/welcome.entrance.b.stories.ts b/packages/frontend/src/pages/welcome.entrance.b.stories.ts index 5307088309..0850cfc14e 100644 --- a/packages/frontend/src/pages/welcome.entrance.b.stories.ts +++ b/packages/frontend/src/pages/welcome.entrance.b.stories.ts @@ -5,10 +5,15 @@ const meta = { component: welcome_entrance_b, }; export const Default = { - components: { - welcome_entrance_b, + render(args, { argTypes }) { + return { + components: { + welcome_entrance_b, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/welcome.entrance.c.stories.ts b/packages/frontend/src/pages/welcome.entrance.c.stories.ts index 53a1a93d46..f125157a86 100644 --- a/packages/frontend/src/pages/welcome.entrance.c.stories.ts +++ b/packages/frontend/src/pages/welcome.entrance.c.stories.ts @@ -5,10 +5,15 @@ const meta = { component: welcome_entrance_c, }; export const Default = { - components: { - welcome_entrance_c, + render(args, { argTypes }) { + return { + components: { + welcome_entrance_c, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/welcome.setup.stories.ts b/packages/frontend/src/pages/welcome.setup.stories.ts index 1e755e809c..5c5f7a1005 100644 --- a/packages/frontend/src/pages/welcome.setup.stories.ts +++ b/packages/frontend/src/pages/welcome.setup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: welcome_setup, }; export const Default = { - components: { - welcome_setup, + render(args, { argTypes }) { + return { + components: { + welcome_setup, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/welcome.stories.ts b/packages/frontend/src/pages/welcome.stories.ts index 30c0f1ee2e..a1a95e43fb 100644 --- a/packages/frontend/src/pages/welcome.stories.ts +++ b/packages/frontend/src/pages/welcome.stories.ts @@ -5,10 +5,15 @@ const meta = { component: welcome, }; export const Default = { - components: { - welcome, + render(args, { argTypes }) { + return { + components: { + welcome, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/pages/welcome.timeline.stories.ts b/packages/frontend/src/pages/welcome.timeline.stories.ts index 7492893a0a..0dcaf112ff 100644 --- a/packages/frontend/src/pages/welcome.timeline.stories.ts +++ b/packages/frontend/src/pages/welcome.timeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: welcome_timeline, }; export const Default = { - components: { - welcome_timeline, + render(args, { argTypes }) { + return { + components: { + welcome_timeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/ui/_common_/common.stories.ts b/packages/frontend/src/ui/_common_/common.stories.ts index ec37ad6650..e64c41be77 100644 --- a/packages/frontend/src/ui/_common_/common.stories.ts +++ b/packages/frontend/src/ui/_common_/common.stories.ts @@ -5,10 +5,15 @@ const meta = { component: common, }; export const Default = { - components: { - common, + render(args, { argTypes }) { + return { + components: { + common, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts index e06a66db70..36658a6c3f 100644 --- a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts +++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts @@ -5,10 +5,15 @@ const meta = { component: navbar_for_mobile, }; export const Default = { - components: { - navbar_for_mobile, + render(args, { argTypes }) { + return { + components: { + navbar_for_mobile, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/navbar.stories.ts b/packages/frontend/src/ui/_common_/navbar.stories.ts index a8570942d7..ceeb4f0158 100644 --- a/packages/frontend/src/ui/_common_/navbar.stories.ts +++ b/packages/frontend/src/ui/_common_/navbar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: navbar, }; export const Default = { - components: { - navbar, + render(args, { argTypes }) { + return { + components: { + navbar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/notification.stories.ts b/packages/frontend/src/ui/_common_/notification.stories.ts index 6463aaa0fb..d0175f87fb 100644 --- a/packages/frontend/src/ui/_common_/notification.stories.ts +++ b/packages/frontend/src/ui/_common_/notification.stories.ts @@ -5,10 +5,15 @@ const meta = { component: notification, }; export const Default = { - components: { - notification, + render(args, { argTypes }) { + return { + components: { + notification, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts index 4930084fe1..68ace58336 100644 --- a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: statusbar_federation, }; export const Default = { - components: { - statusbar_federation, + render(args, { argTypes }) { + return { + components: { + statusbar_federation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts index 0b3d8b8d1a..86d16757f6 100644 --- a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts @@ -5,10 +5,15 @@ const meta = { component: statusbar_rss, }; export const Default = { - components: { - statusbar_rss, + render(args, { argTypes }) { + return { + components: { + statusbar_rss, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts index 1a803671f3..e111143890 100644 --- a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts @@ -5,10 +5,15 @@ const meta = { component: statusbar_user_list, }; export const Default = { - components: { - statusbar_user_list, + render(args, { argTypes }) { + return { + components: { + statusbar_user_list, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/statusbars.stories.ts b/packages/frontend/src/ui/_common_/statusbars.stories.ts index 05b955c546..57cbd826f8 100644 --- a/packages/frontend/src/ui/_common_/statusbars.stories.ts +++ b/packages/frontend/src/ui/_common_/statusbars.stories.ts @@ -5,10 +5,15 @@ const meta = { component: statusbars, }; export const Default = { - components: { - statusbars, + render(args, { argTypes }) { + return { + components: { + statusbars, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts index f114dc0ffc..39cde128b9 100644 --- a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts +++ b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts @@ -5,10 +5,15 @@ const meta = { component: stream_indicator, }; export const Default = { - components: { - stream_indicator, + render(args, { argTypes }) { + return { + components: { + stream_indicator, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/_common_/upload.stories.ts b/packages/frontend/src/ui/_common_/upload.stories.ts index 4669ca5d1b..e6d85f5392 100644 --- a/packages/frontend/src/ui/_common_/upload.stories.ts +++ b/packages/frontend/src/ui/_common_/upload.stories.ts @@ -5,10 +5,15 @@ const meta = { component: upload, }; export const Default = { - components: { - upload, + render(args, { argTypes }) { + return { + components: { + upload, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/classic.header.stories.ts b/packages/frontend/src/ui/classic.header.stories.ts index 9082630c21..cc847e7126 100644 --- a/packages/frontend/src/ui/classic.header.stories.ts +++ b/packages/frontend/src/ui/classic.header.stories.ts @@ -5,10 +5,15 @@ const meta = { component: classic_header, }; export const Default = { - components: { - classic_header, + render(args, { argTypes }) { + return { + components: { + classic_header, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/classic.sidebar.stories.ts b/packages/frontend/src/ui/classic.sidebar.stories.ts index 5e3f7eb986..741da3d146 100644 --- a/packages/frontend/src/ui/classic.sidebar.stories.ts +++ b/packages/frontend/src/ui/classic.sidebar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: classic_sidebar, }; export const Default = { - components: { - classic_sidebar, + render(args, { argTypes }) { + return { + components: { + classic_sidebar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/classic.stories.ts b/packages/frontend/src/ui/classic.stories.ts index 64601510aa..cd32251735 100644 --- a/packages/frontend/src/ui/classic.stories.ts +++ b/packages/frontend/src/ui/classic.stories.ts @@ -5,10 +5,15 @@ const meta = { component: classic, }; export const Default = { - components: { - classic, + render(args, { argTypes }) { + return { + components: { + classic, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck.stories.ts b/packages/frontend/src/ui/deck.stories.ts index fbd352ec15..34bd26ace9 100644 --- a/packages/frontend/src/ui/deck.stories.ts +++ b/packages/frontend/src/ui/deck.stories.ts @@ -5,10 +5,15 @@ const meta = { component: deck, }; export const Default = { - components: { - deck, + render(args, { argTypes }) { + return { + components: { + deck, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/antenna-column.stories.ts b/packages/frontend/src/ui/deck/antenna-column.stories.ts index 4965e4a3d8..37f6bace9c 100644 --- a/packages/frontend/src/ui/deck/antenna-column.stories.ts +++ b/packages/frontend/src/ui/deck/antenna-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: antenna_column, }; export const Default = { - components: { - antenna_column, + render(args, { argTypes }) { + return { + components: { + antenna_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/channel-column.stories.ts b/packages/frontend/src/ui/deck/channel-column.stories.ts index 0290eb96de..3a4a232d05 100644 --- a/packages/frontend/src/ui/deck/channel-column.stories.ts +++ b/packages/frontend/src/ui/deck/channel-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: channel_column, }; export const Default = { - components: { - channel_column, + render(args, { argTypes }) { + return { + components: { + channel_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/column-core.stories.ts b/packages/frontend/src/ui/deck/column-core.stories.ts index 7d1262c8ac..14174bf723 100644 --- a/packages/frontend/src/ui/deck/column-core.stories.ts +++ b/packages/frontend/src/ui/deck/column-core.stories.ts @@ -5,10 +5,15 @@ const meta = { component: column_core, }; export const Default = { - components: { - column_core, + render(args, { argTypes }) { + return { + components: { + column_core, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/column.stories.ts b/packages/frontend/src/ui/deck/column.stories.ts index f53f74b793..7c3e7b69e0 100644 --- a/packages/frontend/src/ui/deck/column.stories.ts +++ b/packages/frontend/src/ui/deck/column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: column, }; export const Default = { - components: { - column, + render(args, { argTypes }) { + return { + components: { + column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/direct-column.stories.ts b/packages/frontend/src/ui/deck/direct-column.stories.ts index 34a721c955..a7ce6757ed 100644 --- a/packages/frontend/src/ui/deck/direct-column.stories.ts +++ b/packages/frontend/src/ui/deck/direct-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: direct_column, }; export const Default = { - components: { - direct_column, + render(args, { argTypes }) { + return { + components: { + direct_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/list-column.stories.ts b/packages/frontend/src/ui/deck/list-column.stories.ts index 2eac36177d..7d2745f4a9 100644 --- a/packages/frontend/src/ui/deck/list-column.stories.ts +++ b/packages/frontend/src/ui/deck/list-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: list_column, }; export const Default = { - components: { - list_column, + render(args, { argTypes }) { + return { + components: { + list_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/main-column.stories.ts b/packages/frontend/src/ui/deck/main-column.stories.ts index 8d4c269d89..60021a5d78 100644 --- a/packages/frontend/src/ui/deck/main-column.stories.ts +++ b/packages/frontend/src/ui/deck/main-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: main_column, }; export const Default = { - components: { - main_column, + render(args, { argTypes }) { + return { + components: { + main_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/mentions-column.stories.ts b/packages/frontend/src/ui/deck/mentions-column.stories.ts index 88b20b8604..16e2b2e1d7 100644 --- a/packages/frontend/src/ui/deck/mentions-column.stories.ts +++ b/packages/frontend/src/ui/deck/mentions-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: mentions_column, }; export const Default = { - components: { - mentions_column, + render(args, { argTypes }) { + return { + components: { + mentions_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/notifications-column.stories.ts b/packages/frontend/src/ui/deck/notifications-column.stories.ts index 5467be1283..06d18ef9b3 100644 --- a/packages/frontend/src/ui/deck/notifications-column.stories.ts +++ b/packages/frontend/src/ui/deck/notifications-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: notifications_column, }; export const Default = { - components: { - notifications_column, + render(args, { argTypes }) { + return { + components: { + notifications_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/tl-column.stories.ts b/packages/frontend/src/ui/deck/tl-column.stories.ts index 13093a2acd..741464063d 100644 --- a/packages/frontend/src/ui/deck/tl-column.stories.ts +++ b/packages/frontend/src/ui/deck/tl-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: tl_column, }; export const Default = { - components: { - tl_column, + render(args, { argTypes }) { + return { + components: { + tl_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/deck/widgets-column.stories.ts b/packages/frontend/src/ui/deck/widgets-column.stories.ts index c0dfb372fb..27a392cf6e 100644 --- a/packages/frontend/src/ui/deck/widgets-column.stories.ts +++ b/packages/frontend/src/ui/deck/widgets-column.stories.ts @@ -5,10 +5,15 @@ const meta = { component: widgets_column, }; export const Default = { - components: { - widgets_column, + render(args, { argTypes }) { + return { + components: { + widgets_column, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/universal.stories.ts b/packages/frontend/src/ui/universal.stories.ts index c46a4eeff3..d049fb3ae9 100644 --- a/packages/frontend/src/ui/universal.stories.ts +++ b/packages/frontend/src/ui/universal.stories.ts @@ -5,10 +5,15 @@ const meta = { component: universal, }; export const Default = { - components: { - universal, + render(args, { argTypes }) { + return { + components: { + universal, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/universal.widgets.stories.ts b/packages/frontend/src/ui/universal.widgets.stories.ts index 590f6b1ca3..8c85bf27e0 100644 --- a/packages/frontend/src/ui/universal.widgets.stories.ts +++ b/packages/frontend/src/ui/universal.widgets.stories.ts @@ -5,10 +5,15 @@ const meta = { component: universal_widgets, }; export const Default = { - components: { - universal_widgets, + render(args, { argTypes }) { + return { + components: { + universal_widgets, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/visitor.stories.ts b/packages/frontend/src/ui/visitor.stories.ts index 81b1f51904..5a725cb4b8 100644 --- a/packages/frontend/src/ui/visitor.stories.ts +++ b/packages/frontend/src/ui/visitor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: visitor, }; export const Default = { - components: { - visitor, + render(args, { argTypes }) { + return { + components: { + visitor, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/visitor/a.stories.ts b/packages/frontend/src/ui/visitor/a.stories.ts index e10d21c203..e430cd9743 100644 --- a/packages/frontend/src/ui/visitor/a.stories.ts +++ b/packages/frontend/src/ui/visitor/a.stories.ts @@ -5,10 +5,15 @@ const meta = { component: a, }; export const Default = { - components: { - a, + render(args, { argTypes }) { + return { + components: { + a, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/visitor/b.stories.ts b/packages/frontend/src/ui/visitor/b.stories.ts index 586927134a..f329bae1a4 100644 --- a/packages/frontend/src/ui/visitor/b.stories.ts +++ b/packages/frontend/src/ui/visitor/b.stories.ts @@ -5,10 +5,15 @@ const meta = { component: b, }; export const Default = { - components: { - b, + render(args, { argTypes }) { + return { + components: { + b, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/visitor/header.stories.ts b/packages/frontend/src/ui/visitor/header.stories.ts index 403f459789..2ecd08b220 100644 --- a/packages/frontend/src/ui/visitor/header.stories.ts +++ b/packages/frontend/src/ui/visitor/header.stories.ts @@ -5,10 +5,15 @@ const meta = { component: header, }; export const Default = { - components: { - header, + render(args, { argTypes }) { + return { + components: { + header, + }, + props: Object.keys(argTypes), + template: '
', + }; }, - template: '
', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/visitor/kanban.stories.ts b/packages/frontend/src/ui/visitor/kanban.stories.ts index 57141ea077..4468ebc8a5 100644 --- a/packages/frontend/src/ui/visitor/kanban.stories.ts +++ b/packages/frontend/src/ui/visitor/kanban.stories.ts @@ -5,10 +5,15 @@ const meta = { component: kanban, }; export const Default = { - components: { - kanban, + render(args, { argTypes }) { + return { + components: { + kanban, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/ui/zen.stories.ts b/packages/frontend/src/ui/zen.stories.ts index 08c0d42c00..ff8c8bca9a 100644 --- a/packages/frontend/src/ui/zen.stories.ts +++ b/packages/frontend/src/ui/zen.stories.ts @@ -5,10 +5,15 @@ const meta = { component: zen, }; export const Default = { - components: { - zen, + render(args, { argTypes }) { + return { + components: { + zen, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts index 27feb2741c..5f2d78036c 100644 --- a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts +++ b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetActivity_calendar, }; export const Default = { - components: { - WidgetActivity_calendar, + render(args, { argTypes }) { + return { + components: { + WidgetActivity_calendar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts index 0c009d6fdf..3cecf4a68e 100644 --- a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts +++ b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetActivity_chart, }; export const Default = { - components: { - WidgetActivity_chart, + render(args, { argTypes }) { + return { + components: { + WidgetActivity_chart, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetActivity.stories.ts b/packages/frontend/src/widgets/WidgetActivity.stories.ts index ea9270960c..01658db95d 100644 --- a/packages/frontend/src/widgets/WidgetActivity.stories.ts +++ b/packages/frontend/src/widgets/WidgetActivity.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetActivity, }; export const Default = { - components: { - WidgetActivity, + render(args, { argTypes }) { + return { + components: { + WidgetActivity, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetAichan.stories.ts b/packages/frontend/src/widgets/WidgetAichan.stories.ts index 0ad9b1d727..b997f368a7 100644 --- a/packages/frontend/src/widgets/WidgetAichan.stories.ts +++ b/packages/frontend/src/widgets/WidgetAichan.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetAichan, }; export const Default = { - components: { - WidgetAichan, + render(args, { argTypes }) { + return { + components: { + WidgetAichan, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetAiscript.stories.ts b/packages/frontend/src/widgets/WidgetAiscript.stories.ts index 651e14f9fc..f64cf77995 100644 --- a/packages/frontend/src/widgets/WidgetAiscript.stories.ts +++ b/packages/frontend/src/widgets/WidgetAiscript.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetAiscript, }; export const Default = { - components: { - WidgetAiscript, + render(args, { argTypes }) { + return { + components: { + WidgetAiscript, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts index 0043d6fffe..892110bc25 100644 --- a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts +++ b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetAiscriptApp, }; export const Default = { - components: { - WidgetAiscriptApp, + render(args, { argTypes }) { + return { + components: { + WidgetAiscriptApp, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetButton.stories.ts b/packages/frontend/src/widgets/WidgetButton.stories.ts index c561651066..3a07679d77 100644 --- a/packages/frontend/src/widgets/WidgetButton.stories.ts +++ b/packages/frontend/src/widgets/WidgetButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetButton, }; export const Default = { - components: { - WidgetButton, + render(args, { argTypes }) { + return { + components: { + WidgetButton, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetCalendar.stories.ts b/packages/frontend/src/widgets/WidgetCalendar.stories.ts index a626ff63b9..ccb7c184b4 100644 --- a/packages/frontend/src/widgets/WidgetCalendar.stories.ts +++ b/packages/frontend/src/widgets/WidgetCalendar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetCalendar, }; export const Default = { - components: { - WidgetCalendar, + render(args, { argTypes }) { + return { + components: { + WidgetCalendar, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetClicker.stories.ts b/packages/frontend/src/widgets/WidgetClicker.stories.ts index 37bffbaf26..ce6d40064b 100644 --- a/packages/frontend/src/widgets/WidgetClicker.stories.ts +++ b/packages/frontend/src/widgets/WidgetClicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetClicker, }; export const Default = { - components: { - WidgetClicker, + render(args, { argTypes }) { + return { + components: { + WidgetClicker, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetClock.stories.ts b/packages/frontend/src/widgets/WidgetClock.stories.ts index 2ae8925a3e..0eb10f1f07 100644 --- a/packages/frontend/src/widgets/WidgetClock.stories.ts +++ b/packages/frontend/src/widgets/WidgetClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetClock, }; export const Default = { - components: { - WidgetClock, + render(args, { argTypes }) { + return { + components: { + WidgetClock, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts index 0b812ee24b..e37c4108dc 100644 --- a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts +++ b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetDigitalClock, }; export const Default = { - components: { - WidgetDigitalClock, + render(args, { argTypes }) { + return { + components: { + WidgetDigitalClock, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetFederation.stories.ts b/packages/frontend/src/widgets/WidgetFederation.stories.ts index 9f88768c49..549f71c6fd 100644 --- a/packages/frontend/src/widgets/WidgetFederation.stories.ts +++ b/packages/frontend/src/widgets/WidgetFederation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetFederation, }; export const Default = { - components: { - WidgetFederation, + render(args, { argTypes }) { + return { + components: { + WidgetFederation, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts index 188ff80394..8458d842f5 100644 --- a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts +++ b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetInstanceCloud, }; export const Default = { - components: { - WidgetInstanceCloud, + render(args, { argTypes }) { + return { + components: { + WidgetInstanceCloud, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts index 555d77c6b7..6a6505a799 100644 --- a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts +++ b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetInstanceInfo, }; export const Default = { - components: { - WidgetInstanceInfo, + render(args, { argTypes }) { + return { + components: { + WidgetInstanceInfo, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts index 54a7023942..de7a7431c5 100644 --- a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts +++ b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetJobQueue, }; export const Default = { - components: { - WidgetJobQueue, + render(args, { argTypes }) { + return { + components: { + WidgetJobQueue, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetMemo.stories.ts b/packages/frontend/src/widgets/WidgetMemo.stories.ts index cf1a1d2693..202529c8a5 100644 --- a/packages/frontend/src/widgets/WidgetMemo.stories.ts +++ b/packages/frontend/src/widgets/WidgetMemo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetMemo, }; export const Default = { - components: { - WidgetMemo, + render(args, { argTypes }) { + return { + components: { + WidgetMemo, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetNotifications.stories.ts b/packages/frontend/src/widgets/WidgetNotifications.stories.ts index e21c7f77c2..bf1f7aecae 100644 --- a/packages/frontend/src/widgets/WidgetNotifications.stories.ts +++ b/packages/frontend/src/widgets/WidgetNotifications.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetNotifications, }; export const Default = { - components: { - WidgetNotifications, + render(args, { argTypes }) { + return { + components: { + WidgetNotifications, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts index 9e4161b535..fa7371a499 100644 --- a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts +++ b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetOnlineUsers, }; export const Default = { - components: { - WidgetOnlineUsers, + render(args, { argTypes }) { + return { + components: { + WidgetOnlineUsers, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetPhotos.stories.ts b/packages/frontend/src/widgets/WidgetPhotos.stories.ts index 77c755a7a5..4e335e01c2 100644 --- a/packages/frontend/src/widgets/WidgetPhotos.stories.ts +++ b/packages/frontend/src/widgets/WidgetPhotos.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetPhotos, }; export const Default = { - components: { - WidgetPhotos, + render(args, { argTypes }) { + return { + components: { + WidgetPhotos, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetPostForm.stories.ts b/packages/frontend/src/widgets/WidgetPostForm.stories.ts index 2576a8b08d..5d03be5ce2 100644 --- a/packages/frontend/src/widgets/WidgetPostForm.stories.ts +++ b/packages/frontend/src/widgets/WidgetPostForm.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetPostForm, }; export const Default = { - components: { - WidgetPostForm, + render(args, { argTypes }) { + return { + components: { + WidgetPostForm, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetProfile.stories.ts b/packages/frontend/src/widgets/WidgetProfile.stories.ts index 7654d805c8..6b9b8b9adf 100644 --- a/packages/frontend/src/widgets/WidgetProfile.stories.ts +++ b/packages/frontend/src/widgets/WidgetProfile.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetProfile, }; export const Default = { - components: { - WidgetProfile, + render(args, { argTypes }) { + return { + components: { + WidgetProfile, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetRss.stories.ts b/packages/frontend/src/widgets/WidgetRss.stories.ts index baae27167c..02bd406d4f 100644 --- a/packages/frontend/src/widgets/WidgetRss.stories.ts +++ b/packages/frontend/src/widgets/WidgetRss.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetRss, }; export const Default = { - components: { - WidgetRss, + render(args, { argTypes }) { + return { + components: { + WidgetRss, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts index f70c23210f..16d4a0855d 100644 --- a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts +++ b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetRssTicker, }; export const Default = { - components: { - WidgetRssTicker, + render(args, { argTypes }) { + return { + components: { + WidgetRssTicker, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts index 8671a34833..59394b70da 100644 --- a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts +++ b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetSlideshow, }; export const Default = { - components: { - WidgetSlideshow, + render(args, { argTypes }) { + return { + components: { + WidgetSlideshow, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetTimeline.stories.ts b/packages/frontend/src/widgets/WidgetTimeline.stories.ts index e067689c28..7b00b73528 100644 --- a/packages/frontend/src/widgets/WidgetTimeline.stories.ts +++ b/packages/frontend/src/widgets/WidgetTimeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetTimeline, }; export const Default = { - components: { - WidgetTimeline, + render(args, { argTypes }) { + return { + components: { + WidgetTimeline, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetTrends.stories.ts b/packages/frontend/src/widgets/WidgetTrends.stories.ts index 96ee667bed..c1dca9039d 100644 --- a/packages/frontend/src/widgets/WidgetTrends.stories.ts +++ b/packages/frontend/src/widgets/WidgetTrends.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetTrends, }; export const Default = { - components: { - WidgetTrends, + render(args, { argTypes }) { + return { + components: { + WidgetTrends, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts index 1dd22e3a7e..3c388f3f42 100644 --- a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts +++ b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetUnixClock, }; export const Default = { - components: { - WidgetUnixClock, + render(args, { argTypes }) { + return { + components: { + WidgetUnixClock, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/WidgetUserList.stories.ts b/packages/frontend/src/widgets/WidgetUserList.stories.ts index 2435b9a5b4..528f9d26cd 100644 --- a/packages/frontend/src/widgets/WidgetUserList.stories.ts +++ b/packages/frontend/src/widgets/WidgetUserList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: WidgetUserList, }; export const Default = { - components: { - WidgetUserList, + render(args, { argTypes }) { + return { + components: { + WidgetUserList, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts index 9beb5e2940..0c376fdf99 100644 --- a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts +++ b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts @@ -5,10 +5,15 @@ const meta = { component: cpu_mem, }; export const Default = { - components: { - cpu_mem, + render(args, { argTypes }) { + return { + components: { + cpu_mem, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts index a55dcad76e..aefd4642b4 100644 --- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts +++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: cpu, }; export const Default = { - components: { - cpu, + render(args, { argTypes }) { + return { + components: { + cpu, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts index c63f3cd4a6..3b97ad1a91 100644 --- a/packages/frontend/src/widgets/server-metric/disk.stories.ts +++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts @@ -5,10 +5,15 @@ const meta = { component: disk, }; export const Default = { - components: { - disk, + render(args, { argTypes }) { + return { + components: { + disk, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts index ee29d8a540..a982729b61 100644 --- a/packages/frontend/src/widgets/server-metric/index.stories.ts +++ b/packages/frontend/src/widgets/server-metric/index.stories.ts @@ -5,10 +5,15 @@ const meta = { component: index, }; export const Default = { - components: { - index, + render(args, { argTypes }) { + return { + components: { + index, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts index 231f9459b4..acfa33634b 100644 --- a/packages/frontend/src/widgets/server-metric/mem.stories.ts +++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts @@ -5,10 +5,15 @@ const meta = { component: mem, }; export const Default = { - components: { - mem, + render(args, { argTypes }) { + return { + components: { + mem, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts index f5fb098442..3f231caf8c 100644 --- a/packages/frontend/src/widgets/server-metric/net.stories.ts +++ b/packages/frontend/src/widgets/server-metric/net.stories.ts @@ -5,10 +5,15 @@ const meta = { component: net, }; export const Default = { - components: { - net, + render(args, { argTypes }) { + return { + components: { + net, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts index 7e56a6a726..32f8c898c0 100644 --- a/packages/frontend/src/widgets/server-metric/pie.stories.ts +++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts @@ -5,10 +5,15 @@ const meta = { component: pie, }; export const Default = { - components: { - pie, + render(args, { argTypes }) { + return { + components: { + pie, + }, + props: Object.keys(argTypes), + template: '', + }; }, - template: '', parameters: { layout: 'centered', }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 98b347b7fa..b1b170a5ea 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -402,7 +402,9 @@ importers: '@storybook/addon-interactions': ^7.0.0-rc.4 '@storybook/addon-links': ^7.0.0-rc.4 '@storybook/blocks': ^7.0.0-rc.4 + '@storybook/manager-api': 7.0.0-rc.4 '@storybook/testing-library': ^0.0.14-next.1 + '@storybook/theming': 7.0.0-rc.4 '@storybook/vue3': ^7.0.0-rc.4 '@storybook/vue3-vite': ^7.0.0-rc.4 '@syuilo/aiscript': 0.13.1 @@ -459,6 +461,8 @@ importers: matter-js: 0.19.0 mfm-js: 0.23.3 misskey-js: 0.0.15 + msw: ^1.1.0 + msw-storybook-addon: ^1.8.0 photoswipe: 5.3.6 prettier: ^2.8.4 prismjs: 1.29.0 @@ -561,7 +565,9 @@ importers: '@storybook/addon-interactions': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y '@storybook/addon-links': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y '@storybook/blocks': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y + '@storybook/manager-api': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y '@storybook/testing-library': 0.0.14-next.1 + '@storybook/theming': 7.0.0-rc.4_biqbaboplfbrettd7655fr4n2y '@storybook/vue3': 7.0.0-rc.4_vue@3.2.47 '@storybook/vue3-vite': 7.0.0-rc.4_y344amzr55z4s7r3flz6cvxaae '@testing-library/vue': 6.6.1_a2ihsjreowava2sm4iorpgwkom @@ -590,6 +596,8 @@ importers: eslint-plugin-import: 2.27.5_uyiasnnzcqrxqkfvjklwnmwcha eslint-plugin-vue: 9.9.0_eslint@8.35.0 happy-dom: 8.9.0 + msw: 1.1.0_typescript@4.9.5 + msw-storybook-addon: 1.8.0_msw@1.1.0 prettier: 2.8.4 react: 18.2.0 react-dom: 18.2.0_react@18.2.0 @@ -3866,6 +3874,30 @@ packages: requiresBuild: true optional: true + /@mswjs/cookies/0.2.2: + resolution: {integrity: sha512-mlN83YSrcFgk7Dm1Mys40DLssI1KdJji2CMKN8eOlBqsTADYzj2+jWzsANsUTFbxDMWPD5e9bfA1RGqBpS3O1g==} + engines: {node: '>=14'} + dependencies: + '@types/set-cookie-parser': 2.4.2 + set-cookie-parser: 2.5.1 + dev: true + + /@mswjs/interceptors/0.17.9: + resolution: {integrity: sha512-4LVGt03RobMH/7ZrbHqRxQrS9cc2uh+iNKSj8UWr8M26A2i793ju+csaB5zaqYltqJmA2jUq4VeYfKmVqvsXQg==} + engines: {node: '>=14'} + dependencies: + '@open-draft/until': 1.0.3 + '@types/debug': 4.1.7 + '@xmldom/xmldom': 0.8.6 + debug: 4.3.4 + headers-polyfill: 3.1.2 + outvariant: 1.3.0 + strict-event-emitter: 0.2.8 + web-encoding: 1.1.5 + transitivePeerDependencies: + - supports-color + dev: true + /@ndelangen/get-tarball/3.0.7: resolution: {integrity: sha512-NqGfTZIZpRFef1GoVaShSSRwDC3vde3ThtTeqFdcYd6ipKqnfEVhjK2hUeHjCQUcptyZr2TONqcloFXM+5QBrQ==} dependencies: @@ -4009,6 +4041,10 @@ packages: - encoding dev: false + /@open-draft/until/1.0.3: + resolution: {integrity: sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==} + dev: true + /@peertube/http-signature/1.7.0: resolution: {integrity: sha512-aGQIwo6/sWtyyqhVK4e1MtxYz4N1X8CNt6SOtCc+Wnczs5S5ONaLHDDR8LYaGn0MgOwvGgXyuZ5sJIfd7iyoUw==} engines: {node: '>=0.10'} @@ -4910,7 +4946,7 @@ packages: dependencies: '@storybook/client-logger': 7.0.0-rc.4 memoizerific: 1.11.3 - qs: 6.10.4 + qs: 6.11.0 react: 18.2.0 react-dom: 18.2.0_react@18.2.0 dev: true @@ -5457,6 +5493,16 @@ packages: resolution: {integrity: sha512-v6LCdKfK6BwcqMo+wYW05rLS12S0ZO0Fl4w1h4aaZMD7bqT3gVUns6FvLJKGZHQmYn3SX55JWGpziwJRwVgutA==} dev: true + /@types/cookie/0.4.1: + resolution: {integrity: sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==} + dev: true + + /@types/debug/4.1.7: + resolution: {integrity: sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==} + dependencies: + '@types/ms': 0.7.31 + dev: true + /@types/detect-port/1.3.2: resolution: {integrity: sha512-xxgAGA2SAU4111QefXPSp5eGbDm/hW6zhvYl9IeEPZEry9F4d66QAHm5qpUXjb6IsevZV/7emAEx5MhP6O192g==} dev: true @@ -5584,6 +5630,10 @@ packages: pretty-format: 29.3.1 dev: true + /@types/js-levenshtein/1.1.1: + resolution: {integrity: sha512-qC4bCqYGy1y/NP7dDVr7KJarn+PbX1nSpwA7JXdu0HxT3QYjO8MJ+cntENtHFVy2dRAyBV23OZ6MxsW1AM1L8g==} + dev: true + /@types/js-yaml/4.0.5: resolution: {integrity: sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==} dev: true @@ -5646,6 +5696,10 @@ packages: resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==} dev: true + /@types/ms/0.7.31: + resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==} + dev: true + /@types/node-fetch/2.6.2: resolution: {integrity: sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==} dependencies: @@ -5807,6 +5861,12 @@ packages: resolution: {integrity: sha512-DVoelQjcHaPshqyg0duirwuuaZ/teG4E3QGiQXbzso8akd12VRtgGYCao8viRFXHVLJOlo/Elh1nfbMsRQJXVA==} dev: true + /@types/set-cookie-parser/2.4.2: + resolution: {integrity: sha512-fBZgytwhYAUkj/jC/FAV4RQ5EerRup1YQsXQCh8rZfiHkc4UahC192oH0smGwsXol3cL3A5oETuAHeQHmhXM4w==} + dependencies: + '@types/node': 18.15.0 + dev: true + /@types/sharp/0.31.1: resolution: {integrity: sha512-5nWwamN9ZFHXaYEincMSuza8nNfOof8nmO+mcI+Agx1uMUk4/pQnNIcix+9rLPXzKrm1pS34+6WRDbDV0Jn7ag==} dependencies: @@ -6318,6 +6378,11 @@ packages: resolution: {integrity: sha512-pUrWq3V5PiSGFLeLxoGqReTZmiiXwY3jRkIG5sLLKjyqNxrwm/04b4nw7LSmGWJcKk59XOM/YRTUwOzo4MMlow==} dev: false + /@xmldom/xmldom/0.8.6: + resolution: {integrity: sha512-uRjjusqpoqfmRkTaNuLJ2VohVr67Q5YwDATW3VU7PfzTj6IRaihGrYI7zckGZjxQPBIp63nfvJbM+Yu5ICh0Bg==} + engines: {node: '>=10.0.0'} + dev: true + /@yarnpkg/esbuild-plugin-pnp/3.0.0-rc.15_esbuild@0.16.17: resolution: {integrity: sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==} engines: {node: '>=14.15.0'} @@ -6328,6 +6393,12 @@ packages: tslib: 2.5.0 dev: true + /@zxing/text-encoding/0.9.0: + resolution: {integrity: sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==} + requiresBuild: true + dev: true + optional: true + /abab/2.0.6: resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==} dev: false @@ -7581,7 +7652,7 @@ packages: resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==} dependencies: function-bind: 1.1.1 - get-intrinsic: 1.1.3 + get-intrinsic: 1.2.0 /callsites/3.1.0: resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} @@ -7686,6 +7757,14 @@ packages: supports-color: 5.5.0 dev: true + /chalk/4.1.1: + resolution: {integrity: sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==} + engines: {node: '>=10'} + dependencies: + ansi-styles: 4.3.0 + supports-color: 7.2.0 + dev: true + /chalk/4.1.2: resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==} engines: {node: '>=10'} @@ -7707,6 +7786,10 @@ packages: dependencies: is-regex: 1.1.4 + /chardet/0.7.0: + resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==} + dev: true + /chart.js/4.2.1: resolution: {integrity: sha512-6YbpQ0nt3NovAgOzbkSSeeAQu/3za1319dPUQTXn9WcOpywM8rGKxJHrhS8V8xEkAlk8YhEfjbuAPfUyp6jIsw==} engines: {pnpm: ^7.0.0} @@ -7855,6 +7938,11 @@ packages: yargs: 16.2.0 dev: false + /cli-spinners/2.7.0: + resolution: {integrity: sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==} + engines: {node: '>=6'} + dev: true + /cli-table3/0.6.3: resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==} engines: {node: 10.* || >= 12.*} @@ -7880,6 +7968,11 @@ packages: string-width: 5.1.2 dev: true + /cli-width/3.0.0: + resolution: {integrity: sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==} + engines: {node: '>= 10'} + dev: true + /cliui/3.2.0: resolution: {integrity: sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==} dependencies: @@ -7938,7 +8031,6 @@ packages: /clone/1.0.4: resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==} engines: {node: '>=0.8'} - dev: false /clone/2.1.2: resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==} @@ -8198,6 +8290,11 @@ packages: resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==} dev: true + /cookie/0.4.2: + resolution: {integrity: sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==} + engines: {node: '>= 0.6'} + dev: true + /cookie/0.5.0: resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==} engines: {node: '>= 0.6'} @@ -8610,7 +8707,7 @@ packages: dependencies: call-bind: 1.0.2 es-get-iterator: 1.1.3 - get-intrinsic: 1.1.3 + get-intrinsic: 1.2.0 is-arguments: 1.1.1 is-array-buffer: 3.0.2 is-date-object: 1.0.5 @@ -8659,6 +8756,12 @@ packages: engines: {node: '>= 0.10'} dev: false + /defaults/1.0.4: + resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==} + dependencies: + clone: 1.0.4 + dev: true + /defer-to-connect/2.0.1: resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==} engines: {node: '>=10'} @@ -9043,7 +9146,7 @@ packages: resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==} dependencies: call-bind: 1.0.2 - get-intrinsic: 1.1.3 + get-intrinsic: 1.2.0 has-symbols: 1.0.3 is-arguments: 1.1.1 is-map: 2.0.2 @@ -9806,7 +9909,6 @@ packages: /events/3.3.0: resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==} engines: {node: '>=0.8.x'} - dev: false /execa/0.7.0: resolution: {integrity: sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==} @@ -10003,6 +10105,15 @@ packages: /extend/3.0.2: resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==} + /external-editor/3.1.0: + resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==} + engines: {node: '>=4'} + dependencies: + chardet: 0.7.0 + iconv-lite: 0.4.24 + tmp: 0.0.33 + dev: true + /extglob/2.0.4: resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==} engines: {node: '>=0.10.0'} @@ -10659,13 +10770,6 @@ packages: resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==} dev: true - /get-intrinsic/1.1.3: - resolution: {integrity: sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==} - dependencies: - function-bind: 1.1.1 - has: 1.0.3 - has-symbols: 1.0.3 - /get-intrinsic/1.2.0: resolution: {integrity: sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==} dependencies: @@ -10964,6 +11068,11 @@ packages: resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==} dev: true + /graphql/16.6.0: + resolution: {integrity: sha512-KPIBPDlW7NxrbT/eh4qPXz5FiFdL5UbaA0XUNz2Rp3Z3hqBSkbj0GVjwFDztsWVauZUWsbKHgMg++sk8UX0bkw==} + engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0} + dev: true + /gsap/3.11.4: resolution: {integrity: sha512-McHhEguHyExMMnjqKA8G+7TvxmlKQGMbjgwAilnFe1e4id7V/tFveRQ2YMZhTYu0oxHGWvbPltdVYQOu3z1SCA==} dev: false @@ -11197,6 +11306,10 @@ packages: resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==} hasBin: true + /headers-polyfill/3.1.2: + resolution: {integrity: sha512-tWCK4biJ6hcLqTviLXVR9DTRfYGQMXEIUj3gwJ2rZ5wO/at3XtkI4g8mCvFdUF9l1KMBNCfmNAdnahm1cgavQA==} + dev: true + /hexoid/1.0.0: resolution: {integrity: sha512-QFLV0taWQOZtvIRIAdBChesmogZrtuXvVWsFHZTk2SU+anspqZ2vMnoLg7IE1+Uk16N19APic1BuF8bC8c2m5g==} engines: {node: '>=8'} @@ -11443,6 +11556,27 @@ packages: engines: {node: '>=10'} dev: true + /inquirer/8.2.5: + resolution: {integrity: sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==} + engines: {node: '>=12.0.0'} + dependencies: + ansi-escapes: 4.3.2 + chalk: 4.1.2 + cli-cursor: 3.1.0 + cli-width: 3.0.0 + external-editor: 3.1.0 + figures: 3.2.0 + lodash: 4.17.21 + mute-stream: 0.0.8 + ora: 5.4.1 + run-async: 2.4.1 + rxjs: 7.8.0 + string-width: 4.2.3 + strip-ansi: 6.0.1 + through: 2.3.8 + wrap-ansi: 7.0.0 + dev: true + /insert-text-at-cursor/0.3.0: resolution: {integrity: sha512-/nPtyeX9xPUvxZf+r0518B7uqNKlP+LqNJqSiXFEaa2T71rWIwTVXGH7hB9xO/EVdwa5/pWlFCPwShOW81XIxQ==} dev: false @@ -11766,6 +11900,11 @@ packages: is-path-inside: 3.0.3 dev: true + /is-interactive/1.0.0: + resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==} + engines: {node: '>=8'} + dev: true + /is-ip/3.1.0: resolution: {integrity: sha512-35vd5necO7IitFPjd/YBeqwWnyDWbuLH9ZXQdMfDA8TEo7pv5X8yfrvVO3xbJbLUlERCMvf6X0hTUamQxCYJ9Q==} engines: {node: '>=8'} @@ -11798,6 +11937,10 @@ packages: engines: {node: '>= 0.4'} dev: true + /is-node-process/1.0.1: + resolution: {integrity: sha512-5IcdXuf++TTNt3oGl9EBdkvndXA8gmc4bz/Y+mdEpWh3Mcn/+kOw6hI7LD5CocqJWMzeb0I0ClndRVNdEPuJXQ==} + dev: true + /is-number-object/1.0.7: resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==} engines: {node: '>= 0.4'} @@ -12574,6 +12717,11 @@ packages: nopt: 6.0.0 dev: true + /js-levenshtein/1.1.6: + resolution: {integrity: sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==} + engines: {node: '>=0.10.0'} + dev: true + /js-sdsl/4.2.0: resolution: {integrity: sha512-dyBIzQBDkCqCu+0upx25Y2jGdbTGxE9fshMsCdK0ViOongpV+n5tXRcZY9v7CaVQ79AGS9KA1KHtojxiM7aXSQ==} dev: true @@ -13579,6 +13727,51 @@ packages: optionalDependencies: msgpackr-extract: 2.2.0 + /msw-storybook-addon/1.8.0_msw@1.1.0: + resolution: {integrity: sha512-dw3vZwqjixmiur0vouRSOax7wPSu9Og2Hspy9JZFHf49bZRjwDiLF0Pfn2NXEkGviYJOJiGxS1ejoTiUwoSg4A==} + peerDependencies: + msw: '>=0.35.0 <2.0.0' + dependencies: + is-node-process: 1.0.1 + msw: 1.1.0_typescript@4.9.5 + dev: true + + /msw/1.1.0_typescript@4.9.5: + resolution: {integrity: sha512-oqMvUXm1bMbwvGpoXAQVz8vXXQyQyx52HBDg3EDOK+dFXkQHssgkXEG4LfMwwZyr2Qt18I/w04XPaY4BkFTkzA==} + engines: {node: '>=14'} + hasBin: true + requiresBuild: true + peerDependencies: + typescript: '>= 4.4.x <= 4.9.x' + peerDependenciesMeta: + typescript: + optional: true + dependencies: + '@mswjs/cookies': 0.2.2 + '@mswjs/interceptors': 0.17.9 + '@open-draft/until': 1.0.3 + '@types/cookie': 0.4.1 + '@types/js-levenshtein': 1.1.1 + chalk: 4.1.1 + chokidar: 3.5.3 + cookie: 0.4.2 + graphql: 16.6.0 + headers-polyfill: 3.1.2 + inquirer: 8.2.5 + is-node-process: 1.0.1 + js-levenshtein: 1.1.6 + node-fetch: 2.6.7 + outvariant: 1.3.0 + path-to-regexp: 6.2.1 + strict-event-emitter: 0.4.6 + type-fest: 2.19.0 + typescript: 4.9.5 + yargs: 17.6.2 + transitivePeerDependencies: + - encoding + - supports-color + dev: true + /muggle-string/0.2.2: resolution: {integrity: sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==} dev: true @@ -13592,6 +13785,10 @@ packages: engines: {node: '>= 0.10'} dev: false + /mute-stream/0.0.8: + resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==} + dev: true + /mylas/2.1.13: resolution: {integrity: sha512-+MrqnJRtxdF+xngFfUUkIMQrUUL0KsxbADUkn23Z/4ibGg192Q+z+CQyiYwvWTsYjJygmMR8+w3ZDa98Zh6ESg==} engines: {node: '>=12.0.0'} @@ -14117,6 +14314,21 @@ packages: word-wrap: 1.2.3 dev: true + /ora/5.4.1: + resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==} + engines: {node: '>=10'} + dependencies: + bl: 4.1.0 + chalk: 4.1.2 + cli-cursor: 3.1.0 + cli-spinners: 2.7.0 + is-interactive: 1.0.0 + is-unicode-supported: 0.1.0 + log-symbols: 4.1.0 + strip-ansi: 6.0.1 + wcwidth: 1.0.1 + dev: true + /ordered-read-streams/1.0.1: resolution: {integrity: sha512-Z87aSjx3r5c0ZB7bcJqIgIRX5bxR7A4aSzvIbaxd0oTkWBCOoKfuGHiKj60CHVUgg1Phm5yMZzBdt8XqRs73Mw==} dependencies: @@ -14137,6 +14349,11 @@ packages: lcid: 1.0.0 dev: false + /os-tmpdir/1.0.2: + resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==} + engines: {node: '>=0.10.0'} + dev: true + /os-utils/0.0.14: resolution: {integrity: sha512-ajB8csaHLBvJOYsHJkp8YdO2FvlBbf/ZxaYQwXXRDyQ84UoE+uTuLXxqd0shekXMX6Qr/pt/DDyLMRAMsgfWzg==} dev: false @@ -14151,6 +14368,10 @@ packages: jssha: 3.3.0 dev: false + /outvariant/1.3.0: + resolution: {integrity: sha512-yeWM9k6UPfG/nzxdaPlJkB2p08hCg4xP6Lx99F+vP8YF7xyZVfTmJjrrNalkmzudD4WFvNLVudQikqUmF8zhVQ==} + dev: true + /p-cancelable/2.1.1: resolution: {integrity: sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==} engines: {node: '>=8'} @@ -14391,6 +14612,10 @@ packages: resolution: {integrity: sha512-jczvQbCUS7XmS7o+y1aEO9OBVFeZBQ1MDSEqmO7xSoPgOPoowY/SxLpZ6Vh97/8qHZOteiCKb7gkG9gA2ZUxJA==} dev: false + /path-to-regexp/6.2.1: + resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==} + dev: true + /path-type/1.1.0: resolution: {integrity: sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==} engines: {node: '>=0.10.0'} @@ -15916,6 +16141,11 @@ packages: xml2js: 0.4.23 dev: false + /run-async/2.4.1: + resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==} + engines: {node: '>=0.12.0'} + dev: true + /run-parallel/1.2.0: resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==} dependencies: @@ -15924,7 +16154,7 @@ packages: /rxjs/7.8.0: resolution: {integrity: sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==} dependencies: - tslib: 2.4.1 + tslib: 2.5.0 /s-age/1.1.2: resolution: {integrity: sha512-aSN2TlF39WLoZA/6cgYSJZhKt63kJ4EaadejPWjWY9/h4rksIqvfWY3gfd+3uAegSM1IXsA9aWeEhJtkxkFQtA==} @@ -16059,6 +16289,7 @@ packages: /semver/7.3.8: resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==} engines: {node: '>=10'} + hasBin: true dependencies: lru-cache: 6.0.0 @@ -16111,7 +16342,6 @@ packages: /set-cookie-parser/2.5.1: resolution: {integrity: sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ==} - dev: false /set-value/2.0.1: resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==} @@ -16195,7 +16425,7 @@ packages: resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==} dependencies: call-bind: 1.0.2 - get-intrinsic: 1.1.3 + get-intrinsic: 1.2.0 object-inspect: 1.12.2 dev: true @@ -16583,6 +16813,16 @@ packages: resolution: {integrity: sha512-Nk/brWYpD85WlOgzw5h173aci0Teyv8YdIAEtV+N88nDB0dLlazZyJMIsN6eo1/AR61l+p6CJTG1JIyFaoNEEA==} dev: false + /strict-event-emitter/0.2.8: + resolution: {integrity: sha512-KDf/ujU8Zud3YaLtMCcTI4xkZlZVIYxTLr+XIULexP+77EEVWixeXroLUXQXiVtH4XH2W7jr/3PT1v3zBuvc3A==} + dependencies: + events: 3.3.0 + dev: true + + /strict-event-emitter/0.4.6: + resolution: {integrity: sha512-12KWeb+wixJohmnwNFerbyiBrAlq5qJLwIt38etRtKtmmHyDSoGlIqFE9wx+4IwG0aDjI7GV8tc8ZccjWZZtTg==} + dev: true + /strict-uri-encode/1.1.0: resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==} engines: {node: '>=0.10.0'} @@ -17010,6 +17250,13 @@ packages: engines: {node: '>=14.0.0'} dev: true + /tmp/0.0.33: + resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==} + engines: {node: '>=0.6.0'} + dependencies: + os-tmpdir: 1.0.2 + dev: true + /tmp/0.2.1: resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==} engines: {node: '>=8.17.0'} @@ -17173,9 +17420,6 @@ packages: resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==} dev: true - /tslib/2.4.1: - resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==} - /tslib/2.5.0: resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==} @@ -18059,6 +18303,20 @@ packages: graceful-fs: 4.2.10 dev: true + /wcwidth/1.0.1: + resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==} + dependencies: + defaults: 1.0.4 + dev: true + + /web-encoding/1.1.5: + resolution: {integrity: sha512-HYLeVCdJ0+lBYV2FvNZmv3HJ2Nt0QYXqZojk3d9FJOLkwnuhzM9tmamh8d7HPM8QqjKH8DeHkFTx+CFlWpZZDA==} + dependencies: + util: 0.12.5 + optionalDependencies: + '@zxing/text-encoding': 0.9.0 + dev: true + /web-push/3.5.0: resolution: {integrity: sha512-JC0V9hzKTqlDYJ+LTZUXtW7B175qwwaqzbbMSWDxHWxZvd3xY0C2rcotMGDavub2nAAFw+sXTsqR65/KY2A5AQ==} engines: {node: '>= 6'}