@hanzogui/static 4.4.0 → 7.0.0

package/src/extractor/createExtractor.ts

@@ -10,7 +10,7 @@ import {
   type PseudoStyles,
   type SplitStyleProps,
   type StaticConfig,
-  type GuiComponentState,
+  type HanzoguiComponentState,
 } from '@hanzogui/web'
 import { existsSync, readFileSync } from 'node:fs'
 import { basename, dirname, resolve, relative } from 'node:path'
@@ -18,17 +18,17 @@ import { nodeModuleNameResolver, sys } from 'typescript'
 import type { ViewStyle } from 'react-native'
 
 import { FAILED_EVAL } from '../constants'
-import { requireGuiCore } from '../helpers/requireGuiCore'
+import { requireHanzoguiCore } from '../helpers/requireHanzoguiCore'
 import type {
   ExtractedAttr,
   ExtractedAttrStyle,
   ExtractorOptions,
   ExtractorParseProps,
-  GuiOptions,
-  GuiOptionsWithFileInfo,
+  HanzoguiOptions,
+  HanzoguiOptionsWithFileInfo,
   Ternary,
 } from '../types'
-import type { LoadedComponents, GuiProjectInfo } from './bundleConfig'
+import type { LoadedComponents, HanzoguiProjectInfo } from './bundleConfig'
 import { createEvaluator, createSafeEvaluator } from './createEvaluator'
 import { evaluateAstNode } from './evaluateAstNode'
 import {
@@ -44,7 +44,7 @@ import {
 import { findTopmostFunction } from './findTopmostFunction'
 import { cleanupBeforeExit, getStaticBindingsForScope } from './getStaticBindingsForScope'
 import { literalToAst } from './literalToAst'
-import { loadGui, loadGuiSync } from './loadGui'
+import { loadHanzogui, loadHanzoguiSync } from './loadHanzogui'
 import { logLines } from './logLines'
 import { normalizeTernaries } from './normalizeTernaries'
 import { setPropsToFontFamily } from './propsToFontFamilyCache'
@@ -72,7 +72,7 @@ type FileOrPath = NodePath<t.Program> | t.File
 
 let hasLoggedBaseInfo = false
 
-function isFullyDisabled(props: GuiOptions) {
+function isFullyDisabled(props: HanzoguiOptions) {
   return props.disableExtraction && props.disableDebugAttr
 }
 
@@ -114,7 +114,7 @@ export function createExtractor(
     }),
   }
 
-  const componentState: GuiComponentState = {
+  const componentState: HanzoguiComponentState = {
     focus: false,
     focusVisible: false,
     focusWithin: false,
@@ -138,7 +138,7 @@ export function createExtractor(
     process.env.IDENTIFY_TAGS !== 'false' &&
     (process.env.NODE_ENV === 'development' || process.env.IDENTIFY_TAGS)
 
-  let projectInfo: GuiProjectInfo | null = null
+  let projectInfo: HanzoguiProjectInfo | null = null
 
   // cache of dynamically discovered styled components, keyed by absolute file path
   // persists across files within the same worker/extractor instance
@@ -217,21 +217,21 @@ export function createExtractor(
     }
   }
 
-  // we load hanzo-gui delayed because we need to set some global/env stuff before importing
+  // we load hanzogui delayed because we need to set some global/env stuff before importing
   // otherwise we'd import `rnw` and cause it to evaluate react-native-web which causes errors
 
-  function loadSync(props: GuiOptions) {
+  function loadSync(props: HanzoguiOptions) {
     if (isFullyDisabled(props)) {
       return null
     }
-    return (projectInfo ||= loadGuiSync(props))
+    return (projectInfo ||= loadHanzoguiSync(props))
   }
 
-  async function load(props: GuiOptions) {
+  async function load(props: HanzoguiOptions) {
     if (isFullyDisabled(props)) {
       return null
     }
-    return (projectInfo ||= await loadGui(props))
+    return (projectInfo ||= await loadHanzogui(props))
   }
 
   return {
@@ -239,10 +239,10 @@ export function createExtractor(
       logger,
     },
     cleanupBeforeExit,
-    loadGui: load,
-    loadGuiSync: loadSync,
-    getGui() {
-      return projectInfo?.guiConfig
+    loadHanzogui: load,
+    loadHanzoguiSync: loadSync,
+    getHanzogui() {
+      return projectInfo?.hanzoguiConfig
     },
     parseSync: (f: FileOrPath, props: ExtractorParseProps) => {
       globalThis.expo ||= {} // expo-modules-core checks this and avoids loading "native" modules if exists
@@ -257,12 +257,12 @@ export function createExtractor(
   }
 
   function parseWithConfig(
-    { components, guiConfig }: GuiProjectInfo,
+    { components, hanzoguiConfig }: HanzoguiProjectInfo,
     fileOrPath: FileOrPath,
     options: ExtractorParseProps
   ) {
     const {
-      config = 'gui.config.ts',
+      config = 'hanzogui.config.ts',
       importsWhitelist = ['constants.js'],
       evaluateVars = true,
       sourcePath = '',
@@ -288,7 +288,7 @@ export function createExtractor(
       styledCheckCache.delete(sourcePath)
     }
 
-    if (sourcePath.includes('.gui-dynamic-eval')) {
+    if (sourcePath.includes('.hanzogui-dynamic-eval')) {
       return null
     }
 
@@ -300,7 +300,7 @@ export function createExtractor(
       proxyThemeVariables,
       getDefaultProps,
       pseudoDescriptors,
-    } = requireGuiCore(platform)
+    } = requireHanzoguiCore(platform)
 
     let shouldPrintDebug = options.shouldPrintDebug || false
 
@@ -331,7 +331,7 @@ export function createExtractor(
 
     function isValidStyleKey(name: string, staticConfig: StaticConfig) {
       if (!projectInfo) {
-        throw new Error(`Gui extractor not loaded yet`)
+        throw new Error(`Hanzogui extractor not loaded yet`)
       }
       if (platform === 'native' && name[0] === '$' && mediaQueryConfig[name.slice(1)]) {
         return false
@@ -355,7 +355,7 @@ export function createExtractor(
         pseudoDescriptors[name] ||
         // don't disable variants or else you lose many things flattening
         staticConfig.variants?.[name] ||
-        projectInfo?.guiConfig?.shorthands[name]
+        projectInfo?.hanzoguiConfig?.shorthands[name]
       )
     }
 
@@ -366,7 +366,7 @@ export function createExtractor(
     const isTargetingHTML = platform === 'web'
     const ogDebug = shouldPrintDebug
     const tm = timer()
-    const propsWithFileInfo: GuiOptionsWithFileInfo = {
+    const propsWithFileInfo: HanzoguiOptionsWithFileInfo = {
       ...options,
       sourcePath,
       allLoadedComponents: components ? [...components] : [],
@@ -384,7 +384,7 @@ export function createExtractor(
           ].join(' ')
         )
       }
-      if (process.env.DEBUG?.startsWith('@hanzo/gui')) {
+      if (process.env.DEBUG?.startsWith('hanzogui')) {
         logger.info(
           [
             'loaded:',
@@ -394,14 +394,14 @@ export function createExtractor(
       }
     }
 
-    tm.mark('load-gui', !!shouldPrintDebug)
+    tm.mark('load-hanzogui', !!shouldPrintDebug)
 
     if (!isFullyDisabled(options)) {
-      if (!guiConfig?.themes) {
+      if (!hanzoguiConfig?.themes) {
         console.error(
-          `⛔️ Error: Missing "themes" in your gui.config file:
+          `⛔️ Error: Missing "themes" in your hanzogui.config file:
 
-            You may not need the compiler! Remember you can run GUI with no configuration at all.
+            You may not need the compiler! Remember you can run Hanzogui with no configuration at all.
 
             You may have not "export default" your config (you can also "export const config").
             
@@ -410,17 +410,17 @@ export function createExtractor(
               - or search your lockfile for mis-matches.
           `
         )
-        console.info(`  Got config:`, guiConfig)
+        console.info(`  Got config:`, hanzoguiConfig)
         process.exit(0)
       }
     }
 
-    const firstThemeName = Object.keys(guiConfig?.themes || {})[0]
-    const firstTheme = guiConfig?.themes[firstThemeName] || {}
+    const firstThemeName = Object.keys(hanzoguiConfig?.themes || {})[0]
+    const firstTheme = hanzoguiConfig?.themes[firstThemeName] || {}
 
     if (!firstTheme || typeof firstTheme !== 'object') {
       const err = `Missing theme ${firstThemeName}, an error occurred when importing your config`
-      console.info(err, `Got config:`, guiConfig)
+      console.info(err, `Got config:`, hanzoguiConfig)
       console.info(`Looking for theme:`, firstThemeName)
       throw new Error(err)
     }
@@ -443,9 +443,9 @@ export function createExtractor(
     if (!isFullyDisabled(options)) {
       if (Object.keys(components || []).length === 0) {
         console.warn(
-          `Warning: GUI didn't find any valid components (DEBUG=hanzo-gui for more)`
+          `Warning: Hanzogui didn't find any valid components (DEBUG=hanzogui for more)`
         )
-        if (process.env.DEBUG === '@hanzo/gui') {
+        if (process.env.DEBUG === 'hanzogui') {
           console.info(`components`, Object.keys(components || []), components)
         }
       }
@@ -487,7 +487,7 @@ export function createExtractor(
 
       if (extractStyledDefinitions && enableDynamicEvaluation) {
         // check all imports for `styled`, not just valid packages
-        // styled( is basically guaranteed to be hanzo-gui regardless of source
+        // styled( is basically guaranteed to be hanzogui regardless of source
         if (node.specifiers.some((specifier) => specifier.local.name === 'styled')) {
           doesUseValidImport = true
           // don't break - need to collect all import declarations for the styled() handler
@@ -655,7 +655,7 @@ export function createExtractor(
               )
             }
 
-            const out = loadGuiSync({
+            const out = loadHanzoguiSync({
               forceExports: true,
               components: [sourcePath],
               cacheKey: version,
@@ -684,14 +684,14 @@ export function createExtractor(
               if (foundNames) {
                 colorLog(
                   Color.FgYellow,
-                  `      | GUI found dynamic components: ${foundNames}`
+                  `      | Hanzogui found dynamic components: ${foundNames}`
                 )
               }
             }
           } catch (err: any) {
             if (shouldPrintDebug) {
               logger.info(
-                `skip optimize styled(${variableName}), unable to pre-process (DEBUG=hanzo-gui for more)`
+                `skip optimize styled(${variableName}), unable to pre-process (DEBUG=hanzogui for more)`
               )
             }
           }
@@ -895,7 +895,7 @@ export function createExtractor(
           return
         }
 
-        // validate its a proper import from hanzo-gui (or internally inside gui)
+        // validate its a proper import from hanzogui (or internally inside hanzogui)
         const binding = traversePath.scope.getBinding(node.name.name)
         let moduleName = ''
         let dynamicComponent: { staticConfig: any } | null = null
@@ -919,7 +919,7 @@ export function createExtractor(
                     // proactively load the file
                     dynamicLoadingInProgress.add(resolved)
                     try {
-                      const out = loadGuiSync({
+                      const out = loadHanzoguiSync({
                         forceExports: true,
                         components: [resolved],
                       })
@@ -971,7 +971,7 @@ export function createExtractor(
           getValidComponent(propsWithFileInfo, moduleName, node.name.name)
         if (!component || !component.staticConfig) {
           if (shouldPrintDebug) {
-            logger.info(`\n - No GUI conf for: ${node.name.name}\n`)
+            logger.info(`\n - No Hanzogui conf for: ${node.name.name}\n`)
           }
           return
         }
@@ -1104,7 +1104,9 @@ export function createExtractor(
               : []),
 
             // when using a non-CSS driver, de-opt on enterStyle/exitStyle
-            ...(guiConfig?.animations.isReactNative ? ['enterStyle', 'exitStyle'] : []),
+            ...(hanzoguiConfig?.animations.isReactNative
+              ? ['enterStyle', 'exitStyle']
+              : []),
           ])
 
           const inlineWhenUnflattened = new Set(staticConfig.inlineWhenUnflattened || [])
@@ -1174,7 +1176,7 @@ export function createExtractor(
             style: {},
             theme: defaultTheme,
             viewProps: defaultProps,
-            conf: guiConfig!,
+            conf: hanzoguiConfig!,
             props: defaultProps,
             componentState,
             styleProps: {
@@ -1286,9 +1288,9 @@ export function createExtractor(
 
             const name = attribute.name.name
 
-            // in hanzo-gui style is handled at the end of the style loop so its not as simple as just
+            // in hanzogui style is handled at the end of the style loop so its not as simple as just
             // adding this as a "style" property
-            // its not used often when using hanzo-gui so not optimizing it for now
+            // its not used often when using hanzogui so not optimizing it for now
             if (name === 'style') {
               shouldDeopt = true
               return null
@@ -1909,7 +1911,7 @@ export function createExtractor(
             if (!isValidStyleKey(key, staticConfig)) {
               return []
             }
-            const name = guiConfig?.shorthands[key] || key
+            const name = hanzoguiConfig?.shorthands[key] || key
             if (value === undefined) {
               logger.warn(
                 `⚠️ Error evaluating default style for component, prop ${key} ${value}`
@@ -2018,7 +2020,12 @@ export function createExtractor(
                 hasImportedTheme = true
                 programPath.node.body.push(
                   t.importDeclaration(
-                    [t.importSpecifier(t.identifier('_GuiTheme'), t.identifier('Theme'))],
+                    [
+                      t.importSpecifier(
+                        t.identifier('_HanzoguiTheme'),
+                        t.identifier('Theme')
+                      ),
+                    ],
                     t.stringLiteral('@hanzogui/web')
                   )
                 )
@@ -2026,10 +2033,10 @@ export function createExtractor(
 
               traversePath.replaceWith(
                 t.jsxElement(
-                  t.jsxOpeningElement(t.jsxIdentifier('_GuiTheme'), [
+                  t.jsxOpeningElement(t.jsxIdentifier('_HanzoguiTheme'), [
                     t.jsxAttribute(t.jsxIdentifier('name'), themeVal.value),
                   ]),
-                  t.jsxClosingElement(t.jsxIdentifier('_GuiTheme')),
+                  t.jsxClosingElement(t.jsxIdentifier('_HanzoguiTheme')),
                   [traversePath.node]
                 )
               )
@@ -2187,7 +2194,7 @@ export function createExtractor(
 
             let key = Object.keys(cur.value)[0]
             const value = cur.value[key]
-            const fullKey = guiConfig?.shorthands[key]
+            const fullKey = hanzoguiConfig?.shorthands[key]
             // expand shorthands
             if (fullKey) {
               cur.value = { [fullKey]: value }
@@ -2615,7 +2622,7 @@ export function createExtractor(
             node,
             lineNumbers,
             filePath,
-            config: guiConfig!,
+            config: hanzoguiConfig!,
             flatNodeName,
             attemptEval,
             jsxPath: traversePath,
@@ -2651,9 +2658,9 @@ export function createExtractor(
 
           if (!(err instanceof BailOptimizationError)) {
             console.error(
-              `@hanzogui/static error, reverting optimization. In ${filePath} ${lineNumbers} on ${originalNodeName}: ${err.message}. For stack trace set environment GUI_DEBUG=1`
+              `@hanzogui/static error, reverting optimization. In ${filePath} ${lineNumbers} on ${originalNodeName}: ${err.message}. For stack trace set environment TAMAGUI_DEBUG=1`
             )
-            if (process.env.GUI_DEBUG === '1') {
+            if (process.env.TAMAGUI_DEBUG === '1') {
               console.error(err.stack)
             }
           }

package/src/extractor/createLogger.ts

@@ -1,13 +1,15 @@
 import { basename } from 'node:path'
 
-import type { GuiOptions } from '../types'
+import type { HanzoguiOptions } from '../types'
 import { getPrefixLogs } from './getPrefixLogs'
 
-export function createLogger(sourcePath: string, options: GuiOptions) {
+export function createLogger(sourcePath: string, options: HanzoguiOptions) {
   const shouldLogTiming = options.logTimings ?? true
   const start = Date.now()
   const mem =
-    process.env.GUI_SHOW_MEMORY_USAGE && shouldLogTiming ? process.memoryUsage() : null
+    process.env.TAMAGUI_SHOW_MEMORY_USAGE && shouldLogTiming
+      ? process.memoryUsage()
+      : null
 
   return (res) => {
     if (!shouldLogTiming) {

package/src/extractor/esbuildTsconfigPaths.ts

@@ -25,7 +25,7 @@ export function TsconfigPathsPlugin(): Plugin {
     name,
     setup({ onResolve }) {
       onResolve({ filter: /.*/ }, (args) => {
-        // skip @gui packages - they should be externalized, not resolved via tsconfig
+        // skip @hanzogui packages - they should be externalized, not resolved via tsconfig
         if (args.path.startsWith('@hanzogui/')) {
           return null
         }

package/src/extractor/extractHelpers.ts

@@ -6,7 +6,7 @@ import * as t from '@babel/types'
 import findRoot from 'find-root'
 
 import { memoize } from '../helpers/memoize'
-import type { ExtractedAttr, GuiOptionsWithFileInfo, Ternary } from '../types'
+import type { ExtractedAttr, HanzoguiOptionsWithFileInfo, Ternary } from '../types'
 
 // import { astToLiteral } from './literalToAst'
 
@@ -98,7 +98,7 @@ export function findComponentName(scope) {
 }
 
 export function isValidThemeHook(
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   jsxPath: NodePath<t.JSXElement>,
   n: t.MemberExpression,
   sourcePath?: string
@@ -122,7 +122,7 @@ export function isValidThemeHook(
 }
 
 export const isInsideComponentPackage = (
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   moduleName: string
 ) => {
   return getValidComponentsPaths(props).some((path) => {
@@ -130,14 +130,17 @@ export const isInsideComponentPackage = (
   })
 }
 
-export const isComponentPackage = (props: GuiOptionsWithFileInfo, srcName: string) => {
+export const isComponentPackage = (
+  props: HanzoguiOptionsWithFileInfo,
+  srcName: string
+) => {
   return getValidComponentsPaths(props).some((path) => {
     return srcName.startsWith(path)
   })
 }
 
 export function getValidComponent(
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   moduleName: string,
   componentName: string
 ) {
@@ -158,7 +161,7 @@ export function getValidComponent(
   return null
 }
 
-export const isValidModule = (props: GuiOptionsWithFileInfo, moduleName: string) => {
+export const isValidModule = (props: HanzoguiOptionsWithFileInfo, moduleName: string) => {
   if (typeof moduleName !== 'string') {
     throw new Error(`No module name`)
   }
@@ -172,7 +175,7 @@ export const isValidModule = (props: GuiOptionsWithFileInfo, moduleName: string)
 }
 
 export const getValidImport = (
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   moduleName: string,
   componentName?: string
 ) => {
@@ -184,7 +187,7 @@ export const getValidImport = (
 }
 
 export const isValidImport = (
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   moduleName: string,
   componentName?: string
 ) => {
@@ -194,12 +197,12 @@ export const isValidImport = (
   return Boolean(getValidImport(props, moduleName, componentName))
 }
 
-const getValidComponentPackages = memoize((props: GuiOptionsWithFileInfo) => {
-  // just always look for `gui` and `@hanzogui/core`
-  return [...new Set(['@hanzogui/core', '@hanzo/gui', ...(props.components || [])])]
+const getValidComponentPackages = memoize((props: HanzoguiOptionsWithFileInfo) => {
+  // just always look for `hanzogui` and `@hanzogui/core`
+  return [...new Set(['@hanzogui/core', 'hanzogui', ...(props.components || [])])]
 })
 
-export const getValidComponentsPaths = memoize((props: GuiOptionsWithFileInfo) => {
+export const getValidComponentsPaths = memoize((props: HanzoguiOptionsWithFileInfo) => {
   return getValidComponentPackages(props).flatMap((pkg) => {
     const root = findRoot(pkg)
     const based = basename(root)

package/src/extractor/extractMediaStyle.ts

@@ -1,31 +1,31 @@
 import type { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
-import type { GuiInternalConfig } from '@hanzogui/core'
+import type { HanzoguiInternalConfig } from '@hanzogui/core'
 import * as core from '@hanzogui/core'
 import type { ViewStyle } from 'react-native'
 
-import { requireGuiCore } from '../helpers/requireGuiCore'
-import type { StyleObject, GuiOptionsWithFileInfo, Ternary } from '../types'
+import { requireHanzoguiCore } from '../helpers/requireHanzoguiCore'
+import type { StyleObject, HanzoguiOptionsWithFileInfo, Ternary } from '../types'
 import { isPresent, isValidImport } from './extractHelpers'
 
 export function extractMediaStyle(
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   ternary: Ternary,
   jsxPath: NodePath<t.JSXElement>,
-  guiConfig: GuiInternalConfig,
+  hanzoguiConfig: HanzoguiInternalConfig,
   sourcePath: string,
   importance = 0,
   shouldPrintDebug: boolean | 'verbose' = false
 ) {
-  const { getCSSStylesAtomic } = requireGuiCore('web')
+  const { getCSSStylesAtomic } = requireHanzoguiCore('web')
   const mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath)
   if (!mt) {
     return null
   }
   const { key } = mt
-  const mq = guiConfig.media[key]
+  const mq = hanzoguiConfig.media[key]
   if (!mq) {
-    console.error(`Media query "${key}" not found: ${Object.keys(guiConfig.media)}`)
+    console.error(`Media query "${key}" not found: ${Object.keys(hanzoguiConfig.media)}`)
     return null
   }
   const getStyleObj = (styleObj: ViewStyle | null, negate = false) => {
@@ -40,7 +40,7 @@ export function extractMediaStyle(
     return null
   }
   // for now order first strongest
-  const mediaKeys = Object.keys(guiConfig.media)
+  const mediaKeys = Object.keys(hanzoguiConfig.media)
   const mediaKeyPrecendence = mediaKeys.reduce((acc, cur, i) => {
     acc[cur] = new Array(importance + 1).fill(':root').join('')
     return acc
@@ -54,7 +54,13 @@ export function extractMediaStyle(
     const styles = getCSSStylesAtomic(styleObj as any)
 
     const singleMediaStyles = styles.map((style) => {
-      const mediaStyle = core.createMediaStyle(style, key, guiConfig.media, true, negate)
+      const mediaStyle = core.createMediaStyle(
+        style,
+        key,
+        hanzoguiConfig.media,
+        true,
+        negate
+      )
       const className = `.${mediaStyle[core.StyleObjectIdentifier]}`
       return {
         ...mediaStyle,
@@ -79,7 +85,7 @@ export function extractMediaStyle(
 }
 
 function getMediaQueryTernary(
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   ternary: Ternary,
   jsxPath: NodePath<t.JSXElement>,
   sourcePath: string
@@ -128,7 +134,7 @@ function getMediaQueryTernary(
 }
 
 function getMediaInfoFromExpression(
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   test: t.Expression,
   jsxPath: NodePath<t.JSXElement>,
   sourcePath: string,
@@ -167,7 +173,7 @@ function getMediaInfoFromExpression(
 }
 
 export function isValidMediaCall(
-  props: GuiOptionsWithFileInfo,
+  props: HanzoguiOptionsWithFileInfo,
   jsxPath: NodePath<t.JSXElement>,
   init: t.Expression,
   sourcePath: string

package/src/extractor/extractToClassNames.ts

@@ -4,8 +4,8 @@ import * as t from '@babel/types'
 import { mergeProps, StyleObjectIdentifier, StyleObjectRules } from '@hanzogui/web'
 import * as path from 'node:path'
 import * as util from 'node:util'
-import { requireGuiCore } from '../helpers/requireGuiCore'
-import type { StyleObject, GuiOptions, Ternary } from '../types'
+import { requireHanzoguiCore } from '../helpers/requireHanzoguiCore'
+import type { StyleObject, HanzoguiOptions, Ternary } from '../types'
 import { babelParse } from './babelParse'
 import type { Extractor } from './createExtractor'
 import { createLogger } from './createLogger'
@@ -37,7 +37,7 @@ export type ExtractToClassNamesProps = {
   extractor: Extractor
   source: string | Buffer
   sourcePath?: string
-  options: GuiOptions
+  options: HanzoguiOptions
   shouldPrintDebug: boolean | 'verbose'
 }
 
@@ -55,7 +55,7 @@ export async function extractToClassNames({
   shouldPrintDebug,
 }: ExtractToClassNamesProps): Promise<ExtractedResponse | null> {
   const tm = timer()
-  const { getCSSStylesAtomic, createMediaStyle } = requireGuiCore('web')
+  const { getCSSStylesAtomic, createMediaStyle } = requireHanzoguiCore('web')
 
   if (sourcePath.includes('node_modules')) {
     return null
@@ -78,9 +78,9 @@ export async function extractToClassNames({
     console.warn(`${sourcePath.slice(0, 100)} - bad filename.`)
   }
 
-  if (!options.disableExtraction && !options['_disableLoadGui']) {
+  if (!options.disableExtraction && !options['_disableLoadHanzogui']) {
     // dont include loading in timing of parsing (one time cost)
-    await extractor.loadGui(options)
+    await extractor.loadHanzogui(options)
   }
 
   const printLog = createLogger(sourcePath, options)
@@ -98,7 +98,7 @@ export async function extractToClassNames({
   tm.mark(`babel-parse`, shouldPrintDebug === 'verbose')
 
   const cssMap = new Map<string, { css: string; commentTexts: string[] }>()
-  const guiConfig = extractor.getGui()!
+  const hanzoguiConfig = extractor.getHanzogui()!
 
   const res = await extractor.parse(ast, {
     shouldPrintDebug,
@@ -208,7 +208,7 @@ export async function extractToClassNames({
             const mediaStyle = createMediaStyle(
               style,
               mediaName,
-              extractor.getGui()!.media,
+              extractor.getHanzogui()!.media,
               mediaType,
               false,
               mediaStylesSeen
@@ -218,11 +218,11 @@ export async function extractToClassNames({
             continue
           }
 
-          if (mediaName in guiConfig.media) {
+          if (mediaName in hanzoguiConfig.media) {
             const mediaStyle = createMediaStyle(
               style,
               mediaName,
-              extractor.getGui()!.media,
+              extractor.getHanzogui()!.media,
               true,
               false,
               mediaStylesSeen
@@ -284,7 +284,7 @@ export async function extractToClassNames({
             parserProps,
             attr.value,
             jsxPath,
-            extractor.getGui()!,
+            extractor.getHanzogui()!,
             sourcePath || '',
             mediaStylesSeen++,
             shouldPrintDebug