From 642e1796993f5c8134907314a8716c59dc128800 Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Sun, 24 Nov 2019 23:09:38 +0700 Subject: [PATCH] Rename to typescript extension --- client/{App.jsx => App.tsx} | 0 client/{Home.jsx => Home.tsx} | 0 .../{CoverCard.jsx => CoverCard.tsx} | 0 .../components/{Heading.jsx => Heading.tsx} | 0 ...elatedPatterns.jsx => RelatedPatterns.tsx} | 0 .../{SampleCode.jsx => SampleCode.tsx} | 0 client/helpers/{highlight.js => highlight.ts} | 0 client/helpers/{random.js => random.ts} | 0 ...{randomFromArray.js => randomFromArray.ts} | 0 client/helpers/{shuffe.js => shuffe.ts} | 0 client/helpers/{slug.js => slug.ts} | 0 ...seDocumentTitle.js => useDocumentTitle.ts} | 0 .../hooks/{useInterval.js => useInterval.ts} | 0 client/{index.jsx => index.tsx} | 0 .../{DetailsLayout.jsx => DetailsLayout.tsx} | 0 client/layouts/{Footer.jsx => Footer.tsx} | 0 client/layouts/{Layout.jsx => Layout.tsx} | 0 .../{CoverLoader.jsx => CoverLoader.tsx} | 0 .../{DetailsLoader.jsx => DetailsLoader.tsx} | 0 .../patterns/badge/{Cover.jsx => Cover.tsx} | 0 .../badge/{Details.jsx => Details.tsx} | 0 .../breadcrumb/{Cover.jsx => Cover.tsx} | 0 .../breadcrumb/{Details.jsx => Details.tsx} | 0 .../button-with-icon/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 client/patterns/card/{Cover.jsx => Cover.tsx} | 0 .../card/{Details.jsx => Details.tsx} | 0 .../centering/{Cover.jsx => Cover.tsx} | 0 .../centering/{Details.jsx => Details.tsx} | 0 .../docked-at-corner/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../dot-navigation/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../feature-list/{Cover.jsx => Cover.tsx} | 0 .../feature-list/{Details.jsx => Details.tsx} | 0 .../fixed-at-corner/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../holy-grail/{Cover.jsx => Cover.tsx} | 0 .../holy-grail/{Details.jsx => Details.tsx} | 0 .../input-add-on/{Cover.jsx => Cover.tsx} | 0 .../input-add-on/{Details.jsx => Details.tsx} | 0 .../media-object/{Cover.jsx => Cover.tsx} | 0 .../media-object/{Details.jsx => Details.tsx} | 0 client/patterns/menu/{Cover.jsx => Cover.tsx} | 0 .../menu/{Details.jsx => Details.tsx} | 0 .../patterns/modal/{Cover.jsx => Cover.tsx} | 0 .../modal/{Details.jsx => Details.tsx} | 0 .../notification/{Cover.jsx => Cover.tsx} | 0 .../notification/{Details.jsx => Details.tsx} | 0 .../pagination/{Cover.jsx => Cover.tsx} | 0 .../pagination/{Details.jsx => Details.tsx} | 0 .../{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../pricing-table/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../progress-bar/{Cover.jsx => Cover.tsx} | 0 .../progress-bar/{Details.jsx => Details.tsx} | 0 .../{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../radio-switch/{Cover.jsx => Cover.tsx} | 0 .../radio-switch/{Details.jsx => Details.tsx} | 0 .../{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../search-box/{Cover.jsx => Cover.tsx} | 0 .../search-box/{Details.jsx => Details.tsx} | 0 .../separator/{Cover.jsx => Cover.tsx} | 0 .../separator/{Details.jsx => Details.tsx} | 0 .../patterns/sidebar/{Cover.jsx => Cover.tsx} | 0 .../sidebar/{Details.jsx => Details.tsx} | 0 .../simple-grid/{Cover.jsx => Cover.tsx} | 0 .../simple-grid/{Details.jsx => Details.tsx} | 0 .../patterns/slider/{Cover.jsx => Cover.tsx} | 0 .../slider/{Details.jsx => Details.tsx} | 0 .../split-navigation/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../split-screen/{Cover.jsx => Cover.tsx} | 0 .../split-screen/{Details.jsx => Details.tsx} | 0 .../stepper-input/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../sticky-footer/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../sticky-header/{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../patterns/switch/{Cover.jsx => Cover.tsx} | 0 .../switch/{Details.jsx => Details.tsx} | 0 client/patterns/tab/{Cover.jsx => Cover.tsx} | 0 .../patterns/tab/{Details.jsx => Details.tsx} | 0 .../{Cover.jsx => Cover.tsx} | 0 .../{Details.jsx => Details.tsx} | 0 .../patterns/wizard/{Cover.jsx => Cover.tsx} | 0 .../wizard/{Details.jsx => Details.tsx} | 0 client/placeholders/{Block.jsx => Block.tsx} | 0 .../{BrowserFrame.jsx => BrowserFrame.tsx} | 0 .../placeholders/{Circle.jsx => Circle.tsx} | 0 client/placeholders/{Frame.jsx => Frame.tsx} | 0 client/placeholders/{Line.jsx => Line.tsx} | 0 .../{Rectangle.jsx => Rectangle.tsx} | 0 .../placeholders/{Square.jsx => Square.tsx} | 0 .../{Triangle.jsx => Triangle.tsx} | 0 .../{VerticalLine.jsx => VerticalLine.tsx} | 0 package-lock.json | 153 ++++++++++++++++++ package.json | 7 + tsconfig.json | 11 ++ webpack.config.js | 14 +- 104 files changed, 183 insertions(+), 2 deletions(-) rename client/{App.jsx => App.tsx} (100%) rename client/{Home.jsx => Home.tsx} (100%) rename client/components/{CoverCard.jsx => CoverCard.tsx} (100%) rename client/components/{Heading.jsx => Heading.tsx} (100%) rename client/components/{RelatedPatterns.jsx => RelatedPatterns.tsx} (100%) rename client/components/{SampleCode.jsx => SampleCode.tsx} (100%) rename client/helpers/{highlight.js => highlight.ts} (100%) rename client/helpers/{random.js => random.ts} (100%) rename client/helpers/{randomFromArray.js => randomFromArray.ts} (100%) rename client/helpers/{shuffe.js => shuffe.ts} (100%) rename client/helpers/{slug.js => slug.ts} (100%) rename client/hooks/{useDocumentTitle.js => useDocumentTitle.ts} (100%) rename client/hooks/{useInterval.js => useInterval.ts} (100%) rename client/{index.jsx => index.tsx} (100%) rename client/layouts/{DetailsLayout.jsx => DetailsLayout.tsx} (100%) rename client/layouts/{Footer.jsx => Footer.tsx} (100%) rename client/layouts/{Layout.jsx => Layout.tsx} (100%) rename client/loaders/{CoverLoader.jsx => CoverLoader.tsx} (100%) rename client/loaders/{DetailsLoader.jsx => DetailsLoader.tsx} (100%) rename client/patterns/badge/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/badge/{Details.jsx => Details.tsx} (100%) rename client/patterns/breadcrumb/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/breadcrumb/{Details.jsx => Details.tsx} (100%) rename client/patterns/button-with-icon/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/button-with-icon/{Details.jsx => Details.tsx} (100%) rename client/patterns/card/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/card/{Details.jsx => Details.tsx} (100%) rename client/patterns/centering/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/centering/{Details.jsx => Details.tsx} (100%) rename client/patterns/docked-at-corner/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/docked-at-corner/{Details.jsx => Details.tsx} (100%) rename client/patterns/dot-navigation/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/dot-navigation/{Details.jsx => Details.tsx} (100%) rename client/patterns/feature-list/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/feature-list/{Details.jsx => Details.tsx} (100%) rename client/patterns/fixed-at-corner/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/fixed-at-corner/{Details.jsx => Details.tsx} (100%) rename client/patterns/holy-grail/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/holy-grail/{Details.jsx => Details.tsx} (100%) rename client/patterns/input-add-on/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/input-add-on/{Details.jsx => Details.tsx} (100%) rename client/patterns/media-object/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/media-object/{Details.jsx => Details.tsx} (100%) rename client/patterns/menu/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/menu/{Details.jsx => Details.tsx} (100%) rename client/patterns/modal/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/modal/{Details.jsx => Details.tsx} (100%) rename client/patterns/notification/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/notification/{Details.jsx => Details.tsx} (100%) rename client/patterns/pagination/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/pagination/{Details.jsx => Details.tsx} (100%) rename client/patterns/previous-next-buttons/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/previous-next-buttons/{Details.jsx => Details.tsx} (100%) rename client/patterns/pricing-table/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/pricing-table/{Details.jsx => Details.tsx} (100%) rename client/patterns/progress-bar/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/progress-bar/{Details.jsx => Details.tsx} (100%) rename client/patterns/questions-and-answers/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/questions-and-answers/{Details.jsx => Details.tsx} (100%) rename client/patterns/radio-switch/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/radio-switch/{Details.jsx => Details.tsx} (100%) rename client/patterns/same-height-columns/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/same-height-columns/{Details.jsx => Details.tsx} (100%) rename client/patterns/search-box/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/search-box/{Details.jsx => Details.tsx} (100%) rename client/patterns/separator/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/separator/{Details.jsx => Details.tsx} (100%) rename client/patterns/sidebar/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/sidebar/{Details.jsx => Details.tsx} (100%) rename client/patterns/simple-grid/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/simple-grid/{Details.jsx => Details.tsx} (100%) rename client/patterns/slider/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/slider/{Details.jsx => Details.tsx} (100%) rename client/patterns/split-navigation/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/split-navigation/{Details.jsx => Details.tsx} (100%) rename client/patterns/split-screen/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/split-screen/{Details.jsx => Details.tsx} (100%) rename client/patterns/stepper-input/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/stepper-input/{Details.jsx => Details.tsx} (100%) rename client/patterns/sticky-footer/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/sticky-footer/{Details.jsx => Details.tsx} (100%) rename client/patterns/sticky-header/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/sticky-header/{Details.jsx => Details.tsx} (100%) rename client/patterns/switch/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/switch/{Details.jsx => Details.tsx} (100%) rename client/patterns/tab/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/tab/{Details.jsx => Details.tsx} (100%) rename client/patterns/toggle-password-visibility/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/toggle-password-visibility/{Details.jsx => Details.tsx} (100%) rename client/patterns/wizard/{Cover.jsx => Cover.tsx} (100%) rename client/patterns/wizard/{Details.jsx => Details.tsx} (100%) rename client/placeholders/{Block.jsx => Block.tsx} (100%) rename client/placeholders/{BrowserFrame.jsx => BrowserFrame.tsx} (100%) rename client/placeholders/{Circle.jsx => Circle.tsx} (100%) rename client/placeholders/{Frame.jsx => Frame.tsx} (100%) rename client/placeholders/{Line.jsx => Line.tsx} (100%) rename client/placeholders/{Rectangle.jsx => Rectangle.tsx} (100%) rename client/placeholders/{Square.jsx => Square.tsx} (100%) rename client/placeholders/{Triangle.jsx => Triangle.tsx} (100%) rename client/placeholders/{VerticalLine.jsx => VerticalLine.tsx} (100%) create mode 100644 tsconfig.json diff --git a/client/App.jsx b/client/App.tsx similarity index 100% rename from client/App.jsx rename to client/App.tsx diff --git a/client/Home.jsx b/client/Home.tsx similarity index 100% rename from client/Home.jsx rename to client/Home.tsx diff --git a/client/components/CoverCard.jsx b/client/components/CoverCard.tsx similarity index 100% rename from client/components/CoverCard.jsx rename to client/components/CoverCard.tsx diff --git a/client/components/Heading.jsx b/client/components/Heading.tsx similarity index 100% rename from client/components/Heading.jsx rename to client/components/Heading.tsx diff --git a/client/components/RelatedPatterns.jsx b/client/components/RelatedPatterns.tsx similarity index 100% rename from client/components/RelatedPatterns.jsx rename to client/components/RelatedPatterns.tsx diff --git a/client/components/SampleCode.jsx b/client/components/SampleCode.tsx similarity index 100% rename from client/components/SampleCode.jsx rename to client/components/SampleCode.tsx diff --git a/client/helpers/highlight.js b/client/helpers/highlight.ts similarity index 100% rename from client/helpers/highlight.js rename to client/helpers/highlight.ts diff --git a/client/helpers/random.js b/client/helpers/random.ts similarity index 100% rename from client/helpers/random.js rename to client/helpers/random.ts diff --git a/client/helpers/randomFromArray.js b/client/helpers/randomFromArray.ts similarity index 100% rename from client/helpers/randomFromArray.js rename to client/helpers/randomFromArray.ts diff --git a/client/helpers/shuffe.js b/client/helpers/shuffe.ts similarity index 100% rename from client/helpers/shuffe.js rename to client/helpers/shuffe.ts diff --git a/client/helpers/slug.js b/client/helpers/slug.ts similarity index 100% rename from client/helpers/slug.js rename to client/helpers/slug.ts diff --git a/client/hooks/useDocumentTitle.js b/client/hooks/useDocumentTitle.ts similarity index 100% rename from client/hooks/useDocumentTitle.js rename to client/hooks/useDocumentTitle.ts diff --git a/client/hooks/useInterval.js b/client/hooks/useInterval.ts similarity index 100% rename from client/hooks/useInterval.js rename to client/hooks/useInterval.ts diff --git a/client/index.jsx b/client/index.tsx similarity index 100% rename from client/index.jsx rename to client/index.tsx diff --git a/client/layouts/DetailsLayout.jsx b/client/layouts/DetailsLayout.tsx similarity index 100% rename from client/layouts/DetailsLayout.jsx rename to client/layouts/DetailsLayout.tsx diff --git a/client/layouts/Footer.jsx b/client/layouts/Footer.tsx similarity index 100% rename from client/layouts/Footer.jsx rename to client/layouts/Footer.tsx diff --git a/client/layouts/Layout.jsx b/client/layouts/Layout.tsx similarity index 100% rename from client/layouts/Layout.jsx rename to client/layouts/Layout.tsx diff --git a/client/loaders/CoverLoader.jsx b/client/loaders/CoverLoader.tsx similarity index 100% rename from client/loaders/CoverLoader.jsx rename to client/loaders/CoverLoader.tsx diff --git a/client/loaders/DetailsLoader.jsx b/client/loaders/DetailsLoader.tsx similarity index 100% rename from client/loaders/DetailsLoader.jsx rename to client/loaders/DetailsLoader.tsx diff --git a/client/patterns/badge/Cover.jsx b/client/patterns/badge/Cover.tsx similarity index 100% rename from client/patterns/badge/Cover.jsx rename to client/patterns/badge/Cover.tsx diff --git a/client/patterns/badge/Details.jsx b/client/patterns/badge/Details.tsx similarity index 100% rename from client/patterns/badge/Details.jsx rename to client/patterns/badge/Details.tsx diff --git a/client/patterns/breadcrumb/Cover.jsx b/client/patterns/breadcrumb/Cover.tsx similarity index 100% rename from client/patterns/breadcrumb/Cover.jsx rename to client/patterns/breadcrumb/Cover.tsx diff --git a/client/patterns/breadcrumb/Details.jsx b/client/patterns/breadcrumb/Details.tsx similarity index 100% rename from client/patterns/breadcrumb/Details.jsx rename to client/patterns/breadcrumb/Details.tsx diff --git a/client/patterns/button-with-icon/Cover.jsx b/client/patterns/button-with-icon/Cover.tsx similarity index 100% rename from client/patterns/button-with-icon/Cover.jsx rename to client/patterns/button-with-icon/Cover.tsx diff --git a/client/patterns/button-with-icon/Details.jsx b/client/patterns/button-with-icon/Details.tsx similarity index 100% rename from client/patterns/button-with-icon/Details.jsx rename to client/patterns/button-with-icon/Details.tsx diff --git a/client/patterns/card/Cover.jsx b/client/patterns/card/Cover.tsx similarity index 100% rename from client/patterns/card/Cover.jsx rename to client/patterns/card/Cover.tsx diff --git a/client/patterns/card/Details.jsx b/client/patterns/card/Details.tsx similarity index 100% rename from client/patterns/card/Details.jsx rename to client/patterns/card/Details.tsx diff --git a/client/patterns/centering/Cover.jsx b/client/patterns/centering/Cover.tsx similarity index 100% rename from client/patterns/centering/Cover.jsx rename to client/patterns/centering/Cover.tsx diff --git a/client/patterns/centering/Details.jsx b/client/patterns/centering/Details.tsx similarity index 100% rename from client/patterns/centering/Details.jsx rename to client/patterns/centering/Details.tsx diff --git a/client/patterns/docked-at-corner/Cover.jsx b/client/patterns/docked-at-corner/Cover.tsx similarity index 100% rename from client/patterns/docked-at-corner/Cover.jsx rename to client/patterns/docked-at-corner/Cover.tsx diff --git a/client/patterns/docked-at-corner/Details.jsx b/client/patterns/docked-at-corner/Details.tsx similarity index 100% rename from client/patterns/docked-at-corner/Details.jsx rename to client/patterns/docked-at-corner/Details.tsx diff --git a/client/patterns/dot-navigation/Cover.jsx b/client/patterns/dot-navigation/Cover.tsx similarity index 100% rename from client/patterns/dot-navigation/Cover.jsx rename to client/patterns/dot-navigation/Cover.tsx diff --git a/client/patterns/dot-navigation/Details.jsx b/client/patterns/dot-navigation/Details.tsx similarity index 100% rename from client/patterns/dot-navigation/Details.jsx rename to client/patterns/dot-navigation/Details.tsx diff --git a/client/patterns/feature-list/Cover.jsx b/client/patterns/feature-list/Cover.tsx similarity index 100% rename from client/patterns/feature-list/Cover.jsx rename to client/patterns/feature-list/Cover.tsx diff --git a/client/patterns/feature-list/Details.jsx b/client/patterns/feature-list/Details.tsx similarity index 100% rename from client/patterns/feature-list/Details.jsx rename to client/patterns/feature-list/Details.tsx diff --git a/client/patterns/fixed-at-corner/Cover.jsx b/client/patterns/fixed-at-corner/Cover.tsx similarity index 100% rename from client/patterns/fixed-at-corner/Cover.jsx rename to client/patterns/fixed-at-corner/Cover.tsx diff --git a/client/patterns/fixed-at-corner/Details.jsx b/client/patterns/fixed-at-corner/Details.tsx similarity index 100% rename from client/patterns/fixed-at-corner/Details.jsx rename to client/patterns/fixed-at-corner/Details.tsx diff --git a/client/patterns/holy-grail/Cover.jsx b/client/patterns/holy-grail/Cover.tsx similarity index 100% rename from client/patterns/holy-grail/Cover.jsx rename to client/patterns/holy-grail/Cover.tsx diff --git a/client/patterns/holy-grail/Details.jsx b/client/patterns/holy-grail/Details.tsx similarity index 100% rename from client/patterns/holy-grail/Details.jsx rename to client/patterns/holy-grail/Details.tsx diff --git a/client/patterns/input-add-on/Cover.jsx b/client/patterns/input-add-on/Cover.tsx similarity index 100% rename from client/patterns/input-add-on/Cover.jsx rename to client/patterns/input-add-on/Cover.tsx diff --git a/client/patterns/input-add-on/Details.jsx b/client/patterns/input-add-on/Details.tsx similarity index 100% rename from client/patterns/input-add-on/Details.jsx rename to client/patterns/input-add-on/Details.tsx diff --git a/client/patterns/media-object/Cover.jsx b/client/patterns/media-object/Cover.tsx similarity index 100% rename from client/patterns/media-object/Cover.jsx rename to client/patterns/media-object/Cover.tsx diff --git a/client/patterns/media-object/Details.jsx b/client/patterns/media-object/Details.tsx similarity index 100% rename from client/patterns/media-object/Details.jsx rename to client/patterns/media-object/Details.tsx diff --git a/client/patterns/menu/Cover.jsx b/client/patterns/menu/Cover.tsx similarity index 100% rename from client/patterns/menu/Cover.jsx rename to client/patterns/menu/Cover.tsx diff --git a/client/patterns/menu/Details.jsx b/client/patterns/menu/Details.tsx similarity index 100% rename from client/patterns/menu/Details.jsx rename to client/patterns/menu/Details.tsx diff --git a/client/patterns/modal/Cover.jsx b/client/patterns/modal/Cover.tsx similarity index 100% rename from client/patterns/modal/Cover.jsx rename to client/patterns/modal/Cover.tsx diff --git a/client/patterns/modal/Details.jsx b/client/patterns/modal/Details.tsx similarity index 100% rename from client/patterns/modal/Details.jsx rename to client/patterns/modal/Details.tsx diff --git a/client/patterns/notification/Cover.jsx b/client/patterns/notification/Cover.tsx similarity index 100% rename from client/patterns/notification/Cover.jsx rename to client/patterns/notification/Cover.tsx diff --git a/client/patterns/notification/Details.jsx b/client/patterns/notification/Details.tsx similarity index 100% rename from client/patterns/notification/Details.jsx rename to client/patterns/notification/Details.tsx diff --git a/client/patterns/pagination/Cover.jsx b/client/patterns/pagination/Cover.tsx similarity index 100% rename from client/patterns/pagination/Cover.jsx rename to client/patterns/pagination/Cover.tsx diff --git a/client/patterns/pagination/Details.jsx b/client/patterns/pagination/Details.tsx similarity index 100% rename from client/patterns/pagination/Details.jsx rename to client/patterns/pagination/Details.tsx diff --git a/client/patterns/previous-next-buttons/Cover.jsx b/client/patterns/previous-next-buttons/Cover.tsx similarity index 100% rename from client/patterns/previous-next-buttons/Cover.jsx rename to client/patterns/previous-next-buttons/Cover.tsx diff --git a/client/patterns/previous-next-buttons/Details.jsx b/client/patterns/previous-next-buttons/Details.tsx similarity index 100% rename from client/patterns/previous-next-buttons/Details.jsx rename to client/patterns/previous-next-buttons/Details.tsx diff --git a/client/patterns/pricing-table/Cover.jsx b/client/patterns/pricing-table/Cover.tsx similarity index 100% rename from client/patterns/pricing-table/Cover.jsx rename to client/patterns/pricing-table/Cover.tsx diff --git a/client/patterns/pricing-table/Details.jsx b/client/patterns/pricing-table/Details.tsx similarity index 100% rename from client/patterns/pricing-table/Details.jsx rename to client/patterns/pricing-table/Details.tsx diff --git a/client/patterns/progress-bar/Cover.jsx b/client/patterns/progress-bar/Cover.tsx similarity index 100% rename from client/patterns/progress-bar/Cover.jsx rename to client/patterns/progress-bar/Cover.tsx diff --git a/client/patterns/progress-bar/Details.jsx b/client/patterns/progress-bar/Details.tsx similarity index 100% rename from client/patterns/progress-bar/Details.jsx rename to client/patterns/progress-bar/Details.tsx diff --git a/client/patterns/questions-and-answers/Cover.jsx b/client/patterns/questions-and-answers/Cover.tsx similarity index 100% rename from client/patterns/questions-and-answers/Cover.jsx rename to client/patterns/questions-and-answers/Cover.tsx diff --git a/client/patterns/questions-and-answers/Details.jsx b/client/patterns/questions-and-answers/Details.tsx similarity index 100% rename from client/patterns/questions-and-answers/Details.jsx rename to client/patterns/questions-and-answers/Details.tsx diff --git a/client/patterns/radio-switch/Cover.jsx b/client/patterns/radio-switch/Cover.tsx similarity index 100% rename from client/patterns/radio-switch/Cover.jsx rename to client/patterns/radio-switch/Cover.tsx diff --git a/client/patterns/radio-switch/Details.jsx b/client/patterns/radio-switch/Details.tsx similarity index 100% rename from client/patterns/radio-switch/Details.jsx rename to client/patterns/radio-switch/Details.tsx diff --git a/client/patterns/same-height-columns/Cover.jsx b/client/patterns/same-height-columns/Cover.tsx similarity index 100% rename from client/patterns/same-height-columns/Cover.jsx rename to client/patterns/same-height-columns/Cover.tsx diff --git a/client/patterns/same-height-columns/Details.jsx b/client/patterns/same-height-columns/Details.tsx similarity index 100% rename from client/patterns/same-height-columns/Details.jsx rename to client/patterns/same-height-columns/Details.tsx diff --git a/client/patterns/search-box/Cover.jsx b/client/patterns/search-box/Cover.tsx similarity index 100% rename from client/patterns/search-box/Cover.jsx rename to client/patterns/search-box/Cover.tsx diff --git a/client/patterns/search-box/Details.jsx b/client/patterns/search-box/Details.tsx similarity index 100% rename from client/patterns/search-box/Details.jsx rename to client/patterns/search-box/Details.tsx diff --git a/client/patterns/separator/Cover.jsx b/client/patterns/separator/Cover.tsx similarity index 100% rename from client/patterns/separator/Cover.jsx rename to client/patterns/separator/Cover.tsx diff --git a/client/patterns/separator/Details.jsx b/client/patterns/separator/Details.tsx similarity index 100% rename from client/patterns/separator/Details.jsx rename to client/patterns/separator/Details.tsx diff --git a/client/patterns/sidebar/Cover.jsx b/client/patterns/sidebar/Cover.tsx similarity index 100% rename from client/patterns/sidebar/Cover.jsx rename to client/patterns/sidebar/Cover.tsx diff --git a/client/patterns/sidebar/Details.jsx b/client/patterns/sidebar/Details.tsx similarity index 100% rename from client/patterns/sidebar/Details.jsx rename to client/patterns/sidebar/Details.tsx diff --git a/client/patterns/simple-grid/Cover.jsx b/client/patterns/simple-grid/Cover.tsx similarity index 100% rename from client/patterns/simple-grid/Cover.jsx rename to client/patterns/simple-grid/Cover.tsx diff --git a/client/patterns/simple-grid/Details.jsx b/client/patterns/simple-grid/Details.tsx similarity index 100% rename from client/patterns/simple-grid/Details.jsx rename to client/patterns/simple-grid/Details.tsx diff --git a/client/patterns/slider/Cover.jsx b/client/patterns/slider/Cover.tsx similarity index 100% rename from client/patterns/slider/Cover.jsx rename to client/patterns/slider/Cover.tsx diff --git a/client/patterns/slider/Details.jsx b/client/patterns/slider/Details.tsx similarity index 100% rename from client/patterns/slider/Details.jsx rename to client/patterns/slider/Details.tsx diff --git a/client/patterns/split-navigation/Cover.jsx b/client/patterns/split-navigation/Cover.tsx similarity index 100% rename from client/patterns/split-navigation/Cover.jsx rename to client/patterns/split-navigation/Cover.tsx diff --git a/client/patterns/split-navigation/Details.jsx b/client/patterns/split-navigation/Details.tsx similarity index 100% rename from client/patterns/split-navigation/Details.jsx rename to client/patterns/split-navigation/Details.tsx diff --git a/client/patterns/split-screen/Cover.jsx b/client/patterns/split-screen/Cover.tsx similarity index 100% rename from client/patterns/split-screen/Cover.jsx rename to client/patterns/split-screen/Cover.tsx diff --git a/client/patterns/split-screen/Details.jsx b/client/patterns/split-screen/Details.tsx similarity index 100% rename from client/patterns/split-screen/Details.jsx rename to client/patterns/split-screen/Details.tsx diff --git a/client/patterns/stepper-input/Cover.jsx b/client/patterns/stepper-input/Cover.tsx similarity index 100% rename from client/patterns/stepper-input/Cover.jsx rename to client/patterns/stepper-input/Cover.tsx diff --git a/client/patterns/stepper-input/Details.jsx b/client/patterns/stepper-input/Details.tsx similarity index 100% rename from client/patterns/stepper-input/Details.jsx rename to client/patterns/stepper-input/Details.tsx diff --git a/client/patterns/sticky-footer/Cover.jsx b/client/patterns/sticky-footer/Cover.tsx similarity index 100% rename from client/patterns/sticky-footer/Cover.jsx rename to client/patterns/sticky-footer/Cover.tsx diff --git a/client/patterns/sticky-footer/Details.jsx b/client/patterns/sticky-footer/Details.tsx similarity index 100% rename from client/patterns/sticky-footer/Details.jsx rename to client/patterns/sticky-footer/Details.tsx diff --git a/client/patterns/sticky-header/Cover.jsx b/client/patterns/sticky-header/Cover.tsx similarity index 100% rename from client/patterns/sticky-header/Cover.jsx rename to client/patterns/sticky-header/Cover.tsx diff --git a/client/patterns/sticky-header/Details.jsx b/client/patterns/sticky-header/Details.tsx similarity index 100% rename from client/patterns/sticky-header/Details.jsx rename to client/patterns/sticky-header/Details.tsx diff --git a/client/patterns/switch/Cover.jsx b/client/patterns/switch/Cover.tsx similarity index 100% rename from client/patterns/switch/Cover.jsx rename to client/patterns/switch/Cover.tsx diff --git a/client/patterns/switch/Details.jsx b/client/patterns/switch/Details.tsx similarity index 100% rename from client/patterns/switch/Details.jsx rename to client/patterns/switch/Details.tsx diff --git a/client/patterns/tab/Cover.jsx b/client/patterns/tab/Cover.tsx similarity index 100% rename from client/patterns/tab/Cover.jsx rename to client/patterns/tab/Cover.tsx diff --git a/client/patterns/tab/Details.jsx b/client/patterns/tab/Details.tsx similarity index 100% rename from client/patterns/tab/Details.jsx rename to client/patterns/tab/Details.tsx diff --git a/client/patterns/toggle-password-visibility/Cover.jsx b/client/patterns/toggle-password-visibility/Cover.tsx similarity index 100% rename from client/patterns/toggle-password-visibility/Cover.jsx rename to client/patterns/toggle-password-visibility/Cover.tsx diff --git a/client/patterns/toggle-password-visibility/Details.jsx b/client/patterns/toggle-password-visibility/Details.tsx similarity index 100% rename from client/patterns/toggle-password-visibility/Details.jsx rename to client/patterns/toggle-password-visibility/Details.tsx diff --git a/client/patterns/wizard/Cover.jsx b/client/patterns/wizard/Cover.tsx similarity index 100% rename from client/patterns/wizard/Cover.jsx rename to client/patterns/wizard/Cover.tsx diff --git a/client/patterns/wizard/Details.jsx b/client/patterns/wizard/Details.tsx similarity index 100% rename from client/patterns/wizard/Details.jsx rename to client/patterns/wizard/Details.tsx diff --git a/client/placeholders/Block.jsx b/client/placeholders/Block.tsx similarity index 100% rename from client/placeholders/Block.jsx rename to client/placeholders/Block.tsx diff --git a/client/placeholders/BrowserFrame.jsx b/client/placeholders/BrowserFrame.tsx similarity index 100% rename from client/placeholders/BrowserFrame.jsx rename to client/placeholders/BrowserFrame.tsx diff --git a/client/placeholders/Circle.jsx b/client/placeholders/Circle.tsx similarity index 100% rename from client/placeholders/Circle.jsx rename to client/placeholders/Circle.tsx diff --git a/client/placeholders/Frame.jsx b/client/placeholders/Frame.tsx similarity index 100% rename from client/placeholders/Frame.jsx rename to client/placeholders/Frame.tsx diff --git a/client/placeholders/Line.jsx b/client/placeholders/Line.tsx similarity index 100% rename from client/placeholders/Line.jsx rename to client/placeholders/Line.tsx diff --git a/client/placeholders/Rectangle.jsx b/client/placeholders/Rectangle.tsx similarity index 100% rename from client/placeholders/Rectangle.jsx rename to client/placeholders/Rectangle.tsx diff --git a/client/placeholders/Square.jsx b/client/placeholders/Square.tsx similarity index 100% rename from client/placeholders/Square.jsx rename to client/placeholders/Square.tsx diff --git a/client/placeholders/Triangle.jsx b/client/placeholders/Triangle.tsx similarity index 100% rename from client/placeholders/Triangle.jsx rename to client/placeholders/Triangle.tsx diff --git a/client/placeholders/VerticalLine.jsx b/client/placeholders/VerticalLine.tsx similarity index 100% rename from client/placeholders/VerticalLine.jsx rename to client/placeholders/VerticalLine.tsx diff --git a/package-lock.json b/package-lock.json index aa5b531..1fd05e3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1977,6 +1977,21 @@ "@types/node": "*" } }, + "@types/history": { + "version": "4.7.3", + "resolved": "https://registry.npmjs.org/@types/history/-/history-4.7.3.tgz", + "integrity": "sha512-cS5owqtwzLN5kY+l+KgKdRJ/Cee8tlmQoGQuIE9tWnSmS3JMKzmxo2HIAk2wODMifGwO20d62xZQLYz+RLfXmw==", + "dev": true + }, + "@types/loadable__component": { + "version": "5.10.0", + "resolved": "https://registry.npmjs.org/@types/loadable__component/-/loadable__component-5.10.0.tgz", + "integrity": "sha512-AaDP1VxV3p7CdPOtOTl3ALgQ6ES4AxJKO9UGj9vJonq/w2yERxwdzFiWNQFh9fEDXEzjxujBlM2RmSJtHV1/pA==", + "dev": true, + "requires": { + "@types/react": "*" + } + }, "@types/minimatch": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", @@ -1988,6 +2003,52 @@ "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.7.tgz", "integrity": "sha512-E6Zn0rffhgd130zbCbAr/JdXfXkoOUFAKNs/rF8qnafSJ8KYaA/j3oz7dcwal+lYjLA7xvdd5J4wdYpCTlP8+w==" }, + "@types/prop-types": { + "version": "15.7.3", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz", + "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==", + "dev": true + }, + "@types/react": { + "version": "16.9.13", + "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.13.tgz", + "integrity": "sha512-LikzRslbiufJYHyzbHSW0GrAiff8QYLMBFeZmSxzCYGXKxi8m/1PHX+rsVOwhr7mJNq+VIu2Dhf7U6mjFERK6w==", + "dev": true, + "requires": { + "@types/prop-types": "*", + "csstype": "^2.2.0" + } + }, + "@types/react-dom": { + "version": "16.9.4", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.4.tgz", + "integrity": "sha512-fya9xteU/n90tda0s+FtN5Ym4tbgxpq/hb/Af24dvs6uYnYn+fspaxw5USlw0R8apDNwxsqumdRoCoKitckQqw==", + "dev": true, + "requires": { + "@types/react": "*" + } + }, + "@types/react-router": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.3.tgz", + "integrity": "sha512-0gGhmerBqN8CzlnDmSgGNun3tuZFXerUclWkqEhozdLaJtfcJRUTGkKaEKk+/MpHd1KDS1+o2zb/3PkBUiv2qQ==", + "dev": true, + "requires": { + "@types/history": "*", + "@types/react": "*" + } + }, + "@types/react-router-dom": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-5.1.2.tgz", + "integrity": "sha512-kRx8hoBflE4Dp7uus+j/0uMHR5uGTAvQtc4A3vOTWKS+epe0leCuxEx7HNT7XGUd1lH53/moWM51MV2YUyhzAg==", + "dev": true, + "requires": { + "@types/history": "*", + "@types/react": "*", + "@types/react-router": "*" + } + }, "@webassemblyjs/ast": { "version": "1.8.5", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz", @@ -3436,6 +3497,12 @@ "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==", "dev": true }, + "csstype": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.7.tgz", + "integrity": "sha512-9Mcn9sFbGBAdmimWb2gLVDtFJzeKtDGIr76TUqmjZrw9LFXBMSU70lcs+C0/7fyCd6iBDqmksUcCOUIkisPHsQ==", + "dev": true + }, "cyclist": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz", @@ -6748,6 +6815,12 @@ "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=" }, + "picomatch": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.1.1.tgz", + "integrity": "sha512-OYMyqkKzK7blWO/+XZYP6w8hH0LDvkBvdvKukti+7kqYFCiEAk+gI3DWnryapc0Dau05ugGTy0foQ6mqn4AHYA==", + "dev": true + }, "pify": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", @@ -7930,6 +8003,16 @@ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" }, + "source-map-loader": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-0.2.4.tgz", + "integrity": "sha512-OU6UJUty+i2JDpTItnizPrlpOIBLmQbWMuBg9q5bVtnHACqw1tn9nNwqJLbv0/00JjnJb/Ee5g5WS5vrRv7zIQ==", + "dev": true, + "requires": { + "async": "^2.5.0", + "loader-utils": "^1.1.0" + } + }, "source-map-resolve": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", @@ -8337,6 +8420,70 @@ "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==", "dev": true }, + "ts-loader": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-6.2.1.tgz", + "integrity": "sha512-Dd9FekWuABGgjE1g0TlQJ+4dFUfYGbYcs52/HQObE0ZmUNjQlmLAS7xXsSzy23AMaMwipsx5sNHvoEpT2CZq1g==", + "dev": true, + "requires": { + "chalk": "^2.3.0", + "enhanced-resolve": "^4.0.0", + "loader-utils": "^1.0.2", + "micromatch": "^4.0.0", + "semver": "^6.0.0" + }, + "dependencies": { + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "requires": { + "fill-range": "^7.0.1" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true + }, + "micromatch": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", + "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", + "dev": true, + "requires": { + "braces": "^3.0.1", + "picomatch": "^2.0.5" + } + }, + "semver": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "requires": { + "is-number": "^7.0.0" + } + } + } + }, "tslib": { "version": "1.10.0", "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", @@ -8363,6 +8510,12 @@ "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" }, + "typescript": { + "version": "3.7.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.7.2.tgz", + "integrity": "sha512-ml7V7JfiN2Xwvcer+XAf2csGO1bPBdRbFCkYBczNZggrBZ9c7G3riSUeJmqEU5uOtXNPMhE3n+R4FA/3YOAWOQ==", + "dev": true + }, "uglify-js": { "version": "3.4.10", "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz", diff --git a/package.json b/package.json index 94ff105..a554f8a 100644 --- a/package.json +++ b/package.json @@ -22,10 +22,17 @@ "@babel/preset-env": "^7.7.4", "@babel/preset-react": "^7.7.4", "@loadable/babel-plugin": "^5.10.3", + "@types/loadable__component": "^5.10.0", + "@types/react": "^16.9.13", + "@types/react-dom": "^16.9.4", + "@types/react-router-dom": "^5.1.2", "babel-loader": "^8.0.6", "css-loader": "^3.2.0", "html-webpack-plugin": "^3.2.0", + "source-map-loader": "^0.2.4", "style-loader": "^1.0.0", + "ts-loader": "^6.2.1", + "typescript": "^3.7.2", "webpack": "^4.41.2", "webpack-bundle-analyzer": "^3.6.0", "webpack-cli": "^3.3.10", diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..36e6fba --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,11 @@ +{ + "compilerOptions": { + "outDir": "./dist/", + "esModuleInterop": true, + "sourceMap": true, + "noImplicitAny": true, + "module": "commonjs", + "target": "es6", + "jsx": "react" + } +} diff --git a/webpack.config.js b/webpack.config.js index 32f6c19..c808016 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -14,7 +14,7 @@ if (process.env.NODE_ENV === "analyse") { } module.exports = { - entry: './client/index.jsx', + entry: './client/index.tsx', output: { path: path.join(__dirname, 'dist'), filename: '[name].[contenthash].js', @@ -35,10 +35,20 @@ module.exports = { test: /\.css$/, use: ['style-loader', 'css-loader'], }, + { + test: /\.ts(x?)$/, + exclude: /node_modules/, + use: 'ts-loader', + }, + { + enforce: "pre", + test: /\.js$/, + loader: 'source-map-loader', + }, ], }, resolve: { - extensions: ['.js', '.jsx'], + extensions: ['.js', '.jsx', '.ts', '.tsx'], }, devtool: 'cheap-module-eavl-source-map', devServer: {