third_party/devtools_icons/lib/devtools_icons.dart

// Copyright 2024 The Flutter Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file or at https://developers.google.com/open-source/licenses/bsd.

class WidgetTheme {
  const WidgetTheme({this.iconAsset, this.color = otherWidgetColor});

  final String? iconAsset;
  final String color;

  static WidgetTheme fromName(String? widgetType) {
    if (widgetType == null) {
      return const WidgetTheme();
    }

    return themeMap[_stripBrackets(widgetType)] ?? const WidgetTheme();
  }

  /// Strips the brackets off the widget name.
  ///
  /// For example: `AnimatedBuilder<String>` -> `AnimatedBuilder`.
  static String _stripBrackets(String widgetType) {
    final bracketIndex = widgetType.indexOf('<');
    if (bracketIndex == -1) {
      return widgetType;
    }

    return widgetType.substring(0, bracketIndex);
  }

  static const contentWidgetColor = '#06AC3B';
  static const highLevelWidgetColor = '#AEAEB1';
  static const animationWidgetColor = '#E09D0E';
  static const otherWidgetColor = '#0EA7E0';

  static const animatedTheme = WidgetTheme(
    iconAsset: WidgetIcons.animated,
    color: animationWidgetColor,
  );

  static const transitionTheme = WidgetTheme(
    iconAsset: WidgetIcons.transition,
    color: animationWidgetColor,
  );

  static const textTheme = WidgetTheme(
    iconAsset: WidgetIcons.text,
    color: contentWidgetColor,
  );

  static const imageTheme = WidgetTheme(
    iconAsset: WidgetIcons.image,
    color: contentWidgetColor,
  );

  static const tabTheme = WidgetTheme(iconAsset: WidgetIcons.tab);
  static const scrollTheme = WidgetTheme(iconAsset: WidgetIcons.scroll);
  static const highLevelTheme = WidgetTheme(color: highLevelWidgetColor);
  static const listTheme = WidgetTheme(iconAsset: WidgetIcons.listView);
  static const expandTheme = WidgetTheme(iconAsset: WidgetIcons.expand);
  static const alignTheme = WidgetTheme(iconAsset: WidgetIcons.align);
  static const gestureTheme = WidgetTheme(iconAsset: WidgetIcons.gesture);
  static const textButtonTheme = WidgetTheme(iconAsset: WidgetIcons.textButton);
  static const toggleTheme = WidgetTheme(
    iconAsset: WidgetIcons.toggle,
    color: contentWidgetColor,
  );

  static const themeMap = <String, WidgetTheme>{
    // High-level
    'RenderObjectToWidgetAdapter': WidgetTheme(
      iconAsset: WidgetIcons.root,
      color: highLevelWidgetColor,
    ),
    'CupertinoApp': highLevelTheme,
    'MaterialApp': WidgetTheme(iconAsset: WidgetIcons.materialApp),
    'WidgetsApp': highLevelTheme,

    // Text
    'DefaultTextStyle': textTheme,
    'RichText': textTheme,
    'SelectableText': textTheme,
    'Text': textTheme,

    // Images
    'Icon': imageTheme,
    'Image': imageTheme,
    'RawImage': imageTheme,

    // Animations
    'AnimatedAlign': animatedTheme,
    'AnimatedBuilder': animatedTheme,
    'AnimatedContainer': animatedTheme,
    'AnimatedCrossFade': animatedTheme,
    'AnimatedDefaultTextStyle': animatedTheme,
    'AnimatedListState': animatedTheme,
    'AnimatedModalBarrier': animatedTheme,
    'AnimatedOpacity': animatedTheme,
    'AnimatedPhysicalModel': animatedTheme,
    'AnimatedPositioned': animatedTheme,
    'AnimatedSize': animatedTheme,
    'AnimatedWidget': animatedTheme,

    // Transitions
    'DecoratedBoxTransition': transitionTheme,
    'FadeTransition': transitionTheme,
    'PositionedTransition': transitionTheme,
    'RotationTransition': transitionTheme,
    'ScaleTransition': transitionTheme,
    'SizeTransition': transitionTheme,
    'SlideTransition': transitionTheme,
    'Hero': WidgetTheme(
      iconAsset: WidgetIcons.hero,
      color: animationWidgetColor,
    ),

    // Scroll
    'CustomScrollView': scrollTheme,
    'DraggableScrollableSheet': scrollTheme,
    'SingleChildScrollView': scrollTheme,
    'Scrollable': scrollTheme,
    'Scrollbar': scrollTheme,
    'ScrollConfiguration': scrollTheme,
    'GridView': WidgetTheme(iconAsset: WidgetIcons.gridView),
    'ListView': listTheme,
    'ReorderableListView': listTheme,
    'NestedScrollView': listTheme,

    // Input
    'Checkbox': WidgetTheme(
      iconAsset: WidgetIcons.checkbox,
      color: contentWidgetColor,
    ),
    'Radio': WidgetTheme(
      iconAsset: WidgetIcons.radio,
      color: contentWidgetColor,
    ),
    'Switch': toggleTheme,
    'CupertinoSwitch': toggleTheme,

    // Layout
    'Container': WidgetTheme(iconAsset: WidgetIcons.container),
    'Center': WidgetTheme(iconAsset: WidgetIcons.center),
    'Row': WidgetTheme(iconAsset: WidgetIcons.row),
    'Column': WidgetTheme(iconAsset: WidgetIcons.column),
    'Padding': WidgetTheme(iconAsset: WidgetIcons.padding),
    'SizedBox': WidgetTheme(iconAsset: WidgetIcons.sizedBox),
    'ConstrainedBox': WidgetTheme(iconAsset: WidgetIcons.constrainedBox),
    'Align': alignTheme,
    'Positioned': alignTheme,
    'Expanded': expandTheme,
    'Flexible': expandTheme,
    'Stack': WidgetTheme(iconAsset: WidgetIcons.stack),
    'Wrap': WidgetTheme(iconAsset: WidgetIcons.wrap),

    // Buttons
    'FloatingActionButton': WidgetTheme(
      iconAsset: WidgetIcons.floatingActionButton,
      color: contentWidgetColor,
    ),
    'InkWell': WidgetTheme(iconAsset: WidgetIcons.inkWell),
    'GestureDetector': gestureTheme,
    'RawGestureDetector': gestureTheme,
    'TextButton': textButtonTheme,
    'CupertinoButton': textButtonTheme,
    'ElevatedButton': textButtonTheme,
    'OutlinedButton': WidgetTheme(iconAsset: WidgetIcons.outlinedButton),

    // Tabs
    'Tab': tabTheme,
    'TabBar': tabTheme,
    'TabBarView': tabTheme,
    'BottomNavigationBar': WidgetTheme(
      iconAsset: WidgetIcons.bottomNavigationBar,
    ),
    'CupertinoTabScaffold': tabTheme,
    'CupertinoTabView': tabTheme,

    // Other
    'Scaffold': WidgetTheme(iconAsset: WidgetIcons.scaffold),
    'CircularProgressIndicator': WidgetTheme(
      iconAsset: WidgetIcons.circularProgress,
    ),
    'Card': WidgetTheme(iconAsset: WidgetIcons.card),
    'Divider': WidgetTheme(iconAsset: WidgetIcons.divider),
    'AlertDialog': WidgetTheme(iconAsset: WidgetIcons.alertDialog),
    'CircleAvatar': WidgetTheme(iconAsset: WidgetIcons.circleAvatar),
    'Opacity': WidgetTheme(iconAsset: WidgetIcons.opacity),
    'Drawer': WidgetTheme(iconAsset: WidgetIcons.drawer),
    'PageView': WidgetTheme(iconAsset: WidgetIcons.pageView),
    'Material': WidgetTheme(iconAsset: WidgetIcons.material),
    'AppBar': WidgetTheme(iconAsset: WidgetIcons.appBar),
  };
}

class WidgetIcons {
  static const root = 'icons/inspector/widget_icons/root.png';
  static const text = 'icons/inspector/widget_icons/text.png';
  static const icon = 'icons/inspector/widget_icons/icon.png';
  static const image = 'icons/inspector/widget_icons/image.png';
  static const floatingActionButton =
      'icons/inspector/widget_icons/floatingab.png';
  static const checkbox = 'icons/inspector/widget_icons/checkbox.png';
  static const radio = 'icons/inspector/widget_icons/radio.png';
  static const toggle = 'icons/inspector/widget_icons/toggle.png';
  static const animated = 'icons/inspector/widget_icons/animated.png';
  static const transition = 'icons/inspector/widget_icons/transition.png';
  static const hero = 'icons/inspector/widget_icons/hero.png';
  static const container = 'icons/inspector/widget_icons/container.png';
  static const center = 'icons/inspector/widget_icons/center.png';
  static const row = 'icons/inspector/widget_icons/row.png';
  static const column = 'icons/inspector/widget_icons/column.png';
  static const padding = 'icons/inspector/widget_icons/padding.png';
  static const scaffold = 'icons/inspector/widget_icons/scaffold.png';
  static const sizedBox = 'icons/inspector/widget_icons/sizedbox.png';
  static const align = 'icons/inspector/widget_icons/align.png';
  static const scroll = 'icons/inspector/widget_icons/scroll.png';
  static const stack = 'icons/inspector/widget_icons/stack.png';
  static const inkWell = 'icons/inspector/widget_icons/inkwell.png';
  static const gesture = 'icons/inspector/widget_icons/gesture.png';
  static const textButton = 'icons/inspector/widget_icons/textbutton.png';
  static const outlinedButton =
      'icons/inspector/widget_icons/outlinedbutton.png';
  static const gridView = 'icons/inspector/widget_icons/gridview.png';
  static const listView = 'icons/inspector/widget_icons/listView.png';

  static const alertDialog = 'icons/inspector/widget_icons/alertdialog.png';
  static const card = 'icons/inspector/widget_icons/card.png';
  static const circleAvatar = 'icons/inspector/widget_icons/circleavatar.png';
  static const circularProgress =
      'icons/inspector/widget_icons/circularprogress.png';
  static const constrainedBox =
      'icons/inspector/widget_icons/constrainedbox.png';
  static const divider = 'icons/inspector/widget_icons/divider.png';
  static const drawer = 'icons/inspector/widget_icons/drawer.png';
  static const expand = 'icons/inspector/widget_icons/expand.png';
  static const material = 'icons/inspector/widget_icons/material.png';
  static const opacity = 'icons/inspector/widget_icons/opacity.png';
  static const tab = 'icons/inspector/widget_icons/tab.png';
  static const wrap = 'icons/inspector/widget_icons/wrap.png';
  static const pageView = 'icons/inspector/widget_icons/pageView.png';
  static const appBar = 'icons/inspector/widget_icons/appbar.png';
  static const materialApp = 'icons/inspector/widget_icons/materialapp.png';
  static const bottomNavigationBar =
      'icons/inspector/widget_icons/bottomnavigationbar.png';
}