From 2c1bf7050f783b24e75c09fb21908ebf6a93b89c Mon Sep 17 00:00:00 2001 From: Daniel Williams Date: Sat, 8 Apr 2023 22:26:56 +0100 Subject: [PATCH 01/16] chore: move to packages folder --- package.json | 44 +----------------- .../ondevice-actions/README.md | 0 .../ondevice-actions/package.json | 0 .../ondevice-actions/register.js | 0 .../src/components/ActionLogger/Inspect.tsx | 0 .../src/components/ActionLogger/index.tsx | 0 .../src/containers/ActionLogger/index.tsx | 0 .../ondevice-actions/src/index.tsx | 0 .../ondevice-actions/tsconfig.json | 0 .../ondevice-backgrounds/README.md | 0 .../ondevice-backgrounds/docs/demo.gif | Bin .../ondevice-backgrounds/package.json | 0 .../ondevice-backgrounds/register.js | 0 .../src/BackgroundPanel.tsx | 0 .../ondevice-backgrounds/src/Swatch.tsx | 0 .../ondevice-backgrounds/src/constants.ts | 0 .../ondevice-backgrounds/src/container.tsx | 0 .../ondevice-backgrounds/src/index.tsx | 0 .../ondevice-backgrounds/src/register.tsx | 0 .../ondevice-backgrounds/tsconfig.json | 0 .../ondevice-controls/README.md | 0 .../ondevice-controls/package.json | 0 .../ondevice-controls/register.js | 0 .../ondevice-controls/src/ControlsPanel.tsx | 0 .../src/NoControlsWarning.tsx | 0 .../ondevice-controls/src/Panel.tsx | 0 .../ondevice-controls/src/PropField.tsx | 0 .../ondevice-controls/src/PropForm.tsx | 0 .../src/components/RadioSelect.tsx | 0 .../color-picker/HoloColorPicker.js | 0 .../color-picker/TriangleColorPicker.js | 0 .../src/components/color-picker/index.d.ts | 0 .../src/components/color-picker/index.js | 0 .../color-picker/resources/color-circle.png | Bin .../color-picker/resources/color-circle.xcf | Bin .../resources/hsv_triangle_mask.png | Bin .../src/components/color-picker/utils.js | 0 .../ondevice-controls/src/hooks.ts | 0 .../ondevice-controls/src/index.tsx | 0 .../ondevice-controls/src/types/Array.tsx | 0 .../ondevice-controls/src/types/Boolean.tsx | 0 .../ondevice-controls/src/types/Color.tsx | 0 .../ondevice-controls/src/types/Date.tsx | 0 .../ondevice-controls/src/types/Number.tsx | 0 .../ondevice-controls/src/types/Object.tsx | 0 .../ondevice-controls/src/types/Radio.tsx | 0 .../ondevice-controls/src/types/Select.tsx | 0 .../ondevice-controls/src/types/Text.tsx | 0 .../ondevice-controls/src/types/common.tsx | 0 .../ondevice-controls/src/types/index.ts | 0 .../src/types/useResyncValue.ts | 0 .../ondevice-controls/src/typings.d.ts | 0 .../src/useDebounceCallback.ts | 0 .../ondevice-controls/tsconfig.json | 0 {addons => packages}/ondevice-knobs/README.md | 0 .../ondevice-knobs/package.json | 0 .../ondevice-knobs/register.js | 0 .../ondevice-knobs/src/GroupTabs.js | 0 .../ondevice-knobs/src/PropField.js | 0 .../ondevice-knobs/src/PropForm.js | 0 .../src/components/RadioSelect.js | 0 .../color-picker/HoloColorPicker.js | 0 .../color-picker/TriangleColorPicker.js | 0 .../src/components/color-picker/index.d.ts | 0 .../src/components/color-picker/index.js | 0 .../color-picker/resources/color-circle.png | Bin .../color-picker/resources/color-circle.xcf | Bin .../resources/hsv_triangle_mask.png | Bin .../src/components/color-picker/utils.js | 0 .../ondevice-knobs/src/index.js | 0 .../ondevice-knobs/src/panel.js | 0 .../ondevice-knobs/src/types/Array.js | 0 .../ondevice-knobs/src/types/Boolean.js | 0 .../ondevice-knobs/src/types/Button.js | 0 .../ondevice-knobs/src/types/Color.js | 0 .../ondevice-knobs/src/types/Date.js | 0 .../ondevice-knobs/src/types/Number.js | 0 .../ondevice-knobs/src/types/Object.js | 0 .../ondevice-knobs/src/types/Radio.js | 0 .../ondevice-knobs/src/types/Select.js | 0 .../ondevice-knobs/src/types/Text.js | 0 .../ondevice-knobs/src/types/common.js | 0 .../ondevice-knobs/src/types/index.js | 0 {addons => packages}/ondevice-notes/README.md | 0 .../ondevice-notes/docs/demo.png | Bin .../ondevice-notes/package.json | 0 .../ondevice-notes/register.js | 0 .../src/components/Markdown/Markdown.tsx | 0 .../src/components/Markdown/rules.ts | 0 .../src/components/Markdown/styles.ts | 0 .../ondevice-notes/src/components/Notes.tsx | 0 .../ondevice-notes/src/index.ts | 0 .../ondevice-notes/src/register.tsx | 0 .../ondevice-notes/src/typings.d.ts | 0 .../ondevice-notes/tsconfig.json | 0 packages/ondevice-ui/package.json | 4 ++ .../react-native-server/bin/index.js | 0 .../react-native-server/package.json | 0 .../react-native-server/readme.md | 0 .../client/manager/components/PreviewHelp.js | 0 .../src/client/manager/index.js | 0 .../src/client/manager/provider.js | 0 .../react-native-server/src/server/cli.js | 0 .../react-native-server/src/server/index.js | 0 .../react-native-server/src/server/options.js | 0 .../src/server/rn-options-preset.js | 0 .../react-native/babel.config.js | 0 .../react-native/bin/get-stories.js | 0 {app => packages}/react-native/bin/watcher.js | 0 {app => packages}/react-native/docs/addons.md | 0 .../docs/assets/readme/screenshot.png | Bin .../react-native/docs/manual-setup.md | 0 {app => packages}/react-native/docs/server.md | 0 .../react-native/docs/using-devices.md | 0 {app => packages}/react-native/package.json | 0 {app => packages}/react-native/readme.md | 0 .../scripts/__snapshots__/loader.test.js.snap | 0 .../react-native/scripts/get-stories.js | 0 .../react-native/scripts/handle-args.js | 0 .../react-native/scripts/loader.js | 0 .../react-native/scripts/loader.test.js | 0 .../mocks/all-config-files/FakeComponent.tsx | 0 .../all-config-files/FakeStory.stories.tsx | 0 .../scripts/mocks/all-config-files/main.js | 0 .../scripts/mocks/all-config-files/preview.js | 0 .../scripts/mocks/blank-config/main.js | 0 .../components/FakeComponent.tsx | 0 .../components/FakeStory.stories.tsx | 0 .../mocks/configuration-objects/main.js | 0 .../mocks/configuration-objects/preview.js | 0 .../exclude-components/FakeComponent.tsx | 0 .../exclude-components/FakeStory.stories.tsx | 0 .../include-components/FakeComponent.tsx | 0 .../include-components/FakeStory.stories.tsx | 0 .../mocks/exclude-config-files/main.js | 0 .../mocks/exclude-config-files/preview.js | 0 .../mocks/file-extensions/FakeComponent.tsx | 0 .../file-extensions/FakeStory.stories.tsx | 0 .../scripts/mocks/file-extensions/main.ts | 0 .../scripts/mocks/file-extensions/preview.tsx | 0 .../mocks/no-preview/FakeComponent.tsx | 0 .../mocks/no-preview/FakeStory.stories.tsx | 0 .../scripts/mocks/no-preview/main.js | 0 .../scripts/mocks/preview-files/js/preview.js | 0 .../mocks/preview-files/jsx/preview.jsx | 0 .../scripts/mocks/preview-files/ts/preview.ts | 0 .../mocks/preview-files/tsx/preview.tsx | 0 .../wrong-extension-preview/FakeComponent.tsx | 0 .../FakeStory.stories.tsx | 0 .../mocks/wrong-extension-preview/main.js | 0 .../mocks/wrong-extension-preview/preview.txt | 0 .../react-native/scripts/watcher.js | 0 .../react-native/src/constants.ts | 0 {app => packages}/react-native/src/hooks.tsx | 0 {app => packages}/react-native/src/index.ts | 0 .../react-native/src/preview/View.tsx | 0 .../components/OnDeviceUI/OnDeviceUI.tsx | 0 .../preview/components/OnDeviceUI/Panel.tsx | 0 ...bsolute-positioned-keyboard-aware-view.tsx | 0 .../components/OnDeviceUI/addons/Addons.tsx | 0 .../OnDeviceUI/addons/AddonsSkeleton.tsx | 0 .../components/OnDeviceUI/addons/List.tsx | 0 .../components/OnDeviceUI/addons/Wrapper.tsx | 0 .../components/OnDeviceUI/addons/index.tsx | 0 .../components/OnDeviceUI/animation.ts | 0 .../preview/components/OnDeviceUI/index.tsx | 0 .../OnDeviceUI/navigation/Navigation.tsx | 0 .../OnDeviceUI/navigation/NavigationBar.tsx | 0 .../navigation/NavigationButton.tsx | 0 .../OnDeviceUI/navigation/constants.ts | 0 .../OnDeviceUI/navigation/index.tsx | 0 .../src/preview/components/Shared/icons.tsx | 0 .../src/preview/components/Shared/layout.tsx | 0 .../src/preview/components/Shared/tabs.tsx | 0 .../src/preview/components/Shared/theme.ts | 0 .../StoryListView/StoryListView.tsx | 0 .../components/StoryListView/index.tsx | 0 .../components/StoryView/StoryView.tsx | 0 .../preview/components/StoryView/index.tsx | 0 .../src/preview/executeLoadable.ts | 0 .../src/preview/rn-host-detect.js | 0 .../react-native/src/preview/start.tsx | 0 .../src/types/emotion-native.d.ts | 0 .../react-native/src/types/types-6.0.ts | 0 .../react-native/src/types/types.ts | 0 .../react-native/template/cli/index.js | 0 .../react-native/template/cli/main.js | 0 .../react-native/template/cli/preview.js | 0 .../template/cli/stories/Button/Button.js | 0 .../cli/stories/Button/Button.stories.js | 0 {app => packages}/react-native/tsconfig.json | 0 191 files changed, 5 insertions(+), 43 deletions(-) rename {addons => packages}/ondevice-actions/README.md (100%) rename {addons => packages}/ondevice-actions/package.json (100%) rename {addons => packages}/ondevice-actions/register.js (100%) rename {addons => packages}/ondevice-actions/src/components/ActionLogger/Inspect.tsx (100%) rename {addons => packages}/ondevice-actions/src/components/ActionLogger/index.tsx (100%) rename {addons => packages}/ondevice-actions/src/containers/ActionLogger/index.tsx (100%) rename {addons => packages}/ondevice-actions/src/index.tsx (100%) rename {addons => packages}/ondevice-actions/tsconfig.json (100%) rename {addons => packages}/ondevice-backgrounds/README.md (100%) rename {addons => packages}/ondevice-backgrounds/docs/demo.gif (100%) rename {addons => packages}/ondevice-backgrounds/package.json (100%) rename {addons => packages}/ondevice-backgrounds/register.js (100%) rename {addons => packages}/ondevice-backgrounds/src/BackgroundPanel.tsx (100%) rename {addons => packages}/ondevice-backgrounds/src/Swatch.tsx (100%) rename {addons => packages}/ondevice-backgrounds/src/constants.ts (100%) rename {addons => packages}/ondevice-backgrounds/src/container.tsx (100%) rename {addons => packages}/ondevice-backgrounds/src/index.tsx (100%) rename {addons => packages}/ondevice-backgrounds/src/register.tsx (100%) rename {addons => packages}/ondevice-backgrounds/tsconfig.json (100%) rename {addons => packages}/ondevice-controls/README.md (100%) rename {addons => packages}/ondevice-controls/package.json (100%) rename {addons => packages}/ondevice-controls/register.js (100%) rename {addons => packages}/ondevice-controls/src/ControlsPanel.tsx (100%) rename {addons => packages}/ondevice-controls/src/NoControlsWarning.tsx (100%) rename {addons => packages}/ondevice-controls/src/Panel.tsx (100%) rename {addons => packages}/ondevice-controls/src/PropField.tsx (100%) rename {addons => packages}/ondevice-controls/src/PropForm.tsx (100%) rename {addons => packages}/ondevice-controls/src/components/RadioSelect.tsx (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/HoloColorPicker.js (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/TriangleColorPicker.js (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/index.d.ts (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/index.js (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/resources/color-circle.png (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/resources/color-circle.xcf (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/resources/hsv_triangle_mask.png (100%) rename {addons => packages}/ondevice-controls/src/components/color-picker/utils.js (100%) rename {addons => packages}/ondevice-controls/src/hooks.ts (100%) rename {addons => packages}/ondevice-controls/src/index.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Array.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Boolean.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Color.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Date.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Number.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Object.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Radio.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Select.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/Text.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/common.tsx (100%) rename {addons => packages}/ondevice-controls/src/types/index.ts (100%) rename {addons => packages}/ondevice-controls/src/types/useResyncValue.ts (100%) rename {addons => packages}/ondevice-controls/src/typings.d.ts (100%) rename {addons => packages}/ondevice-controls/src/useDebounceCallback.ts (100%) rename {addons => packages}/ondevice-controls/tsconfig.json (100%) rename {addons => packages}/ondevice-knobs/README.md (100%) rename {addons => packages}/ondevice-knobs/package.json (100%) rename {addons => packages}/ondevice-knobs/register.js (100%) rename {addons => packages}/ondevice-knobs/src/GroupTabs.js (100%) rename {addons => packages}/ondevice-knobs/src/PropField.js (100%) rename {addons => packages}/ondevice-knobs/src/PropForm.js (100%) rename {addons => packages}/ondevice-knobs/src/components/RadioSelect.js (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/HoloColorPicker.js (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/TriangleColorPicker.js (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/index.d.ts (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/index.js (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/resources/color-circle.png (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/resources/color-circle.xcf (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/resources/hsv_triangle_mask.png (100%) rename {addons => packages}/ondevice-knobs/src/components/color-picker/utils.js (100%) rename {addons => packages}/ondevice-knobs/src/index.js (100%) rename {addons => packages}/ondevice-knobs/src/panel.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Array.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Boolean.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Button.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Color.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Date.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Number.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Object.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Radio.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Select.js (100%) rename {addons => packages}/ondevice-knobs/src/types/Text.js (100%) rename {addons => packages}/ondevice-knobs/src/types/common.js (100%) rename {addons => packages}/ondevice-knobs/src/types/index.js (100%) rename {addons => packages}/ondevice-notes/README.md (100%) rename {addons => packages}/ondevice-notes/docs/demo.png (100%) rename {addons => packages}/ondevice-notes/package.json (100%) rename {addons => packages}/ondevice-notes/register.js (100%) rename {addons => packages}/ondevice-notes/src/components/Markdown/Markdown.tsx (100%) rename {addons => packages}/ondevice-notes/src/components/Markdown/rules.ts (100%) rename {addons => packages}/ondevice-notes/src/components/Markdown/styles.ts (100%) rename {addons => packages}/ondevice-notes/src/components/Notes.tsx (100%) rename {addons => packages}/ondevice-notes/src/index.ts (100%) rename {addons => packages}/ondevice-notes/src/register.tsx (100%) rename {addons => packages}/ondevice-notes/src/typings.d.ts (100%) rename {addons => packages}/ondevice-notes/tsconfig.json (100%) create mode 100644 packages/ondevice-ui/package.json rename {app => packages}/react-native-server/bin/index.js (100%) rename {app => packages}/react-native-server/package.json (100%) rename {app => packages}/react-native-server/readme.md (100%) rename {app => packages}/react-native-server/src/client/manager/components/PreviewHelp.js (100%) rename {app => packages}/react-native-server/src/client/manager/index.js (100%) rename {app => packages}/react-native-server/src/client/manager/provider.js (100%) rename {app => packages}/react-native-server/src/server/cli.js (100%) rename {app => packages}/react-native-server/src/server/index.js (100%) rename {app => packages}/react-native-server/src/server/options.js (100%) rename {app => packages}/react-native-server/src/server/rn-options-preset.js (100%) rename {app => packages}/react-native/babel.config.js (100%) rename {app => packages}/react-native/bin/get-stories.js (100%) rename {app => packages}/react-native/bin/watcher.js (100%) rename {app => packages}/react-native/docs/addons.md (100%) rename {app => packages}/react-native/docs/assets/readme/screenshot.png (100%) rename {app => packages}/react-native/docs/manual-setup.md (100%) rename {app => packages}/react-native/docs/server.md (100%) rename {app => packages}/react-native/docs/using-devices.md (100%) rename {app => packages}/react-native/package.json (100%) rename {app => packages}/react-native/readme.md (100%) rename {app => packages}/react-native/scripts/__snapshots__/loader.test.js.snap (100%) rename {app => packages}/react-native/scripts/get-stories.js (100%) rename {app => packages}/react-native/scripts/handle-args.js (100%) rename {app => packages}/react-native/scripts/loader.js (100%) rename {app => packages}/react-native/scripts/loader.test.js (100%) rename {app => packages}/react-native/scripts/mocks/all-config-files/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/all-config-files/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/all-config-files/main.js (100%) rename {app => packages}/react-native/scripts/mocks/all-config-files/preview.js (100%) rename {app => packages}/react-native/scripts/mocks/blank-config/main.js (100%) rename {app => packages}/react-native/scripts/mocks/configuration-objects/components/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/configuration-objects/components/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/configuration-objects/main.js (100%) rename {app => packages}/react-native/scripts/mocks/configuration-objects/preview.js (100%) rename {app => packages}/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/exclude-config-files/include-components/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/exclude-config-files/main.js (100%) rename {app => packages}/react-native/scripts/mocks/exclude-config-files/preview.js (100%) rename {app => packages}/react-native/scripts/mocks/file-extensions/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/file-extensions/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/file-extensions/main.ts (100%) rename {app => packages}/react-native/scripts/mocks/file-extensions/preview.tsx (100%) rename {app => packages}/react-native/scripts/mocks/no-preview/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/no-preview/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/no-preview/main.js (100%) rename {app => packages}/react-native/scripts/mocks/preview-files/js/preview.js (100%) rename {app => packages}/react-native/scripts/mocks/preview-files/jsx/preview.jsx (100%) rename {app => packages}/react-native/scripts/mocks/preview-files/ts/preview.ts (100%) rename {app => packages}/react-native/scripts/mocks/preview-files/tsx/preview.tsx (100%) rename {app => packages}/react-native/scripts/mocks/wrong-extension-preview/FakeComponent.tsx (100%) rename {app => packages}/react-native/scripts/mocks/wrong-extension-preview/FakeStory.stories.tsx (100%) rename {app => packages}/react-native/scripts/mocks/wrong-extension-preview/main.js (100%) rename {app => packages}/react-native/scripts/mocks/wrong-extension-preview/preview.txt (100%) rename {app => packages}/react-native/scripts/watcher.js (100%) rename {app => packages}/react-native/src/constants.ts (100%) rename {app => packages}/react-native/src/hooks.tsx (100%) rename {app => packages}/react-native/src/index.ts (100%) rename {app => packages}/react-native/src/preview/View.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/OnDeviceUI.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/Panel.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/addons/AddonsSkeleton.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/addons/List.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/addons/Wrapper.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/addons/index.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/animation.ts (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/index.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/navigation/Navigation.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/navigation/NavigationBar.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/navigation/NavigationButton.tsx (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/navigation/constants.ts (100%) rename {app => packages}/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx (100%) rename {app => packages}/react-native/src/preview/components/Shared/icons.tsx (100%) rename {app => packages}/react-native/src/preview/components/Shared/layout.tsx (100%) rename {app => packages}/react-native/src/preview/components/Shared/tabs.tsx (100%) rename {app => packages}/react-native/src/preview/components/Shared/theme.ts (100%) rename {app => packages}/react-native/src/preview/components/StoryListView/StoryListView.tsx (100%) rename {app => packages}/react-native/src/preview/components/StoryListView/index.tsx (100%) rename {app => packages}/react-native/src/preview/components/StoryView/StoryView.tsx (100%) rename {app => packages}/react-native/src/preview/components/StoryView/index.tsx (100%) rename {app => packages}/react-native/src/preview/executeLoadable.ts (100%) rename {app => packages}/react-native/src/preview/rn-host-detect.js (100%) rename {app => packages}/react-native/src/preview/start.tsx (100%) rename {app => packages}/react-native/src/types/emotion-native.d.ts (100%) rename {app => packages}/react-native/src/types/types-6.0.ts (100%) rename {app => packages}/react-native/src/types/types.ts (100%) rename {app => packages}/react-native/template/cli/index.js (100%) rename {app => packages}/react-native/template/cli/main.js (100%) rename {app => packages}/react-native/template/cli/preview.js (100%) rename {app => packages}/react-native/template/cli/stories/Button/Button.js (100%) rename {app => packages}/react-native/template/cli/stories/Button/Button.stories.js (100%) rename {app => packages}/react-native/tsconfig.json (100%) diff --git a/package.json b/package.json index a8286fd2ee..3b19e47a1c 100644 --- a/package.json +++ b/package.json @@ -24,13 +24,7 @@ }, "workspaces": { "packages": [ - "addons/*", - "app/*", - "examples/*" - ], - "nohoist": [ - "**/detox", - "**/detox/**" + "packages/*" ] }, "scripts": { @@ -62,42 +56,6 @@ "repo-dirty-check": "node ./scripts/repo-dirty-check", "test": "lerna run test" }, - "husky": { - "hooks": { - "pre-commit": "yarn lint-staged" - } - }, - "lint-staged": { - "*.html": [ - "yarn lint:js --fix", - "git add" - ], - "*.js": [ - "yarn lint:js --fix", - "git add" - ], - "*.jsx": [ - "yarn lint:js --fix", - "git add" - ], - "*.mjs": [ - "yarn lint:js --fix", - "git add" - ], - "*.ts": [ - "yarn lint:js --fix", - "git add" - ], - "*.tsx": [ - "yarn lint:js --fix", - "git add" - ], - "package.json": [ - "yarn lint:package", - "git add" - ] - }, - "browserslist": "defaults", "resolutions": { "@types/react": "~18.0.27", "@typescript-eslint/parser": "^5.37.0", diff --git a/addons/ondevice-actions/README.md b/packages/ondevice-actions/README.md similarity index 100% rename from addons/ondevice-actions/README.md rename to packages/ondevice-actions/README.md diff --git a/addons/ondevice-actions/package.json b/packages/ondevice-actions/package.json similarity index 100% rename from addons/ondevice-actions/package.json rename to packages/ondevice-actions/package.json diff --git a/addons/ondevice-actions/register.js b/packages/ondevice-actions/register.js similarity index 100% rename from addons/ondevice-actions/register.js rename to packages/ondevice-actions/register.js diff --git a/addons/ondevice-actions/src/components/ActionLogger/Inspect.tsx b/packages/ondevice-actions/src/components/ActionLogger/Inspect.tsx similarity index 100% rename from addons/ondevice-actions/src/components/ActionLogger/Inspect.tsx rename to packages/ondevice-actions/src/components/ActionLogger/Inspect.tsx diff --git a/addons/ondevice-actions/src/components/ActionLogger/index.tsx b/packages/ondevice-actions/src/components/ActionLogger/index.tsx similarity index 100% rename from addons/ondevice-actions/src/components/ActionLogger/index.tsx rename to packages/ondevice-actions/src/components/ActionLogger/index.tsx diff --git a/addons/ondevice-actions/src/containers/ActionLogger/index.tsx b/packages/ondevice-actions/src/containers/ActionLogger/index.tsx similarity index 100% rename from addons/ondevice-actions/src/containers/ActionLogger/index.tsx rename to packages/ondevice-actions/src/containers/ActionLogger/index.tsx diff --git a/addons/ondevice-actions/src/index.tsx b/packages/ondevice-actions/src/index.tsx similarity index 100% rename from addons/ondevice-actions/src/index.tsx rename to packages/ondevice-actions/src/index.tsx diff --git a/addons/ondevice-actions/tsconfig.json b/packages/ondevice-actions/tsconfig.json similarity index 100% rename from addons/ondevice-actions/tsconfig.json rename to packages/ondevice-actions/tsconfig.json diff --git a/addons/ondevice-backgrounds/README.md b/packages/ondevice-backgrounds/README.md similarity index 100% rename from addons/ondevice-backgrounds/README.md rename to packages/ondevice-backgrounds/README.md diff --git a/addons/ondevice-backgrounds/docs/demo.gif b/packages/ondevice-backgrounds/docs/demo.gif similarity index 100% rename from addons/ondevice-backgrounds/docs/demo.gif rename to packages/ondevice-backgrounds/docs/demo.gif diff --git a/addons/ondevice-backgrounds/package.json b/packages/ondevice-backgrounds/package.json similarity index 100% rename from addons/ondevice-backgrounds/package.json rename to packages/ondevice-backgrounds/package.json diff --git a/addons/ondevice-backgrounds/register.js b/packages/ondevice-backgrounds/register.js similarity index 100% rename from addons/ondevice-backgrounds/register.js rename to packages/ondevice-backgrounds/register.js diff --git a/addons/ondevice-backgrounds/src/BackgroundPanel.tsx b/packages/ondevice-backgrounds/src/BackgroundPanel.tsx similarity index 100% rename from addons/ondevice-backgrounds/src/BackgroundPanel.tsx rename to packages/ondevice-backgrounds/src/BackgroundPanel.tsx diff --git a/addons/ondevice-backgrounds/src/Swatch.tsx b/packages/ondevice-backgrounds/src/Swatch.tsx similarity index 100% rename from addons/ondevice-backgrounds/src/Swatch.tsx rename to packages/ondevice-backgrounds/src/Swatch.tsx diff --git a/addons/ondevice-backgrounds/src/constants.ts b/packages/ondevice-backgrounds/src/constants.ts similarity index 100% rename from addons/ondevice-backgrounds/src/constants.ts rename to packages/ondevice-backgrounds/src/constants.ts diff --git a/addons/ondevice-backgrounds/src/container.tsx b/packages/ondevice-backgrounds/src/container.tsx similarity index 100% rename from addons/ondevice-backgrounds/src/container.tsx rename to packages/ondevice-backgrounds/src/container.tsx diff --git a/addons/ondevice-backgrounds/src/index.tsx b/packages/ondevice-backgrounds/src/index.tsx similarity index 100% rename from addons/ondevice-backgrounds/src/index.tsx rename to packages/ondevice-backgrounds/src/index.tsx diff --git a/addons/ondevice-backgrounds/src/register.tsx b/packages/ondevice-backgrounds/src/register.tsx similarity index 100% rename from addons/ondevice-backgrounds/src/register.tsx rename to packages/ondevice-backgrounds/src/register.tsx diff --git a/addons/ondevice-backgrounds/tsconfig.json b/packages/ondevice-backgrounds/tsconfig.json similarity index 100% rename from addons/ondevice-backgrounds/tsconfig.json rename to packages/ondevice-backgrounds/tsconfig.json diff --git a/addons/ondevice-controls/README.md b/packages/ondevice-controls/README.md similarity index 100% rename from addons/ondevice-controls/README.md rename to packages/ondevice-controls/README.md diff --git a/addons/ondevice-controls/package.json b/packages/ondevice-controls/package.json similarity index 100% rename from addons/ondevice-controls/package.json rename to packages/ondevice-controls/package.json diff --git a/addons/ondevice-controls/register.js b/packages/ondevice-controls/register.js similarity index 100% rename from addons/ondevice-controls/register.js rename to packages/ondevice-controls/register.js diff --git a/addons/ondevice-controls/src/ControlsPanel.tsx b/packages/ondevice-controls/src/ControlsPanel.tsx similarity index 100% rename from addons/ondevice-controls/src/ControlsPanel.tsx rename to packages/ondevice-controls/src/ControlsPanel.tsx diff --git a/addons/ondevice-controls/src/NoControlsWarning.tsx b/packages/ondevice-controls/src/NoControlsWarning.tsx similarity index 100% rename from addons/ondevice-controls/src/NoControlsWarning.tsx rename to packages/ondevice-controls/src/NoControlsWarning.tsx diff --git a/addons/ondevice-controls/src/Panel.tsx b/packages/ondevice-controls/src/Panel.tsx similarity index 100% rename from addons/ondevice-controls/src/Panel.tsx rename to packages/ondevice-controls/src/Panel.tsx diff --git a/addons/ondevice-controls/src/PropField.tsx b/packages/ondevice-controls/src/PropField.tsx similarity index 100% rename from addons/ondevice-controls/src/PropField.tsx rename to packages/ondevice-controls/src/PropField.tsx diff --git a/addons/ondevice-controls/src/PropForm.tsx b/packages/ondevice-controls/src/PropForm.tsx similarity index 100% rename from addons/ondevice-controls/src/PropForm.tsx rename to packages/ondevice-controls/src/PropForm.tsx diff --git a/addons/ondevice-controls/src/components/RadioSelect.tsx b/packages/ondevice-controls/src/components/RadioSelect.tsx similarity index 100% rename from addons/ondevice-controls/src/components/RadioSelect.tsx rename to packages/ondevice-controls/src/components/RadioSelect.tsx diff --git a/addons/ondevice-controls/src/components/color-picker/HoloColorPicker.js b/packages/ondevice-controls/src/components/color-picker/HoloColorPicker.js similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/HoloColorPicker.js rename to packages/ondevice-controls/src/components/color-picker/HoloColorPicker.js diff --git a/addons/ondevice-controls/src/components/color-picker/TriangleColorPicker.js b/packages/ondevice-controls/src/components/color-picker/TriangleColorPicker.js similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/TriangleColorPicker.js rename to packages/ondevice-controls/src/components/color-picker/TriangleColorPicker.js diff --git a/addons/ondevice-controls/src/components/color-picker/index.d.ts b/packages/ondevice-controls/src/components/color-picker/index.d.ts similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/index.d.ts rename to packages/ondevice-controls/src/components/color-picker/index.d.ts diff --git a/addons/ondevice-controls/src/components/color-picker/index.js b/packages/ondevice-controls/src/components/color-picker/index.js similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/index.js rename to packages/ondevice-controls/src/components/color-picker/index.js diff --git a/addons/ondevice-controls/src/components/color-picker/resources/color-circle.png b/packages/ondevice-controls/src/components/color-picker/resources/color-circle.png similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/resources/color-circle.png rename to packages/ondevice-controls/src/components/color-picker/resources/color-circle.png diff --git a/addons/ondevice-controls/src/components/color-picker/resources/color-circle.xcf b/packages/ondevice-controls/src/components/color-picker/resources/color-circle.xcf similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/resources/color-circle.xcf rename to packages/ondevice-controls/src/components/color-picker/resources/color-circle.xcf diff --git a/addons/ondevice-controls/src/components/color-picker/resources/hsv_triangle_mask.png b/packages/ondevice-controls/src/components/color-picker/resources/hsv_triangle_mask.png similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/resources/hsv_triangle_mask.png rename to packages/ondevice-controls/src/components/color-picker/resources/hsv_triangle_mask.png diff --git a/addons/ondevice-controls/src/components/color-picker/utils.js b/packages/ondevice-controls/src/components/color-picker/utils.js similarity index 100% rename from addons/ondevice-controls/src/components/color-picker/utils.js rename to packages/ondevice-controls/src/components/color-picker/utils.js diff --git a/addons/ondevice-controls/src/hooks.ts b/packages/ondevice-controls/src/hooks.ts similarity index 100% rename from addons/ondevice-controls/src/hooks.ts rename to packages/ondevice-controls/src/hooks.ts diff --git a/addons/ondevice-controls/src/index.tsx b/packages/ondevice-controls/src/index.tsx similarity index 100% rename from addons/ondevice-controls/src/index.tsx rename to packages/ondevice-controls/src/index.tsx diff --git a/addons/ondevice-controls/src/types/Array.tsx b/packages/ondevice-controls/src/types/Array.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Array.tsx rename to packages/ondevice-controls/src/types/Array.tsx diff --git a/addons/ondevice-controls/src/types/Boolean.tsx b/packages/ondevice-controls/src/types/Boolean.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Boolean.tsx rename to packages/ondevice-controls/src/types/Boolean.tsx diff --git a/addons/ondevice-controls/src/types/Color.tsx b/packages/ondevice-controls/src/types/Color.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Color.tsx rename to packages/ondevice-controls/src/types/Color.tsx diff --git a/addons/ondevice-controls/src/types/Date.tsx b/packages/ondevice-controls/src/types/Date.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Date.tsx rename to packages/ondevice-controls/src/types/Date.tsx diff --git a/addons/ondevice-controls/src/types/Number.tsx b/packages/ondevice-controls/src/types/Number.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Number.tsx rename to packages/ondevice-controls/src/types/Number.tsx diff --git a/addons/ondevice-controls/src/types/Object.tsx b/packages/ondevice-controls/src/types/Object.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Object.tsx rename to packages/ondevice-controls/src/types/Object.tsx diff --git a/addons/ondevice-controls/src/types/Radio.tsx b/packages/ondevice-controls/src/types/Radio.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Radio.tsx rename to packages/ondevice-controls/src/types/Radio.tsx diff --git a/addons/ondevice-controls/src/types/Select.tsx b/packages/ondevice-controls/src/types/Select.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Select.tsx rename to packages/ondevice-controls/src/types/Select.tsx diff --git a/addons/ondevice-controls/src/types/Text.tsx b/packages/ondevice-controls/src/types/Text.tsx similarity index 100% rename from addons/ondevice-controls/src/types/Text.tsx rename to packages/ondevice-controls/src/types/Text.tsx diff --git a/addons/ondevice-controls/src/types/common.tsx b/packages/ondevice-controls/src/types/common.tsx similarity index 100% rename from addons/ondevice-controls/src/types/common.tsx rename to packages/ondevice-controls/src/types/common.tsx diff --git a/addons/ondevice-controls/src/types/index.ts b/packages/ondevice-controls/src/types/index.ts similarity index 100% rename from addons/ondevice-controls/src/types/index.ts rename to packages/ondevice-controls/src/types/index.ts diff --git a/addons/ondevice-controls/src/types/useResyncValue.ts b/packages/ondevice-controls/src/types/useResyncValue.ts similarity index 100% rename from addons/ondevice-controls/src/types/useResyncValue.ts rename to packages/ondevice-controls/src/types/useResyncValue.ts diff --git a/addons/ondevice-controls/src/typings.d.ts b/packages/ondevice-controls/src/typings.d.ts similarity index 100% rename from addons/ondevice-controls/src/typings.d.ts rename to packages/ondevice-controls/src/typings.d.ts diff --git a/addons/ondevice-controls/src/useDebounceCallback.ts b/packages/ondevice-controls/src/useDebounceCallback.ts similarity index 100% rename from addons/ondevice-controls/src/useDebounceCallback.ts rename to packages/ondevice-controls/src/useDebounceCallback.ts diff --git a/addons/ondevice-controls/tsconfig.json b/packages/ondevice-controls/tsconfig.json similarity index 100% rename from addons/ondevice-controls/tsconfig.json rename to packages/ondevice-controls/tsconfig.json diff --git a/addons/ondevice-knobs/README.md b/packages/ondevice-knobs/README.md similarity index 100% rename from addons/ondevice-knobs/README.md rename to packages/ondevice-knobs/README.md diff --git a/addons/ondevice-knobs/package.json b/packages/ondevice-knobs/package.json similarity index 100% rename from addons/ondevice-knobs/package.json rename to packages/ondevice-knobs/package.json diff --git a/addons/ondevice-knobs/register.js b/packages/ondevice-knobs/register.js similarity index 100% rename from addons/ondevice-knobs/register.js rename to packages/ondevice-knobs/register.js diff --git a/addons/ondevice-knobs/src/GroupTabs.js b/packages/ondevice-knobs/src/GroupTabs.js similarity index 100% rename from addons/ondevice-knobs/src/GroupTabs.js rename to packages/ondevice-knobs/src/GroupTabs.js diff --git a/addons/ondevice-knobs/src/PropField.js b/packages/ondevice-knobs/src/PropField.js similarity index 100% rename from addons/ondevice-knobs/src/PropField.js rename to packages/ondevice-knobs/src/PropField.js diff --git a/addons/ondevice-knobs/src/PropForm.js b/packages/ondevice-knobs/src/PropForm.js similarity index 100% rename from addons/ondevice-knobs/src/PropForm.js rename to packages/ondevice-knobs/src/PropForm.js diff --git a/addons/ondevice-knobs/src/components/RadioSelect.js b/packages/ondevice-knobs/src/components/RadioSelect.js similarity index 100% rename from addons/ondevice-knobs/src/components/RadioSelect.js rename to packages/ondevice-knobs/src/components/RadioSelect.js diff --git a/addons/ondevice-knobs/src/components/color-picker/HoloColorPicker.js b/packages/ondevice-knobs/src/components/color-picker/HoloColorPicker.js similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/HoloColorPicker.js rename to packages/ondevice-knobs/src/components/color-picker/HoloColorPicker.js diff --git a/addons/ondevice-knobs/src/components/color-picker/TriangleColorPicker.js b/packages/ondevice-knobs/src/components/color-picker/TriangleColorPicker.js similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/TriangleColorPicker.js rename to packages/ondevice-knobs/src/components/color-picker/TriangleColorPicker.js diff --git a/addons/ondevice-knobs/src/components/color-picker/index.d.ts b/packages/ondevice-knobs/src/components/color-picker/index.d.ts similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/index.d.ts rename to packages/ondevice-knobs/src/components/color-picker/index.d.ts diff --git a/addons/ondevice-knobs/src/components/color-picker/index.js b/packages/ondevice-knobs/src/components/color-picker/index.js similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/index.js rename to packages/ondevice-knobs/src/components/color-picker/index.js diff --git a/addons/ondevice-knobs/src/components/color-picker/resources/color-circle.png b/packages/ondevice-knobs/src/components/color-picker/resources/color-circle.png similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/resources/color-circle.png rename to packages/ondevice-knobs/src/components/color-picker/resources/color-circle.png diff --git a/addons/ondevice-knobs/src/components/color-picker/resources/color-circle.xcf b/packages/ondevice-knobs/src/components/color-picker/resources/color-circle.xcf similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/resources/color-circle.xcf rename to packages/ondevice-knobs/src/components/color-picker/resources/color-circle.xcf diff --git a/addons/ondevice-knobs/src/components/color-picker/resources/hsv_triangle_mask.png b/packages/ondevice-knobs/src/components/color-picker/resources/hsv_triangle_mask.png similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/resources/hsv_triangle_mask.png rename to packages/ondevice-knobs/src/components/color-picker/resources/hsv_triangle_mask.png diff --git a/addons/ondevice-knobs/src/components/color-picker/utils.js b/packages/ondevice-knobs/src/components/color-picker/utils.js similarity index 100% rename from addons/ondevice-knobs/src/components/color-picker/utils.js rename to packages/ondevice-knobs/src/components/color-picker/utils.js diff --git a/addons/ondevice-knobs/src/index.js b/packages/ondevice-knobs/src/index.js similarity index 100% rename from addons/ondevice-knobs/src/index.js rename to packages/ondevice-knobs/src/index.js diff --git a/addons/ondevice-knobs/src/panel.js b/packages/ondevice-knobs/src/panel.js similarity index 100% rename from addons/ondevice-knobs/src/panel.js rename to packages/ondevice-knobs/src/panel.js diff --git a/addons/ondevice-knobs/src/types/Array.js b/packages/ondevice-knobs/src/types/Array.js similarity index 100% rename from addons/ondevice-knobs/src/types/Array.js rename to packages/ondevice-knobs/src/types/Array.js diff --git a/addons/ondevice-knobs/src/types/Boolean.js b/packages/ondevice-knobs/src/types/Boolean.js similarity index 100% rename from addons/ondevice-knobs/src/types/Boolean.js rename to packages/ondevice-knobs/src/types/Boolean.js diff --git a/addons/ondevice-knobs/src/types/Button.js b/packages/ondevice-knobs/src/types/Button.js similarity index 100% rename from addons/ondevice-knobs/src/types/Button.js rename to packages/ondevice-knobs/src/types/Button.js diff --git a/addons/ondevice-knobs/src/types/Color.js b/packages/ondevice-knobs/src/types/Color.js similarity index 100% rename from addons/ondevice-knobs/src/types/Color.js rename to packages/ondevice-knobs/src/types/Color.js diff --git a/addons/ondevice-knobs/src/types/Date.js b/packages/ondevice-knobs/src/types/Date.js similarity index 100% rename from addons/ondevice-knobs/src/types/Date.js rename to packages/ondevice-knobs/src/types/Date.js diff --git a/addons/ondevice-knobs/src/types/Number.js b/packages/ondevice-knobs/src/types/Number.js similarity index 100% rename from addons/ondevice-knobs/src/types/Number.js rename to packages/ondevice-knobs/src/types/Number.js diff --git a/addons/ondevice-knobs/src/types/Object.js b/packages/ondevice-knobs/src/types/Object.js similarity index 100% rename from addons/ondevice-knobs/src/types/Object.js rename to packages/ondevice-knobs/src/types/Object.js diff --git a/addons/ondevice-knobs/src/types/Radio.js b/packages/ondevice-knobs/src/types/Radio.js similarity index 100% rename from addons/ondevice-knobs/src/types/Radio.js rename to packages/ondevice-knobs/src/types/Radio.js diff --git a/addons/ondevice-knobs/src/types/Select.js b/packages/ondevice-knobs/src/types/Select.js similarity index 100% rename from addons/ondevice-knobs/src/types/Select.js rename to packages/ondevice-knobs/src/types/Select.js diff --git a/addons/ondevice-knobs/src/types/Text.js b/packages/ondevice-knobs/src/types/Text.js similarity index 100% rename from addons/ondevice-knobs/src/types/Text.js rename to packages/ondevice-knobs/src/types/Text.js diff --git a/addons/ondevice-knobs/src/types/common.js b/packages/ondevice-knobs/src/types/common.js similarity index 100% rename from addons/ondevice-knobs/src/types/common.js rename to packages/ondevice-knobs/src/types/common.js diff --git a/addons/ondevice-knobs/src/types/index.js b/packages/ondevice-knobs/src/types/index.js similarity index 100% rename from addons/ondevice-knobs/src/types/index.js rename to packages/ondevice-knobs/src/types/index.js diff --git a/addons/ondevice-notes/README.md b/packages/ondevice-notes/README.md similarity index 100% rename from addons/ondevice-notes/README.md rename to packages/ondevice-notes/README.md diff --git a/addons/ondevice-notes/docs/demo.png b/packages/ondevice-notes/docs/demo.png similarity index 100% rename from addons/ondevice-notes/docs/demo.png rename to packages/ondevice-notes/docs/demo.png diff --git a/addons/ondevice-notes/package.json b/packages/ondevice-notes/package.json similarity index 100% rename from addons/ondevice-notes/package.json rename to packages/ondevice-notes/package.json diff --git a/addons/ondevice-notes/register.js b/packages/ondevice-notes/register.js similarity index 100% rename from addons/ondevice-notes/register.js rename to packages/ondevice-notes/register.js diff --git a/addons/ondevice-notes/src/components/Markdown/Markdown.tsx b/packages/ondevice-notes/src/components/Markdown/Markdown.tsx similarity index 100% rename from addons/ondevice-notes/src/components/Markdown/Markdown.tsx rename to packages/ondevice-notes/src/components/Markdown/Markdown.tsx diff --git a/addons/ondevice-notes/src/components/Markdown/rules.ts b/packages/ondevice-notes/src/components/Markdown/rules.ts similarity index 100% rename from addons/ondevice-notes/src/components/Markdown/rules.ts rename to packages/ondevice-notes/src/components/Markdown/rules.ts diff --git a/addons/ondevice-notes/src/components/Markdown/styles.ts b/packages/ondevice-notes/src/components/Markdown/styles.ts similarity index 100% rename from addons/ondevice-notes/src/components/Markdown/styles.ts rename to packages/ondevice-notes/src/components/Markdown/styles.ts diff --git a/addons/ondevice-notes/src/components/Notes.tsx b/packages/ondevice-notes/src/components/Notes.tsx similarity index 100% rename from addons/ondevice-notes/src/components/Notes.tsx rename to packages/ondevice-notes/src/components/Notes.tsx diff --git a/addons/ondevice-notes/src/index.ts b/packages/ondevice-notes/src/index.ts similarity index 100% rename from addons/ondevice-notes/src/index.ts rename to packages/ondevice-notes/src/index.ts diff --git a/addons/ondevice-notes/src/register.tsx b/packages/ondevice-notes/src/register.tsx similarity index 100% rename from addons/ondevice-notes/src/register.tsx rename to packages/ondevice-notes/src/register.tsx diff --git a/addons/ondevice-notes/src/typings.d.ts b/packages/ondevice-notes/src/typings.d.ts similarity index 100% rename from addons/ondevice-notes/src/typings.d.ts rename to packages/ondevice-notes/src/typings.d.ts diff --git a/addons/ondevice-notes/tsconfig.json b/packages/ondevice-notes/tsconfig.json similarity index 100% rename from addons/ondevice-notes/tsconfig.json rename to packages/ondevice-notes/tsconfig.json diff --git a/packages/ondevice-ui/package.json b/packages/ondevice-ui/package.json new file mode 100644 index 0000000000..5da87745d8 --- /dev/null +++ b/packages/ondevice-ui/package.json @@ -0,0 +1,4 @@ +{ + "name": "@storybook/ondevice-ui", + "version": "6.5.3-alpha.0" +} diff --git a/app/react-native-server/bin/index.js b/packages/react-native-server/bin/index.js similarity index 100% rename from app/react-native-server/bin/index.js rename to packages/react-native-server/bin/index.js diff --git a/app/react-native-server/package.json b/packages/react-native-server/package.json similarity index 100% rename from app/react-native-server/package.json rename to packages/react-native-server/package.json diff --git a/app/react-native-server/readme.md b/packages/react-native-server/readme.md similarity index 100% rename from app/react-native-server/readme.md rename to packages/react-native-server/readme.md diff --git a/app/react-native-server/src/client/manager/components/PreviewHelp.js b/packages/react-native-server/src/client/manager/components/PreviewHelp.js similarity index 100% rename from app/react-native-server/src/client/manager/components/PreviewHelp.js rename to packages/react-native-server/src/client/manager/components/PreviewHelp.js diff --git a/app/react-native-server/src/client/manager/index.js b/packages/react-native-server/src/client/manager/index.js similarity index 100% rename from app/react-native-server/src/client/manager/index.js rename to packages/react-native-server/src/client/manager/index.js diff --git a/app/react-native-server/src/client/manager/provider.js b/packages/react-native-server/src/client/manager/provider.js similarity index 100% rename from app/react-native-server/src/client/manager/provider.js rename to packages/react-native-server/src/client/manager/provider.js diff --git a/app/react-native-server/src/server/cli.js b/packages/react-native-server/src/server/cli.js similarity index 100% rename from app/react-native-server/src/server/cli.js rename to packages/react-native-server/src/server/cli.js diff --git a/app/react-native-server/src/server/index.js b/packages/react-native-server/src/server/index.js similarity index 100% rename from app/react-native-server/src/server/index.js rename to packages/react-native-server/src/server/index.js diff --git a/app/react-native-server/src/server/options.js b/packages/react-native-server/src/server/options.js similarity index 100% rename from app/react-native-server/src/server/options.js rename to packages/react-native-server/src/server/options.js diff --git a/app/react-native-server/src/server/rn-options-preset.js b/packages/react-native-server/src/server/rn-options-preset.js similarity index 100% rename from app/react-native-server/src/server/rn-options-preset.js rename to packages/react-native-server/src/server/rn-options-preset.js diff --git a/app/react-native/babel.config.js b/packages/react-native/babel.config.js similarity index 100% rename from app/react-native/babel.config.js rename to packages/react-native/babel.config.js diff --git a/app/react-native/bin/get-stories.js b/packages/react-native/bin/get-stories.js similarity index 100% rename from app/react-native/bin/get-stories.js rename to packages/react-native/bin/get-stories.js diff --git a/app/react-native/bin/watcher.js b/packages/react-native/bin/watcher.js similarity index 100% rename from app/react-native/bin/watcher.js rename to packages/react-native/bin/watcher.js diff --git a/app/react-native/docs/addons.md b/packages/react-native/docs/addons.md similarity index 100% rename from app/react-native/docs/addons.md rename to packages/react-native/docs/addons.md diff --git a/app/react-native/docs/assets/readme/screenshot.png b/packages/react-native/docs/assets/readme/screenshot.png similarity index 100% rename from app/react-native/docs/assets/readme/screenshot.png rename to packages/react-native/docs/assets/readme/screenshot.png diff --git a/app/react-native/docs/manual-setup.md b/packages/react-native/docs/manual-setup.md similarity index 100% rename from app/react-native/docs/manual-setup.md rename to packages/react-native/docs/manual-setup.md diff --git a/app/react-native/docs/server.md b/packages/react-native/docs/server.md similarity index 100% rename from app/react-native/docs/server.md rename to packages/react-native/docs/server.md diff --git a/app/react-native/docs/using-devices.md b/packages/react-native/docs/using-devices.md similarity index 100% rename from app/react-native/docs/using-devices.md rename to packages/react-native/docs/using-devices.md diff --git a/app/react-native/package.json b/packages/react-native/package.json similarity index 100% rename from app/react-native/package.json rename to packages/react-native/package.json diff --git a/app/react-native/readme.md b/packages/react-native/readme.md similarity index 100% rename from app/react-native/readme.md rename to packages/react-native/readme.md diff --git a/app/react-native/scripts/__snapshots__/loader.test.js.snap b/packages/react-native/scripts/__snapshots__/loader.test.js.snap similarity index 100% rename from app/react-native/scripts/__snapshots__/loader.test.js.snap rename to packages/react-native/scripts/__snapshots__/loader.test.js.snap diff --git a/app/react-native/scripts/get-stories.js b/packages/react-native/scripts/get-stories.js similarity index 100% rename from app/react-native/scripts/get-stories.js rename to packages/react-native/scripts/get-stories.js diff --git a/app/react-native/scripts/handle-args.js b/packages/react-native/scripts/handle-args.js similarity index 100% rename from app/react-native/scripts/handle-args.js rename to packages/react-native/scripts/handle-args.js diff --git a/app/react-native/scripts/loader.js b/packages/react-native/scripts/loader.js similarity index 100% rename from app/react-native/scripts/loader.js rename to packages/react-native/scripts/loader.js diff --git a/app/react-native/scripts/loader.test.js b/packages/react-native/scripts/loader.test.js similarity index 100% rename from app/react-native/scripts/loader.test.js rename to packages/react-native/scripts/loader.test.js diff --git a/app/react-native/scripts/mocks/all-config-files/FakeComponent.tsx b/packages/react-native/scripts/mocks/all-config-files/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/all-config-files/FakeComponent.tsx rename to packages/react-native/scripts/mocks/all-config-files/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/all-config-files/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/all-config-files/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/all-config-files/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/all-config-files/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/all-config-files/main.js b/packages/react-native/scripts/mocks/all-config-files/main.js similarity index 100% rename from app/react-native/scripts/mocks/all-config-files/main.js rename to packages/react-native/scripts/mocks/all-config-files/main.js diff --git a/app/react-native/scripts/mocks/all-config-files/preview.js b/packages/react-native/scripts/mocks/all-config-files/preview.js similarity index 100% rename from app/react-native/scripts/mocks/all-config-files/preview.js rename to packages/react-native/scripts/mocks/all-config-files/preview.js diff --git a/app/react-native/scripts/mocks/blank-config/main.js b/packages/react-native/scripts/mocks/blank-config/main.js similarity index 100% rename from app/react-native/scripts/mocks/blank-config/main.js rename to packages/react-native/scripts/mocks/blank-config/main.js diff --git a/app/react-native/scripts/mocks/configuration-objects/components/FakeComponent.tsx b/packages/react-native/scripts/mocks/configuration-objects/components/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/configuration-objects/components/FakeComponent.tsx rename to packages/react-native/scripts/mocks/configuration-objects/components/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/configuration-objects/components/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/configuration-objects/components/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/configuration-objects/components/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/configuration-objects/components/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/configuration-objects/main.js b/packages/react-native/scripts/mocks/configuration-objects/main.js similarity index 100% rename from app/react-native/scripts/mocks/configuration-objects/main.js rename to packages/react-native/scripts/mocks/configuration-objects/main.js diff --git a/app/react-native/scripts/mocks/configuration-objects/preview.js b/packages/react-native/scripts/mocks/configuration-objects/preview.js similarity index 100% rename from app/react-native/scripts/mocks/configuration-objects/preview.js rename to packages/react-native/scripts/mocks/configuration-objects/preview.js diff --git a/app/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx b/packages/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx rename to packages/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/exclude-config-files/exclude-components/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/exclude-config-files/include-components/FakeComponent.tsx b/packages/react-native/scripts/mocks/exclude-config-files/include-components/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/exclude-config-files/include-components/FakeComponent.tsx rename to packages/react-native/scripts/mocks/exclude-config-files/include-components/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/exclude-config-files/include-components/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/exclude-config-files/main.js b/packages/react-native/scripts/mocks/exclude-config-files/main.js similarity index 100% rename from app/react-native/scripts/mocks/exclude-config-files/main.js rename to packages/react-native/scripts/mocks/exclude-config-files/main.js diff --git a/app/react-native/scripts/mocks/exclude-config-files/preview.js b/packages/react-native/scripts/mocks/exclude-config-files/preview.js similarity index 100% rename from app/react-native/scripts/mocks/exclude-config-files/preview.js rename to packages/react-native/scripts/mocks/exclude-config-files/preview.js diff --git a/app/react-native/scripts/mocks/file-extensions/FakeComponent.tsx b/packages/react-native/scripts/mocks/file-extensions/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/file-extensions/FakeComponent.tsx rename to packages/react-native/scripts/mocks/file-extensions/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/file-extensions/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/file-extensions/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/file-extensions/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/file-extensions/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/file-extensions/main.ts b/packages/react-native/scripts/mocks/file-extensions/main.ts similarity index 100% rename from app/react-native/scripts/mocks/file-extensions/main.ts rename to packages/react-native/scripts/mocks/file-extensions/main.ts diff --git a/app/react-native/scripts/mocks/file-extensions/preview.tsx b/packages/react-native/scripts/mocks/file-extensions/preview.tsx similarity index 100% rename from app/react-native/scripts/mocks/file-extensions/preview.tsx rename to packages/react-native/scripts/mocks/file-extensions/preview.tsx diff --git a/app/react-native/scripts/mocks/no-preview/FakeComponent.tsx b/packages/react-native/scripts/mocks/no-preview/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/no-preview/FakeComponent.tsx rename to packages/react-native/scripts/mocks/no-preview/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/no-preview/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/no-preview/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/no-preview/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/no-preview/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/no-preview/main.js b/packages/react-native/scripts/mocks/no-preview/main.js similarity index 100% rename from app/react-native/scripts/mocks/no-preview/main.js rename to packages/react-native/scripts/mocks/no-preview/main.js diff --git a/app/react-native/scripts/mocks/preview-files/js/preview.js b/packages/react-native/scripts/mocks/preview-files/js/preview.js similarity index 100% rename from app/react-native/scripts/mocks/preview-files/js/preview.js rename to packages/react-native/scripts/mocks/preview-files/js/preview.js diff --git a/app/react-native/scripts/mocks/preview-files/jsx/preview.jsx b/packages/react-native/scripts/mocks/preview-files/jsx/preview.jsx similarity index 100% rename from app/react-native/scripts/mocks/preview-files/jsx/preview.jsx rename to packages/react-native/scripts/mocks/preview-files/jsx/preview.jsx diff --git a/app/react-native/scripts/mocks/preview-files/ts/preview.ts b/packages/react-native/scripts/mocks/preview-files/ts/preview.ts similarity index 100% rename from app/react-native/scripts/mocks/preview-files/ts/preview.ts rename to packages/react-native/scripts/mocks/preview-files/ts/preview.ts diff --git a/app/react-native/scripts/mocks/preview-files/tsx/preview.tsx b/packages/react-native/scripts/mocks/preview-files/tsx/preview.tsx similarity index 100% rename from app/react-native/scripts/mocks/preview-files/tsx/preview.tsx rename to packages/react-native/scripts/mocks/preview-files/tsx/preview.tsx diff --git a/app/react-native/scripts/mocks/wrong-extension-preview/FakeComponent.tsx b/packages/react-native/scripts/mocks/wrong-extension-preview/FakeComponent.tsx similarity index 100% rename from app/react-native/scripts/mocks/wrong-extension-preview/FakeComponent.tsx rename to packages/react-native/scripts/mocks/wrong-extension-preview/FakeComponent.tsx diff --git a/app/react-native/scripts/mocks/wrong-extension-preview/FakeStory.stories.tsx b/packages/react-native/scripts/mocks/wrong-extension-preview/FakeStory.stories.tsx similarity index 100% rename from app/react-native/scripts/mocks/wrong-extension-preview/FakeStory.stories.tsx rename to packages/react-native/scripts/mocks/wrong-extension-preview/FakeStory.stories.tsx diff --git a/app/react-native/scripts/mocks/wrong-extension-preview/main.js b/packages/react-native/scripts/mocks/wrong-extension-preview/main.js similarity index 100% rename from app/react-native/scripts/mocks/wrong-extension-preview/main.js rename to packages/react-native/scripts/mocks/wrong-extension-preview/main.js diff --git a/app/react-native/scripts/mocks/wrong-extension-preview/preview.txt b/packages/react-native/scripts/mocks/wrong-extension-preview/preview.txt similarity index 100% rename from app/react-native/scripts/mocks/wrong-extension-preview/preview.txt rename to packages/react-native/scripts/mocks/wrong-extension-preview/preview.txt diff --git a/app/react-native/scripts/watcher.js b/packages/react-native/scripts/watcher.js similarity index 100% rename from app/react-native/scripts/watcher.js rename to packages/react-native/scripts/watcher.js diff --git a/app/react-native/src/constants.ts b/packages/react-native/src/constants.ts similarity index 100% rename from app/react-native/src/constants.ts rename to packages/react-native/src/constants.ts diff --git a/app/react-native/src/hooks.tsx b/packages/react-native/src/hooks.tsx similarity index 100% rename from app/react-native/src/hooks.tsx rename to packages/react-native/src/hooks.tsx diff --git a/app/react-native/src/index.ts b/packages/react-native/src/index.ts similarity index 100% rename from app/react-native/src/index.ts rename to packages/react-native/src/index.ts diff --git a/app/react-native/src/preview/View.tsx b/packages/react-native/src/preview/View.tsx similarity index 100% rename from app/react-native/src/preview/View.tsx rename to packages/react-native/src/preview/View.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/OnDeviceUI.tsx b/packages/react-native/src/preview/components/OnDeviceUI/OnDeviceUI.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/OnDeviceUI.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/OnDeviceUI.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/Panel.tsx b/packages/react-native/src/preview/components/OnDeviceUI/Panel.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/Panel.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/Panel.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx b/packages/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx b/packages/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/addons/AddonsSkeleton.tsx b/packages/react-native/src/preview/components/OnDeviceUI/addons/AddonsSkeleton.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/addons/AddonsSkeleton.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/addons/AddonsSkeleton.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/addons/List.tsx b/packages/react-native/src/preview/components/OnDeviceUI/addons/List.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/addons/List.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/addons/List.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/addons/Wrapper.tsx b/packages/react-native/src/preview/components/OnDeviceUI/addons/Wrapper.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/addons/Wrapper.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/addons/Wrapper.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/addons/index.tsx b/packages/react-native/src/preview/components/OnDeviceUI/addons/index.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/addons/index.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/addons/index.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/animation.ts b/packages/react-native/src/preview/components/OnDeviceUI/animation.ts similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/animation.ts rename to packages/react-native/src/preview/components/OnDeviceUI/animation.ts diff --git a/app/react-native/src/preview/components/OnDeviceUI/index.tsx b/packages/react-native/src/preview/components/OnDeviceUI/index.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/index.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/index.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/navigation/Navigation.tsx b/packages/react-native/src/preview/components/OnDeviceUI/navigation/Navigation.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/navigation/Navigation.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/navigation/Navigation.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/navigation/NavigationBar.tsx b/packages/react-native/src/preview/components/OnDeviceUI/navigation/NavigationBar.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/navigation/NavigationBar.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/navigation/NavigationBar.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/navigation/NavigationButton.tsx b/packages/react-native/src/preview/components/OnDeviceUI/navigation/NavigationButton.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/navigation/NavigationButton.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/navigation/NavigationButton.tsx diff --git a/app/react-native/src/preview/components/OnDeviceUI/navigation/constants.ts b/packages/react-native/src/preview/components/OnDeviceUI/navigation/constants.ts similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/navigation/constants.ts rename to packages/react-native/src/preview/components/OnDeviceUI/navigation/constants.ts diff --git a/app/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx b/packages/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx similarity index 100% rename from app/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx rename to packages/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx diff --git a/app/react-native/src/preview/components/Shared/icons.tsx b/packages/react-native/src/preview/components/Shared/icons.tsx similarity index 100% rename from app/react-native/src/preview/components/Shared/icons.tsx rename to packages/react-native/src/preview/components/Shared/icons.tsx diff --git a/app/react-native/src/preview/components/Shared/layout.tsx b/packages/react-native/src/preview/components/Shared/layout.tsx similarity index 100% rename from app/react-native/src/preview/components/Shared/layout.tsx rename to packages/react-native/src/preview/components/Shared/layout.tsx diff --git a/app/react-native/src/preview/components/Shared/tabs.tsx b/packages/react-native/src/preview/components/Shared/tabs.tsx similarity index 100% rename from app/react-native/src/preview/components/Shared/tabs.tsx rename to packages/react-native/src/preview/components/Shared/tabs.tsx diff --git a/app/react-native/src/preview/components/Shared/theme.ts b/packages/react-native/src/preview/components/Shared/theme.ts similarity index 100% rename from app/react-native/src/preview/components/Shared/theme.ts rename to packages/react-native/src/preview/components/Shared/theme.ts diff --git a/app/react-native/src/preview/components/StoryListView/StoryListView.tsx b/packages/react-native/src/preview/components/StoryListView/StoryListView.tsx similarity index 100% rename from app/react-native/src/preview/components/StoryListView/StoryListView.tsx rename to packages/react-native/src/preview/components/StoryListView/StoryListView.tsx diff --git a/app/react-native/src/preview/components/StoryListView/index.tsx b/packages/react-native/src/preview/components/StoryListView/index.tsx similarity index 100% rename from app/react-native/src/preview/components/StoryListView/index.tsx rename to packages/react-native/src/preview/components/StoryListView/index.tsx diff --git a/app/react-native/src/preview/components/StoryView/StoryView.tsx b/packages/react-native/src/preview/components/StoryView/StoryView.tsx similarity index 100% rename from app/react-native/src/preview/components/StoryView/StoryView.tsx rename to packages/react-native/src/preview/components/StoryView/StoryView.tsx diff --git a/app/react-native/src/preview/components/StoryView/index.tsx b/packages/react-native/src/preview/components/StoryView/index.tsx similarity index 100% rename from app/react-native/src/preview/components/StoryView/index.tsx rename to packages/react-native/src/preview/components/StoryView/index.tsx diff --git a/app/react-native/src/preview/executeLoadable.ts b/packages/react-native/src/preview/executeLoadable.ts similarity index 100% rename from app/react-native/src/preview/executeLoadable.ts rename to packages/react-native/src/preview/executeLoadable.ts diff --git a/app/react-native/src/preview/rn-host-detect.js b/packages/react-native/src/preview/rn-host-detect.js similarity index 100% rename from app/react-native/src/preview/rn-host-detect.js rename to packages/react-native/src/preview/rn-host-detect.js diff --git a/app/react-native/src/preview/start.tsx b/packages/react-native/src/preview/start.tsx similarity index 100% rename from app/react-native/src/preview/start.tsx rename to packages/react-native/src/preview/start.tsx diff --git a/app/react-native/src/types/emotion-native.d.ts b/packages/react-native/src/types/emotion-native.d.ts similarity index 100% rename from app/react-native/src/types/emotion-native.d.ts rename to packages/react-native/src/types/emotion-native.d.ts diff --git a/app/react-native/src/types/types-6.0.ts b/packages/react-native/src/types/types-6.0.ts similarity index 100% rename from app/react-native/src/types/types-6.0.ts rename to packages/react-native/src/types/types-6.0.ts diff --git a/app/react-native/src/types/types.ts b/packages/react-native/src/types/types.ts similarity index 100% rename from app/react-native/src/types/types.ts rename to packages/react-native/src/types/types.ts diff --git a/app/react-native/template/cli/index.js b/packages/react-native/template/cli/index.js similarity index 100% rename from app/react-native/template/cli/index.js rename to packages/react-native/template/cli/index.js diff --git a/app/react-native/template/cli/main.js b/packages/react-native/template/cli/main.js similarity index 100% rename from app/react-native/template/cli/main.js rename to packages/react-native/template/cli/main.js diff --git a/app/react-native/template/cli/preview.js b/packages/react-native/template/cli/preview.js similarity index 100% rename from app/react-native/template/cli/preview.js rename to packages/react-native/template/cli/preview.js diff --git a/app/react-native/template/cli/stories/Button/Button.js b/packages/react-native/template/cli/stories/Button/Button.js similarity index 100% rename from app/react-native/template/cli/stories/Button/Button.js rename to packages/react-native/template/cli/stories/Button/Button.js diff --git a/app/react-native/template/cli/stories/Button/Button.stories.js b/packages/react-native/template/cli/stories/Button/Button.stories.js similarity index 100% rename from app/react-native/template/cli/stories/Button/Button.stories.js rename to packages/react-native/template/cli/stories/Button/Button.stories.js diff --git a/app/react-native/tsconfig.json b/packages/react-native/tsconfig.json similarity index 100% rename from app/react-native/tsconfig.json rename to packages/react-native/tsconfig.json From f4ae30b075eccda2d41e55247a6daef3debaaaa6 Mon Sep 17 00:00:00 2001 From: Daniel Williams Date: Sat, 8 Apr 2023 22:58:37 +0100 Subject: [PATCH 02/16] chore: remove unused packages, replace babel with tsc --- .babelrc.js | 43 - .bettercodehub.yml | 16 - .eslintrc.js | 14 +- .mailmap | 50 - .remarkignore | 1 - .remarkrc.js | 1 - .spelling | 84 - .travis.yml | 14 - jest.config.js | 64 - package.json | 173 +- packages/ondevice-actions/package.json | 2 +- .../src/components/ActionLogger/Inspect.js | 135 + .../src/components/ActionLogger/index.js | 26 + .../src/containers/ActionLogger/index.js | 92 + packages/ondevice-actions/src/index.js | 23 + packages/ondevice-backgrounds/package.json | 2 +- .../src/BackgroundPanel.js | 61 + packages/ondevice-backgrounds/src/Swatch.js | 69 + .../ondevice-backgrounds/src/constants.js | 11 + .../ondevice-backgrounds/src/container.js | 46 + packages/ondevice-backgrounds/src/index.js | 55 + packages/ondevice-backgrounds/src/register.js | 43 + packages/ondevice-knobs/package.json | 2 +- packages/ondevice-knobs/tsconfig.json | 17 + packages/react-native-server/package.json | 2 +- packages/react-native-server/tsconfig.json | 8 + .../src/preview/executeLoadable.ts | 6 +- scripts/babel-jest.js | 6 - scripts/bootstrap.js | 270 - scripts/build-frontpage.js | 17 - scripts/build-pack.sh | 8 - scripts/build-storybooks.js | 178 - scripts/clean-merged-branches.sh | 44 - scripts/compile-babel.js | 57 - scripts/compile-tsc.js | 55 - scripts/crna-publish.js | 46 - scripts/jest-transform-mdx.js | 34 - scripts/jest.init.js | 68 - scripts/logo.js | 66 - scripts/prepare.js | 69 - scripts/publish.sh | 34 - scripts/repo-dirty-check.js | 9 - scripts/reset.js | 57 - scripts/run-e2e.sh | 125 - scripts/run-registry.js | 279 - scripts/storyshots-jest-transform.js | 23 - scripts/test.js | 190 - scripts/verdaccio.yaml | 48 - scripts/watch-babel.js | 7 - scripts/watch-tsc.js | 7 - scripts/workaround-puppeteer-issue-290.sh | 9 - yarn.lock | 8633 +++++------------ 52 files changed, 2826 insertions(+), 8573 deletions(-) delete mode 100644 .babelrc.js delete mode 100644 .bettercodehub.yml delete mode 100644 .mailmap delete mode 100644 .remarkignore delete mode 100644 .remarkrc.js delete mode 100644 .spelling delete mode 100644 .travis.yml delete mode 100644 jest.config.js create mode 100644 packages/ondevice-actions/src/components/ActionLogger/Inspect.js create mode 100644 packages/ondevice-actions/src/components/ActionLogger/index.js create mode 100644 packages/ondevice-actions/src/containers/ActionLogger/index.js create mode 100644 packages/ondevice-actions/src/index.js create mode 100644 packages/ondevice-backgrounds/src/BackgroundPanel.js create mode 100644 packages/ondevice-backgrounds/src/Swatch.js create mode 100644 packages/ondevice-backgrounds/src/constants.js create mode 100644 packages/ondevice-backgrounds/src/container.js create mode 100644 packages/ondevice-backgrounds/src/index.js create mode 100644 packages/ondevice-backgrounds/src/register.js create mode 100644 packages/ondevice-knobs/tsconfig.json create mode 100644 packages/react-native-server/tsconfig.json delete mode 100644 scripts/babel-jest.js delete mode 100755 scripts/bootstrap.js delete mode 100755 scripts/build-frontpage.js delete mode 100755 scripts/build-pack.sh delete mode 100755 scripts/build-storybooks.js delete mode 100755 scripts/clean-merged-branches.sh delete mode 100644 scripts/compile-babel.js delete mode 100644 scripts/compile-tsc.js delete mode 100755 scripts/crna-publish.js delete mode 100644 scripts/jest-transform-mdx.js delete mode 100644 scripts/jest.init.js delete mode 100644 scripts/logo.js delete mode 100644 scripts/prepare.js delete mode 100755 scripts/publish.sh delete mode 100644 scripts/repo-dirty-check.js delete mode 100644 scripts/reset.js delete mode 100755 scripts/run-e2e.sh delete mode 100755 scripts/run-registry.js delete mode 100644 scripts/storyshots-jest-transform.js delete mode 100644 scripts/test.js delete mode 100644 scripts/verdaccio.yaml delete mode 100644 scripts/watch-babel.js delete mode 100644 scripts/watch-tsc.js delete mode 100755 scripts/workaround-puppeteer-issue-290.sh diff --git a/.babelrc.js b/.babelrc.js deleted file mode 100644 index 9362a4d745..0000000000 --- a/.babelrc.js +++ /dev/null @@ -1,43 +0,0 @@ -const withTests = { - presets: [ - [ - '@babel/preset-env', - { shippedProposals: true, useBuiltIns: 'usage', corejs: '3', targets: { node: 'current' } }, - ], - ], - plugins: [ - 'babel-plugin-require-context-hook', - 'babel-plugin-dynamic-import-node', - '@babel/plugin-transform-runtime', - ], -}; - -module.exports = { - ignore: [ - './lib/codemod/src/transforms/__testfixtures__', - './lib/postinstall/src/__testfixtures__', - ], - presets: [ - ['@babel/preset-env', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' }], - '@babel/preset-typescript', - '@babel/preset-react', - '@babel/preset-flow', - ], - plugins: [ - [ - '@babel/plugin-proposal-decorators', - { - legacy: true, - }, - ], - ['@babel/plugin-proposal-class-properties', { loose: true }], - '@babel/plugin-proposal-export-default-from', - '@babel/plugin-syntax-dynamic-import', - ['@babel/plugin-proposal-object-rest-spread', { loose: true, useBuiltIns: true }], - 'babel-plugin-macros', - ['emotion', { sourceMap: true, autoLabel: true }], - ], - env: { - test: withTests, - }, -}; diff --git a/.bettercodehub.yml b/.bettercodehub.yml deleted file mode 100644 index 65ad2d8059..0000000000 --- a/.bettercodehub.yml +++ /dev/null @@ -1,16 +0,0 @@ -component_depth: 2 -languages: -- javascript - -- name: javascript - production: - exclude: - - .*\.test\.js - - .*\/__test__\/.*\.js - - .*\/__mock__\/.*\.js - - .*\.stories\.js - test: - include: - - .*\.test\.js - - .*\/__test__\/.*\.js - - .*\.storyshot diff --git a/.eslintrc.js b/.eslintrc.js index cfc9f0e6b2..6d81fb0192 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,14 +1,6 @@ -// doing this to override the extends of the normal config -// since prettier/react is no longer required -const conf = require('@react-native-community/eslint-config'); - module.exports = { - ...conf, root: true, - extends: ['prettier'], - rules: { - ...conf.rules, - 'react-native/no-inline-styles': 'off', - }, - overrides: [...conf.overrides, { files: ['*.ts', '*.tsx'], rules: { 'no-undef': 'off' } }], + extends: '@react-native', + + // overrides: [...conf.overrides, { files: ['*.ts', '*.tsx'], rules: { 'no-undef': 'off' } }], }; diff --git a/.mailmap b/.mailmap deleted file mode 100644 index ea7daa5319..0000000000 --- a/.mailmap +++ /dev/null @@ -1,50 +0,0 @@ -# --- instructions --- # - -# Add your account in this format: -Your name here # github:my-github-account, npm:my-npm-account, twitter:my-twitter-handle - -# supported: -# github, npm, twitter, website - -# --- list ----------- # - -Aaron Mc Adam -Aruna Herath -Arunoda Susiripala Arunoda Susiripala -Benedikt D Valdez Benedikt D Valdez -Daniel Duan # github:danielduan, npm:danielduan, twitter:danduan -Daniel James -Danny Andrews danny@ownlocal.com> -Dustin Kane -Eli Sherer elish -Evgeny Kochetkov Evgeny Kochetkov -Fabien Bernard Fabien BERNARD -Fernando Daciuk -Greenkeeper greenkeeper[bot] -Greenkeeper greenkeeperio-bot -Jason Schloer jschloer -Jean-Michel Francois Jean-Michel FRANCOIS -Jeff Carbonella -Jeff Knaggs -Jordan Gensler -Kanitkorn Sujautra Kanitkorn S -Kent C. Dodds -larry -Madushan Nishantha -Marie-Laure Thuret mthuret -Max Hodges MaxHodges -Michael Shilman -Michael Shilman -Muhammed Thanish -Ned Schwartz Ned Schwartz -Joe Nelson Nelson, Joe -Nikolay Kozhuharenko Nikolay -Norbert de Langen # github:ndelangen, npm:ndelangen, twitter:norbertdelangen -Oleg Proskurin UsulPro -Orta orta -Ritesh Kumar Ritesh Kumar -Sylvain Bannier Sylvain BANNIER -Tom Coleman Tom Coleman -Trevor Eyre # github:TrevorEyre, twitter:trevor_eyre -William Castandet wcastand -Xavier Cazalot xavcz diff --git a/.remarkignore b/.remarkignore deleted file mode 100644 index 83b694704b..0000000000 --- a/.remarkignore +++ /dev/null @@ -1 +0,0 @@ -CHANGELOG.md \ No newline at end of file diff --git a/.remarkrc.js b/.remarkrc.js deleted file mode 100644 index 738218a6db..0000000000 --- a/.remarkrc.js +++ /dev/null @@ -1 +0,0 @@ -module.exports = require('@storybook/linter-config/remark.config'); diff --git a/.spelling b/.spelling deleted file mode 100644 index 0612e6c77e..0000000000 --- a/.spelling +++ /dev/null @@ -1,84 +0,0 @@ -# markdown-spellcheck spelling configuration file -# Format - lines beginning # are comments -# global dictionary is at the start, file overrides afterwards -# one word per line, to define a file override use ' - filename' -# where filename is relative to this configuration file -addon -1 -vue -webcomponents -aurelia -iframe -webpack -addons -styleguide-type -styleguides -api -github -config -cra -PRs -cleanup -2 -ES2016 -prerelease -rc -npm -apollo -codemod -storyshots -graphql -lerna -eslint -js -CommonJS -IO -reflow -Node.js. -dialog -10 -unisolated -3 -13 -Browserify -bundlers -2013 -centered -center -GraphiQL -graphiql -url -javascript -storyshots' -storybook.js.org -CRNA -postmessage -websocket -EventEmitter -codemods -jscodeshift -npm3 -HMR -Redux -storybook-ui -react-komposer -serializable -params -README.md -storybook.js.org -YuzuJS -setImmediate -Malte -Ubl -Katić -Domenic -Kowal -Zakas -Gruber -julian -juliangruber.com -Schlueter -linkTo -setOptions -setStories -onStory diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index 1ad8e6e3b0..0000000000 --- a/.travis.yml +++ /dev/null @@ -1,14 +0,0 @@ -language: node_js -node_js: - - "10" - -# install: - # - yarn install - # - yarn bootstrap --core - -script: - -jobs: - include: - - script: echo "placeholder task" - name: "Placeholder task" diff --git a/jest.config.js b/jest.config.js deleted file mode 100644 index 52a9ee2de3..0000000000 --- a/jest.config.js +++ /dev/null @@ -1,64 +0,0 @@ -module.exports = { - cacheDirectory: '.cache/jest', - clearMocks: true, - moduleNameMapper: { - // non-js files - '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': - '/__mocks__/fileMock.js', - '\\.(css|scss|stylesheet)$': '/__mocks__/styleMock.js', - '\\.(md)$': '/__mocks__/htmlMock.js', - - // core-js v2 to v3 mapping - 'core-js/modules/es6.(.*)': 'core-js/modules/es.$1', - 'core-js/modules/es7.(.*)': 'core-js/modules/esnext.$1', - 'core-js/library/fn/(.*)': `core-js/features/$1`, - 'core-js/es5/(.*)': `core-js/es/$1`, - 'core-js/es6/(.*)': `core-js/es/$1`, - 'core-js/es7/reflect': `core-js/proposals/reflect-metadata`, - 'core-js/es7/(.*)': `core-js/proposals/$1`, - 'core-js/object$/': `core-js/es/object`, - 'core-js/object/(.*)': `core-js/es/object/$1`, - 'babel-runtime/core-js/(.*)': `core-js/es/$1`, - // 'babel-runtime/core-js/object/assign' - 'core-js/library/fn/object/assign': 'core-js/es/object/assign', - 'react-syntax-highlighter/dist/esm/(.*)': 'react-syntax-highlighter/dist/cjs/$1', - }, - projects: [''], - roots: ['/addons', '/app'], - transform: { - '^.+\\.stories\\.[jt]sx?$': '/scripts/storyshots-jest-transform.js', - '^.+\\.[jt]sx?$': '/scripts/babel-jest.js', - '^.+\\.mdx$': '/scripts/jest-transform-mdx.js', - }, - testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'], - testPathIgnorePatterns: ['/node_modules/', '/dist/', 'addon-jest.test.js', '/cli/test/'], - collectCoverage: false, - collectCoverageFrom: [ - 'app/**/*.{js,jsx,ts,tsx}', - 'lib/**/*.{js,jsx,ts,tsx}', - 'addons/**/*.{js,jsx,ts,tsx}', - ], - coveragePathIgnorePatterns: [ - '/node_modules/', - '/cli/test/', - '/dist/', - '/generators/', - '/dll/', - '/__mocks__ /', - '/__testfixtures__/', - ], - globals: { - DOCS_MODE: false, - PREVIEW_URL: undefined, - }, - snapshotSerializers: ['jest-emotion', 'enzyme-to-json/serializer'], - coverageDirectory: 'coverage', - setupFilesAfterEnv: ['./scripts/jest.init.js'], - coverageReporters: ['lcov'], - testEnvironment: 'jest-environment-jsdom-thirteen', - setupFiles: ['raf/polyfill'], - testURL: 'http://localhost', - modulePathIgnorePatterns: ['/dist/.*/__mocks__/'], - moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'], - watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'], -}; diff --git a/package.json b/package.json index 3b19e47a1c..808fb42343 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/root", - "version": "6.0.0-alpha.0", + "version": "6.5.3-alpha.0", "private": true, "description": "Storybook for React Native is an open source tool for developing UI components in isolation. It makes building stunning UIs organized and efficient.", "keywords": [ @@ -24,185 +24,38 @@ }, "workspaces": { "packages": [ - "packages/*" + "packages/*", + "examples/*" ] }, "scripts": { "bootstrap": "node ./scripts/bootstrap.js", - "bootstrap:docs": "yarn install --cwd docs", - "build-packs": "lerna exec --scope '@storybook/*' -- \\$LERNA_ROOT_PATH/scripts/build-pack.sh \\$LERNA_ROOT_PATH/packs", - "changelog": "pr-log --sloppy --cherry-pick", - "changelog:next": "pr-log --sloppy --since-prerelease", - "coverage": "codecov", - "danger": "danger", "dev": "concurrently --kill-others \"yarn dev:tsc\" \"yarn dev:babel\"", "dev:babel": "lerna exec --scope @storybook/* --parallel -- cross-env-shell node \\$LERNA_ROOT_PATH/scripts/watch-babel.js", "dev:check-types": "tsc --noEmit", "dev:tsc": "lerna exec --scope @storybook/* --parallel -- cross-env-shell node \\$LERNA_ROOT_PATH/scripts/watch-tsc.js", - "docs:build": "npm --prefix docs run build", - "docs:dev": "npm --prefix docs run dev", "github-release": "github-release-from-changelog", - "lint": "yarn lint:js . && yarn lint:md .", - "lint:js": "cross-env NODE_ENV=production eslint --cache --cache-location=.cache/eslint --ext .js,.jsx,.html,.ts,.tsx,.mjs --report-unused-disable-directives", - "lint:js:fix": "yarn lint:js . --fix", - "lint:md": "remark -q", - "lint:package": "sort-package-json", + "lint": "cross-env NODE_ENV=production eslint --cache --cache-location=.cache/eslint --ext .js,.jsx,.html,.ts,.tsx,.mjs --report-unused-disable-directives", + "lint:fix": "yarn lint . --fix", "prepareAll": "lerna run prepare", - "publish:alpha": "npm run publish:latest -- --npm-tag=alpha", - "publish:crna": "yarn --cwd examples-native/crna-kitchen-sink expo publish", - "publish:debug": "npm run publish:latest -- --npm-tag=debug --no-push", - "publish:latest": "lerna publish --exact --concurrency 1 --force-publish", - "publish:next": "npm run publish:latest -- --npm-tag=next", - "repo-dirty-check": "node ./scripts/repo-dirty-check", + "version-packages": "yarn lerna version --force-publish", + "publish-alpha": "yarn lerna publish from-git --dist-tag alpha", + "publish:latest": "yarn lerna publish from-git --dist-tag latest", + "publish:next": "yarn lerna publish from-git --dist-tag next", "test": "lerna run test" }, + "devDependencies": { + "lerna": "^6.6.1" + }, "resolutions": { - "@types/react": "~18.0.27", - "@typescript-eslint/parser": "^5.37.0", - "@typescript-eslint/typescript-estree": "^4.26.1", - "react": "^18.2.0", "telejson": "^7.0.4" }, - "dependencies": { - "@typescript-eslint/parser": "^4.26.1", - "@typescript-eslint/typescript-estree": "^4.26.1" - }, - "devDependencies": { - "@babel/cli": "^7.2.3", - "@babel/core": "^7.19.3", - "@babel/plugin-proposal-class-properties": "^7.3.3", - "@babel/plugin-proposal-decorators": "^7.3.0", - "@babel/plugin-proposal-export-default-from": "^7.2.0", - "@babel/plugin-proposal-object-rest-spread": "^7.2.0", - "@babel/plugin-syntax-dynamic-import": "^7.2.0", - "@babel/plugin-transform-react-constant-elements": "^7.6.3", - "@babel/preset-env": "^7.7.1", - "@babel/preset-flow": "^7.0.0", - "@babel/preset-react": "^7.0.0", - "@babel/preset-typescript": "^7.3.3", - "@babel/runtime": "^7.12.5", - "@emotion/snapshot-serializer": "^0.8.2", - "@jest/transform": "^29.4.3", - "@react-native-community/eslint-config": "^2.0.0", - "@storybook/linter-config": "^3.0.0", - "@testing-library/react": "^9.2.0", - "@types/doctrine": "^0.0.3", - "@types/enzyme": "^3.10.3", - "@types/escodegen": "^0.0.6", - "@types/jest": "^29.4.0", - "@types/lodash": "^4.14.149", - "@types/node": "^15.12.2", - "@types/react": "~18.0.27", - "@types/semver": "^6.0.0", - "@types/webpack": "^4.41.0", - "@types/webpack-env": "^1.15.0", - "babel-core": "^7.0.0-bridge.0", - "babel-jest": "^29.4.3", - "babel-loader": "^8.2.3", - "babel-plugin-add-react-displayname": "^0.0.5", - "babel-plugin-dynamic-import-node": "^2.2.0", - "babel-plugin-emotion": "^10.0.20", - "babel-plugin-macros": "^2.7.0", - "babel-plugin-require-context-hook": "^1.0.0", - "chalk": "^3.0.0", - "codecov": "^3.5.0", - "codelyzer": "^5.0.0", - "commander": "^8.2.0", - "concurrently": "^5.0.0", - "core-js": "^3.0.1", - "corejs-upgrade-webpack-plugin": "^3.0.1", - "cross-env": "^6.0.3", - "danger": "^9.2.1", - "del": "^5.1.0", - "detect-port": "^1.3.0", - "enzyme": "^3.9.0", - "enzyme-adapter-react-16": "^1.9.1", - "eslint": "^7.32.0", - "eslint-config-prettier": "^8.3.0", - "eslint-plugin-react": "^7.24.0", - "esm": "^3.2.25", - "github-release-from-changelog": "^2.1.0", - "glob": "^7.1.7", - "http-server": "^0.11.1", - "husky": "^4.0.10", - "inquirer": "^7.0.0", - "jest": "^29.4.3", - "jest-emotion": "^10.0.17", - "jest-environment-jsdom": "^29.4.3", - "jest-enzyme": "^7.1.2", - "jest-watch-typeahead": "^2.2.2", - "lerna": "^3.19.0", - "lint-staged": "^9.4.1", - "lodash": "^4.17.15", - "node-cleanup": "^2.1.2", - "node-fetch": "^2.6.0", - "npmlog": "^4.1.2", - "prettier": "^2.4.1", - "raf": "^3.4.0", - "react": "^18.2.0", - "react-dom": "18.2.0", - "react-native": "0.71.3", - "react-test-renderer": "18.2.0", - "recursive-copy": "^2.0.10", - "regenerator-runtime": "^0.13.3", - "remark-cli": "^9.0.0", - "remark-lint": "^8.0.0", - "remark-preset-lint-recommended": "^5.0.0", - "shelljs": "^0.8.4", - "shx": "^0.3.3", - "sort-package-json": "^1.50.0", - "trash": "^7.1.1", - "ts-dedent": "^2.1.1", - "ts-jest": "^29.0.5", - "typescript": "^4.8.3", - "wait-on": "^3.3.0" - }, "engines": { - "node": ">=8.10.0", + "node": ">=16", "yarn": ">=1.3.2" }, "collective": { "type": "opencollective", "url": "https://opencollective.com/storybook" - }, - "pr-log": { - "skipLabels": [ - "cleanup", - "doc-dependencies:update" - ], - "validLabels": [ - [ - "BREAKING CHANGE", - "Breaking Changes" - ], - [ - "feature request", - "Features" - ], - [ - "bug", - "Bug Fixes" - ], - [ - "documentation", - "Documentation" - ], - [ - "maintenance", - "Maintenance" - ], - [ - "dependencies:update", - "Dependency Upgrades" - ], - [ - "dependencies", - "Dependency Upgrades" - ], - [ - "other", - "Other" - ] - ] } } diff --git a/packages/ondevice-actions/package.json b/packages/ondevice-actions/package.json index cfe2a0aa48..6b3c5575bb 100644 --- a/packages/ondevice-actions/package.json +++ b/packages/ondevice-actions/package.json @@ -23,7 +23,7 @@ "*.d.ts" ], "scripts": { - "prepare": "node ../../scripts/prepare.js" + "prepare": "tsc" }, "dependencies": { "@storybook/addons": "^6.5.14", diff --git a/packages/ondevice-actions/src/components/ActionLogger/Inspect.js b/packages/ondevice-actions/src/components/ActionLogger/Inspect.js new file mode 100644 index 0000000000..4e399ec2b2 --- /dev/null +++ b/packages/ondevice-actions/src/components/ActionLogger/Inspect.js @@ -0,0 +1,135 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +var react_1 = __importStar(require("react")); +var react_native_1 = require("react-native"); +var theme = { + OBJECT_NAME_COLOR: 'rgb(136, 19, 145)', + OBJECT_VALUE_NULL_COLOR: 'rgb(128, 128, 128)', + OBJECT_VALUE_UNDEFINED_COLOR: 'rgb(128, 128, 128)', + OBJECT_VALUE_REGEXP_COLOR: 'rgb(196, 26, 22)', + OBJECT_VALUE_STRING_COLOR: 'rgb(196, 26, 22)', + OBJECT_VALUE_SYMBOL_COLOR: 'rgb(196, 26, 22)', + OBJECT_VALUE_NUMBER_COLOR: 'rgb(28, 0, 207)', + OBJECT_VALUE_BOOLEAN_COLOR: 'rgb(28, 0, 207)', + OBJECT_VALUE_FUNCTION_PREFIX_COLOR: 'rgb(13, 34, 170)', + ARROW_COLOR: '#859499', +}; +var Inspect = function (_a) { + var name = _a.name, value = _a.value; + var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1]; + var canExpand = name && + ((Array.isArray(value) && value.length) || + (value && typeof value === 'object' && Object.keys(value).length)); + var toggleExpanded = react_1.default.useCallback(function () { + if (canExpand) { + setExpanded(function (currentValue) { return !currentValue; }); + } + }, [canExpand]); + var toggle = (react_1.default.createElement(react_native_1.Text, { style: { color: canExpand ? theme.ARROW_COLOR : 'transparent', paddingRight: 8 } }, expanded ? '▼' : '▶')); + var nameComponent = name ? (react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_NAME_COLOR } }, name)) : null; + if (Array.isArray(value)) { + if (name) { + return (react_1.default.createElement(react_1.default.Fragment, null, + react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: toggleExpanded, style: styles.row }, + toggle, + nameComponent, + react_1.default.createElement(react_native_1.Text, null, ": ".concat(value.length === 0 ? '[]' : expanded ? '[' : '[...]'))), + expanded ? (react_1.default.createElement(react_native_1.View, { style: styles.expanded }, + value.map(function (v, i) { return (react_1.default.createElement(react_native_1.View, { key: i, style: styles.expanded }, + react_1.default.createElement(Inspect, { value: v }))); }), + react_1.default.createElement(react_native_1.View, { style: styles.spacingLeft }, + react_1.default.createElement(react_native_1.Text, null, "]")))) : null)); + } + return (react_1.default.createElement(react_1.default.Fragment, null, + react_1.default.createElement(react_native_1.Text, null, "["), + value.map(function (v, i) { return (react_1.default.createElement(react_native_1.View, { key: i, style: styles.spacingLeft }, + react_1.default.createElement(Inspect, { value: v }))); }), + react_1.default.createElement(react_native_1.Text, null, "]"))); + } + if (value && typeof value === 'object' && !(value instanceof RegExp)) { + if (name) { + return (react_1.default.createElement(react_1.default.Fragment, null, + react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.row, onPress: toggleExpanded }, + toggle, + nameComponent, + react_1.default.createElement(react_native_1.Text, null, ": ".concat(Object.keys(value).length === 0 ? '{}' : expanded ? '{' : '{...}'))), + expanded ? (react_1.default.createElement(react_native_1.View, { style: styles.expanded }, + Object.entries(value).map(function (_a) { + var key = _a[0], v = _a[1]; + return (react_1.default.createElement(react_native_1.View, { key: key }, + react_1.default.createElement(Inspect, { name: key, value: v }))); + }), + react_1.default.createElement(react_native_1.View, { style: styles.spacingLeft }, + react_1.default.createElement(react_native_1.Text, null, '}')))) : null)); + } + return (react_1.default.createElement(react_1.default.Fragment, null, + react_1.default.createElement(react_native_1.Text, null, '{'), + Object.entries(value).map(function (_a) { + var key = _a[0], v = _a[1]; + return (react_1.default.createElement(react_native_1.View, { key: key }, + react_1.default.createElement(Inspect, { name: key, value: v }))); + }), + react_1.default.createElement(react_native_1.Text, null, '}'))); + } + if (name) { + return (react_1.default.createElement(react_native_1.View, { style: styles.row }, + toggle, + nameComponent, + react_1.default.createElement(react_native_1.Text, null, ": "), + react_1.default.createElement(Value, { value: value }))); + } + return react_1.default.createElement(Value, { value: value }); +}; +function Value(_a) { + var value = _a.value; + if (value === null) { + return react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_NULL_COLOR } }, "null"); + } + if (value === undefined) { + return react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_UNDEFINED_COLOR } }, "undefined"); + } + if (value instanceof RegExp) { + return (react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_REGEXP_COLOR } }, "/".concat(value.source, "/").concat(value.flags))); + } + switch (typeof value) { + case 'string': + return (react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_STRING_COLOR } }, JSON.stringify(value))); + case 'number': + return (react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_NUMBER_COLOR } }, JSON.stringify(value))); + case 'boolean': + return (react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_BOOLEAN_COLOR } }, JSON.stringify(value))); + case 'function': + return react_1.default.createElement(react_native_1.Text, { style: { color: theme.OBJECT_VALUE_FUNCTION_PREFIX_COLOR } }, "[Function]"); + default: + return react_1.default.createElement(react_native_1.Text, null, JSON.stringify(value)); + } +} +exports.default = Inspect; +var styles = react_native_1.StyleSheet.create({ + spacingLeft: { marginLeft: 20 }, + expanded: { marginLeft: 20 }, + row: { paddingBottom: 8, flexDirection: 'row', alignItems: 'center' }, +}); diff --git a/packages/ondevice-actions/src/components/ActionLogger/index.js b/packages/ondevice-actions/src/components/ActionLogger/index.js new file mode 100644 index 0000000000..f55cf2bb9c --- /dev/null +++ b/packages/ondevice-actions/src/components/ActionLogger/index.js @@ -0,0 +1,26 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.ActionLogger = void 0; +var react_1 = __importDefault(require("react")); +var react_native_1 = require("react-native"); +var Inspect_1 = __importDefault(require("./Inspect")); +var ActionLogger = function (_a) { + var actions = _a.actions, onClear = _a.onClear; + return (react_1.default.createElement(react_native_1.ScrollView, null, + react_1.default.createElement(react_native_1.ScrollView, { horizontal: true }, + react_1.default.createElement(react_native_1.View, null, actions.map(function (action) { return (react_1.default.createElement(react_native_1.View, { key: action.id, style: styles.row }, + react_1.default.createElement(react_native_1.View, null, action.count > 1 ? react_1.default.createElement(react_native_1.Text, null, action.count) : null), + react_1.default.createElement(react_native_1.View, { style: styles.grow }, + react_1.default.createElement(Inspect_1.default, { name: action.data.name, value: action.data.args || action.data })))); }))), + react_1.default.createElement(react_native_1.View, null, + react_1.default.createElement(react_native_1.Button, { onPress: onClear, title: "CLEAR" })))); +}; +exports.ActionLogger = ActionLogger; +exports.default = exports.ActionLogger; +var styles = react_native_1.StyleSheet.create({ + grow: { flexGrow: 1 }, + row: { flexDirection: 'row' }, +}); diff --git a/packages/ondevice-actions/src/containers/ActionLogger/index.js b/packages/ondevice-actions/src/containers/ActionLogger/index.js new file mode 100644 index 0000000000..0cb9798e1f --- /dev/null +++ b/packages/ondevice-actions/src/containers/ActionLogger/index.js @@ -0,0 +1,92 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { + if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { + if (ar || !(i in from)) { + if (!ar) ar = Array.prototype.slice.call(from, 0, i); + ar[i] = from[i]; + } + } + return to.concat(ar || Array.prototype.slice.call(from)); +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +var react_1 = __importStar(require("react")); +var fast_deep_equal_1 = __importDefault(require("fast-deep-equal")); +var addons_1 = require("@storybook/addons"); +var core_events_1 = require("@storybook/core-events"); +var addon_actions_1 = require("@storybook/addon-actions"); +var ActionLogger_1 = require("../../components/ActionLogger"); +var safeDeepEqual = function (a, b) { + try { + return (0, fast_deep_equal_1.default)(a, b); + } + catch (e) { + return false; + } +}; +var ActionLogger = function (_a) { + var active = _a.active; + var _b = (0, react_1.useState)([]), actions = _b[0], setActions = _b[1]; + var clearActions = function () { return setActions([]); }; + var clearActionsOnStoryChange = actions.length > 0 && actions[0].options.clearOnStoryChange; + (0, react_1.useEffect)(function () { + var handleStoryChange = function () { + if (clearActionsOnStoryChange) { + clearActions(); + } + }; + var channel = addons_1.addons.getChannel(); + channel.addListener(core_events_1.SELECT_STORY, handleStoryChange); + return function () { + channel.removeListener(core_events_1.SELECT_STORY, handleStoryChange); + }; + }, [clearActionsOnStoryChange]); + (0, react_1.useEffect)(function () { + var addAction = function (action) { + setActions(function (prevState) { + var newActions = __spreadArray([], prevState, true); + var previous = newActions.length && newActions[0]; + if (previous && safeDeepEqual(previous.data, action.data)) { + previous.count++; + } + else { + action.count = 1; + newActions.unshift(action); + } + return newActions.slice(0, action.options.limit); + }); + }; + var channel = addons_1.addons.getChannel(); + channel.addListener(addon_actions_1.EVENT_ID, addAction); + return function () { + channel.removeListener(addon_actions_1.EVENT_ID, addAction); + }; + }, []); + return active ? react_1.default.createElement(ActionLogger_1.ActionLogger, { actions: actions, onClear: clearActions }) : null; +}; +exports.default = ActionLogger; diff --git a/packages/ondevice-actions/src/index.js b/packages/ondevice-actions/src/index.js new file mode 100644 index 0000000000..9e0664f06a --- /dev/null +++ b/packages/ondevice-actions/src/index.js @@ -0,0 +1,23 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.register = void 0; +var react_1 = __importDefault(require("react")); +var addons_1 = __importDefault(require("@storybook/addons")); +var addon_actions_1 = require("@storybook/addon-actions"); +var ActionLogger_1 = __importDefault(require("./containers/ActionLogger")); +function register() { + addons_1.default.register(addon_actions_1.ADDON_ID, function () { + addons_1.default.addPanel(addon_actions_1.PANEL_ID, { + title: 'Actions', + render: function (_a) { + var active = _a.active, key = _a.key; + return react_1.default.createElement(ActionLogger_1.default, { key: key, active: active }); + }, + paramKey: addon_actions_1.PARAM_KEY, + }); + }); +} +exports.register = register; diff --git a/packages/ondevice-backgrounds/package.json b/packages/ondevice-backgrounds/package.json index bbb37c0c05..8c41997a4b 100644 --- a/packages/ondevice-backgrounds/package.json +++ b/packages/ondevice-backgrounds/package.json @@ -28,7 +28,7 @@ "*.d.ts" ], "scripts": { - "prepare": "node ../../scripts/prepare.js" + "prepare": "tsc" }, "dependencies": { "@storybook/addons": "^6.5.14", diff --git a/packages/ondevice-backgrounds/src/BackgroundPanel.js b/packages/ondevice-backgrounds/src/BackgroundPanel.js new file mode 100644 index 0000000000..73919c23c1 --- /dev/null +++ b/packages/ondevice-backgrounds/src/BackgroundPanel.js @@ -0,0 +1,61 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +var react_1 = __importDefault(require("react")); +var react_native_1 = require("react-native"); +var Swatch_1 = __importDefault(require("./Swatch")); +var constants_1 = __importStar(require("./constants")); +var codeSample = "\nimport React from 'react';\nimport { ComponentStory, ComponentMeta } from '@storybook/react-native';\nimport { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';\nimport { Text, StyleSheet } from 'react-native';\n\nconst Background = () => (\n Change background color via Addons -> Background\n);\n\nconst styles = StyleSheet.create({\n text: { color: 'black' },\n});\n\nconst BackgroundMeta: ComponentMeta = {\n title: 'Background CSF',\n component: Background,\n decorators: [withBackgrounds],\n parameters: {\n backgrounds: {\n default: 'plain',\n values: [\n { name: 'plain', value: 'white' },\n { name: 'warm', value: 'hotpink' },\n { name: 'cool', value: 'deepskyblue' },\n ],\n },\n },\n};\n\nexport default BackgroundMeta;\n\ntype BackgroundStory = ComponentStory;\n\nexport const Basic: BackgroundStory = () => ;\n".trim(); +var Instructions = function () { return (react_1.default.createElement(react_native_1.View, null, + react_1.default.createElement(react_native_1.Text, { style: [styles.paragraph, styles.title] }, "Setup Instructions"), + react_1.default.createElement(react_native_1.Text, { style: styles.paragraph }, "Please add the background decorator definition to your story. The background decorate accepts an array of items, which should include a name for your color (preferably the css class name) and the corresponding color / image value."), + react_1.default.createElement(react_native_1.Text, { style: styles.paragraph }, "Below is an example of how to add the background decorator to your story definition. Long press the example to copy it."), + react_1.default.createElement(react_native_1.Text, { selectable: true }, codeSample))); }; +var BackgroundPanel = function (_a) { + var active = _a.active, api = _a.api, channel = _a.channel; + if (!active) { + return null; + } + var store = api.store(); + var storyId = store.getSelection().storyId; + var story = store.fromId(storyId); + var backgrounds = story.parameters[constants_1.PARAM_KEY]; + var setBackgroundFromSwatch = function (background) { + channel.emit(constants_1.default.UPDATE_BACKGROUND, background); + }; + return (react_1.default.createElement(react_native_1.View, null, backgrounds ? (backgrounds.values.map(function (_a) { + var value = _a.value, name = _a.name; + return (react_1.default.createElement(react_native_1.View, { key: "".concat(name, " ").concat(value) }, + react_1.default.createElement(Swatch_1.default, { value: value, name: name, setBackground: setBackgroundFromSwatch }))); + })) : (react_1.default.createElement(Instructions, null)))); +}; +exports.default = BackgroundPanel; +var styles = react_native_1.StyleSheet.create({ + title: { fontSize: 16 }, + paragraph: { marginBottom: 8 }, +}); diff --git a/packages/ondevice-backgrounds/src/Swatch.js b/packages/ondevice-backgrounds/src/Swatch.js new file mode 100644 index 0000000000..28db188c3c --- /dev/null +++ b/packages/ondevice-backgrounds/src/Swatch.js @@ -0,0 +1,69 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +// @ts-ignore +var native_1 = __importDefault(require("@emotion/native")); +var prop_types_1 = __importDefault(require("prop-types")); +var react_1 = __importDefault(require("react")); +var PressableSwatch = native_1.default.TouchableOpacity(function (_a) { + var theme = _a.theme; + return ({ + marginBottom: theme.tokens.spacing3, + borderWidth: theme.inputs.swatch.borderWidth, + borderColor: theme.inputs.swatch.borderColor, + borderRadius: theme.inputs.swatch.outerBorderRadius, + backgroundColor: theme.inputs.swatch.backgroundColor, + paddingVertical: theme.inputs.swatch.paddingVertical, + paddingHorizontal: theme.inputs.swatch.paddingHorizontal, + }); +}); +var ColorSwatch = native_1.default.View(function (_a) { + var theme = _a.theme, color = _a.color; + return ({ + height: theme.inputs.swatch.height, + width: '100%', + borderRadius: theme.inputs.swatch.innerBorderRadius, + backgroundColor: color, + }); +}); +var ValueContainer = native_1.default.View(function (_a) { + var theme = _a.theme; + return ({ + flex: 1, + flexDirection: 'row', + justifyContent: 'space-between', + padding: theme.tokens.spacing1, + paddingBottom: 0, + }); +}); +var NameText = native_1.default.Text(function (_a) { + var theme = _a.theme; + return ({ + fontSize: theme.inputs.swatch.fontSize, + color: theme.inputs.labelTextColor, + fontWeight: theme.inputs.swatch.nameTextWeight, + }); +}); +var ValueText = native_1.default.Text(function (_a) { + var theme = _a.theme; + return ({ + fontSize: theme.inputs.swatch.fontSize, + color: theme.inputs.labelTextColor, + }); +}); +var Swatch = function (_a) { + var name = _a.name, value = _a.value, setBackground = _a.setBackground; + return (react_1.default.createElement(PressableSwatch, { onPress: function () { return setBackground(value); } }, + react_1.default.createElement(ColorSwatch, { color: value }), + react_1.default.createElement(ValueContainer, null, + react_1.default.createElement(NameText, null, name), + react_1.default.createElement(ValueText, null, value)))); +}; +Swatch.propTypes = { + name: prop_types_1.default.string.isRequired, + value: prop_types_1.default.string.isRequired, + setBackground: prop_types_1.default.func.isRequired, +}; +exports.default = Swatch; diff --git a/packages/ondevice-backgrounds/src/constants.js b/packages/ondevice-backgrounds/src/constants.js new file mode 100644 index 0000000000..cd81a15739 --- /dev/null +++ b/packages/ondevice-backgrounds/src/constants.js @@ -0,0 +1,11 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.PANEL_ID = exports.ADDON_ID = exports.PARAM_KEY = void 0; +exports.PARAM_KEY = 'backgrounds'; +exports.ADDON_ID = 'storybook-addon-background'; +exports.PANEL_ID = "".concat(exports.ADDON_ID, "/background-panel"); +exports.default = { + SET: "".concat(exports.ADDON_ID, ":set"), + UNSET: "".concat(exports.ADDON_ID, ":unset"), + UPDATE_BACKGROUND: "".concat(exports.ADDON_ID, ":update"), +}; diff --git a/packages/ondevice-backgrounds/src/container.js b/packages/ondevice-backgrounds/src/container.js new file mode 100644 index 0000000000..58f1d36e78 --- /dev/null +++ b/packages/ondevice-backgrounds/src/container.js @@ -0,0 +1,46 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +var react_1 = __importStar(require("react")); +var react_native_1 = require("react-native"); +var constants_1 = __importDefault(require("./constants")); +var Container = function (_a) { + var initialBackground = _a.initialBackground, channel = _a.channel, children = _a.children; + var _b = (0, react_1.useState)(initialBackground || ''), background = _b[0], setBackground = _b[1]; + (0, react_1.useEffect)(function () { + channel.on(constants_1.default.UPDATE_BACKGROUND, setBackground); + return function () { + channel.removeListener(constants_1.default.UPDATE_BACKGROUND, setBackground); + }; + }, [channel]); + return (react_1.default.createElement(react_native_1.View, { style: [styles.container, background && { backgroundColor: background }] }, children)); +}; +exports.default = Container; +var styles = react_native_1.StyleSheet.create({ + container: { flex: 1, backgroundColor: 'transparent' }, +}); diff --git a/packages/ondevice-backgrounds/src/index.js b/packages/ondevice-backgrounds/src/index.js new file mode 100644 index 0000000000..eb0641dd7a --- /dev/null +++ b/packages/ondevice-backgrounds/src/index.js @@ -0,0 +1,55 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.withBackgrounds = void 0; +var React = __importStar(require("react")); +var addons_1 = __importStar(require("@storybook/addons")); +var constants_1 = __importDefault(require("./constants")); +var container_1 = __importDefault(require("./container")); +exports.withBackgrounds = (0, addons_1.makeDecorator)({ + name: 'withBackgrounds', + parameterName: 'backgrounds', + skipIfNoParametersOrOptions: true, + wrapper: function (getStory, context, _a) { + var options = _a.options, parameters = _a.parameters; + var data = (parameters || options || { values: [] }); + var backgrounds = data.values; + var background = 'transparent'; + if (backgrounds.length !== 0) { + addons_1.default.getChannel().emit(constants_1.default.SET, backgrounds); + var defaultValue = data.default + ? backgrounds.find(function (b) { return b.name === data.default; }) + : undefined; + var defaultOrFirst = defaultValue ? defaultValue : backgrounds[0]; + if (defaultOrFirst) { + background = defaultOrFirst.value; + } + } + return (React.createElement(container_1.default, { initialBackground: background, channel: addons_1.default.getChannel() }, getStory(context))); + }, +}); diff --git a/packages/ondevice-backgrounds/src/register.js b/packages/ondevice-backgrounds/src/register.js new file mode 100644 index 0000000000..42053f2dcb --- /dev/null +++ b/packages/ondevice-backgrounds/src/register.js @@ -0,0 +1,43 @@ +"use strict"; +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}); +var __importStar = (this && this.__importStar) || function (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +var React = __importStar(require("react")); +var addons_1 = __importDefault(require("@storybook/addons")); +var constants_1 = require("./constants"); +var BackgroundPanel_1 = __importDefault(require("./BackgroundPanel")); +addons_1.default.register(constants_1.ADDON_ID, function (api) { + var channel = addons_1.default.getChannel(); + addons_1.default.addPanel(constants_1.PANEL_ID, { + title: 'Backgrounds', + render: function (_a) { + var active = _a.active; + return React.createElement(BackgroundPanel_1.default, { channel: channel, api: api, active: active }); + }, + paramKey: constants_1.PARAM_KEY, + }); +}); diff --git a/packages/ondevice-knobs/package.json b/packages/ondevice-knobs/package.json index fde7b61132..6eed181d67 100644 --- a/packages/ondevice-knobs/package.json +++ b/packages/ondevice-knobs/package.json @@ -24,7 +24,7 @@ "*.d.ts" ], "scripts": { - "prepare": "node ../../scripts/prepare.js" + "prepare": "tsc" }, "dependencies": { "@emotion/native": "^10.0.14", diff --git a/packages/ondevice-knobs/tsconfig.json b/packages/ondevice-knobs/tsconfig.json new file mode 100644 index 0000000000..76099d7016 --- /dev/null +++ b/packages/ondevice-knobs/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "baseUrl": ".", + "jsx": "react", + "rootDir": "./src", + "module": "ES6", + "skipDefaultLibCheck": true, + "skipLibCheck": true, + "target": "ES2016", + "allowSyntheticDefaultImports": true, + "outDir": "dist/", + "moduleResolution": "node", + "declaration": true, + "allowJs": true + }, + "include": ["src/**/*"] +} diff --git a/packages/react-native-server/package.json b/packages/react-native-server/package.json index 77401866f8..8db41db586 100644 --- a/packages/react-native-server/package.json +++ b/packages/react-native-server/package.json @@ -28,7 +28,7 @@ "*.d.ts" ], "scripts": { - "prepare": "node ../../scripts/prepare.js" + "prepare": "tsc" }, "dependencies": { "@storybook/addons": "^6.5.14", diff --git a/packages/react-native-server/tsconfig.json b/packages/react-native-server/tsconfig.json new file mode 100644 index 0000000000..de210ed80a --- /dev/null +++ b/packages/react-native-server/tsconfig.json @@ -0,0 +1,8 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "dist/", + "allowJs": true + }, + "include": ["src/**/*"] +} diff --git a/packages/react-native/src/preview/executeLoadable.ts b/packages/react-native/src/preview/executeLoadable.ts index 303da67f0e..5a1f49c8e5 100644 --- a/packages/react-native/src/preview/executeLoadable.ts +++ b/packages/react-native/src/preview/executeLoadable.ts @@ -2,8 +2,10 @@ import { logger } from '@storybook/client-logger'; import { Path, ModuleExports } from '@storybook/store'; import { Loadable, RequireContext, LoaderFunction } from '../types/types'; -declare var global: NodeJS.Global & - typeof globalThis & { lastExportsMap: Map }; +declare global { + var lastExportsMap: Map; +} + /** * Executes a Loadable (function that returns exports or require context(s)) * and returns a map of filename => module exports diff --git a/scripts/babel-jest.js b/scripts/babel-jest.js deleted file mode 100644 index 630e2f8033..0000000000 --- a/scripts/babel-jest.js +++ /dev/null @@ -1,6 +0,0 @@ -const path = require('path'); -const babelJest = require('babel-jest'); - -module.exports = babelJest.createTransformer({ - configFile: path.resolve(__dirname, '../.babelrc'), -}); diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js deleted file mode 100755 index 744114abdd..0000000000 --- a/scripts/bootstrap.js +++ /dev/null @@ -1,270 +0,0 @@ -#!/usr/bin/env node - -const childProcess = require('child_process'); -const { lstatSync, readdirSync } = require('fs'); -const { join } = require('path'); - -const logger = console; - -let cooldown = 0; - -try { - require('inquirer'); - require('commander'); - require('chalk'); - require('npmlog'); -} catch (e) { - logger.log('🕘 running bootstrap on a clean repo, we have to install dependencies'); - childProcess.spawnSync('yarn', ['install', '--ignore-optional'], { - stdio: ['inherit', 'inherit', 'inherit'], - }); - process.stdout.write('\x07'); - process.stdout.write('\x1Bc'); - - // give the filesystem some time - cooldown = 1000; -} finally { - setTimeout(run, cooldown); -} - -function run() { - const inquirer = require('inquirer'); - const program = require('commander'); - const chalk = require('chalk'); - const log = require('npmlog'); - - const isTgz = (source) => lstatSync(source).isFile() && source.match(/.tgz$/); - const getDirectories = (source) => - readdirSync(source) - .map((name) => join(source, name)) - .filter(isTgz); - - log.heading = 'storybook'; - const prefix = 'bootstrap'; - log.addLevel('aborted', 3001, { fg: 'red', bold: true }); - - const spawn = (command, options = {}) => { - const out = childProcess.spawnSync(`${command}`, { - shell: true, - stdio: 'inherit', - ...options, - }); - - if (out.status !== 0) { - process.exit(out.status); - } - return out; - }; - - const main = program - .version('5.0.0') - .option('--all', `Bootstrap everything ${chalk.gray('(all)')}`); - - const createTask = ({ - defaultValue, - option, - name, - check = () => true, - command, - pre = [], - order, - }) => ({ - value: false, - defaultValue: defaultValue || false, - option: option || undefined, - name: name || 'unnamed task', - check: check || (() => true), - order, - command: () => { - // run all pre tasks - pre - .map((key) => tasks[key]) - .forEach((task) => { - if (task.check()) { - task.command(); - } - }); - - log.info(prefix, name); - command(); - }, - }); - - const tasks = { - core: createTask({ - name: `Core & Examples ${chalk.gray('(core)')}`, - defaultValue: true, - option: '--core', - command: () => { - log.info(prefix, 'yarn workspace'); - }, - pre: ['install', 'build'], - order: 1, - }), - reset: createTask({ - name: `Clean repository ${chalk.red('(reset)')}`, - defaultValue: false, - option: '--reset', - command: () => { - log.info(prefix, 'git clean'); - spawn('node -r esm ./scripts/reset.js'); - }, - order: 0, - }), - install: createTask({ - name: `Install dependencies ${chalk.gray('(install)')}`, - defaultValue: false, - option: '--install', - command: () => { - spawn('yarn install --ignore-optional --network-concurrency 8'); - }, - order: 1, - }), - build: createTask({ - name: `Build packages ${chalk.gray('(build)')}`, - defaultValue: false, - option: '--build', - command: () => { - log.info(prefix, 'prepare'); - spawn('lerna run prepare'); - }, - order: 2, - }), - docs: createTask({ - name: `Documentation ${chalk.gray('(docs)')}`, - defaultValue: false, - option: '--docs', - command: () => { - spawn('yarn bootstrap:docs'); - }, - order: 6, - }), - packs: createTask({ - name: `Build tarballs of packages ${chalk.gray('(build-packs)')}`, - defaultValue: false, - option: '--packs', - command: () => { - spawn('yarn build-packs'); - }, - check: () => getDirectories(join(__dirname, '..', 'packs')).length === 0, - order: 5, - }), - registry: createTask({ - name: `Run local registry ${chalk.gray('(reg)')}`, - defaultValue: false, - option: '--reg', - command: () => { - spawn('./scripts/run-registry.js'); - }, - order: 11, - }), - dev: createTask({ - name: `Run build in watch mode ${chalk.gray('(dev)')}`, - defaultValue: false, - option: '--dev', - command: () => { - spawn('yarn dev'); - }, - order: 9, - }), - }; - - const groups = { - main: ['core', 'docs'], - buildtasks: ['install', 'build', 'packs'], - devtasks: ['dev', 'registry', 'reset'], - }; - - Object.keys(tasks) - .reduce((acc, key) => acc.option(tasks[key].option, tasks[key].name), main) - .parse(process.argv); - - const options = program.opts(); - Object.keys(tasks).forEach((key) => { - tasks[key].value = options[tasks[key].option.replace('--', '')] || options.all; - }); - - const createSeperator = (input) => `- ${input}${' ---------'.substr(0, 12)}`; - - const choices = Object.values(groups) - .map((l) => - l.map((key) => ({ - name: tasks[key].name, - checked: tasks[key].defaultValue, - })) - ) - .reduce( - (acc, i, k) => - acc.concat(new inquirer.Separator(createSeperator(Object.keys(groups)[k]))).concat(i), - [] - ); - - let selection; - if ( - !Object.keys(tasks) - .map((key) => tasks[key].value) - .filter(Boolean).length - ) { - selection = inquirer - .prompt([ - { - type: 'checkbox', - message: 'Select the bootstrap activities', - name: 'todo', - pageSize: Object.keys(tasks).length + Object.keys(groups).length, - choices, - }, - ]) - .then(({ todo }) => - todo.map((name) => tasks[Object.keys(tasks).find((i) => tasks[i].name === name)]) - ) - .then((list) => { - if (list.find((i) => i === tasks.reset)) { - return inquirer - .prompt([ - { - type: 'confirm', - message: `${chalk.red( - 'DESTRUCTIVE' - )} deletes node_modules, files not present in git ${chalk.underline( - 'will get trashed' - )}, except for .idea and .vscode, ${chalk.cyan('Continue?')}`, - name: 'sure', - }, - ]) - .then(({ sure }) => { - if (sure) { - return list; - } - throw new Error('problem is between keyboard and chair'); - }); - } - return list; - }); - } else { - selection = Promise.resolve( - Object.keys(tasks) - .map((key) => tasks[key]) - .filter((item) => item.value === true) - ); - } - - selection - .then((list) => { - if (list.length === 0) { - log.warn(prefix, 'Nothing to bootstrap'); - } else { - list - .sort((a, b) => a.order - b.order) - .forEach((key) => { - key.command(); - }); - process.stdout.write('\x07'); - } - }) - .catch((e) => { - log.aborted(prefix, chalk.red(e.message)); - log.silly(prefix, e); - process.exit(1); - }); -} diff --git a/scripts/build-frontpage.js b/scripts/build-frontpage.js deleted file mode 100755 index 75eca94a95..0000000000 --- a/scripts/build-frontpage.js +++ /dev/null @@ -1,17 +0,0 @@ -#!/usr/bin/env node -const fetch = require('node-fetch'); - -const { CIRCLE_BRANCH, FRONTPAGE_WEBHOOK } = process.env; - -console.log('build-frontpage'); -if (CIRCLE_BRANCH === 'master') { - if (FRONTPAGE_WEBHOOK) { - console.log('triggering frontpage build'); - const url = `https://api.netlify.com/build_hooks/${FRONTPAGE_WEBHOOK}`; - fetch(url, { method: 'post' }).then((res) => console.log('result', res.status)); - } else { - console.log('no webhook defined'); - } -} else { - console.log('skipping branch', CIRCLE_BRANCH); -} diff --git a/scripts/build-pack.sh b/scripts/build-pack.sh deleted file mode 100755 index f77e609c16..0000000000 --- a/scripts/build-pack.sh +++ /dev/null @@ -1,8 +0,0 @@ -#!/bin/bash - - -# run in package directory - -PACK_DIR=$1 -FILE=$(npm pack | tail -n 1) - -mv "$FILE" "$PACK_DIR/${FILE%-[0-9]*\.[0-9]*\.[0-9]*\.tgz}.tgz" diff --git a/scripts/build-storybooks.js b/scripts/build-storybooks.js deleted file mode 100755 index bfa84f53d8..0000000000 --- a/scripts/build-storybooks.js +++ /dev/null @@ -1,178 +0,0 @@ -#!/usr/bin/env node - -const { spawn } = require('child_process'); -const { promisify } = require('util'); -const { readdir: readdirRaw, writeFile: writeFileRaw, statSync, readFileSync } = require('fs'); -const { join } = require('path'); - -const readdir = promisify(readdirRaw); -const writeFile = promisify(writeFileRaw); - -const p = (l) => join(__dirname, '..', ...l); -const logger = console; - -const exec = async (command, args = [], options = {}) => - new Promise((resolve, reject) => { - const child = spawn(command, args, { - ...options, - stdio: 'inherit', - shell: true, - }); - - child - .on('close', (code) => { - if (code) { - reject(); - } else { - resolve(); - } - }) - .on('error', (e) => { - logger.error(e); - reject(); - }); - }); - -const hasBuildScript = (l) => { - const text = readFileSync(l, 'utf8'); - const json = JSON.parse(text); - - return !!json.scripts['build-storybook']; -}; - -const createContent = (deployables) => { - return ` - - - - - - - - -