@planningcenter/topbar 9.12.0 → 9.13.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -58,7 +58,7 @@ In their Topbar implementation component, they then create the function that pro
58
58
 
59
59
  ```jsx
60
60
  const waitForWindowJolt = async () =>
61
- window.joltListenerPromise.then(listener => {
61
+ window.joltListenerPromise.then((listener) => {
62
62
  if (listener && listener.jolt) {
63
63
  return listener.jolt
64
64
  }
@@ -80,14 +80,20 @@ yarn add @planningcenter/topbar
80
80
 
81
81
  ```bash
82
82
  cd ~/Code/planningcenter/design/planningcenter/topbar
83
- npm i
84
- npm run dev
83
+ yarn install
84
+ yarn dev
85
85
  ```
86
86
 
87
87
  The `dev` script starts a server at [http://localhost:9000](http://localhost:9000).
88
88
 
89
89
  The [`dev/dev.tsx`](./dev/dev.tsx) is the main dev environment component.
90
90
 
91
+ ### Chat development (Toolbar)
92
+
93
+ In order for the Chat tool to fetch your Stream User, the component needs your `planning_center_session` cookie.
94
+
95
+ Visiting the Topbar dev server at [people.pco.test:9000](http://people.pco.test:9000) (or at port `9000` on any of the other apps listed in your hosts file) will provide the cookie.
96
+
91
97
  ### Local App Development
92
98
 
93
99
  If you are working on a new feature or run into a specific bug in your application and need to inspect the problem locally before publishing, you can use [`yalc`](https://github.com/whitecolor/yalc#yalc) to install and run the Topbar package locally.