From 8d06327c035e84f585c815cedcd3f5d4ad4c6f5c Mon Sep 17 00:00:00 2001 From: Katalina Okano Date: Tue, 9 Mar 2021 23:25:16 -0500 Subject: [PATCH] chore: restructure project into yarn workspaces, remove next --- .babelrc.js | 3 +- .gitignore | 1 + package.json | 96 +- packages/design-system/.storybook/main.js | 8 + packages/design-system/.storybook/manager.js | 6 + .../.storybook/mocks/next_link.tsx | 8 + .../.storybook/preview-head.html | 39 + packages/design-system/.storybook/preview.js | 10 + packages/design-system/.storybook/theme.js | 34 + .../design-system/Intro.stories.mdx | 6 +- {src => packages}/design-system/README.md | 0 .../atoms/avatar/Avatar.stories.tsx | 0 .../atoms/avatar/Avatar.styled.ts | 2 +- .../design-system/atoms/avatar/Avatar.tsx | 0 .../atoms/avatar/avatarUtils.tsx | 0 .../design-system/atoms/avatar/index.ts | 0 .../atoms/branding/Branding.stories.tsx | 0 .../design-system/atoms/branding/Branding.tsx | 2 +- .../atoms/branding/BrandingOld.tsx | 0 .../branding/DynamicBranding.stories.tsx | 2 +- .../atoms/branding/DynamicBranding.tsx | 0 .../atoms/branding/FlagBranding.stories.tsx | 0 .../atoms/branding/FlagBranding.tsx | 0 .../design-system/atoms/branding/index.ts | 0 .../atoms/breakpoints/BreakpointProvider.tsx | 0 .../atoms/breakpoints/Breakpoints.stories.tsx | 0 .../atoms/breakpoints/Breakpoints.ts | 0 .../atoms/breakpoints/Context.ts | 2 +- .../atoms/breakpoints/DebugTool.tsx | 0 .../design-system/atoms/breakpoints/index.ts | 0 .../atoms/button/Button.spec.tsx | 0 .../atoms/button/Button.stories.tsx | 0 .../atoms/button/Button.styled.ts | 6 +- .../design-system/atoms/button/Button.tsx | 0 .../design-system/atoms/button/index.ts | 0 .../atoms/collapse/Collapse.stories.tsx | 2 +- .../design-system/atoms/collapse/Collapse.tsx | 0 .../design-system/atoms/collapse/index.ts | 0 .../atoms/colors/colors.stories.tsx | 2 +- .../design-system/atoms/colors/colors.tsx | 0 .../design-system/atoms/colors/index.ts | 0 .../design-system/atoms/colors/withColors.tsx | 0 .../atoms/dot-overlay/DotOverlay.stories.tsx | 0 .../atoms/dot-overlay/DotOverlay.tsx | 0 .../design-system/atoms/dot-overlay/index.ts | 0 .../atoms/fader/Fader.stories.tsx | 2 +- .../design-system/atoms/fader/Fader.tsx | 0 .../design-system/atoms/fader/index.ts | 0 .../feature-gate/FeatureGate.stories.tsx | 2 +- .../atoms/feature-gate/FeatureGate.tsx | 2 +- .../design-system/atoms/feature-gate/index.ts | 0 .../atoms/fonts/fonts.stories.tsx | 5 +- .../design-system/atoms/fonts/fonts.tsx | 5 +- .../design-system/atoms/fonts/index.ts | 0 .../atoms/halfsies/Halfsies.stories.tsx | 0 .../design-system/atoms/halfsies/Halfsies.tsx | 2 +- .../design-system/atoms/halfsies/index.ts | 0 .../design-system/atoms/hero/Hero.stories.tsx | 0 .../design-system/atoms/hero/Hero.tsx | 0 .../design-system/atoms/hero/index.ts | 0 .../atoms/horizontal-switch/BUILD.bazel | 0 .../HorizontalSwitch.stories.tsx | 0 .../HorizontalSwitch.styled.ts | 4 +- .../horizontal-switch/HorizontalSwitch.tsx | 0 .../atoms/horizontal-switch/index.tsx | 0 .../atoms/key-events/KeyEvents.ts | 0 .../design-system/atoms/key-events/index.ts | 0 .../atoms/popover/Popover.stories.tsx | 2 +- .../atoms/popover/Popover.styled.ts | 6 +- .../design-system/atoms/popover/Popover.tsx | 2 +- .../design-system/atoms/popover/index.ts | 0 .../design-system/atoms/role/Role.spec.tsx | 2 +- .../design-system/atoms/role/Role.stories.tsx | 4 +- .../design-system/atoms/role/Role.styled.tsx | 4 +- .../design-system/atoms/role/Role.tsx | 9 +- .../design-system/atoms/role/index.ts | 0 .../atoms/space/Space.stories.tsx | 0 .../design-system/atoms/space/Space.tsx | 0 .../design-system/atoms/space/index.ts | 0 .../design-system/atoms/sparkle/Shapes.tsx | 0 .../atoms/sparkle/Sparkle.stories.tsx | 4 +- .../design-system/atoms/sparkle/Sparkle.tsx | 2 +- .../design-system/atoms/sparkle/index.ts | 0 .../atoms/tab-view/TabView.spec.tsx | 0 .../atoms/tab-view/TabView.stories.tsx | 0 .../atoms/tab-view/TabView.styled.ts | 6 +- .../design-system/atoms/tab-view/TabView.tsx | 0 .../design-system/atoms/tab-view/index.ts | 0 .../atoms/text-input/TextInput.stories.tsx | 2 +- .../atoms/text-input/TextInput.tsx | 2 +- .../design-system/atoms/text-input/index.ts | 0 .../design-system/atoms/timings/index.ts | 0 .../design-system/atoms/timings/timings.ts | 0 .../atoms/typist/Typist.spec.tsx | 0 .../atoms/typist/Typist.stories.tsx | 0 .../design-system/atoms/typist/Typist.tsx | 0 .../design-system/atoms/typist/index.ts | 0 .../design-system/atoms/typography/index.ts | 0 .../design-system/atoms/typography/mdx.tsx | 0 .../atoms/typography/typography.stories.tsx | 0 .../atoms/typography/typography.tsx | 4 +- packages/design-system/fixtures/storyData.ts | 241 + .../demo-discord/DemoDiscord.stories.tsx | 0 .../demo-discord/DemoDiscord.styled.ts | 2 +- .../molecules/demo-discord/DemoDiscord.tsx | 4 +- .../molecules/demo-discord/index.ts | 0 .../demo-picker/DemoPicker.stories.tsx | 0 .../molecules/demo-picker/DemoPicker.tsx | 6 +- .../molecules/demo-picker/index.ts | 0 .../EditorCategory.stories.tsx | 6 +- .../editor-category/EditorCategory.styled.ts | 0 .../editor-category/EditorCategory.tsx | 18 +- .../molecules/editor-category/index.ts | 0 .../error-banner/ErrorBanner.stories.tsx | 0 .../error-banner/ErrorBanner.styled.ts | 6 +- .../molecules/error-banner/ErrorBanner.tsx | 0 .../molecules/error-banner/index.ts | 0 .../design-system/molecules/footer/Flags.tsx | 0 .../molecules/footer/Footer.stories.tsx | 0 .../molecules/footer/Footer.styled.ts | 4 +- .../design-system/molecules/footer/Footer.tsx | 2 +- .../design-system/molecules/footer/index.ts | 0 .../molecules/guild-nav/GuildNav.stories.tsx | 4 +- .../molecules/guild-nav/GuildNav.styled.ts | 4 +- .../molecules/guild-nav/GuildNav.tsx | 17 +- .../molecules/guild-nav/index.ts | 0 .../molecules/help-page-base/BUILD.bazel | 0 .../help-page-base/HelpPageBase.stories.tsx | 0 .../molecules/help-page-base/HelpPageBase.tsx | 2 +- .../molecules/help-page-base/index.ts | 0 .../help-page-base/storyDecorator.tsx | 2 +- .../molecules/nav-slug/NavSlug.stories.tsx | 2 +- .../molecules/nav-slug/NavSlug.styled.ts | 0 .../molecules/nav-slug/NavSlug.tsx | 4 +- .../design-system/molecules/nav-slug/index.ts | 0 .../PickerCategory.stories.tsx | 6 +- .../picker-category/PickerCategory.styled.tsx | 0 .../picker-category/PickerCategory.tsx | 10 +- .../molecules/picker-category/index.ts | 0 .../PreauthGreeting.stories.tsx | 2 +- .../preauth-greeting/PreauthGreeting.tsx | 8 +- .../molecules/preauth-greeting/index.ts | 0 .../reset-submit/ResetSubmit.spec.tsx | 2 +- .../reset-submit/ResetSubmit.stories.tsx | 0 .../reset-submit/ResetSubmit.styled.ts | 2 +- .../molecules/reset-submit/ResetSubmit.tsx | 4 +- .../molecules/reset-submit/index.ts | 0 .../role-search/RoleSearch.stories.tsx | 2 +- .../molecules/role-search/RoleSearch.tsx | 8 +- .../molecules/role-search/index.ts | 0 .../ServerListingCard.stories.tsx | 2 +- .../ServerListingCard.styled.ts | 8 +- .../server-listing-card/ServerListingCard.tsx | 6 +- .../molecules/server-listing-card/index.ts | 0 .../server-masthead/ServerMasthead.spec.tsx | 2 +- .../ServerMasthead.stories.tsx | 2 +- .../server-masthead/ServerMasthead.styled.ts | 4 +- .../server-masthead/ServerMasthead.tsx | 11 +- .../molecules/server-masthead/index.ts | 0 .../UserAvatarGroup.stories.tsx | 4 +- .../UserAvatarGroup.styled.ts | 4 +- .../user-avatar-group/UserAvatarGroup.tsx | 4 +- .../molecules/user-avatar-group/index.ts | 0 .../user-popover/UserPopover.stories.tsx | 4 +- .../user-popover/UserPopover.styled.ts | 4 +- .../molecules/user-popover/UserPopover.tsx | 15 +- .../molecules/user-popover/index.ts | 0 .../organisms/app-shell/AppShell.stories.tsx | 2 +- .../organisms/app-shell/AppShell.styled.tsx | 4 +- .../organisms/app-shell/AppShell.tsx | 8 +- .../organisms/app-shell/index.ts | 0 .../organisms/editor/EditorShell.stories.tsx | 2 +- .../organisms/editor/EditorShell.styled.ts | 2 +- .../organisms/editor/EditorShell.tsx | 4 +- .../design-system/organisms/editor/index.ts | 0 .../help-why-no-roles/WhyNoRoles.stories.tsx | 0 .../help-why-no-roles/WhyNoRoles.styled.ts | 4 +- .../help-why-no-roles/WhyNoRoles.tsx | 10 +- .../organisms/help-why-no-roles/index.ts | 0 .../organisms/landing/Landing.stories.tsx | 0 .../organisms/landing/Landing.styled.ts | 4 +- .../organisms/landing/Landing.tsx | 12 +- .../design-system/organisms/landing/index.ts | 0 .../organisms/masthead/Authed.tsx | 23 +- .../organisms/masthead/Guest.tsx | 34 + .../organisms/masthead/Masthead.stories.tsx | 2 +- .../organisms/masthead/Masthead.styled.tsx | 6 +- .../design-system/organisms/masthead/index.ts | 0 .../organisms/preauth/Preauth.stories.tsx | 2 +- .../organisms/preauth/Preauth.tsx | 11 +- .../design-system/organisms/preauth/index.ts | 0 .../organisms/role-picker/RolePicker.spec.tsx | 16 +- .../role-picker/RolePicker.stories.tsx | 2 +- .../role-picker/RolePicker.styled.tsx | 2 +- .../organisms/role-picker/RolePicker.tsx | 27 +- .../organisms/role-picker/index.ts | 0 .../server-setup/ServerSetup.stories.tsx | 4 +- .../server-setup/ServerSetup.styled.ts | 0 .../organisms/server-setup/ServerSetup.tsx | 43 +- .../organisms/server-setup/index.ts | 0 .../ServersListing.stories.tsx | 2 +- .../servers-listing/ServersListing.styled.ts | 2 +- .../servers-listing/ServersListing.tsx | 18 +- .../organisms/servers-listing/index.ts | 0 packages/design-system/package.json | 42 + .../auth-login/AuthLogin.stories.tsx | 2 +- .../templates/auth-login/AuthLogin.tsx | 6 +- .../templates/auth-login/index.ts | 0 .../templates/errors/Errors.stories.tsx | 0 .../design-system/templates/errors/Errors.tsx | 12 +- .../templates/errors/errorStrings.ts | 2 +- .../design-system/templates/errors/index.ts | 0 .../templates/help-page/HelpPage.stories.tsx | 0 .../templates/help-page/HelpPage.tsx | 4 +- .../templates/help-page/index.ts | 0 .../templates/landing/Landing.stories.tsx | 0 .../templates/landing/Landing.tsx | 4 +- .../design-system/templates/landing/index.ts | 0 .../role-picker/RolePicker.stories.tsx | 2 +- .../templates/role-picker/RolePicker.tsx | 6 +- .../templates/role-picker/index.ts | 0 .../server-setup/ServerSetup.stories.tsx | 2 +- .../templates/server-setup/ServerSetup.tsx | 4 +- .../templates/server-setup/index.ts | 0 .../templates/servers/Servers.stories.tsx | 2 +- .../templates/servers/Servers.tsx | 6 +- .../design-system/templates/servers/index.ts | 0 packages/design-system/tsconfig.json | 7 + packages/web/.gitignore | 23 + packages/web/README.md | 46 + packages/web/package.json | 48 + packages/web/public/favicon.ico | Bin 0 -> 3870 bytes packages/web/public/index.html | 39 + packages/web/public/logo192.png | Bin 0 -> 5347 bytes packages/web/public/logo512.png | Bin 0 -> 9664 bytes packages/web/public/manifest.json | 25 + packages/web/public/robots.txt | 3 + packages/web/src/App.css | 38 + packages/web/src/App.test.tsx | 9 + packages/web/src/App.tsx | 26 + packages/web/src/index.css | 13 + packages/web/src/index.tsx | 17 + packages/web/src/logo.svg | 1 + packages/web/src/react-app-env.d.ts | 1 + packages/web/src/reportWebVitals.ts | 15 + packages/web/src/setupTests.ts | 5 + packages/web/tsconfig.json | 20 + packages/web/yarn.lock | 11439 ++++++++++++++++ src/common/utils/hasPermission.spec.ts | 2 +- .../atoms/feature-gate/BUILD.bazel | 10 - .../organisms/masthead/Guest.tsx | 39 - src/{pages => pages-deprecated}/README.md | 0 src/{pages => pages-deprecated}/_app.tsx | 2 +- src/{pages => pages-deprecated}/_document.tsx | 0 .../auth/login.tsx | 2 +- .../help/why-no-roles.tsx | 4 +- src/{pages => pages-deprecated}/index.tsx | 2 +- .../machinery/error.tsx | 2 +- .../machinery/logout.tsx | 6 +- .../machinery/new-session.tsx | 6 +- src/{pages => pages-deprecated}/s/[id].tsx | 2 +- .../s/[id]/edit.tsx | 0 .../s/[id]/setup.tsx | 2 +- src/{pages => pages-deprecated}/servers.tsx | 2 +- src/providers/appShellData.tsx | 2 +- yarn.lock | 6880 ++++++---- 266 files changed, 16466 insertions(+), 3350 deletions(-) create mode 100644 packages/design-system/.storybook/main.js create mode 100644 packages/design-system/.storybook/manager.js create mode 100644 packages/design-system/.storybook/mocks/next_link.tsx create mode 100644 packages/design-system/.storybook/preview-head.html create mode 100644 packages/design-system/.storybook/preview.js create mode 100644 packages/design-system/.storybook/theme.js rename {src => packages}/design-system/Intro.stories.mdx (78%) rename {src => packages}/design-system/README.md (100%) rename {src => packages}/design-system/atoms/avatar/Avatar.stories.tsx (100%) rename {src => packages}/design-system/atoms/avatar/Avatar.styled.ts (95%) rename {src => packages}/design-system/atoms/avatar/Avatar.tsx (100%) rename {src => packages}/design-system/atoms/avatar/avatarUtils.tsx (100%) rename {src => packages}/design-system/atoms/avatar/index.ts (100%) rename {src => packages}/design-system/atoms/branding/Branding.stories.tsx (100%) rename {src => packages}/design-system/atoms/branding/Branding.tsx (99%) rename {src => packages}/design-system/atoms/branding/BrandingOld.tsx (100%) rename {src => packages}/design-system/atoms/branding/DynamicBranding.stories.tsx (96%) rename {src => packages}/design-system/atoms/branding/DynamicBranding.tsx (100%) rename {src => packages}/design-system/atoms/branding/FlagBranding.stories.tsx (100%) rename {src => packages}/design-system/atoms/branding/FlagBranding.tsx (100%) rename {src => packages}/design-system/atoms/branding/index.ts (100%) rename {src => packages}/design-system/atoms/breakpoints/BreakpointProvider.tsx (100%) rename {src => packages}/design-system/atoms/breakpoints/Breakpoints.stories.tsx (100%) rename {src => packages}/design-system/atoms/breakpoints/Breakpoints.ts (100%) rename {src => packages}/design-system/atoms/breakpoints/Context.ts (89%) rename {src => packages}/design-system/atoms/breakpoints/DebugTool.tsx (100%) rename {src => packages}/design-system/atoms/breakpoints/index.ts (100%) rename {src => packages}/design-system/atoms/button/Button.spec.tsx (100%) rename {src => packages}/design-system/atoms/button/Button.stories.tsx (100%) rename {src => packages}/design-system/atoms/button/Button.styled.ts (91%) rename {src => packages}/design-system/atoms/button/Button.tsx (100%) rename {src => packages}/design-system/atoms/button/index.ts (100%) rename {src => packages}/design-system/atoms/collapse/Collapse.stories.tsx (77%) rename {src => packages}/design-system/atoms/collapse/Collapse.tsx (100%) rename {src => packages}/design-system/atoms/collapse/index.ts (100%) rename {src => packages}/design-system/atoms/colors/colors.stories.tsx (98%) rename {src => packages}/design-system/atoms/colors/colors.tsx (100%) rename {src => packages}/design-system/atoms/colors/index.ts (100%) rename {src => packages}/design-system/atoms/colors/withColors.tsx (100%) rename {src => packages}/design-system/atoms/dot-overlay/DotOverlay.stories.tsx (100%) rename {src => packages}/design-system/atoms/dot-overlay/DotOverlay.tsx (100%) rename {src => packages}/design-system/atoms/dot-overlay/index.ts (100%) rename {src => packages}/design-system/atoms/fader/Fader.stories.tsx (90%) rename {src => packages}/design-system/atoms/fader/Fader.tsx (100%) rename {src => packages}/design-system/atoms/fader/index.ts (100%) rename {src => packages}/design-system/atoms/feature-gate/FeatureGate.stories.tsx (80%) rename {src => packages}/design-system/atoms/feature-gate/FeatureGate.tsx (88%) rename {src => packages}/design-system/atoms/feature-gate/index.ts (100%) rename {src => packages}/design-system/atoms/fonts/fonts.stories.tsx (96%) rename {src => packages}/design-system/atoms/fonts/fonts.tsx (92%) rename {src => packages}/design-system/atoms/fonts/index.ts (100%) rename {src => packages}/design-system/atoms/halfsies/Halfsies.stories.tsx (100%) rename {src => packages}/design-system/atoms/halfsies/Halfsies.tsx (82%) rename {src => packages}/design-system/atoms/halfsies/index.ts (100%) rename {src => packages}/design-system/atoms/hero/Hero.stories.tsx (100%) rename {src => packages}/design-system/atoms/hero/Hero.tsx (100%) rename {src => packages}/design-system/atoms/hero/index.ts (100%) rename {src => packages}/design-system/atoms/horizontal-switch/BUILD.bazel (100%) rename {src => packages}/design-system/atoms/horizontal-switch/HorizontalSwitch.stories.tsx (100%) rename {src => packages}/design-system/atoms/horizontal-switch/HorizontalSwitch.styled.ts (80%) rename {src => packages}/design-system/atoms/horizontal-switch/HorizontalSwitch.tsx (100%) rename {src => packages}/design-system/atoms/horizontal-switch/index.tsx (100%) rename {src => packages}/design-system/atoms/key-events/KeyEvents.ts (100%) rename {src => packages}/design-system/atoms/key-events/index.ts (100%) rename {src => packages}/design-system/atoms/popover/Popover.stories.tsx (93%) rename {src => packages}/design-system/atoms/popover/Popover.styled.ts (89%) rename {src => packages}/design-system/atoms/popover/Popover.tsx (94%) rename {src => packages}/design-system/atoms/popover/index.ts (100%) rename {src => packages}/design-system/atoms/role/Role.spec.tsx (85%) rename {src => packages}/design-system/atoms/role/Role.stories.tsx (92%) rename {src => packages}/design-system/atoms/role/Role.styled.tsx (94%) rename {src => packages}/design-system/atoms/role/Role.tsx (92%) rename {src => packages}/design-system/atoms/role/index.ts (100%) rename {src => packages}/design-system/atoms/space/Space.stories.tsx (100%) rename {src => packages}/design-system/atoms/space/Space.tsx (100%) rename {src => packages}/design-system/atoms/space/index.ts (100%) rename {src => packages}/design-system/atoms/sparkle/Shapes.tsx (100%) rename {src => packages}/design-system/atoms/sparkle/Sparkle.stories.tsx (76%) rename {src => packages}/design-system/atoms/sparkle/Sparkle.tsx (95%) rename {src => packages}/design-system/atoms/sparkle/index.ts (100%) rename {src => packages}/design-system/atoms/tab-view/TabView.spec.tsx (100%) rename {src => packages}/design-system/atoms/tab-view/TabView.stories.tsx (100%) rename {src => packages}/design-system/atoms/tab-view/TabView.styled.ts (83%) rename {src => packages}/design-system/atoms/tab-view/TabView.tsx (100%) rename {src => packages}/design-system/atoms/tab-view/index.ts (100%) rename {src => packages}/design-system/atoms/text-input/TextInput.stories.tsx (92%) rename {src => packages}/design-system/atoms/text-input/TextInput.tsx (96%) rename {src => packages}/design-system/atoms/text-input/index.ts (100%) rename {src => packages}/design-system/atoms/timings/index.ts (100%) rename {src => packages}/design-system/atoms/timings/timings.ts (100%) rename {src => packages}/design-system/atoms/typist/Typist.spec.tsx (100%) rename {src => packages}/design-system/atoms/typist/Typist.stories.tsx (100%) rename {src => packages}/design-system/atoms/typist/Typist.tsx (100%) rename {src => packages}/design-system/atoms/typist/index.ts (100%) rename {src => packages}/design-system/atoms/typography/index.ts (100%) rename {src => packages}/design-system/atoms/typography/mdx.tsx (100%) rename {src => packages}/design-system/atoms/typography/typography.stories.tsx (100%) rename {src => packages}/design-system/atoms/typography/typography.tsx (92%) create mode 100644 packages/design-system/fixtures/storyData.ts rename {src => packages}/design-system/molecules/demo-discord/DemoDiscord.stories.tsx (100%) rename {src => packages}/design-system/molecules/demo-discord/DemoDiscord.styled.ts (94%) rename {src => packages}/design-system/molecules/demo-discord/DemoDiscord.tsx (92%) rename {src => packages}/design-system/molecules/demo-discord/index.ts (100%) rename {src => packages}/design-system/molecules/demo-picker/DemoPicker.stories.tsx (100%) rename {src => packages}/design-system/molecules/demo-picker/DemoPicker.tsx (86%) rename {src => packages}/design-system/molecules/demo-picker/index.ts (100%) rename {src => packages}/design-system/molecules/editor-category/EditorCategory.stories.tsx (82%) rename {src => packages}/design-system/molecules/editor-category/EditorCategory.styled.ts (100%) rename {src => packages}/design-system/molecules/editor-category/EditorCategory.tsx (86%) rename {src => packages}/design-system/molecules/editor-category/index.ts (100%) rename {src => packages}/design-system/molecules/error-banner/ErrorBanner.stories.tsx (100%) rename {src => packages}/design-system/molecules/error-banner/ErrorBanner.styled.ts (75%) rename {src => packages}/design-system/molecules/error-banner/ErrorBanner.tsx (100%) rename {src => packages}/design-system/molecules/error-banner/index.ts (100%) rename {src => packages}/design-system/molecules/footer/Flags.tsx (100%) rename {src => packages}/design-system/molecules/footer/Footer.stories.tsx (100%) rename {src => packages}/design-system/molecules/footer/Footer.styled.ts (81%) rename {src => packages}/design-system/molecules/footer/Footer.tsx (92%) rename {src => packages}/design-system/molecules/footer/index.ts (100%) rename {src => packages}/design-system/molecules/guild-nav/GuildNav.stories.tsx (72%) rename {src => packages}/design-system/molecules/guild-nav/GuildNav.styled.ts (76%) rename {src => packages}/design-system/molecules/guild-nav/GuildNav.tsx (70%) rename {src => packages}/design-system/molecules/guild-nav/index.ts (100%) rename {src => packages}/design-system/molecules/help-page-base/BUILD.bazel (100%) rename {src => packages}/design-system/molecules/help-page-base/HelpPageBase.stories.tsx (100%) rename {src => packages}/design-system/molecules/help-page-base/HelpPageBase.tsx (87%) rename {src => packages}/design-system/molecules/help-page-base/index.ts (100%) rename {src => packages}/design-system/molecules/help-page-base/storyDecorator.tsx (72%) rename {src => packages}/design-system/molecules/nav-slug/NavSlug.stories.tsx (81%) rename {src => packages}/design-system/molecules/nav-slug/NavSlug.styled.ts (100%) rename {src => packages}/design-system/molecules/nav-slug/NavSlug.tsx (85%) rename {src => packages}/design-system/molecules/nav-slug/index.ts (100%) rename {src => packages}/design-system/molecules/picker-category/PickerCategory.stories.tsx (87%) rename {src => packages}/design-system/molecules/picker-category/PickerCategory.styled.tsx (100%) rename {src => packages}/design-system/molecules/picker-category/PickerCategory.tsx (87%) rename {src => packages}/design-system/molecules/picker-category/index.ts (100%) rename {src => packages}/design-system/molecules/preauth-greeting/PreauthGreeting.stories.tsx (82%) rename {src => packages}/design-system/molecules/preauth-greeting/PreauthGreeting.tsx (76%) rename {src => packages}/design-system/molecules/preauth-greeting/index.ts (100%) rename {src => packages}/design-system/molecules/reset-submit/ResetSubmit.spec.tsx (90%) rename {src => packages}/design-system/molecules/reset-submit/ResetSubmit.stories.tsx (100%) rename {src => packages}/design-system/molecules/reset-submit/ResetSubmit.styled.ts (78%) rename {src => packages}/design-system/molecules/reset-submit/ResetSubmit.tsx (84%) rename {src => packages}/design-system/molecules/reset-submit/index.ts (100%) rename {src => packages}/design-system/molecules/role-search/RoleSearch.stories.tsx (81%) rename {src => packages}/design-system/molecules/role-search/RoleSearch.tsx (85%) rename {src => packages}/design-system/molecules/role-search/index.ts (100%) rename {src => packages}/design-system/molecules/server-listing-card/ServerListingCard.stories.tsx (82%) rename {src => packages}/design-system/molecules/server-listing-card/ServerListingCard.styled.ts (86%) rename {src => packages}/design-system/molecules/server-listing-card/ServerListingCard.tsx (88%) rename {src => packages}/design-system/molecules/server-listing-card/index.ts (100%) rename {src => packages}/design-system/molecules/server-masthead/ServerMasthead.spec.tsx (90%) rename {src => packages}/design-system/molecules/server-masthead/ServerMasthead.stories.tsx (86%) rename {src => packages}/design-system/molecules/server-masthead/ServerMasthead.styled.ts (84%) rename {src => packages}/design-system/molecules/server-masthead/ServerMasthead.tsx (75%) rename {src => packages}/design-system/molecules/server-masthead/index.ts (100%) rename {src => packages}/design-system/molecules/user-avatar-group/UserAvatarGroup.stories.tsx (74%) rename {src => packages}/design-system/molecules/user-avatar-group/UserAvatarGroup.styled.ts (80%) rename {src => packages}/design-system/molecules/user-avatar-group/UserAvatarGroup.tsx (85%) rename {src => packages}/design-system/molecules/user-avatar-group/index.ts (100%) rename {src => packages}/design-system/molecules/user-popover/UserPopover.stories.tsx (71%) rename {src => packages}/design-system/molecules/user-popover/UserPopover.styled.ts (82%) rename {src => packages}/design-system/molecules/user-popover/UserPopover.tsx (62%) rename {src => packages}/design-system/molecules/user-popover/index.ts (100%) rename {src => packages}/design-system/organisms/app-shell/AppShell.stories.tsx (84%) rename {src => packages}/design-system/organisms/app-shell/AppShell.styled.tsx (81%) rename {src => packages}/design-system/organisms/app-shell/AppShell.tsx (79%) rename {src => packages}/design-system/organisms/app-shell/index.ts (100%) rename {src => packages}/design-system/organisms/editor/EditorShell.stories.tsx (79%) rename {src => packages}/design-system/organisms/editor/EditorShell.styled.ts (72%) rename {src => packages}/design-system/organisms/editor/EditorShell.tsx (86%) rename {src => packages}/design-system/organisms/editor/index.ts (100%) rename {src => packages}/design-system/organisms/help-why-no-roles/WhyNoRoles.stories.tsx (100%) rename {src => packages}/design-system/organisms/help-why-no-roles/WhyNoRoles.styled.ts (88%) rename {src => packages}/design-system/organisms/help-why-no-roles/WhyNoRoles.tsx (85%) rename {src => packages}/design-system/organisms/help-why-no-roles/index.ts (100%) rename {src => packages}/design-system/organisms/landing/Landing.stories.tsx (100%) rename {src => packages}/design-system/organisms/landing/Landing.styled.ts (80%) rename {src => packages}/design-system/organisms/landing/Landing.tsx (71%) rename {src => packages}/design-system/organisms/landing/index.ts (100%) rename {src => packages}/design-system/organisms/masthead/Authed.tsx (80%) create mode 100644 packages/design-system/organisms/masthead/Guest.tsx rename {src => packages}/design-system/organisms/masthead/Masthead.stories.tsx (83%) rename {src => packages}/design-system/organisms/masthead/Masthead.styled.tsx (89%) rename {src => packages}/design-system/organisms/masthead/index.ts (100%) rename {src => packages}/design-system/organisms/preauth/Preauth.stories.tsx (92%) rename {src => packages}/design-system/organisms/preauth/Preauth.tsx (78%) rename {src => packages}/design-system/organisms/preauth/index.ts (100%) rename {src => packages}/design-system/organisms/role-picker/RolePicker.spec.tsx (68%) rename {src => packages}/design-system/organisms/role-picker/RolePicker.stories.tsx (96%) rename {src => packages}/design-system/organisms/role-picker/RolePicker.styled.tsx (90%) rename {src => packages}/design-system/organisms/role-picker/RolePicker.tsx (84%) rename {src => packages}/design-system/organisms/role-picker/index.ts (100%) rename {src => packages}/design-system/organisms/server-setup/ServerSetup.stories.tsx (81%) rename {src => packages}/design-system/organisms/server-setup/ServerSetup.styled.ts (100%) rename {src => packages}/design-system/organisms/server-setup/ServerSetup.tsx (69%) rename {src => packages}/design-system/organisms/server-setup/index.ts (100%) rename {src => packages}/design-system/organisms/servers-listing/ServersListing.stories.tsx (80%) rename {src => packages}/design-system/organisms/servers-listing/ServersListing.styled.ts (87%) rename {src => packages}/design-system/organisms/servers-listing/ServersListing.tsx (56%) rename {src => packages}/design-system/organisms/servers-listing/index.ts (100%) create mode 100644 packages/design-system/package.json rename {src => packages}/design-system/templates/auth-login/AuthLogin.stories.tsx (85%) rename {src => packages}/design-system/templates/auth-login/AuthLogin.tsx (57%) rename {src => packages}/design-system/templates/auth-login/index.ts (100%) rename {src => packages}/design-system/templates/errors/Errors.stories.tsx (100%) rename {src => packages}/design-system/templates/errors/Errors.tsx (65%) rename {src => packages}/design-system/templates/errors/errorStrings.ts (96%) rename {src => packages}/design-system/templates/errors/index.ts (100%) rename {src => packages}/design-system/templates/help-page/HelpPage.stories.tsx (100%) rename {src => packages}/design-system/templates/help-page/HelpPage.tsx (64%) rename {src => packages}/design-system/templates/help-page/index.ts (100%) rename {src => packages}/design-system/templates/landing/Landing.stories.tsx (100%) rename {src => packages}/design-system/templates/landing/Landing.tsx (63%) rename {src => packages}/design-system/templates/landing/index.ts (100%) rename {src => packages}/design-system/templates/role-picker/RolePicker.stories.tsx (95%) rename {src => packages}/design-system/templates/role-picker/RolePicker.tsx (76%) rename {src => packages}/design-system/templates/role-picker/index.ts (100%) rename {src => packages}/design-system/templates/server-setup/ServerSetup.stories.tsx (83%) rename {src => packages}/design-system/templates/server-setup/ServerSetup.tsx (71%) rename {src => packages}/design-system/templates/server-setup/index.ts (100%) rename {src => packages}/design-system/templates/servers/Servers.stories.tsx (78%) rename {src => packages}/design-system/templates/servers/Servers.tsx (56%) rename {src => packages}/design-system/templates/servers/index.ts (100%) create mode 100644 packages/design-system/tsconfig.json create mode 100644 packages/web/.gitignore create mode 100644 packages/web/README.md create mode 100644 packages/web/package.json create mode 100644 packages/web/public/favicon.ico create mode 100644 packages/web/public/index.html create mode 100644 packages/web/public/logo192.png create mode 100644 packages/web/public/logo512.png create mode 100644 packages/web/public/manifest.json create mode 100644 packages/web/public/robots.txt create mode 100644 packages/web/src/App.css create mode 100644 packages/web/src/App.test.tsx create mode 100644 packages/web/src/App.tsx create mode 100644 packages/web/src/index.css create mode 100644 packages/web/src/index.tsx create mode 100644 packages/web/src/logo.svg create mode 100644 packages/web/src/react-app-env.d.ts create mode 100644 packages/web/src/reportWebVitals.ts create mode 100644 packages/web/src/setupTests.ts create mode 100644 packages/web/tsconfig.json create mode 100644 packages/web/yarn.lock delete mode 100644 src/design-system/atoms/feature-gate/BUILD.bazel delete mode 100644 src/design-system/organisms/masthead/Guest.tsx rename src/{pages => pages-deprecated}/README.md (100%) rename src/{pages => pages-deprecated}/_app.tsx (79%) rename src/{pages => pages-deprecated}/_document.tsx (100%) rename src/{pages => pages-deprecated}/auth/login.tsx (96%) rename src/{pages => pages-deprecated}/help/why-no-roles.tsx (62%) rename src/{pages => pages-deprecated}/index.tsx (86%) rename src/{pages => pages-deprecated}/machinery/error.tsx (84%) rename src/{pages => pages-deprecated}/machinery/logout.tsx (86%) rename src/{pages => pages-deprecated}/machinery/new-session.tsx (87%) rename src/{pages => pages-deprecated}/s/[id].tsx (98%) rename src/{pages => pages-deprecated}/s/[id]/edit.tsx (100%) rename src/{pages => pages-deprecated}/s/[id]/setup.tsx (90%) rename src/{pages => pages-deprecated}/servers.tsx (84%) diff --git a/.babelrc.js b/.babelrc.js index ae078bb..0a1cd16 100644 --- a/.babelrc.js +++ b/.babelrc.js @@ -1,4 +1,3 @@ module.exports = { - presets: ['next/babel'], - plugins: [['styled-components', { ssr: true }]], + plugins: ['styled-components'], }; diff --git a/.gitignore b/.gitignore index aa9032d..c3e292c 100644 --- a/.gitignore +++ b/.gitignore @@ -6,3 +6,4 @@ storybook-static worker wrangler.toml .devdbs +dist diff --git a/package.json b/package.json index 9bb6c87..f8dc05d 100644 --- a/package.json +++ b/package.json @@ -24,111 +24,47 @@ "postinstall": "is-ci || husky install", "storybook": "start-storybook -p 6006", "storybook:build": "build-storybook", + "build": "run-p -c build:*", + "build:design-system": "yarn workspace @roleypoly/design-system run build", + "build:web": "yarn workspace @roleypoly/web run build", "test": "jest", "ui": "next dev -p 6601", "ui:build": "next build", "ui:prod": "cross-env next start -p ${PORT:-3000}", "worker": "node src/backend-emulator/main.js" }, - "dependencies": { - "chroma-js": "^2.1.0", - "isomorphic-unfetch": "^3.1.0", - "ksuid": "^2.0.0", - "lodash": "^4.17.20", - "next": "^10.0.5", - "nookies": "^2.5.0", - "react": "^17.0.1", - "react-custom-scrollbars": "^4.2.1", - "react-dom": "^17.0.1", - "react-icons": "^4.1.0", - "react-is": "^17.0.1", - "react-tooltip": "^4.2.15", - "styled-components": "^5.2.1", - "styled-normalize": "^8.0.7", - "swr": "^0.4.0" - }, "devDependencies": { - "@babel/core": "^7.12.10", - "@cloudflare/workers-types": "^2.1.0", - "@icons/material": "^0.4.1", - "@peculiar/webcrypto": "^1.1.4", - "@storybook/addon-actions": "^6.1.14", - "@storybook/addon-essentials": "^6.1.14", - "@storybook/addon-links": "^6.1.14", - "@storybook/addons": "^6.1.14", - "@storybook/react": "^6.1.14", - "@storybook/theming": "^6.1.14", - "@types/chroma-js": "^2.1.3", - "@types/enzyme": "^3.10.8", - "@types/enzyme-adapter-react-16": "^1.0.6", - "@types/express": "^4.17.11", - "@types/jest": "^26.0.20", - "@types/lodash": "^4.14.167", - "@types/minimist": "^1.2.1", - "@types/node": "^14.14.31", - "@types/react": "^17.0.0", - "@types/react-custom-scrollbars": "^4.0.7", - "@types/react-dom": "^17.0.0", - "@types/styled-components": "^5.1.7", - "@types/uuid": "^8.3.0", - "@typescript-eslint/eslint-plugin": "^4.13.0", - "@typescript-eslint/eslint-plugin-tslint": "^4.13.0", - "@typescript-eslint/parser": "^4.13.0", - "@wojtekmaj/enzyme-adapter-react-17": "^0.4.1", - "babel-jest": "^26.6.3", - "babel-loader": "^8.2.2", - "babel-plugin-styled-components": "^1.12.0", - "chokidar": "^3.5.1", - "dotenv": "^8.2.0", - "enzyme": "^3.11.0", - "enzyme-to-json": "^3.6.1", - "eslint": "^7.20.0", - "eslint-config-prettier": "^7.1.0", - "eslint-plugin-import": "^2.22.1", - "eslint-plugin-jsdoc": "^32.2.0", - "eslint-plugin-react": "^7.22.0", - "husky": "^5.0.6", - "is-ci": "^2.0.0", - "jest": "^26.6.3", - "jest-cli": "^26.6.3", - "jest-environment-enzyme": "^7.1.2", - "jest-enzyme": "^7.1.2", - "jest-react-hooks-shallow": "^1.4.2", - "jest-styled-components": "^7.0.3", - "level": "^6.0.1", - "lint-staged": "^10.5.3", - "minimist": "^1.2.5", - "node-fetch": "^2.6.1", + "husky": "^5.1.3", + "lint-staged": "^10.5.4", "npm-run-all": "^4.1.5", "prettier": "^2.2.1", "prettier-plugin-organize-imports": "^1.1.1", "prettier-plugin-pkg": "^0.8.0", "prettier-plugin-sh": "^0.6.0", - "stylelint": "^13.8.0", + "stylelint": "^13.12.0", "stylelint-config-prettier": "^8.0.2", - "stylelint-config-standard": "^20.0.0", + "stylelint-config-standard": "^21.0.0", "stylelint-config-styled-components": "^0.1.1", - "stylelint-prettier": "^1.1.2", - "ts-jest": "^26.4.4", - "ts-loader": "^8.0.14", - "tsconfig-paths-webpack-plugin": "^3.3.0", - "tslint": "^6.1.3", - "typescript": "^4.1.3", - "webpack": "^4.46.0" + "stylelint-prettier": "^1.2.0", + "is-ci": "^3.0.0", + "typescript": "^4.2.3" }, "lint-staged": { "*.{ts,tsx,js,jsx}": [ - "stylelint --fix", "prettier --write" ], "*.go": [ "go fmt" ], - "*.{json,Dockerfile,sh,md,gitignore,env,mdx,yml,html}": [ + "*.{json,Dockerfile,sh,md,env,mdx,yml,html}": [ "prettier --write" ], ".husky/pre-commit": [ "prettier --write" ] - } + }, + "private": true, + "workspaces": [ + "packages/*" + ] } diff --git a/packages/design-system/.storybook/main.js b/packages/design-system/.storybook/main.js new file mode 100644 index 0000000..9d2ffc3 --- /dev/null +++ b/packages/design-system/.storybook/main.js @@ -0,0 +1,8 @@ +const path = require('path'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const { NormalModuleReplacementPlugin } = require('webpack'); + +module.exports = { + stories: ['../**/*.stories.mdx', '../**/*.stories.@(js|jsx|ts|tsx)'], + addons: ['@storybook/addon-links', '@storybook/addon-essentials'], +}; diff --git a/packages/design-system/.storybook/manager.js b/packages/design-system/.storybook/manager.js new file mode 100644 index 0000000..69a5b09 --- /dev/null +++ b/packages/design-system/.storybook/manager.js @@ -0,0 +1,6 @@ +import { addons } from '@storybook/addons'; +import { roleypolyTheme } from './theme'; + +addons.setConfig({ + theme: roleypolyTheme, +}); diff --git a/packages/design-system/.storybook/mocks/next_link.tsx b/packages/design-system/.storybook/mocks/next_link.tsx new file mode 100644 index 0000000..b921931 --- /dev/null +++ b/packages/design-system/.storybook/mocks/next_link.tsx @@ -0,0 +1,8 @@ +import * as React from 'react'; + +type Props = { + children: React.ReactNode; +}; +const Link = (props: Props) => <>{props.children}; + +export default Link; diff --git a/packages/design-system/.storybook/preview-head.html b/packages/design-system/.storybook/preview-head.html new file mode 100644 index 0000000..eacccaf --- /dev/null +++ b/packages/design-system/.storybook/preview-head.html @@ -0,0 +1,39 @@ + + diff --git a/packages/design-system/.storybook/preview.js b/packages/design-system/.storybook/preview.js new file mode 100644 index 0000000..d32ed34 --- /dev/null +++ b/packages/design-system/.storybook/preview.js @@ -0,0 +1,10 @@ +import { roleypolyTheme } from './theme'; +import { mdxComponents } from '../atoms/typography/mdx'; + +export const parameters = { + actions: { argTypesRegex: '^on[A-Z].*' }, + docs: { + theme: roleypolyTheme, + components: mdxComponents, + }, +}; diff --git a/packages/design-system/.storybook/theme.js b/packages/design-system/.storybook/theme.js new file mode 100644 index 0000000..4c73525 --- /dev/null +++ b/packages/design-system/.storybook/theme.js @@ -0,0 +1,34 @@ +import { create } from '@storybook/theming'; +import { palette } from '../atoms/colors'; + +export const roleypolyTheme = create({ + base: 'dark', + + colorPrimary: palette.green400, + colorSecondary: palette.taupe200, + + // UI + appBg: palette.taupe300, + appContentBg: palette.taupe200, + appBorderColor: palette.taupe100, + appBorderRadius: 0, + + // Typography + fontBase: 'system-ui, sans-serif', + fontCode: 'monospace', + + // Text colors + textColor: palette.grey600, + textInverseColor: palette.grey100, + + // Toolbar default and active colors + barTextColor: palette.taupe500, + barSelectedColor: palette.taupe600, + barBg: palette.taupe100, + + // Form colors + inputBg: 'rgba(0,0,0,0.24)', + inputBorder: palette.taupe100, + inputTextColor: palette.grey600, + inputBorderRadius: 0, +}); diff --git a/src/design-system/Intro.stories.mdx b/packages/design-system/Intro.stories.mdx similarity index 78% rename from src/design-system/Intro.stories.mdx rename to packages/design-system/Intro.stories.mdx index ffc9fae..079d8b3 100644 --- a/src/design-system/Intro.stories.mdx +++ b/packages/design-system/Intro.stories.mdx @@ -1,7 +1,7 @@ import { Meta } from '@storybook/addon-docs/blocks'; -import { Logotype } from 'roleypoly/design-system/atoms/branding'; -import { Space } from 'roleypoly/design-system/atoms/space'; -import { palette } from 'roleypoly/design-system/atoms/colors'; +import { Logotype } from '@roleypoly/design-system/atoms/branding'; +import { Space } from '@roleypoly/design-system/atoms/space'; +import { palette } from '@roleypoly/design-system/atoms/colors'; diff --git a/src/design-system/README.md b/packages/design-system/README.md similarity index 100% rename from src/design-system/README.md rename to packages/design-system/README.md diff --git a/src/design-system/atoms/avatar/Avatar.stories.tsx b/packages/design-system/atoms/avatar/Avatar.stories.tsx similarity index 100% rename from src/design-system/atoms/avatar/Avatar.stories.tsx rename to packages/design-system/atoms/avatar/Avatar.stories.tsx diff --git a/src/design-system/atoms/avatar/Avatar.styled.ts b/packages/design-system/atoms/avatar/Avatar.styled.ts similarity index 95% rename from src/design-system/atoms/avatar/Avatar.styled.ts rename to packages/design-system/atoms/avatar/Avatar.styled.ts index 5be8979..2f829e0 100644 --- a/src/design-system/atoms/avatar/Avatar.styled.ts +++ b/packages/design-system/atoms/avatar/Avatar.styled.ts @@ -1,4 +1,4 @@ -import { palette } from 'roleypoly/design-system/atoms/colors'; +import { palette } from '@roleypoly/design-system/atoms/colors'; import styled, { css } from 'styled-components'; import { AvatarProps } from './Avatar'; diff --git a/src/design-system/atoms/avatar/Avatar.tsx b/packages/design-system/atoms/avatar/Avatar.tsx similarity index 100% rename from src/design-system/atoms/avatar/Avatar.tsx rename to packages/design-system/atoms/avatar/Avatar.tsx diff --git a/src/design-system/atoms/avatar/avatarUtils.tsx b/packages/design-system/atoms/avatar/avatarUtils.tsx similarity index 100% rename from src/design-system/atoms/avatar/avatarUtils.tsx rename to packages/design-system/atoms/avatar/avatarUtils.tsx diff --git a/src/design-system/atoms/avatar/index.ts b/packages/design-system/atoms/avatar/index.ts similarity index 100% rename from src/design-system/atoms/avatar/index.ts rename to packages/design-system/atoms/avatar/index.ts diff --git a/src/design-system/atoms/branding/Branding.stories.tsx b/packages/design-system/atoms/branding/Branding.stories.tsx similarity index 100% rename from src/design-system/atoms/branding/Branding.stories.tsx rename to packages/design-system/atoms/branding/Branding.stories.tsx diff --git a/src/design-system/atoms/branding/Branding.tsx b/packages/design-system/atoms/branding/Branding.tsx similarity index 99% rename from src/design-system/atoms/branding/Branding.tsx rename to packages/design-system/atoms/branding/Branding.tsx index 267cc2a..c0db26e 100644 --- a/src/design-system/atoms/branding/Branding.tsx +++ b/packages/design-system/atoms/branding/Branding.tsx @@ -1,5 +1,5 @@ +import { palette } from '@roleypoly/design-system/atoms/colors'; import * as React from 'react'; -import { palette } from 'roleypoly/design-system/atoms/colors'; export type LogoProps = { fill: string; diff --git a/src/design-system/atoms/branding/BrandingOld.tsx b/packages/design-system/atoms/branding/BrandingOld.tsx similarity index 100% rename from src/design-system/atoms/branding/BrandingOld.tsx rename to packages/design-system/atoms/branding/BrandingOld.tsx diff --git a/src/design-system/atoms/branding/DynamicBranding.stories.tsx b/packages/design-system/atoms/branding/DynamicBranding.stories.tsx similarity index 96% rename from src/design-system/atoms/branding/DynamicBranding.stories.tsx rename to packages/design-system/atoms/branding/DynamicBranding.stories.tsx index 3222899..26a7193 100644 --- a/src/design-system/atoms/branding/DynamicBranding.stories.tsx +++ b/packages/design-system/atoms/branding/DynamicBranding.stories.tsx @@ -1,6 +1,6 @@ +import { Text } from '@roleypoly/design-system/atoms/typography'; import * as React from 'react'; import ReactTooltip from 'react-tooltip'; -import { Text } from 'roleypoly/design-system/atoms/typography'; import styled from 'styled-components'; import { palette } from '../colors'; import { Logomark, Logotype } from './Branding'; diff --git a/src/design-system/atoms/branding/DynamicBranding.tsx b/packages/design-system/atoms/branding/DynamicBranding.tsx similarity index 100% rename from src/design-system/atoms/branding/DynamicBranding.tsx rename to packages/design-system/atoms/branding/DynamicBranding.tsx diff --git a/src/design-system/atoms/branding/FlagBranding.stories.tsx b/packages/design-system/atoms/branding/FlagBranding.stories.tsx similarity index 100% rename from src/design-system/atoms/branding/FlagBranding.stories.tsx rename to packages/design-system/atoms/branding/FlagBranding.stories.tsx diff --git a/src/design-system/atoms/branding/FlagBranding.tsx b/packages/design-system/atoms/branding/FlagBranding.tsx similarity index 100% rename from src/design-system/atoms/branding/FlagBranding.tsx rename to packages/design-system/atoms/branding/FlagBranding.tsx diff --git a/src/design-system/atoms/branding/index.ts b/packages/design-system/atoms/branding/index.ts similarity index 100% rename from src/design-system/atoms/branding/index.ts rename to packages/design-system/atoms/branding/index.ts diff --git a/src/design-system/atoms/breakpoints/BreakpointProvider.tsx b/packages/design-system/atoms/breakpoints/BreakpointProvider.tsx similarity index 100% rename from src/design-system/atoms/breakpoints/BreakpointProvider.tsx rename to packages/design-system/atoms/breakpoints/BreakpointProvider.tsx diff --git a/src/design-system/atoms/breakpoints/Breakpoints.stories.tsx b/packages/design-system/atoms/breakpoints/Breakpoints.stories.tsx similarity index 100% rename from src/design-system/atoms/breakpoints/Breakpoints.stories.tsx rename to packages/design-system/atoms/breakpoints/Breakpoints.stories.tsx diff --git a/src/design-system/atoms/breakpoints/Breakpoints.ts b/packages/design-system/atoms/breakpoints/Breakpoints.ts similarity index 100% rename from src/design-system/atoms/breakpoints/Breakpoints.ts rename to packages/design-system/atoms/breakpoints/Breakpoints.ts diff --git a/src/design-system/atoms/breakpoints/Context.ts b/packages/design-system/atoms/breakpoints/Context.ts similarity index 89% rename from src/design-system/atoms/breakpoints/Context.ts rename to packages/design-system/atoms/breakpoints/Context.ts index 0b6054d..7c04d88 100644 --- a/src/design-system/atoms/breakpoints/Context.ts +++ b/packages/design-system/atoms/breakpoints/Context.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { withContext } from 'roleypoly/common/utils/withContext'; +import { withContext } from '../../../../src/common/utils/withContext'; export type ScreenSize = { onSmallScreen: boolean; diff --git a/src/design-system/atoms/breakpoints/DebugTool.tsx b/packages/design-system/atoms/breakpoints/DebugTool.tsx similarity index 100% rename from src/design-system/atoms/breakpoints/DebugTool.tsx rename to packages/design-system/atoms/breakpoints/DebugTool.tsx diff --git a/src/design-system/atoms/breakpoints/index.ts b/packages/design-system/atoms/breakpoints/index.ts similarity index 100% rename from src/design-system/atoms/breakpoints/index.ts rename to packages/design-system/atoms/breakpoints/index.ts diff --git a/src/design-system/atoms/button/Button.spec.tsx b/packages/design-system/atoms/button/Button.spec.tsx similarity index 100% rename from src/design-system/atoms/button/Button.spec.tsx rename to packages/design-system/atoms/button/Button.spec.tsx diff --git a/src/design-system/atoms/button/Button.stories.tsx b/packages/design-system/atoms/button/Button.stories.tsx similarity index 100% rename from src/design-system/atoms/button/Button.stories.tsx rename to packages/design-system/atoms/button/Button.stories.tsx diff --git a/src/design-system/atoms/button/Button.styled.ts b/packages/design-system/atoms/button/Button.styled.ts similarity index 91% rename from src/design-system/atoms/button/Button.styled.ts rename to packages/design-system/atoms/button/Button.styled.ts index d0e7b1c..0b73250 100644 --- a/src/design-system/atoms/button/Button.styled.ts +++ b/packages/design-system/atoms/button/Button.styled.ts @@ -1,6 +1,6 @@ -import { palette } from 'roleypoly/design-system/atoms/colors'; -import { fontCSS } from 'roleypoly/design-system/atoms/fonts'; -import { text300, text400 } from 'roleypoly/design-system/atoms/typography'; +import { palette } from '@roleypoly/design-system/atoms/colors'; +import { fontCSS } from '@roleypoly/design-system/atoms/fonts'; +import { text300, text400 } from '@roleypoly/design-system/atoms/typography'; import styled, { css } from 'styled-components'; export const IconContainer = styled.div` diff --git a/src/design-system/atoms/button/Button.tsx b/packages/design-system/atoms/button/Button.tsx similarity index 100% rename from src/design-system/atoms/button/Button.tsx rename to packages/design-system/atoms/button/Button.tsx diff --git a/src/design-system/atoms/button/index.ts b/packages/design-system/atoms/button/index.ts similarity index 100% rename from src/design-system/atoms/button/index.ts rename to packages/design-system/atoms/button/index.ts diff --git a/src/design-system/atoms/collapse/Collapse.stories.tsx b/packages/design-system/atoms/collapse/Collapse.stories.tsx similarity index 77% rename from src/design-system/atoms/collapse/Collapse.stories.tsx rename to packages/design-system/atoms/collapse/Collapse.stories.tsx index d99f469..70611b0 100644 --- a/src/design-system/atoms/collapse/Collapse.stories.tsx +++ b/packages/design-system/atoms/collapse/Collapse.stories.tsx @@ -1,4 +1,4 @@ -import { SmallTitle } from 'roleypoly/design-system/atoms/typography'; +import { SmallTitle } from '@roleypoly/design-system/atoms/typography'; import { Collapse } from './Collapse'; export default { diff --git a/src/design-system/atoms/collapse/Collapse.tsx b/packages/design-system/atoms/collapse/Collapse.tsx similarity index 100% rename from src/design-system/atoms/collapse/Collapse.tsx rename to packages/design-system/atoms/collapse/Collapse.tsx diff --git a/src/design-system/atoms/collapse/index.ts b/packages/design-system/atoms/collapse/index.ts similarity index 100% rename from src/design-system/atoms/collapse/index.ts rename to packages/design-system/atoms/collapse/index.ts diff --git a/src/design-system/atoms/colors/colors.stories.tsx b/packages/design-system/atoms/colors/colors.stories.tsx similarity index 98% rename from src/design-system/atoms/colors/colors.stories.tsx rename to packages/design-system/atoms/colors/colors.stories.tsx index 49a21af..3dd591f 100644 --- a/src/design-system/atoms/colors/colors.stories.tsx +++ b/packages/design-system/atoms/colors/colors.stories.tsx @@ -1,6 +1,6 @@ +import { AmbientSmall } from '@roleypoly/design-system/atoms/typography'; import chroma from 'chroma-js'; import * as React from 'react'; -import { AmbientSmall } from 'roleypoly/design-system/atoms/typography'; import styled from 'styled-components'; import { palette } from './colors'; diff --git a/src/design-system/atoms/colors/colors.tsx b/packages/design-system/atoms/colors/colors.tsx similarity index 100% rename from src/design-system/atoms/colors/colors.tsx rename to packages/design-system/atoms/colors/colors.tsx diff --git a/src/design-system/atoms/colors/index.ts b/packages/design-system/atoms/colors/index.ts similarity index 100% rename from src/design-system/atoms/colors/index.ts rename to packages/design-system/atoms/colors/index.ts diff --git a/src/design-system/atoms/colors/withColors.tsx b/packages/design-system/atoms/colors/withColors.tsx similarity index 100% rename from src/design-system/atoms/colors/withColors.tsx rename to packages/design-system/atoms/colors/withColors.tsx diff --git a/src/design-system/atoms/dot-overlay/DotOverlay.stories.tsx b/packages/design-system/atoms/dot-overlay/DotOverlay.stories.tsx similarity index 100% rename from src/design-system/atoms/dot-overlay/DotOverlay.stories.tsx rename to packages/design-system/atoms/dot-overlay/DotOverlay.stories.tsx diff --git a/src/design-system/atoms/dot-overlay/DotOverlay.tsx b/packages/design-system/atoms/dot-overlay/DotOverlay.tsx similarity index 100% rename from src/design-system/atoms/dot-overlay/DotOverlay.tsx rename to packages/design-system/atoms/dot-overlay/DotOverlay.tsx diff --git a/src/design-system/atoms/dot-overlay/index.ts b/packages/design-system/atoms/dot-overlay/index.ts similarity index 100% rename from src/design-system/atoms/dot-overlay/index.ts rename to packages/design-system/atoms/dot-overlay/index.ts diff --git a/src/design-system/atoms/fader/Fader.stories.tsx b/packages/design-system/atoms/fader/Fader.stories.tsx similarity index 90% rename from src/design-system/atoms/fader/Fader.stories.tsx rename to packages/design-system/atoms/fader/Fader.stories.tsx index c8a4021..b9bd46a 100644 --- a/src/design-system/atoms/fader/Fader.stories.tsx +++ b/packages/design-system/atoms/fader/Fader.stories.tsx @@ -1,6 +1,6 @@ +import { Button } from '@roleypoly/design-system/atoms/button'; import { action } from '@storybook/addon-actions'; import * as React from 'react'; -import { Button } from 'roleypoly/design-system/atoms/button'; import { FaderOpacity, FaderSlide } from './Fader'; export default { diff --git a/src/design-system/atoms/fader/Fader.tsx b/packages/design-system/atoms/fader/Fader.tsx similarity index 100% rename from src/design-system/atoms/fader/Fader.tsx rename to packages/design-system/atoms/fader/Fader.tsx diff --git a/src/design-system/atoms/fader/index.ts b/packages/design-system/atoms/fader/index.ts similarity index 100% rename from src/design-system/atoms/fader/index.ts rename to packages/design-system/atoms/fader/index.ts diff --git a/src/design-system/atoms/feature-gate/FeatureGate.stories.tsx b/packages/design-system/atoms/feature-gate/FeatureGate.stories.tsx similarity index 80% rename from src/design-system/atoms/feature-gate/FeatureGate.stories.tsx rename to packages/design-system/atoms/feature-gate/FeatureGate.stories.tsx index 9b5cd95..bb911bc 100644 --- a/src/design-system/atoms/feature-gate/FeatureGate.stories.tsx +++ b/packages/design-system/atoms/feature-gate/FeatureGate.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { FeatureFlagDecorator } from 'roleypoly/common/utils/featureFlags/react/storyDecorator'; +import { FeatureFlagDecorator } from '../../../../src/common/utils/featureFlags/react/storyDecorator'; import { FeatureGate } from './FeatureGate'; export default { diff --git a/src/design-system/atoms/feature-gate/FeatureGate.tsx b/packages/design-system/atoms/feature-gate/FeatureGate.tsx similarity index 88% rename from src/design-system/atoms/feature-gate/FeatureGate.tsx rename to packages/design-system/atoms/feature-gate/FeatureGate.tsx index 5e53acb..84ae6e4 100644 --- a/src/design-system/atoms/feature-gate/FeatureGate.tsx +++ b/packages/design-system/atoms/feature-gate/FeatureGate.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { FeatureFlag, FeatureFlagsContext, -} from 'roleypoly/common/utils/featureFlags/react'; +} from '../../../../src/common/utils/featureFlags/react'; export type FeatureGateProps = { featureFlag: FeatureFlag; diff --git a/src/design-system/atoms/feature-gate/index.ts b/packages/design-system/atoms/feature-gate/index.ts similarity index 100% rename from src/design-system/atoms/feature-gate/index.ts rename to packages/design-system/atoms/feature-gate/index.ts diff --git a/src/design-system/atoms/fonts/fonts.stories.tsx b/packages/design-system/atoms/fonts/fonts.stories.tsx similarity index 96% rename from src/design-system/atoms/fonts/fonts.stories.tsx rename to packages/design-system/atoms/fonts/fonts.stories.tsx index 6e491ca..9cc092c 100644 --- a/src/design-system/atoms/fonts/fonts.stories.tsx +++ b/packages/design-system/atoms/fonts/fonts.stories.tsx @@ -1,5 +1,8 @@ +import { + MediumTitle, + Text as TextBlock, +} from '@roleypoly/design-system/atoms/typography'; import * as React from 'react'; -import { MediumTitle, Text as TextBlock } from 'roleypoly/design-system/atoms/typography'; import styled from 'styled-components'; import { UseFontStyled } from './fonts'; diff --git a/src/design-system/atoms/fonts/fonts.tsx b/packages/design-system/atoms/fonts/fonts.tsx similarity index 92% rename from src/design-system/atoms/fonts/fonts.tsx rename to packages/design-system/atoms/fonts/fonts.tsx index 18e7030..31966ed 100644 --- a/src/design-system/atoms/fonts/fonts.tsx +++ b/packages/design-system/atoms/fonts/fonts.tsx @@ -1,4 +1,3 @@ -import Head from 'next/head'; import * as React from 'react'; import styled, { css } from 'styled-components'; @@ -7,7 +6,7 @@ export const InjectTypekitFont = () => { (window as any).Typekit.load(); }, []); return ( - + <> { as="script" />