Finely updating required dependencies

.gitignore

@@ -1,2 +1,3 @@
-*.js
-node_modules
+/node_modules/
+/lib/**/*.js
+index.js

babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ['@babel/preset-env', {targets: {node: 'current'}}],
+    '@babel/preset-typescript',
+  ]
+};

lib/__tests__/convertCssForEmotion.test.ts

@@ -115,53 +115,6 @@ select.form-control:not([size]):not([multiple]) {
 
     const cssForEmotion = `import { css, injectGlobal } from "emotion";
 
-injectGlobal\`*, *::before, *::after {
-    box-sizing: inherit;
-}
-
-
-
-@-ms-viewport {
-    width: device-width;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-\`;
-
 export const close = css\`
     float: right;
     font-size: 1.5rem;
@@ -281,6 +234,53 @@ export const formControl = css\`select&:not([size]):not([multiple]) {
     color: #868e96;
     opacity: 1;
 }
+
+\`;
+
+injectGlobal\`*, *::before, *::after {
+    box-sizing: inherit;
+}
+
+
+
+@-ms-viewport {
+    width: device-width;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 \`;
 `;

lib/convertCssForEmotion.ts

@@ -33,7 +33,7 @@ export function convertCssForEmotion(css: string): string {
 
             return collator.compare(scopeA, scopeB);
         })
-        .reduce((previousSortedKnownScopes: Set<string>, knownScope) => {
+        .reduce((previousSortedKnownScopes: Set<string>, knownScope: string) => {
             getRequiredScopes(
                 cssIndexedByScope.get(knownScope) as string,
                 knownScope,

lib/convertScopeToModuleName.ts

@@ -1,4 +1,4 @@
-import * as camelCase from "camelcase";
+import camelCase from "camelcase";
 
 export function convertScopeToModuleName(scope: string) {
     return camelCase(scope)

lib/convertScopedCssForEmotion.ts

@@ -1,5 +1,6 @@
-import * as postcss from "postcss";
-import * as Stringifier from "postcss/lib/stringifier";
+import {parse} from "postcss";
+import type {Node} from "postcss";
+import Stringifier from "postcss/lib/stringifier";
 
 import { convertSelectorForEmotion } from "./convertSelectorForEmotion";
 import { escapeScopedCss } from "./escapeScopedCss";
@@ -13,7 +14,7 @@ export function convertScopedCssForEmotion(
 
     function builder(
         output: string,
-        node?: postcss.Node,
+        node?: Node,
         flag?: "start" | "end",
     ) {
         if (
@@ -50,8 +51,8 @@ export function convertScopedCssForEmotion(
         scopedCssForEmotion += output;
     }
 
-    (new Stringifier(builder) as postcss.Stringifier).stringify(
-        postcss.parse(scopedCss),
+    (new Stringifier(builder)).stringify(
+        parse(scopedCss),
     );
 
     return escapeScopedCss(scopedCssForEmotion);

lib/convertSelectorForEmotion.ts

@@ -1,4 +1,4 @@
-import * as parseSelector from "postcss-selector-parser";
+import parseSelector from "postcss-selector-parser";
 
 import { convertScopeToModuleName } from "./convertScopeToModuleName";
 

lib/getCssIndexedByScope.ts

@@ -1,5 +1,6 @@
-import * as postcss from "postcss";
-import * as Stringifier from "postcss/lib/stringifier";
+import {parse} from "postcss";
+import type {Node} from "postcss";
+import Stringifier from "postcss/lib/stringifier";
 
 import { getNodeScopes } from "./getNodeScopes";
 import { getSelectorScope } from "./getSelectorScope";
@@ -11,7 +12,7 @@ export function getCssIndexedByScope(css: string): Map<string, string> {
 
     function builder(
         output: string,
-        node?: postcss.Node,
+        node?: Node,
         flag?: "start" | "end",
     ) {
         if (flag === "start" && node) {
@@ -48,8 +49,8 @@ export function getCssIndexedByScope(css: string): Map<string, string> {
         }
     }
 
-    (new Stringifier(builder) as postcss.Stringifier).stringify(
-        postcss.parse(css),
+    (new Stringifier(builder)).stringify(
+        parse(css),
     );
 
     return cssIndexedByScope;

lib/getNodeScopes.ts

@@ -1,9 +1,9 @@
-import * as postcss from "postcss";
+import type {Node} from "postcss";
 
 import { getSelectorScope } from "./getSelectorScope";
 
-export function getNodeScopes(node: postcss.Node): Set<string> {
-    const nodeScopes = new Set();
+export function getNodeScopes(node: Node): Set<string> {
+    const nodeScopes: Set<string> = new Set();
 
     if (
         node.type === "rule" &&

lib/getRequiredScopes.ts

@@ -1,5 +1,5 @@
-import * as postcss from "postcss";
-import * as parseSelector from "postcss-selector-parser";
+import {parse} from "postcss";
+import parseSelector from "postcss-selector-parser";
 
 import { getSelectorScope } from "./getSelectorScope";
 
@@ -8,9 +8,9 @@ export function getRequiredScopes(
     scope: string,
     knownScopes: Set<string>,
 ): Set<string> {
-    const requiredScopes = new Set();
+    const requiredScopes: Set<string> = new Set();
 
-    const root = postcss.parse(css);
+    const root = parse(css);
     root.walkRules((rule) => {
         parseSelector((nodes: any) => {
             nodes.walkClasses((node: any) => {

lib/getSelectorScope.ts

@@ -1,4 +1,4 @@
-import * as parseSelector from "postcss-selector-parser";
+import parseSelector from "postcss-selector-parser";
 
 export function getSelectorScope(selector: string): string {
     let selectorScope = "root";