Set up ToggleSwitch.stories.tsx that launches successfully from a hardcoded fake.js

Author: octogonz

build-tests-samples/heft-storybook-react-tutorial/.storybook/main.js

@@ -0,0 +1,4 @@
+module.exports = {
+  stories: ['../lib/**/*.stories.js'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials']
+};

build-tests-samples/heft-storybook-react-tutorial/.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/
+    }
+  }
+};

build-tests-samples/heft-storybook-react-tutorial/.vscode/launch.json

@@ -4,6 +4,16 @@
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Debug fake.js",
+      "program": "${workspaceFolder}/fake.js",
+      "args": [ "-p", "6006"],
+      "cwd": "${workspaceFolder}",
+      "console": "integratedTerminal",
+      "sourceMaps": false
+    },
     {
       "type": "node",
       "request": "launch",

build-tests-samples/heft-storybook-react-tutorial/fake.js

@@ -0,0 +1,4 @@
+const enginePath =
+  'C:\\Git\\rushstack\\build-tests-samples\\heft-storybook-react-tutorial\\node_modules\\heft-storybook-react-tutorial-storybook\\node_modules\\@storybook\\react\\dist\\cjs\\server\\index.js';
+debugger;
+require(enginePath);

build-tests-samples/heft-storybook-react-tutorial/src/ToggleSwitch.stories.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import { ToggleSwitch } from './ToggleSwitch';
+
+export default {
+  title: 'Octogonz/ToggleSwitch',
+  component: ToggleSwitch,
+  argTypes: {
+    leftColor: { control: 'color' },
+    rightColor: { control: 'color' }
+  }
+} as ComponentMeta<typeof ToggleSwitch>;
+
+const Template: ComponentStory<typeof ToggleSwitch> = (args) => <ToggleSwitch {...args} />;
+
+// eslint-disable-next-line
+export const Primary: any = Template.bind({});
+Primary.args = {};
+
+// eslint-disable-next-line
+export const Secondary: any = Template.bind({});
+Secondary.args = {};