Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Seperate components into internal-only category #11382

Merged
merged 16 commits into from
Jan 14, 2024

Conversation

alex-page
Copy link
Member

@alex-page alex-page commented Jan 2, 2024

WHY are these changes introduced?

Application Developers trying to build applications with the current Polaris documentation are building poor experiences as they are using components that should not be used for application development. Navigation Frame Toast... will render incorrectly in apps and Application Developers need to use App Bridge API's to correctly build their user interface.

This PR hopes to resolve this by:

  1. Move the internal team documentation for components to a new category called Internal only
  2. Deprecate the components for application developers and direct them to app bridge

The goal of this PR is too:

  • Ensure all components can be used by application developers without issue
  • Friction is added to components like <Modal> <Toast> and <Loading> to ensure that Application Developers are not incorrectly using these components and going to use app bridge components
  • Ensure Shopify employees can still access these components despite them being in a new more confusing location
  • Educate users without creating private documentation or shipping breaking changes
  • Alerts developers that these components can be removed in a future major version if we decide to move them to a private space

WHAT is this pull request doing?

  • Moves <ContextualSaveBar> <Navigation> <TopBar> <Toast> <Modal> <Loading> <Frame> into the Internal (auth required) component category
  • New deprecated component pages for <Navigation> <TopBar> <Toast> <Modal> <Loading> <Frame> and directs users to App Bridge API's when they exist
  • Adds banners and documentation for deprecated components
  • Hides internal only components from search and components landing page
  • Updates paths of component images
  • Add authentication for components/internal-only/**/*
  • Redirect component links in shopify.dev and polaris.shopify.com to internal-only path

@alex-page alex-page added the 🤖Skip Changelog Causes CI to ignore changelog update check. label Jan 2, 2024
@alex-page alex-page self-assigned this Jan 2, 2024
@Shopify Shopify deleted a comment from github-actions bot Jan 2, 2024
@alex-page alex-page force-pushed the internal-only-component-category branch 2 times, most recently from 9ff3fcb to 22463b9 Compare January 4, 2024 07:47
@alex-page alex-page force-pushed the internal-only-component-category branch from 22463b9 to 671f7c0 Compare January 4, 2024 08:15
@Shopify Shopify deleted a comment from github-actions bot Jan 12, 2024
Copy link
Contributor

@themarkappleby themarkappleby left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is amazing, thanks so much @alex-page! Just a few minor questions/comments from me 👍

polaris.shopify.com/content/content/voice-and-tone.mdx Outdated Show resolved Hide resolved
polaris.shopify.com/content/design/interaction-states.mdx Outdated Show resolved Hide resolved
polaris.shopify.com/src/components/Frame/Frame.module.scss Outdated Show resolved Hide resolved
- Point `internal-only` pages to other `internal-only` pages
- Point public documentation to `App Bridge` docs
- Remove banners from `internal-only` routes
- Fix spacing in navigation

Co-Authored-By: Mark Appleby <themarkappleby@gmail.com>
@alex-page alex-page force-pushed the internal-only-component-category branch from 82eb23e to 92a446f Compare January 14, 2024 21:59
@alex-page alex-page merged commit 5452269 into main Jan 14, 2024
11 of 12 checks passed
@alex-page alex-page deleted the internal-only-component-category branch January 14, 2024 22:10
AnnaCheba pushed a commit to AnnaCheba/polaris that referenced this pull request Apr 22, 2024
### WHY are these changes introduced?

Application Developers trying to build applications with the current
Polaris documentation are building poor experiences as they are using
components that should not be used for application development.
`Navigation` `Frame` `Toast`... will render incorrectly in apps and
Application Developers need to use App Bridge API's to correctly build
their user interface.

This PR hopes to resolve this by:
1. Move the internal team documentation for components to a new category
called `Internal only`
2. Deprecate the components for application developers and direct them
to app bridge

The goal of this PR is too:
- Ensure all components can be used by application developers without
issue
- Friction is added to components like `<Modal>` `<Toast>` and
`<Loading>` to ensure that Application Developers are not incorrectly
using these components and going to use app bridge components
- Ensure Shopify employees can still access these components despite
them being in a new _more confusing_ location
- Educate users without creating private documentation or shipping
breaking changes
- Alerts developers that these components can be removed in a future
major version if we decide to move them to a private space

### WHAT is this pull request doing?

- [x] Moves `<ContextualSaveBar>` `<Navigation>` `<TopBar>` `<Toast>`
`<Modal>` `<Loading>` `<Frame>` into the Internal (auth required)
component category
- [x] New deprecated component pages for `<Navigation>` `<TopBar>`
`<Toast>` `<Modal>` `<Loading>` `<Frame>` and directs users to App
Bridge API's when they exist
- [x] Adds banners and documentation for deprecated components
- [x] Hides internal only components from search and components landing
page
- [x] Updates paths of component images
- [x] Add authentication for `components/internal-only/**/*`
- [x] Redirect component links in shopify.dev and polaris.shopify.com to
`internal-only` path

---------

Co-authored-by: Mark Appleby <themarkappleby@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤖Skip Changelog Causes CI to ignore changelog update check.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants