Skip to content

πŸŒ±πŸ’§πŸŒΎ JS Library. GUI with JS syntax only (but why?? Feedback please!) (written for 600 000+ Browser Extension Users) (We can include Features like a search & a shortcut builder (hotkeys & mouse actions). GUI fits Apps & Extensions. (Yet advanced versions of the same GUI elements can be added, i.e. 'Big range slider' ~= 'Multi-range Slider

code-charity/SATUS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

79 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Roadmap

  • Define Concept /mission (We don't want to reinvent wheels).
    (Modularity/compatibility will/would be key.)
  • Advanced GUI
    (Multirange slider, etc. Making use of desk viewports)
  • Real/strong search, probably including 3rd-party JS-lib
    (for indexedDB, for understanding SQL, ...)
  • integrating Victor's work (see below)
  • Data: Handling json2html2csv2... as one. Interchangeable
    (CSV is compact, pretty for structured, permanent data)
    • integrating with github.com/d3 (=charts/data-journalism)
      (+justifying our own charting?)
  • Productive for 600 000+ active users
    in a Youtube Improver & several Extensions.

  • Please try it & review it!

  • Shared Repo yet for minimalism

  • We lost the original author after X years.

  • Used by: Several extensions

    • All of these were written by the same author & meant to be source for growing Satus / repurposing part of their code.

/*------------satus.JS---------------------------
>>> 1. CORE
-------------------------------------------------
# GLOBAL VARIABLE:
# BASICS: camelize()   snakelize() 
	  isset()  log()
	  sort()
	  data()    	 
# DOM: append()  
	  setAttributes() 
	  createElement()  
	  empty()
	  elementIndex()  
# CSS: css()
	  addClass() 
	  satus.style()
	  getAnimationDuration()	  
# CRYPTION (async)  
	  encrypt() 
	  decrypt() 	
Events.on()
Events.trigger()
fetch() 
 getProperty()
indexOf()    
 toIndex()
# IS: isArray()
	 isElement()
	 isNumber()
# ON: on()
parentify()
prepend()
properties()
remove()
render()
# STORAGE
storage.clear()
storage.get()
storage.import()
storage.remove()
storage.set()
storage.onchanged = function()
last()
# LOCALIZATION
locale.get()
locale.import = function() 
  //satus.locale.import();
text()
 // We always try to run values as functions? 
  // isFunction()  appears 6 times in satus.js
-------------------------------------------------
>>> 2. COMPONENTS
components.modal()
components.modal.confirm
components.grid
components.textField
		   chart	chart.bar  
		   select
components.divider()	section 
		   alert	time	sidebar 
		   layers
		   list
		   colorPicker
		   radio	slider
		   tabs
		   shortcut
		   checkbox	switch
-------------------------------------------------
>>> COLOR:
String to array
RGB2HSL  HUE2RGB   HSL2RGB
-------------------------------------------------
>>> USER
# HARDWARE and SOFTWARE values
	# OS:      Name	Bitness
	# Browser: Name	Version	Platform
		Manifest	Languages
		Cookies
		Flash	Java	Audio
		Video WebGL
	# Device:   Screen
		RAM	GPU	Cores
		Touch	Connection
-------------------------------------------------
>>> SEARCH
// TO-DO or integrate with JS search 'SQL' lib
-----------------------------------------------*/
/*------------satus.CSS------------
# SCROLLBAR
# ANIMATIONS
>>> THEMES
>>> NORMALIZE
>>> MODAL
# Container
# Scrim
# Surface
# Variants
	# Vertical menu
# CONTAINER
# SCRIM
# SURFACE
# VARIANTS
# VERTICAL MENU
>>> GRID
>>> TEXT FIELD
# Parts
    # Container
    # Input
    # 
# Syntax highlighting
    # Regular expression
# MULTILINE: FALSE
# SYNTAX HIGHLIGHTING
# REGULAR EXPRESSION
>>> CHART
>>> SELECT
>>> DIVIDER
>>> SECTION
# Variants
	# Align start
	# Align end
	# Card
# Media
# ALIGN START
# ALIGN END
# CARD
# MEDIA
>>> BASE
>>> ALERT
# Media
# MEDIA
>>> INPUT
>>> MAIN
>>> SIDEBAR
>>> LAYERS
>>> LIST
>>> COLOR PICKER:
# Button
# Modal
# BUTTON
# MODAL
>>> SPAN
>>> BUTTON
# Base
# Basic
# Icon
# BASE
# BASIC
# ICON
>>> HEADER
>>> RADIO
>>> SLIDER
>>> TABS
>>> SHORTCUT:
# 
>>> CHECKBOX
>>> SWITCH
# Container
# Track
# Thumb
# CONTAINER
# TRACK
# THUMB
>>> CONTEXT MENU
>>> SORTABLE
------------------------------------*/

About

πŸŒ±πŸ’§πŸŒΎ JS Library. GUI with JS syntax only (but why?? Feedback please!) (written for 600 000+ Browser Extension Users) (We can include Features like a search & a shortcut builder (hotkeys & mouse actions). GUI fits Apps & Extensions. (Yet advanced versions of the same GUI elements can be added, i.e. 'Big range slider' ~= 'Multi-range Slider

Resources

Stars

Watchers

Forks