chore(docz-utils): add named asset import as utils

packages/babel-plugin-named-asset-import/package.json

@@ -1,9 +0,0 @@
-{
-  "name": "babel-plugin-named-asset-import",
-  "version": "0.11.1",
-  "license": "MIT",
-  "main": "index.js",
-  "peerDependencies": {
-    "@babel/core": "^7.1.0"
-  }
-}

packages/docz-core/package.json

@@ -32,7 +32,6 @@
     "@svgr/webpack": "^2.4.1",
     "art-template": "^4.13.0",
     "babel-loader": "^8.0.2",
-    "babel-plugin-named-asset-import": "^0.11.1",
     "babel-preset-docz": "^0.11.1",
     "babylon": "^6.18.0",
     "cache-loader": "^1.2.2",

packages/docz-core/src/utils/babel-config.ts

@@ -30,7 +30,7 @@ export const getBabelConfig = async (
 
   const defaultPlugins: any[] = [
     [
-      require.resolve('babel-plugin-named-asset-import'),
+      require.resolve('docz-utils/lib/named-asset-import'),
       {
         loaderMap: {
           svg: {

packages/docz-utils/package.json

@@ -13,7 +13,8 @@
     "src/codesandbox.ts",
     "src/format.ts",
     "src/imports.ts",
-    "src/jsx.ts"
+    "src/jsx.ts",
+    "src/named-asset-import.ts"
   ],
   "files": [
     "lib/",

packages/docz-utils/src/index.ts

@@ -5,4 +5,5 @@ import * as imports from './imports'
 import * as codesandbox from './codesandbox'
 import { format } from './format'
 
+export { default as namedAssetImport } from './named-asset-import'
 export { ast, mdast, format, imports, jsx, codesandbox }

packages/docz-utils/src/named-asset-import.ts

@@ -1,11 +1,11 @@
-const { extname } = require('path')
+import { extname } from 'path'
 
-function namedAssetImportPlugin({ types: t }) {
+export default function namedAssetImport({ types: t }: any): any {
   const visited = new WeakSet()
 
   return {
     visitor: {
-      ImportDeclaration(path, { opts: { loaderMap } }) {
+      ImportDeclaration(path: any, { opts: { loaderMap } }: any): any {
         const sourcePath = path.node.source.value
         const ext = extname(sourcePath).substr(1)
 
@@ -15,7 +15,7 @@ function namedAssetImportPlugin({ types: t }) {
 
         if (loaderMap[ext]) {
           path.replaceWithMultiple(
-            path.node.specifiers.map(specifier => {
+            path.node.specifiers.map((specifier: any) => {
               if (t.isImportDefaultSpecifier(specifier)) {
                 const newDefaultImport = t.importDeclaration(
                   [
@@ -56,5 +56,3 @@ function namedAssetImportPlugin({ types: t }) {
     },
   }
 }
-
-module.exports = namedAssetImportPlugin