Merge pull request #23 from seamapi/pub-key-from-env

.storybook/main.ts

@@ -1,7 +1,7 @@
 import { existsSync } from 'node:fs'
 import { join, parse, resolve } from 'node:path'
 
-import type { StorybookConfig } from '@storybook/react-webpack5'
+import { type StorybookConfig } from '@storybook/react-webpack5'
 import { NormalModuleReplacementPlugin } from 'webpack'
 import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin'
 

.storybook/preview.tsx

@@ -1,10 +1,12 @@
-import type { Preview } from '@storybook/react'
+import { type Preview } from '@storybook/react'
 
 import { SeamProvider } from 'index.js'
 
 // UPSTREAM: Use toolbar input when it lands.
 // https://github.com/storybookjs/storybook/pull/21959
-const publishableKey = 'seam_pk1fGd41X_zKs0ZELRWEc8nWxiBsrTFC98'
+const defaultPublishableKey =
+  process.env['STORYBOOK_SEAM_PUBLISHABLE_KEY'] ??
+  'seam_pk1fGd41X_zKs0ZELRWEc8nWxiBsrTFC98'
 
 const preview: Preview = {
   parameters: {
@@ -19,7 +21,7 @@ const preview: Preview = {
   decorators: [
     (Story) => {
       return (
-        <SeamProvider publishableKey={publishableKey} endpoint='/api'>
+        <SeamProvider publishableKey={defaultPublishableKey} endpoint='/api'>
           <Story />
         </SeamProvider>
       )

README.md

@@ -82,7 +82,7 @@ $ npm install
 
 #### Automatic
 
-New versions are released automatically with [semantic-release].
+New versions are released automatically with [semantic-release]
 as long as commits follow the [Angular Commit Message Conventions].
 
 [Angular Commit Message Conventions]: https://semantic-release.gitbook.io/semantic-release/#commit-message-format

src/lib/components/DeviceManager/DeviceManager.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react'
+import { type Meta, type StoryObj } from '@storybook/react'
 
 import { DeviceManager } from './DeviceManager.js'