@player-ui/storybook 0.15.3-next.0 → 0.15.3-next.2

package/package.json

@@ -8,7 +8,7 @@
     "manager.mjs"
   ],
   "name": "@player-ui/storybook",
-  "version": "0.15.3-next.0",
+  "version": "0.15.3-next.2",
   "exports": {
     ".": {
       "types": "./src/index.ts",
@@ -24,10 +24,10 @@
   },
   "main": "./dist/index.js",
   "dependencies": {
-    "@player-ui/beacon-plugin-react": "0.15.3-next.0",
-    "@player-ui/make-flow": "0.15.3-next.0",
-    "@player-ui/react": "0.15.3-next.0",
-    "@player-ui/metrics-plugin-react": "0.15.3-next.0",
+    "@player-ui/beacon-plugin-react": "0.15.3-next.2",
+    "@player-ui/make-flow": "0.15.3-next.2",
+    "@player-ui/react": "0.15.3-next.2",
+    "@player-ui/metrics-plugin-react": "0.15.3-next.2",
     "@vueless/storybook-dark-mode": "^10.0.4",
     "storybook": "^10.1.4",
     "@player-tools/xlr": "0.13.0-next.5",

package/src/addons/docs/index.tsx

@@ -61,7 +61,7 @@ function XLRObjectDocs(props: {
     "",
     ts.ScriptTarget.ES2017,
     false, // setParentNodes
-    ts.ScriptKind.TS
+    ts.ScriptKind.TS,
   );
 
   return (
@@ -82,11 +82,11 @@ function XLRObjectDocs(props: {
           {Object.entries(props.xlr.properties)
             .sort((a, b) =>
               // bubble up the required props first
-              a[1].required === b[1].required ? 0 : a[1].required ? -1 : 1
+              a[1].required === b[1].required ? 0 : a[1].required ? -1 : 1,
             )
             .map(([propKey, propType]) => {
               let nodeText: React.JSX.Element | string = getKeyName(
-                propType.node
+                propType.node,
               );
 
               if (nodeText === "object") {
@@ -110,7 +110,7 @@ function XLRObjectDocs(props: {
                 const tsText = printer.printNode(
                   ts.EmitHint.Unspecified,
                   tsType.type,
-                  resultFile
+                  resultFile,
                 );
 
                 nodeText = (
@@ -146,10 +146,10 @@ function XLRObjectDocs(props: {
 /** Panel to show doc info about asset props */
 export function DocsPanel(props: DocsPanelProps) {
   const assetDocsToRender = useParameter<Array<string> | undefined>(
-    "assetDocs"
+    "assetDocs",
   );
   const defaultXLRSources = useParameter<Array<any> | undefined>(
-    "assetXLRSources"
+    "assetXLRSources",
   );
 
   const darkMode = useDarkMode(props.api);
@@ -195,7 +195,7 @@ export function DocsPanel(props: DocsPanelProps) {
             xlr={assetXLR}
             darkMode={Boolean(darkMode)}
           />
-        )
+        ),
       )}
     </div>
   );

package/src/dsl/index.ts

@@ -1,2 +1,2 @@
-export * from './transpile';
-export * from './createDSLStory';
+export * from "./transpile";
+export * from "./createDSLStory";

package/src/player/storybookReactPlayerPlugin.ts

@@ -1,22 +1,22 @@
-import type { ReactPlayer, Player, ReactPlayerPlugin } from '@player-ui/react';
-import type { Timing } from '@player-ui/metrics-plugin-react';
-import { MetricsPlugin } from '@player-ui/metrics-plugin-react';
-import type { Dispatch } from 'redux';
+import type { ReactPlayer, Player, ReactPlayerPlugin } from "@player-ui/react";
+import type { Timing } from "@player-ui/metrics-plugin-react";
+import { MetricsPlugin } from "@player-ui/metrics-plugin-react";
+import type { Dispatch } from "redux";
 import type {
   DataChangeEventType,
   LogEventType,
   StateChangeEventType,
   MetricChangeEventType,
-} from '../state';
-import { createEvent } from '../state';
-import { addEvents, clearEvents } from '../redux';
+} from "../state";
+import { createEvent } from "../state";
+import { addEvents, clearEvents } from "../redux";
 
 /**
  *
  * A web plugin for interacting with storybook
  */
 export class StorybookPlayerPlugin implements ReactPlayerPlugin {
-  public readonly name = 'Storybook';
+  public readonly name = "Storybook";
 
   private dispatch: Dispatch;
   private metricsPlugin: MetricsPlugin;
@@ -29,10 +29,10 @@ export class StorybookPlayerPlugin implements ReactPlayerPlugin {
         // actions.setMetrics(metrics);
       },
       onRenderEnd: (timing) => {
-        this.onMetricChange(timing, 'render');
+        this.onMetricChange(timing, "render");
       },
       onUpdateEnd: (timing) => {
-        this.onMetricChange(timing, 'update');
+        this.onMetricChange(timing, "update");
       },
     });
   }
@@ -51,11 +51,11 @@ export class StorybookPlayerPlugin implements ReactPlayerPlugin {
         const events: Array<DataChangeEventType> = dataUpdates.map(
           (dataUpdate) =>
             createEvent({
-              type: 'dataChange',
+              type: "dataChange",
               binding: dataUpdate.binding.asString(),
               from: dataUpdate.oldValue,
               to: dataUpdate.newValue,
-            })
+            }),
         );
         this.dispatch(addEvents(events));
       });
@@ -65,43 +65,43 @@ export class StorybookPlayerPlugin implements ReactPlayerPlugin {
       this.dispatch(
         addEvents([
           createEvent<LogEventType>({
-            type: 'log',
+            type: "log",
             message: data,
             severity,
           }),
-        ])
+        ]),
       );
     });
 
     rp.player.hooks.state.tap(this.name, (newState) => {
-      if ('error' in newState) {
+      if ("error" in newState) {
         this.dispatch(
           addEvents([
             createEvent<StateChangeEventType>({
-              type: 'stateChange',
+              type: "stateChange",
               state: newState.status,
               error: newState.error.message,
             }),
-          ])
+          ]),
         );
-      } else if (newState.status === 'completed') {
+      } else if (newState.status === "completed") {
         this.dispatch(
           addEvents([
             createEvent<StateChangeEventType>({
-              type: 'stateChange',
+              type: "stateChange",
               state: newState.status,
               outcome: newState.endState.outcome,
             }),
-          ])
+          ]),
         );
       } else {
         this.dispatch(
           addEvents([
             createEvent<StateChangeEventType>({
-              type: 'stateChange',
+              type: "stateChange",
               state: newState.status,
             }),
-          ])
+          ]),
         );
       }
     });
@@ -115,11 +115,11 @@ export class StorybookPlayerPlugin implements ReactPlayerPlugin {
     this.dispatch(
       addEvents([
         createEvent<MetricChangeEventType>({
-          type: 'metric',
+          type: "metric",
           metricType,
           message: `Duration: ${timing.duration.toFixed(0)} ms`,
         }),
-      ])
+      ]),
     );
   }
 }