Upgrade Cosmos

components/__fixtures__/ill/binary-search/beginning.js

@@ -1,5 +1,9 @@
+import BinarySearch from '../../../ill/binary-search/binary-search';
+
 export default {
+  component: BinarySearch,
   layoutFor: 'binarySearch',
+
   frameFrom: {
     prevStep: {
       bindings: {
@@ -20,6 +24,7 @@ export default {
     },
     stepProgress: 0.5
   },
+
   props: {
     actions: {}
   }

components/__fixtures__/ill/binary-search/comparing.js

@@ -1,5 +1,9 @@
+import BinarySearch from '../../../ill/binary-search/binary-search';
+
 export default {
+  component: BinarySearch,
   layoutFor: 'binarySearch',
+
   frameFrom: {
     prevStep: {
       bindings: {
@@ -24,6 +28,7 @@ export default {
     },
     stepProgress: 0.633
   },
+
   props: {
     actions: {}
   }

components/__fixtures__/ill/binary-search/found.js

@@ -1,5 +1,9 @@
+import BinarySearch from '../../../ill/binary-search/binary-search';
+
 export default {
+  component: BinarySearch,
   layoutFor: 'binarySearch',
+
   frameFrom: {
     prevStep: {
       bindings: {
@@ -24,6 +28,7 @@ export default {
     },
     stepProgress: 1
   },
+
   props: {
     actions: {}
   }

components/__fixtures__/ill/binary-search/intro.js

@@ -1,5 +1,9 @@
+import BinarySearch from '../../../ill/binary-search/binary-search';
+
 export default {
+  component: BinarySearch,
   layoutFor: 'binarySearch',
+
   frameFrom: {
     prevStep: {
       bindings: {
@@ -17,6 +21,7 @@ export default {
     },
     stepProgress: 0
   },
+
   props: {
     actions: {
       generateSteps: steps => console.log('steps', steps)

components/__fixtures__/ill/quicksort/intro.js

@@ -1,5 +1,9 @@
+import Quicksort from '../../../ill/quicksort/quicksort';
+
 export default {
+  component: Quicksort,
   layoutFor: 'quicksort',
+
   frameFrom: {
     prevStep: {
       bindings: {
@@ -14,6 +18,7 @@ export default {
     },
     stepProgress: 0
   },
+
   props: {
     actions: {
       shuffleInput: () => console.log('shuffle input'),

components/__fixtures__/ill/quicksort/intro/blank.js

@@ -1,5 +1,9 @@
+import Intro from '../../../../ill/quicksort/intro';
+
 export default {
+  component: Intro,
   layoutFor: 'quicksort',
+
   props: {
     frame: {
       intro: {

components/__fixtures__/ill/quicksort/outro/blank.js

@@ -1,5 +1,9 @@
+import Outro from '../../../../ill/quicksort/outro';
+
 export default {
+  component: Outro,
   layoutFor: 'quicksort',
+
   props: {
     frame: {
       outro: {

components/__fixtures__/ill/raw-data/first-frame-wip.js

@@ -1,5 +1,9 @@
+import RawData from '../../../ill/raw-data';
+
 export default {
+  component: RawData,
   layoutFor: 'bfs',
+
   frameFrom: {
     prevStep: {
       bindings: {

components/__fixtures__/ill/shared/emoji-block/blank.js

@@ -1,5 +1,9 @@
+import EmojiBlock from '../../../../ill/shared/emoji-block';
+
 export default {
+  component: EmojiBlock,
   layoutFor: 'binarySearch',
+
   props: {
     name: 'panda',
     glow: 0

components/__fixtures__/ill/shared/emoji-block/empty.js

@@ -1,3 +1,6 @@
+import EmojiBlock from '../../../../ill/shared/emoji-block';
+
 export default {
+  component: EmojiBlock,
   layoutFor: 'quicksort'
 };

components/__fixtures__/ill/shared/emoji-block/glow.js

@@ -1,5 +1,9 @@
+import EmojiBlock from '../../../../ill/shared/emoji-block';
+
 export default {
+  component: EmojiBlock,
   layoutFor: 'binarySearch',
+
   props: {
     name: 'panda',
     glow: 0.8

components/__fixtures__/ill/shared/emoji-icon/bear.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'bear',
     width: 100,

components/__fixtures__/ill/shared/emoji-icon/cat.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'cat',
     width: 100,

components/__fixtures__/ill/shared/emoji-icon/dog.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'dog',
     width: 100,

components/__fixtures__/ill/shared/emoji-icon/lion.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'lion',
     width: 100,

components/__fixtures__/ill/shared/emoji-icon/no-entry.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'no entry',
     width: 100,

components/__fixtures__/ill/shared/emoji-icon/panda.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'panda',
     width: 100,

components/__fixtures__/ill/shared/emoji-icon/snail.js

@@ -1,4 +1,8 @@
+import EmojiIcon from '../../../../ill/shared/emoji-icon';
+
 export default {
+  component: EmojiIcon,
+
   props: {
     name: 'snail',
     width: 100,

components/__fixtures__/ill/shared/label/pivot.js

@@ -1,5 +1,9 @@
+import Label from '../../../../ill/shared/label';
+
 export default {
+  component: Label,
   layoutFor: 'quicksort',
+
   props: {
     text: 'pivot'
   }

components/__fixtures__/ill/shared/number-var/max-5.js

@@ -1,5 +1,9 @@
+import NumberVar from '../../../../ill/shared/number-var';
+
 export default {
+  component: NumberVar,
   layoutFor: 'binarySearch',
+
   props: {
     value: 5,
     label: 'max'

components/__fixtures__/menu/binary-search.js

@@ -1,5 +1,9 @@
+import Menu from '../../menu';
+
 export default {
+  component: Menu,
   layoutFor: 'binarySearch',
+
   props: {
     currentPath: '/binary-search'
   }

components/__fixtures__/page/bfs.js

@@ -2,6 +2,7 @@ import bfs from '../../../algorithms/bfs';
 import RawData from '../../../components/ill/raw-data';
 import computeBfsLayout from '../../../layout/bfs';
 import computeRawDataFrame from '../../../frame/raw-data';
+import Page from '../../page';
 
 const graph = {
   you: ['alice', 'bob', 'claire'],
@@ -17,6 +18,8 @@ const name = 'you';
 const { steps } = bfs(graph, name);
 
 export default {
+  component: Page,
+
   props: {
     currentPath: '/bfs',
     algorithm: bfs,

components/__fixtures__/page/binary-search.js

@@ -2,10 +2,13 @@ import binarySearch from '../../../algorithms/binary-search';
 import BinarySearch from '../../../components/ill/binary-search/binary-search';
 import computeBinarySearchLayout from '../../../layout/binary-search';
 import computeBinarySearchFrame from '../../../frame/binary-search';
+import Page from '../../page';
 
 const list = ['bear', 'cat', 'dog', 'lion', 'panda', 'snail'];
 
 export default {
+  component: Page,
+
   props: {
     currentPath: '/binary-search',
     algorithm: binarySearch,

components/__fixtures__/page/quicksort.js

@@ -2,12 +2,15 @@ import quicksort from '../../../algorithms/quicksort';
 import Quicksort from '../../../components/ill/quicksort/quicksort';
 import computeQuicksortLayout from '../../../layout/quicksort';
 import computeQuicksortFrame from '../../../frame/quicksort';
+import Page from '../../page';
 
 const list = ['cherries', 'kiwi', 'grapes', 'avocado', 'pineapple', 'peach'];
 const { steps } = quicksort(list);
 
 export default {
+  component: Page,
   layoutFor: 'quicksort',
+
   props: {
     currentPath: '/quicksort',
     algorithm: quicksort,

components/__fixtures__/playback-controls/finished.js

@@ -1,5 +1,9 @@
+import PlaybackControls from '../../playback-controls';
+
 export default {
+  component: PlaybackControls,
   layoutFor: 'binarySearch',
+
   props: {
     isPlaying: false,
     pos: 1229,

components/__fixtures__/playback-controls/playing.js

@@ -1,5 +1,9 @@
+import PlaybackControls from '../../playback-controls';
+
 export default {
+  component: PlaybackControls,
   layoutFor: 'binarySearch',
+
   props: {
     isPlaying: true,
     pos: 300,

components/__fixtures__/playback-controls/stopped.js

@@ -1,5 +1,9 @@
+import PlaybackControls from '../../playback-controls';
+
 export default {
+  component: PlaybackControls,
   layoutFor: 'binarySearch',
+
   props: {
     isPlaying: false,
     pos: 0,

components/__fixtures__/player/binary-search-mid-way.js

@@ -1,12 +1,15 @@
 import binarySearch from '../../../algorithms/binary-search';
 import BinarySearch from '../../../components/ill/binary-search/binary-search';
 import computeBinarySearchFrame from '../../../frame/binary-search';
+import Player from '../../player';
 
 const list = ['bear', 'cat', 'dog', 'lion', 'panda', 'snail'];
 const { steps } = binarySearch(list, 'dog');
 
 export default {
+  component: Player,
   layoutFor: 'binarySearch',
+
   props: {
     computeFrame: computeBinarySearchFrame,
     algorithm: binarySearch,
@@ -26,6 +29,7 @@ export default {
       }
     }
   },
+
   state: {
     pos: 425.27999999999804,
     isPlaying: false

components/__fixtures__/player/binary-search.js

@@ -1,11 +1,14 @@
 import binarySearch from '../../../algorithms/binary-search';
 import BinarySearch from '../../../components/ill/binary-search/binary-search';
 import computeBinarySearchFrame from '../../../frame/binary-search';
+import Player from '../../player';
 
 const list = ['bear', 'cat', 'dog', 'lion', 'panda', 'snail'];
 
 export default {
+  component: Player,
   layoutFor: 'binarySearch',
+
   props: {
     computeFrame: computeBinarySearchFrame,
     algorithm: binarySearch,

components/__fixtures__/player/quicksort.js

@@ -2,9 +2,12 @@ import offsetSteps from '../../../utils/offset-steps';
 import quicksort from '../../../algorithms/quicksort';
 import Quicksort from '../../../components/ill/quicksort/quicksort';
 import computeQuicksortFrame from '../../../frame/quicksort';
+import Player from '../../player';
 
 export default {
+  component: Player,
   layoutFor: 'quicksort',
+
   props: {
     computeFrame: computeQuicksortFrame,
     algorithm: quicksort,

components/__fixtures__/source-code/bfs.js

@@ -1,7 +1,10 @@
 import bfs from '../../../algorithms/bfs';
+import SourceCode from '../../source-code';
 
 export default {
+  component: SourceCode,
   layoutFor: 'bfs',
+
   props: {
     def: bfs.code
   }

components/__fixtures__/source-code/binary-search.js

@@ -1,7 +1,10 @@
 import binarySearch from '../../../algorithms/binary-search';
+import SourceCode from '../../source-code';
 
 export default {
+  component: SourceCode,
   layoutFor: 'binarySearch',
+
   props: {
     def: binarySearch.code
   }