refactor(marko): migrate to TS

app/marko/src/client/preview/index.js → app/marko/src/client/preview/index.ts

@@ -15,7 +15,8 @@ export const {
 } = clientApi;
 
 const framework = 'marko';
-export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args) => coreConfigure(framework, ...args);
+export const storiesOf = (...args: any) =>
+  clientApi.storiesOf(...args).addParameters({ framework });
+export const configure = (...args: any) => coreConfigure(framework, ...args);
 
 export { forceReRender };

app/marko/src/client/preview/render.js → app/marko/src/client/preview/render.ts

@@ -4,9 +4,9 @@ import dedent from 'ts-dedent';
 import { logger } from '@storybook/client-logger';
 
 const rootEl = document.getElementById('root');
-let activeComponent = null; // currently loaded marko component.
-let activeTemplate = null; // template for the currently loaded component.
-let activeStoryFn = null; // used to determine if we've switched stories.
+let activeComponent: any = null; // currently loaded marko component.
+let activeTemplate: any = null; // template for the currently loaded component.
+let activeStoryFn: any = null; // used to determine if we've switched stories.
 
 export default function renderMain({
   storyFn,
@@ -15,7 +15,14 @@ export default function renderMain({
   showMain,
   showError,
   parameters,
-  // forceRender,
+}: // forceRender,
+{
+  storyFn: Function;
+  kind: string;
+  name: string;
+  showMain: () => any;
+  showError: (input: { title: string; description: string }) => void;
+  parameters: any;
 }) {
   const isSameStory = activeStoryFn === storyFn;
   const config = storyFn();

app/marko/src/server/framework-preset-marko.js → app/marko/src/server/framework-preset-marko.ts

@@ -1,4 +1,6 @@
-export function webpack(config) {
+import { Configuration } from 'webpack';
+
+export function webpack(config: Configuration) {
   return {
     ...config,
     module: {

app/marko/src/server/options.js → app/marko/src/server/options.ts

@@ -1,4 +1,4 @@
-import packageJson from '../../package.json';
+const packageJson = require('../../package.json');
 
 export default {
   packageJson,

app/marko/src/typings.d.ts

@@ -0,0 +1,2 @@
+declare module '@storybook/core/*';
+declare module 'global';

app/marko/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "types": ["webpack-env"]
+  }
+}