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

License

Notifications You must be signed in to change notification settings

code-charity/SATUS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

978c6ef Β· May 12, 2024

History

85 Commits
May 12, 2024
May 12, 2024
Mar 23, 2023
Mar 23, 2023

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

  • Please try it & review it!

  • Shared Repo yet for minimalism

  • We lost the original author after several years.

  • Used by some more extensions

    • All of these 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

License

Stars

Watchers

Forks