[docs] Make Copiable header links / Anchor tags for collapsible headers (#24293)# Why https://linear.app/expo/issue/ENG-9863/make-collapsible-headers-as-anchor-links Fun story: 1. I origina
[docs] Make Copiable header links / Anchor tags for collapsible headers (#24293)# Why https://linear.app/expo/issue/ENG-9863/make-collapsible-headers-as-anchor-links Fun story: 1. I originally though @brentvatne was asking for a quick copy button for the anchor links for headers 2. So I did that, and __then__ I read @amandeepmittal's Linear issue. 3. So then I made anchor tags for collapsible headers 4. ...which required the quick copy button to be useful. # How ## Copiable header links I took inspiration from the [React Native Upgrade Advisor](https://react-native-community.github.io/upgrade-helper/?from=0.71.11&to=0.72.1): <img width="428" alt="image" src="https://github.com/expo/expo/assets/8053974/d6bf26e5-2ade-481a-ad01-16a264b3e480"> Right now, it only shows the first tooltip. I would like it have it change on copy like the upgrade advisor, but the tooltip disappears on copy, and then when you hover over it again, it shows both tooltips, so there's some figuring out about how tippy.js works to do to make this work: <img width="221" alt="image" src="https://github.com/expo/expo/assets/8053974/304639f9-e146-4a6e-87b8-249a0cbec029"> Like the Upgrade Advisor links, I made the anchor button itself not move the page/ set the URL, since it seemed kind of nice to be able to do just do the copy. I could see going the other way, though ## Anchors for collapsible links Some of this code is copied from `Permalink` in order to make the `details` component be aware of the anchor tag, opening the details when navigating to the anchor. These headers/ anchor links definitely do not set the URL, so the page doesn't jump while it's also expanding an element. Thus, the only way to get the anchor is by pressing the copy icon. But pasting in the URL will take you to the collapsible section and expand it, while still allowing you to collapse it again. # Test Plan - [x] didn't break existing headers/ permalink functionality - [x] copy works - [x] didn't break existing collapsible functionality - [x] can copy a collapsible link - [x] can navigate directly to a collapsible and it expands - [x] can still collapse a collapsible after navigating # Checklist <!-- Please check the appropriate items below if they apply to your diff. This is required for changes to Expo modules. --> - [ ] Documentation is up to date to reflect these changes (eg: https://docs.expo.dev and README.md). - [ ] Conforms with the [Documentation Writing Style Guide](https://github.com/expo/expo/blob/main/guides/Expo%20Documentation%20Writing%20Style%20Guide.md) - [ ] This diff will work correctly for `npx expo prebuild` & EAS Build (eg: updated a module plugin). --------- Co-authored-by: Bartosz Kaszubowski <[email protected]>
show more ...
[docs] update Next and Styleguide packages to the latest version (#22274)
[docs] refactor part of the components, use TW instead Emotion (#21751)
[docs] migrate to new styleguide packages (#21557)
[docs] Add radix colors (#20397)# Why I updated the styleguide to use Radix colors. This PR adds the new version of styleguide to the docs and changes all the color, shadow, and border-radius
[docs] Add radix colors (#20397)# Why I updated the styleguide to use Radix colors. This PR adds the new version of styleguide to the docs and changes all the color, shadow, and border-radius values. # How - Very carefully finding + replacing values. - Also used `tsc` to find spots where I missed. # Test Plan I looked through the docs for awhile and fixed up a lot of spots that did not look correct. However, there may be more spots out there, so please click through the website and report any color issues that appear in this PR and not in production. # Checklist <!-- Please check the appropriate items below if they apply to your diff. This is required for changes to Expo modules. --> - [x] Documentation is up to date to reflect these changes (eg: https://docs.expo.dev and README.md). - [x] Conforms with the [Documentation Writing Style Guide](https://github.com/expo/expo/blob/main/guides/Expo%20Documentation%20Writing%20Style%20Guide.md) - [x] This diff will work correctly for `expo prebuild` & EAS Build (eg: updated a module plugin).
[docs] switch to the new font system introduced in Next 13 (#20536)
[docs] update to Next 13, refactor links (#19698)
[docs] convert app to ESM, update MDX to v2 (#18947)Co-authored-by: Jon Samp <[email protected]>
[docs] convert Next app to ESM (#18916)
[docs] bump Next, switch to React 18 (#18256)
[docs] Upgrade to Next 12 and SWC (#18115)* [docs] Upgrade next to 12.1.5 * babel loader * Update docs/components/base/list.tsx Co-authored-by: Bartosz Kaszubowski <[email protected]> *
[docs] Upgrade to Next 12 and SWC (#18115)* [docs] Upgrade next to 12.1.5 * babel loader * Update docs/components/base/list.tsx Co-authored-by: Bartosz Kaszubowski <[email protected]> * update snapshot * remove ignores * remove one more ts ignore * revert dangerjs * remove resolutions * use require * pay attn to build errors Co-authored-by: Cedric van Putten <[email protected]> Co-authored-by: Bartosz Kaszubowski <[email protected]>
[docs] update dev dependencies (#18087)
[docs] update Styleguide, replace most of the icons (#17716)
[docs] autogenerate basic Terminal cmdCopy, update tests and test deps (#17483)
[docs] redesign: new Collapsible component (#17435)
[docs] Move development builds to guides (#17341)
[docs] Fix persisting scroll and background colors in navigation (#16248)* [docs] Add scrolling to navigation and set proper background colors * [docs] Add scroll persist hook for layout scroll
[docs] Fix persisting scroll and background colors in navigation (#16248)* [docs] Add scrolling to navigation and set proper background colors * [docs] Add scroll persist hook for layout scroll * [docs] Reimplement scroll persist on the navigation sidebar * [docs] Fix linting issue
[docs] Add renewed version selector to navigation (#16194)* [docs] Add renewed version selector to navigation * [docs] Fix linting issue
[docs] Partially add redesigned sidebar navigation (#16192)* [docs] Add first draft sidebar navigation components * [docs] Add active page marker and fix spacing * [docs] Add navigation sideb
[docs] Partially add redesigned sidebar navigation (#16192)* [docs] Add first draft sidebar navigation components * [docs] Add active page marker and fix spacing * [docs] Add navigation sidebar renderer and fix section list * [docs] Add semi-optimized active node detection * [docs] Add tests for navigation active node detection * [docs] Add navigation render tests * [docs] Fix linting issues * [docs] Stop the iteration early if the active nodes are found * [docs] Align group titles with text * [docs] Make the error message in navigation renders a bit clearer