refactor(rax): migrate to TS

storybookjs · Jan 6, 2021 · a13af7b · a13af7b
1 parent 5898c07
commit a13af7b
Show file tree

Hide file tree

Showing 12 changed files with 35 additions and 4 deletions.
diff --git a/app/rax/package.json b/app/rax/package.json
@@ -54,6 +54,7 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
+    "@types/rax": "^1.0.2",
     "rax": "^1.1.0"
   },
   "peerDependencies": {

diff --git a/app/rax/src/client/index.js → app/rax/src/client/index.ts b/app/rax/src/client/index.js → app/rax/src/client/index.ts
diff --git a/app/rax/src/client/preview/globals.js → app/rax/src/client/preview/globals.ts b/app/rax/src/client/preview/globals.js → app/rax/src/client/preview/globals.ts
diff --git a/app/rax/src/client/preview/index.js → app/rax/src/client/preview/index.ts b/app/rax/src/client/preview/index.js → app/rax/src/client/preview/index.ts
@@ -15,7 +15,8 @@ export const {
 } = clientApi;
 
 const framework = 'rax';
-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 };
diff --git a/app/rax/src/client/preview/render.js → app/rax/src/client/preview/render.ts b/app/rax/src/client/preview/render.js → app/rax/src/client/preview/render.ts
@@ -12,7 +12,12 @@ export default function renderMain({
   name,
   showMain,
   showError,
-  // forceRender,
+}: {
+  storyFn: Function;
+  kind: string;
+  name: string;
+  showMain: () => any;
+  showError: (input: { title: string; description: string }) => void;
 }) {
   const Element = storyFn;
 
@@ -29,6 +34,11 @@ export default function renderMain({
 
   showMain();
 
+  // There is something miscellaneous here, for now, more precisely on L23,
+  // as we are using the storyFn directly and not calling it, so `Element` is a
+  // function but according to `createElement` types, there is no signature
+  // taking a function as input.
+  // @ts-expect-error
   render(createElement(Element), rootElement, {
     driver: DriverDOM,
   });

diff --git a/app/rax/src/server/build.js → app/rax/src/server/build.ts b/app/rax/src/server/build.js → app/rax/src/server/build.ts
diff --git a/app/rax/src/server/framework-preset-rax.js → app/rax/src/server/framework-preset-rax.ts b/app/rax/src/server/framework-preset-rax.js → app/rax/src/server/framework-preset-rax.ts
@@ -1,4 +1,6 @@
-export function babelDefault(config) {
+import { TransformOptions } from '@babel/core';
+
+export function babelDefault(config: TransformOptions) {
   return {
     ...config,
     presets: [

diff --git a/app/rax/src/server/index.js → app/rax/src/server/index.ts b/app/rax/src/server/index.js → app/rax/src/server/index.ts
diff --git a/app/rax/src/server/options.js → app/rax/src/server/options.ts b/app/rax/src/server/options.js → app/rax/src/server/options.ts
diff --git a/app/rax/src/typings.d.ts b/app/rax/src/typings.d.ts
@@ -0,0 +1,2 @@
+declare module '@storybook/core/*';
+declare module 'global';
diff --git a/app/rax/tsconfig.json b/app/rax/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "types": ["webpack-env", "node"]
+  }
+}
diff --git a/yarn.lock b/yarn.lock
@@ -4986,6 +4986,14 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
   integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
 
+"@types/rax@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@types/rax/-/rax-1.0.2.tgz#1a6121244a0ad31deecdcede2651efa4ec9ead2a"
+  integrity sha512-oB3tpuFhFc4osp2brErugGbInNQs15GSmE21PXh7LVMPwUaemBTMjzGxXrzgvoW/marD9sRxPJTkf53UJpjnnA==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
 "@types/reach__router@^1.3.5":
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/@types/reach__router/-/reach__router-1.3.6.tgz#413417ce74caab331c70ce6a03a4c825188e4709"