refactor(core): use exportName transform (#616)

BREAKING CHANGE: @svgr/core now exposes { transform } instead of default export.

Author: gregberge

packages/cli/src/util.ts

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import { promises as fs } from 'fs'
 import { red } from 'chalk'
-import svgrConvert, { Config, State } from '@svgr/core'
+import { transform, Config, State } from '@svgr/core'
 import svgo from '@svgr/plugin-svgo'
 import jsx from '@svgr/plugin-jsx'
 import prettier from '@svgr/plugin-prettier'
@@ -31,7 +31,7 @@ export const convert = (
   config: Config,
   state: Partial<State>,
 ): string => {
-  return svgrConvert.sync(code, config, {
+  return transform.sync(code, config, {
     ...state,
     caller: {
       name: '@svgr/cli',

packages/core/README.md

@@ -13,7 +13,7 @@ npm install @svgr/core
 ## Usage
 
 ```js
-import svgr from '@svgr/core'
+import { transform } from '@svgr/core'
 
 const svgCode = `
 <svg xmlns="http://www.w3.org/2000/svg"
@@ -23,7 +23,7 @@ const svgCode = `
 </svg>
 `
 
-svgr(svgCode, { icon: true }, { componentName: 'MyComponent' }).then(
+transform(svgCode, { icon: true }, { componentName: 'MyComponent' }).then(
   (jsCode) => {
     console.log(jsCode)
   },

packages/core/src/__snapshots__/convert.test.ts.snap renamed to packages/core/src/__snapshots__/transform.test.ts.snap

@@ -1,4 +1,4 @@
-export { default } from './convert'
+export { transform } from './transform'
 export * from './config'
 export type { State } from './state'
 export type { Plugin, ConfigPlugin } from './plugins'

packages/core/src/index.ts

@@ -1,11 +1,11 @@
-import convert, { Config, State } from '.'
+import { transform, Config, State } from '.'
 
 function convertWithAllPlugins(
   code: string,
   config?: Config,
   state?: Partial<State>,
 ) {
-  return convert(
+  return transform(
     code,
     {
       plugins: [
@@ -24,7 +24,7 @@ function convertSyncWithAllPlugins(
   config?: Config,
   state?: Partial<State>,
 ) {
-  return convert.sync(
+  return transform.sync(
     code,
     {
       plugins: [

packages/core/src/convert.test.ts renamed to packages/core/src/transform.test.ts

@@ -15,7 +15,7 @@ const run = (code: string, config: Config, state: Partial<State>): string => {
   return nextCode
 }
 
-const convert = async (
+export const transform = async (
   code: string,
   config: Config = {},
   state: Partial<State> = {},
@@ -24,13 +24,11 @@ const convert = async (
   return run(code, config, state)
 }
 
-convert.sync = (
+transform.sync = (
   code: string,
   config: Config = {},
   state: Partial<State> = {},
 ): string => {
   config = loadConfig.sync(config, state)
   return run(code, config, state)
 }
-
-export default convert

packages/core/src/convert.ts renamed to packages/core/src/transform.ts

@@ -1,5 +1,5 @@
 import * as fs from 'fs'
-import convert, { Config } from '@svgr/core'
+import { transform, Config } from '@svgr/core'
 import { createFilter, CreateFilter } from 'rollup-pluginutils'
 import { transformAsync, createConfigItem } from '@babel/core'
 import svgo from '@svgr/plugin-svgo'
@@ -58,7 +58,7 @@ const plugin: PluginImpl<Options> = (options = {}) => {
 
       const previousExport = exportMatches ? data : null
 
-      const jsCode = await convert(load, options, {
+      const jsCode = await transform(load, options, {
         filePath: id,
         caller: {
           name: '@svgr/rollup',

packages/rollup/src/index.ts

@@ -1,6 +1,6 @@
 import { callbackify } from 'util'
 import { transformAsync, createConfigItem } from '@babel/core'
-import convert, { Config, State } from '@svgr/core'
+import { transform, Config, State } from '@svgr/core'
 import { normalize } from 'path'
 import svgo from '@svgr/plugin-svgo'
 import jsx from '@svgr/plugin-jsx'
@@ -42,7 +42,7 @@ interface LoaderOptions extends Config {
 const tranformSvg = callbackify(
   async (contents: string, options: LoaderOptions, state: Partial<State>) => {
     const { babel = true, ...config } = options
-    const jsCode = await convert(contents, config, state)
+    const jsCode = await transform(contents, config, state)
     if (!babel) return jsCode
     const result = await transformAsync(
       jsCode,