Universal Script | Boombox Music Hub

 Players     = :()
 UIS         = :()
 SoundService = :()
 Tween       = :()

 LP = Players.LocalPlayer
 PG = LP:()

 Theme = {
    Accent   = .(, , ),
    Accent2  = .(, , ),
    BgTop    = .(, , ),
    BgBottom = .(, , ),
    Header   = .(, , ),
    Sidebar  = .(, , ),
    Card     = .(, , ),
    Text     = .(, , ),
    Dim      = .(, , ),
    Btn      = .(, , ),
    BtnHi    = .(, , ),
    Success  = .(, , ),
    Danger   = .(, , ),
    Warn     = .(, , ),
}

 BG_TRANSPARENCY = 

 state = {
    sound        = ,
    soundId      = ,
    playing      = ,
    pitch        = ,
    speed        = ,
    volume       = ,
    looped       = ,
}

 connections = {}
  (c) .(connections, c)  c 

  (obj, props, dur)
    Tween:(obj, TweenInfo.(dur  , .EasingStyle.Quad, .EasingDirection.Out), props):()


  (btn, base, hover)
    btn.MouseEnter:(() (btn, {BackgroundColor3 = hover}) )
    btn.MouseLeave:(() (btn, {BackgroundColor3 = base}) )


 gui = .()
gui.Name = 
gui.ResetOnSpawn = 
gui.IgnoreGuiInset = 
gui.ZIndexBehavior = .ZIndexBehavior.Sibling
gui.Parent = PG

 panel = .()
panel.Name = 
panel.Size = .(, )
panel.Position = .(, , , )
panel.BackgroundColor3 = .(, , )
panel.BackgroundTransparency = BG_TRANSPARENCY
panel.BorderSizePixel = 
panel.Active = 
panel.Parent = gui
.(, panel).CornerRadius = .(, )

 panelGrad = .()
panelGrad.Color = ColorSequence.({
    ColorSequenceKeypoint.(, Theme.BgTop),
    ColorSequenceKeypoint.(, Theme.BgBottom),
})
panelGrad.Rotation = 
panelGrad.Parent = panel

 panelStroke = .(, panel)
panelStroke.Color = Theme.Accent
panelStroke.Thickness = 
panelStroke.Transparency = 

 HEADER_H = 
 header = .()
header.Name = 
header.Size = .(, , , HEADER_H)
header.BackgroundColor3 = Theme.Header
header.BackgroundTransparency = 
header.BorderSizePixel = 
header.ZIndex = 
header.Parent = panel
.(, header).CornerRadius = .(, )

 headerBottomFix = .()
headerBottomFix.Size = .(, , , )
headerBottomFix.Position = .(, , , -)
headerBottomFix.BackgroundColor3 = Theme.Header
headerBottomFix.BackgroundTransparency = 
headerBottomFix.BorderSizePixel = 
headerBottomFix.ZIndex = 
headerBottomFix.Parent = header

 accentLine = .()
accentLine.Size = .(, -, , )
accentLine.Position = .(, , , )
accentLine.BackgroundColor3 = Theme.Accent
accentLine.BorderSizePixel = 
accentLine.ZIndex = 
accentLine.Parent = header
.(, accentLine).CornerRadius = .(, )

 dragHandle = .()
dragHandle.Size = .(, -, , )
dragHandle.BackgroundTransparency = 
dragHandle.Text = 
dragHandle.AutoButtonColor = 
dragHandle.ZIndex = 
dragHandle.Parent = header

 titleLbl = .()
titleLbl.Size = .(, -, , )
titleLbl.Position = .(, )
titleLbl.BackgroundTransparency = 
titleLbl.Font = .Font.GothamBold
titleLbl.TextSize = 
titleLbl.TextXAlignment = .TextXAlignment.Left
titleLbl.TextColor3 = Theme.Text
titleLbl.Text = 
titleLbl.ZIndex = 
titleLbl.Parent = header

 tagLbl = .()
tagLbl.Size = .(, -, , )
tagLbl.Position = .(, , , )
tagLbl.BackgroundTransparency = 
tagLbl.Font = .Font.Gotham
tagLbl.TextSize = 
tagLbl.TextXAlignment = .TextXAlignment.Left
tagLbl.TextColor3 = Theme.Dim
tagLbl.Text = 
tagLbl.ZIndex = 
tagLbl.Parent = header

  (txt, xoff, col)
     b = .()
    b.Size = .(, )
    b.Position = .(, xoff, , )
    b.BackgroundColor3 = col  Theme.Btn
    b.BorderSizePixel = 
    b.Font = .Font.GothamBold
    b.TextSize = 
    b.TextColor3 = Theme.Text
    b.Text = txt
    b.AutoButtonColor = 
    b.ZIndex = 
    b.Parent = header
    .(, b).CornerRadius = .(, )
    (b, col  Theme.Btn, col  .(, , )  Theme.BtnHi)
     b

 minBtn   = (, -)
 closeBtn = (, -, Theme.Danger)

 SIDEBAR_W = 
 sidebar = .()
sidebar.Name = 
sidebar.Size = .(, SIDEBAR_W, , -(HEADER_H + ))
sidebar.Position = .(, , , HEADER_H)
sidebar.BackgroundColor3 = Theme.Sidebar
sidebar.BackgroundTransparency = 
sidebar.BorderSizePixel = 
sidebar.Parent = panel

 sideScroll = .()
sideScroll.Size = .(, )
sideScroll.BackgroundTransparency = 
sideScroll.BorderSizePixel = 
sideScroll.ScrollBarThickness = 
sideScroll.ScrollBarImageColor3 = Theme.Accent
sideScroll.ScrollBarImageTransparency = 
sideScroll.CanvasSize = .()
sideScroll.AutomaticCanvasSize = .AutomaticSize.Y
sideScroll.Parent = sidebar
 sideLayout = .()
sideLayout.Padding = .(, )
sideLayout.SortOrder = .SortOrder.LayoutOrder
sideLayout.Parent = sideScroll
 sidePad = .()
sidePad.PaddingTop = .(, )
sidePad.PaddingBottom = .(, )
sidePad.PaddingLeft = .(, )
sidePad.PaddingRight = .(, )
sidePad.Parent = sideScroll

 content = .()
content.Name = 
content.Size = .(, -SIDEBAR_W, , -(HEADER_H + ))
content.Position = .(, SIDEBAR_W, , HEADER_H)
content.BackgroundTransparency = 
content.Parent = panel

 FOOTER_H = 
 footer = .()
footer.Size = .(, , , FOOTER_H)
footer.Position = .(, , , -FOOTER_H)
footer.BackgroundColor3 = Theme.Header
footer.BackgroundTransparency = 
footer.BorderSizePixel = 
footer.ZIndex = 
footer.Parent = panel
.(, footer).CornerRadius = .(, )

 footerTopFix = .()
footerTopFix.Size = .(, , , )
footerTopFix.Position = .(, , , )
footerTopFix.BackgroundColor3 = Theme.Header
footerTopFix.BackgroundTransparency = 
footerTopFix.BorderSizePixel = 
footerTopFix.ZIndex = 
footerTopFix.Parent = footer

 statusLbl = .()
statusLbl.Size = .(, -, , )
statusLbl.Position = .(, )
statusLbl.BackgroundTransparency = 
statusLbl.Font = .Font.Gotham
statusLbl.TextSize = 
statusLbl.TextXAlignment = .TextXAlignment.Left
statusLbl.TextColor3 = Theme.Dim
statusLbl.Text = 
statusLbl.ZIndex = 
statusLbl.Parent = footer

 creditLbl = .()
creditLbl.Size = .(, -, , )
creditLbl.Position = .(, , , )
creditLbl.BackgroundTransparency = 
creditLbl.Font = .Font.Gotham
creditLbl.TextSize = 
creditLbl.TextXAlignment = .TextXAlignment.Right
creditLbl.TextColor3 = Theme.Dim
creditLbl.Text = 
creditLbl.ZIndex = 
creditLbl.Parent = footer

 statusToken = 
  (txt)
    statusToken += 
     my = statusToken
    statusLbl.Text = txt
    .(, ()
         statusToken == my  statusLbl.Text =  
    )


 activeDrag = 

(UIS.InputChanged:((input)
      activeDrag   
     input.UserInputType == .UserInputType.MouseMovement
     input.UserInputType == .UserInputType.Touch 
        (input)
    
))

(UIS.InputEnded:((input)
     input.UserInputType == .UserInputType.MouseButton1
     input.UserInputType == .UserInputType.Touch 
        activeDrag = 
    
))

  (parent)
     sf = .()
    sf.Size = .(, )
    sf.BackgroundTransparency = 
    sf.BorderSizePixel = 
    sf.ScrollBarThickness = 
    sf.ScrollBarImageColor3 = Theme.Accent
    sf.ScrollBarImageTransparency = 
    sf.CanvasSize = .()
    sf.AutomaticCanvasSize = .AutomaticSize.Y
    sf.Visible = 
    sf.Parent = parent
     layout = .()
    layout.Padding = .(, )
    layout.SortOrder = .SortOrder.LayoutOrder
    layout.Parent = sf
     pad = .()
    pad.PaddingTop = .(, )
    pad.PaddingBottom = .(, )
    pad.PaddingLeft = .(, )
    pad.PaddingRight = .(, )
    pad.Parent = sf
     sf


  (parent, text)
     holder = .()
    holder.Size = .(, , , )
    holder.BackgroundTransparency = 
    holder.Parent = parent

     bar = .()
    bar.Size = .(, )
    bar.Position = .(, , , -)
    bar.BackgroundColor3 = Theme.Accent
    bar.BorderSizePixel = 
    bar.Parent = holder
    .(, bar).CornerRadius = .(, )

     l = .()
    l.Size = .(, -, , )
    l.Position = .(, )
    l.BackgroundTransparency = 
    l.Font = .Font.GothamBold
    l.TextSize = 
    l.TextColor3 = Theme.Text
    l.TextXAlignment = .TextXAlignment.Left
    l.Text = .(text)
    l.Parent = holder
     holder


  (parent, height)
     row = .()
    row.Size = .(, , , height  )
    row.BackgroundColor3 = Theme.Card
    row.BackgroundTransparency = 
    row.BorderSizePixel = 
    row.Parent = parent
    .(, row).CornerRadius = .(, )
     s = .(, row)
    s.Color = .(, , )
    s.Thickness = 
    s.Transparency = 
     row


  (parent, labelText, min, max, default, callback)
     row = (parent, )

     lbl = .()
    lbl.Size = .(, -, , )
    lbl.Position = .(, )
    lbl.BackgroundTransparency = 
    lbl.Font = .Font.Gotham
    lbl.TextSize = 
    lbl.TextXAlignment = .TextXAlignment.Left
    lbl.TextColor3 = Theme.Text
    lbl.Text = labelText
    lbl.Parent = row

     box = .()
    box.Size = .(, )
    box.Position = .(, -, , )
    box.BackgroundColor3 = Theme.Btn
    box.BorderSizePixel = 
    box.Font = .Font.GothamBold
    box.TextSize = 
    box.TextColor3 = Theme.Accent
    box.Text = (default)
    box.ClearTextOnFocus = 
    box.Parent = row
    .(, box).CornerRadius = .(, )

     track_ = .()
    track_.Size = .(, -, , )
    track_.Position = .(, , , -)
    track_.BackgroundColor3 = Theme.Btn
    track_.BorderSizePixel = 
    track_.Parent = row
    .(, track_).CornerRadius = .(, )

     fill = .()
    fill.Size = .(, , , )
    fill.BackgroundColor3 = Theme.Accent
    fill.BorderSizePixel = 
    fill.Parent = track_
    .(, fill).CornerRadius = .(, )

     fillGrad = .()
    fillGrad.Color = ColorSequence.(Theme.Accent, Theme.Accent2)
    fillGrad.Parent = fill

     knob = .()
    knob.Size = .(, )
    knob.AnchorPoint = .(, )
    knob.Position = .(, , , )
    knob.BackgroundColor3 = .(, , )
    knob.BorderSizePixel = 
    knob.ZIndex = 
    knob.Parent = track_
    .(, knob).CornerRadius = .(, )

     hit = .()
    hit.Size = .(, , , )
    hit.Position = .(, , , -)
    hit.BackgroundTransparency = 
    hit.Text = 
    hit.ZIndex = 
    hit.Parent = track_

     current = default

      (v, updateBox)
        v = (v)
          v  v = current 
        v = .(v, min, max)
        current = v
         t = (max == min)    (v - min) / (max - min)
        fill.Size = .(t, , , )
        knob.Position = .(t, , , )
         updateBox ~=   box.Text = .(, v) 
         ok, err = (callback, v)
          ok  (, err) 
    

    hit.InputBegan:((input)
         input.UserInputType == .UserInputType.MouseButton1
         input.UserInputType == .UserInputType.Touch 
              (i)
                 rel = (i.Position.X - track_.AbsolutePosition.X) / .(, track_.AbsoluteSize.X)
                rel = .(rel, , )
                (min + rel * (max - min), )
            
            activeDrag = update
            (input)
        
    )

    box.FocusLost:((enter)
         enter  (box.Text, ) 
    )

    (default, )
     { set = set, get = ()  current , frame = row }


  (parent, labelText, default, callback)
     row = (parent, )

     lbl = .()
    lbl.Size = .(, -, , )
    lbl.Position = .(, )
    lbl.BackgroundTransparency = 
    lbl.Font = .Font.Gotham
    lbl.TextSize = 
    lbl.TextXAlignment = .TextXAlignment.Left
    lbl.TextColor3 = Theme.Text
    lbl.Text = labelText
    lbl.Parent = row

     isOn = default

     pill = .()
    pill.Size = .(, )
    pill.Position = .(, -, , -)
    pill.BackgroundColor3 = isOn  Theme.Success  Theme.Btn
    pill.BorderSizePixel = 
    pill.Parent = row
    .(, pill).CornerRadius = .(, )

     knob = .()
    knob.Size = .(, )
    knob.AnchorPoint = .(, )
    knob.Position = isOn  .(, -, , )  .(, , , )
    knob.BackgroundColor3 = .(, , )
    knob.BorderSizePixel = 
    knob.Parent = pill
    .(, knob).CornerRadius = .(, )

     clickable = .()
    clickable.Size = .(, , , )
    clickable.BackgroundTransparency = 
    clickable.Text = 
    clickable.Parent = row

      (v)
        isOn = v
        (pill, {BackgroundColor3 = isOn  Theme.Success  Theme.Btn}, )
         isOn 
            (knob, {Position = .(, -, , )}, )
        
            (knob, {Position = .(, , , )}, )
        
         ok, err = (callback, v)
          ok  (, err) 
    
    clickable.MouseButton1Click:(() ( isOn) )

     { set = set, get = ()  isOn  }


  (parent, labelText, callback, color)
     b = .()
    b.Size = .(, , , )
    b.BackgroundColor3 = color  Theme.Btn
    b.BorderSizePixel = 
    b.Font = .Font.GothamBold
    b.TextSize = 
    b.TextColor3 = Theme.Text
    b.Text = labelText
    b.AutoButtonColor = 
    b.Parent = parent
    .(, b).CornerRadius = .(, )
     base = color  Theme.Btn
     hover = base:(.(, , ), )
    (b, base, hover)
    b.MouseButton1Click:(()
         ok, err = (callback)
          ok 
            (, err)
            ( .. (err))
        
    )
     b


  (parent, placeholder, defaultText, callback)
     box = .()
    box.Size = .(, , , )
    box.BackgroundColor3 = Theme.Card
    box.BackgroundTransparency = 
    box.BorderSizePixel = 
    box.Font = .Font.Gotham
    box.TextSize = 
    box.TextColor3 = Theme.Text
    box.PlaceholderText = placeholder
    box.PlaceholderColor3 = Theme.Dim
    box.Text = defaultText  
    box.ClearTextOnFocus = 
    box.Parent = parent
    .(, box).CornerRadius = .(, )
     s = .(, box)
    s.Color = .(, , )
    s.Thickness = 
    s.Transparency = 
    box.FocusLost:((enter)
         enter 
             ok, err = (callback, box.Text)
              ok  (, err) 
        
    )
     box


  (parent, specs)
     row = .()
    row.Size = .(, , , )
    row.BackgroundTransparency = 
    row.Parent = parent
     n = #specs
     gap = 
     i, s  (specs) 
         b = .()
        b.Size = .( / n, -(gap * (n - )) / n, , )
        b.Position = .((i - ) / n, ((i - ) * gap) / n, , )
        b.BackgroundColor3 = s.color  Theme.Btn
        b.BorderSizePixel = 
        b.Font = .Font.GothamBold
        b.TextSize = 
        b.TextColor3 = Theme.Text
        b.Text = s.text
        b.AutoButtonColor = 
        b.Parent = row
        .(, b).CornerRadius = .(, )
         base = s.color  Theme.Btn
        (b, base, base:(.(, , ), ))
        b.MouseButton1Click:(()
             ok, err = (s.callback)
              ok  (, err) 
        )
    
     row


  (raw)
    raw = (raw  ):(, )
     raw ==     
     (raw) 
          .. raw
    
     raw:()   raw 
     raw:() 
         id = raw:()
         id    .. id 
    
     raw


  ()
     state.sound  state.sound.Parent   state.sound 
     s = .()
    s.Name = 
    s.Looped = state.looped
    s.Volume = state.volume
    s.PlaybackSpeed = state.speed
    s.Pitch = state.pitch
    s.Parent = SoundService
    state.sound = s
     s


  ()
     state.sound 
        state.sound:()
        state.sound:()
        state.sound = 
    
    state.playing = 


  ()
     state.soundId ==  
        ()
        
    
    ()
     s = ()
    s.SoundId = state.soundId
    s.Volume = state.volume
    s.PlaybackSpeed = state.speed
    s.Pitch = state.pitch
    s.Looped = state.looped
     ok, err = (() s:() )
      ok 
        ()
        
    
    state.playing = 
    ()


  ()
     state.sound  state.playing 
        state.sound:()
        state.playing = 
        ()
    


  ()
     state.sound   state.playing 
        state.sound:()
        state.playing = 
        ()
    


 tabs = {}

  (name, icon, buildFn)
     btn = .()
    btn.Size = .(, , , )
    btn.LayoutOrder = #tabs + 
    btn.BackgroundColor3 = Theme.Btn
    btn.BackgroundTransparency = 
    btn.BorderSizePixel = 
    btn.Font = .Font.GothamBold
    btn.TextSize = 
    btn.TextColor3 = Theme.Text
    btn.Text =  .. icon ..  .. name
    btn.TextXAlignment = .TextXAlignment.Left
    btn.AutoButtonColor = 
    btn.Parent = sideScroll
    .(, btn).CornerRadius = .(, )

     page = (content)
    (page)

     entry = { name = name, btn = btn, page = page }
    tabs[#tabs + ] = entry

    btn.MouseEnter:(()
         entry.page.Visible   
        (btn, {BackgroundColor3 = Theme.BtnHi})
    )
    btn.MouseLeave:(()
         entry.page.Visible   
        (btn, {BackgroundColor3 = Theme.Btn})
    )

    btn.MouseButton1Click:(()
         _, t  (tabs) 
             sel = (t == entry)
            t.page.Visible = sel
            (t.btn, {
                BackgroundColor3 = sel  Theme.Accent  Theme.Btn,
                BackgroundTransparency = sel    ,
            }, )
            t.btn.TextColor3 = sel  .(, , )  Theme.Text
        
    )

     entry


(, , (page)
    (page, )
     idBox = (page, , , (text)
         id = (text)
         id 
            state.soundId = id
            ( .. id)
        
    )

    (page, )
    (page, {
        { text = ,  color = Theme.Success,
          callback = ()
               id = (idBox.Text)
               id  state.soundId = id 
              ()
           },
        { text = , color = Theme.Warn,
          callback = pauseSound },
        { text = ,  color = Theme.Danger,
          callback = () () ()  },
    })

    (page, {
        { text = , color = Theme.Accent,
          callback = resumeSound },
        { text = , color = Theme.Btn,
          callback = () ()  },
    })

    (page, )
    (page, , , (on)
        state.looped = on
         state.sound  state.sound.Looped = on 
    )
)

(, , (page)
    (page, )
    (page, , , , , (v)
        state.pitch = v
         state.sound  state.sound.Pitch = v 
    )

    (page, )
    (page, , , , , (v)
        state.speed = v
         state.sound  state.sound.PlaybackSpeed = v 
    )

    (page, )
    (page, {
        { text = ,  color = Theme.Btn,
          callback = ()
              state.pitch =  state.speed = 
               state.sound 
                  state.sound.Pitch = 
                  state.sound.PlaybackSpeed = 
              
           },
        { text = ,    color = Theme.Success,
          callback = ()
              state.pitch =  state.speed = 
               state.sound 
                  state.sound.Pitch = 
                  state.sound.PlaybackSpeed = 
              
           },
        { text = ,  color = Theme.Warn,
          callback = ()
              state.pitch =  state.speed = 
               state.sound 
                  state.sound.Pitch = 
                  state.sound.PlaybackSpeed = 
              
           },
        { text = ,    color = Theme.Accent,
          callback = ()
              state.pitch =  state.speed = 
               state.sound 
                  state.sound.Pitch = 
                  state.sound.PlaybackSpeed = 
              
           },
    })
)

(, , (page)
    (page, )
    (page, , , , , (v)
        state.volume = v
         state.sound  state.sound.Volume = v 
    )

    (page, )
    (page, {
        { text = ,  color = Theme.Danger,
          callback = ()
              state.volume = 
               state.sound  state.sound.Volume =  
           },
        { text = ,   color = Theme.Btn,
          callback = ()
              state.volume = 
               state.sound  state.sound.Volume =  
           },
        { text = ,   color = Theme.Warn,
          callback = ()
              state.volume = 
               state.sound  state.sound.Volume =  
           },
        { text = ,   color = Theme.Success,
          callback = ()
              state.volume = 
               state.sound  state.sound.Volume =  
           },
    })
)

(, , (page)
    (page, )
     card = (page, )
     lbl = .()
    lbl.Size = .(, -, , -)
    lbl.Position = .(, , , )
    lbl.BackgroundTransparency = 
    lbl.Font = .Font.Gotham
    lbl.TextSize = 
    lbl.TextWrapped = 
    lbl.TextXAlignment = .TextXAlignment.Center
    lbl.TextYAlignment = .TextYAlignment.Center
    lbl.TextColor3 = Theme.Text
    lbl.Text = 
    lbl.Parent = card
)

 tabs[] 
    tabs[].page.Visible = 
    tabs[].btn.BackgroundColor3 = Theme.Accent
    tabs[].btn.BackgroundTransparency = 
    tabs[].btn.TextColor3 = .(, , )


 dragging = 
 dragStart, startPos

dragHandle.InputBegan:((input)
     input.UserInputType == .UserInputType.MouseButton1
     input.UserInputType == .UserInputType.Touch 
        dragging = 
        dragStart = input.Position
        startPos = panel.Position
    
)

(UIS.InputChanged:((input)
      dragging   
     input.UserInputType == .UserInputType.MouseMovement
     input.UserInputType == .UserInputType.Touch 
         delta = input.Position - dragStart
        panel.Position = .(
            startPos.X.Scale, startPos.X.Offset + delta.X,
            startPos.Y.Scale, startPos.Y.Offset + delta.Y
        )
    
))

(UIS.InputEnded:((input)
     input.UserInputType == .UserInputType.MouseButton1
     input.UserInputType == .UserInputType.Touch 
        dragging = 
    
))

 minimized = 
 expandedSize = panel.Size
minBtn.MouseButton1Click:(()
    minimized =  minimized
     minimized 
        expandedSize = panel.Size
        sidebar.Visible = 
        content.Visible = 
        footer.Visible = 
        panel.Size = .(panel.AbsoluteSize.X, HEADER_H)
        minBtn.Text = 
    
        sidebar.Visible = 
        content.Visible = 
        footer.Visible = 
        panel.Size = expandedSize
        minBtn.Text = 
    
)

closeBtn.MouseButton1Click:(()
    ()
     _, c  (connections)  (() c:() ) 
    gui:()
    ()
)

(UIS.InputBegan:((i, gp)
     gp   
     i.KeyCode == .KeyCode.RightShift 
        gui.Enabled =  gui.Enabled
    
))

()
()