search

bettyblocks / cli

Command-line interface for the Betty Blocks Component System
Apache License 2.0
29 stars 16 forks source link

Default components not working anymore when uploading and configuring bundle #133

Closed saliemamirkhan closed 2 years ago

saliemamirkhan commented 4 years ago

I have followed the tutorial to use libraries where I had to create and upload my bundle to Betty Blocks. As I did that, my login page, which worked before this, stopped working and told me it was missing the material UI core library. When I delete the configuration it all starts working again.

roy-willemse commented 4 years ago

@saliemamirkhan When overriding the bundle with a custom bundle you need to include the Material UI Core if you want to use the standard component set because it overrides the default bundle that is loaded.

Bundle file:

import * as Core from '@material-ui/core';
import * as Lab from '@material-ui/lab';
import * as Pickers from '@material-ui/pickers';
import * as Styles from '@material-ui/styles';
import DateFnsUtils from '@date-io/date-fns';
import Icons from './icons';

export default {
  Core,
  Icons,
  Lab,
  Pickers,
  Styles,
  DateFnsUtils,
};

Icons file:

import {
  AcUnit,
  AccessTime,
  AccessibilityNew,
  Accessible,
  AccountBalance,
  AccountBalanceWallet,
  AccountCircle,
  AccountTree,
  Add,
  AddAPhoto,
  AddBox,
  AddCircle,
  AddCircleOutline,
  AddComment,
  Adjust,
  AirplanemodeActive,
  AirplanemodeInactive,
  Airplay,
  AirportShuttle,
  Alarm,
  Album,
  AllInbox,
  AllInclusive,
  AlternateEmail,
  Announcement,
  Apartment,
  Apps,
  Archive,
  ArrowBack,
  ArrowBackIos,
  ArrowDownward,
  ArrowDropDown,
  ArrowDropDownCircle,
  ArrowDropUp,
  ArrowForward,
  ArrowForwardIos,
  ArrowLeft,
  ArrowRight,
  ArrowRightAlt,
  ArrowUpward,
  Assessment,
  Assignment,
  AssignmentInd,
  AssignmentLate,
  AssignmentReturn,
  AssignmentReturned,
  AssignmentTurnedIn,
  Assistant,
  AssistantPhoto,
  AttachFile,
  AttachMoney,
  Attachment,
  Audiotrack,
  Autorenew,
  AvTimer,
  Backspace,
  Backup,
  BarChart,
  Battery20,
  Beenhere,
  Block,
  Bluetooth,
  Book,
  Bookmark,
  BookmarkBorder,
  Bookmarks,
  Brush,
  BubbleChart,
  BugReport,
  Build,
  Cached,
  Cake,
  CalendarToday,
  Call,
  CameraAlt,
  CameraRoll,
  Cancel,
  CardTravel,
  Cast,
  Category,
  Chat,
  Check,
  CheckBox,
  CheckBoxOutlineBlank,
  CheckCircle,
  CheckCircleOutline,
  ChevronLeft,
  ChevronRight,
  ChildCare,
  Clear,
  Close,
  Cloud,
  CloudDownload,
  CloudUpload,
  Code,
  Collections,
  ColorLens,
  Colorize,
  Commute,
  Computer,
  CreditCard,
  Dashboard,
  DataUsage,
  Deck,
  Dehaze,
  Delete,
  DeleteForever,
  Description,
  DesktopMac,
  DeveloperMode,
  Devices,
  Dialpad,
  Directions,
  DirectionsBike,
  DirectionsBoat,
  DirectionsBus,
  DirectionsCar,
  DirectionsRailway,
  DirectionsRun,
  DirectionsSubway,
  DirectionsTransit,
  DirectionsWalk,
  DiscFull,
  Dns,
  Done,
  DoneAll,
  DoubleArrow,
  Drafts,
  Eco,
  Edit,
  Email,
  Equalizer,
  Error,
  Euro,
  Event,
  ExpandLess,
  ExpandMore,
  Explore,
  Extension,
  Face,
  Facebook,
  FastForward,
  FastRewind,
  Favorite,
  FavoriteBorder,
  FileCopy,
  FilterList,
  Flag,
  Flare,
  Flight,
  Folder,
  FormatAlignLeft,
  FormatAlignRight,
  FormatAlignCenter,
  FormatAlignJustify,
  FormatBold,
  FormatItalic,
  FormatUnderlined,
  Forum,
  Forward,
  FreeBreakfast,
  Fullscreen,
  Functions,
  Games,
  Gavel,
  Gesture,
  GetApp,
  Gif,
  GpsFixed,
  Grade,
  Group,
  Headset,
  Hearing,
  Height,
  Help,
  HelpOutline,
  Highlight,
  History,
  Home,
  Hotel,
  HourglassEmpty,
  Http,
  Https,
  Image,
  ImportExport,
  Inbox,
  Info,
  Input,
  Keyboard,
  KeyboardArrowDown,
  KeyboardArrowLeft,
  KeyboardArrowRight,
  KeyboardArrowUp,
  KeyboardVoice,
  Label,
  Landscape,
  Language,
  Laptop,
  LastPage,
  Launch,
  Layers,
  Link,
  List,
  LocalBar,
  Lock,
  LockOpen,
  Loop,
  Mail,
  Map,
  Menu,
  Message,
  Mic,
  Mms,
  Money,
  Mood,
  MoodBad,
  More,
  MoreHoriz,
  MoreVert,
  Motorcycle,
  Movie,
  MusicNote,
  MyLocation,
  Nature,
  Navigation,
  NewReleases,
  NotInterested,
  Note,
  NoteAdd,
  NotificationImportant,
  Notifications,
  NotificationsActive,
  Opacity,
  Palette,
  Pause,
  Payment,
  People,
  Person,
  PersonAdd,
  Pets,
  Phone,
  Photo,
  PhotoCamera,
  PieChart,
  Place,
  PlayArrow,
  PlayCircleFilled,
  PlayCircleFilledWhite,
  PlayCircleOutline,
  Power,
  Public,
  Radio,
  Redo,
  Refresh,
  Remove,
  RemoveCircle,
  RemoveCircleOutline,
  Replay,
  Reply,
  Report,
  ReportProblem,
  Restaurant,
  RssFeed,
  Save,
  SaveAlt,
  School,
  Search,
  Security,
  Send,
  Settings,
  ShoppingCart,
  ShowChart,
  Smartphone,
  SmokeFree,
  SmokingRooms,
  Speaker,
  Speed,
  Spellcheck,
  SquareFoot,
  Star,
  StarBorder,
  StarHalf,
  StarRate,
  Stars,
  Stop,
  Storefront,
  Sync,
  Tab,
  TextFields,
  ThumbDown,
  ThumbDownAlt,
  ThumbUp,
  ThumbUpAlt,
  ThumbsUpDown,
  Title,
  TouchApp,
  Traffic,
  Train,
  Tram,
  Translate,
  TrendingDown,
  TrendingFlat,
  TrendingUp,
  Undo,
  Update,
  Usb,
  VerifiedUser,
  VideoCall,
  Visibility,
  VisibilityOff,
  Voicemail,
  VolumeDown,
  VolumeMute,
  VolumeOff,
  VolumeUp,
  Warning,
  Watch,
  WatchLater,
  Wc,
  Widgets,
  Wifi,
  Work,
} from '@material-ui/icons';

export default {
  AcUnit,
  AccessTime,
  AccessibilityNew,
  Accessible,
  AccountBalance,
  AccountBalanceWallet,
  AccountCircle,
  AccountTree,
  Add,
  AddAPhoto,
  AddBox,
  AddCircle,
  AddCircleOutline,
  AddComment,
  Adjust,
  AirplanemodeActive,
  AirplanemodeInactive,
  Airplay,
  AirportShuttle,
  Alarm,
  Album,
  AllInbox,
  AllInclusive,
  AlternateEmail,
  Announcement,
  Apartment,
  Apps,
  Archive,
  ArrowBack,
  ArrowBackIos,
  ArrowDownward,
  ArrowDropDown,
  ArrowDropDownCircle,
  ArrowDropUp,
  ArrowForward,
  ArrowForwardIos,
  ArrowLeft,
  ArrowRight,
  ArrowRightAlt,
  ArrowUpward,
  Assessment,
  Assignment,
  AssignmentInd,
  AssignmentLate,
  AssignmentReturn,
  AssignmentReturned,
  AssignmentTurnedIn,
  Assistant,
  AssistantPhoto,
  AttachFile,
  AttachMoney,
  Attachment,
  Audiotrack,
  Autorenew,
  AvTimer,
  Backspace,
  Backup,
  BarChart,
  Battery20,
  Beenhere,
  Block,
  Bluetooth,
  Book,
  Bookmark,
  BookmarkBorder,
  Bookmarks,
  Brush,
  BubbleChart,
  BugReport,
  Build,
  Cached,
  Cake,
  CalendarToday,
  Call,
  CameraAlt,
  CameraRoll,
  Cancel,
  CardTravel,
  Cast,
  Category,
  Chat,
  Check,
  CheckBox,
  CheckBoxOutlineBlank,
  CheckCircle,
  CheckCircleOutline,
  ChevronLeft,
  ChevronRight,
  ChildCare,
  Clear,
  Close,
  Cloud,
  CloudDownload,
  CloudUpload,
  Code,
  Collections,
  ColorLens,
  Colorize,
  Commute,
  Computer,
  CreditCard,
  Dashboard,
  DataUsage,
  Deck,
  Dehaze,
  Delete,
  DeleteForever,
  Description,
  DesktopMac,
  DeveloperMode,
  Devices,
  Dialpad,
  Directions,
  DirectionsBike,
  DirectionsBoat,
  DirectionsBus,
  DirectionsCar,
  DirectionsRailway,
  DirectionsRun,
  DirectionsSubway,
  DirectionsTransit,
  DirectionsWalk,
  DiscFull,
  Dns,
  Done,
  DoneAll,
  DoubleArrow,
  Drafts,
  Eco,
  Edit,
  Email,
  Equalizer,
  Error,
  Euro,
  Event,
  ExpandLess,
  ExpandMore,
  Explore,
  Extension,
  Face,
  Facebook,
  FastForward,
  FastRewind,
  Favorite,
  FavoriteBorder,
  FileCopy,
  FilterList,
  Flag,
  Flare,
  Flight,
  Folder,
  FormatAlignLeft,
  FormatAlignRight,
  FormatAlignCenter,
  FormatAlignJustify,
  FormatBold,
  FormatItalic,
  FormatUnderlined,
  Forum,
  Forward,
  FreeBreakfast,
  Fullscreen,
  Functions,
  Games,
  Gavel,
  Gesture,
  GetApp,
  Gif,
  GpsFixed,
  Grade,
  Group,
  Headset,
  Hearing,
  Height,
  Help,
  HelpOutline,
  Highlight,
  History,
  Home,
  Hotel,
  HourglassEmpty,
  Http,
  Https,
  Image,
  ImportExport,
  Inbox,
  Info,
  Input,
  Keyboard,
  KeyboardArrowDown,
  KeyboardArrowLeft,
  KeyboardArrowRight,
  KeyboardArrowUp,
  KeyboardVoice,
  Label,
  Landscape,
  Language,
  Laptop,
  LastPage,
  Launch,
  Layers,
  Link,
  List,
  LocalBar,
  Lock,
  LockOpen,
  Loop,
  Mail,
  Map,
  Menu,
  Message,
  Mic,
  Mms,
  Money,
  Mood,
  MoodBad,
  More,
  MoreHoriz,
  MoreVert,
  Motorcycle,
  Movie,
  MusicNote,
  MyLocation,
  Nature,
  Navigation,
  NewReleases,
  NotInterested,
  Note,
  NoteAdd,
  NotificationImportant,
  Notifications,
  NotificationsActive,
  Opacity,
  Palette,
  Pause,
  Payment,
  People,
  Person,
  PersonAdd,
  Pets,
  Phone,
  Photo,
  PhotoCamera,
  PieChart,
  Place,
  PlayArrow,
  PlayCircleFilled,
  PlayCircleFilledWhite,
  PlayCircleOutline,
  Power,
  Public,
  Radio,
  Redo,
  Refresh,
  Remove,
  RemoveCircle,
  RemoveCircleOutline,
  Replay,
  Reply,
  Report,
  ReportProblem,
  Restaurant,
  RssFeed,
  Save,
  SaveAlt,
  School,
  Search,
  Security,
  Send,
  Settings,
  ShoppingCart,
  ShowChart,
  Smartphone,
  SmokeFree,
  SmokingRooms,
  Speaker,
  Speed,
  Spellcheck,
  SquareFoot,
  Star,
  StarBorder,
  StarHalf,
  StarRate,
  Stars,
  Stop,
  Storefront,
  Sync,
  Tab,
  TextFields,
  ThumbDown,
  ThumbDownAlt,
  ThumbUp,
  ThumbUpAlt,
  ThumbsUpDown,
  Title,
  TouchApp,
  Traffic,
  Train,
  Tram,
  Translate,
  TrendingDown,
  TrendingFlat,
  TrendingUp,
  Undo,
  Update,
  Usb,
  VerifiedUser,
  VideoCall,
  Visibility,
  VisibilityOff,
  Voicemail,
  VolumeDown,
  VolumeMute,
  VolumeOff,
  VolumeUp,
  Warning,
  Watch,
  WatchLater,
  Wc,
  Widgets,
  Wifi,
  Work,
};

Including these Icons are a bit of a pain atm, that's why we have them in a different file.