https://github.com/code-charity/satus

🌱💧🌾 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
https://github.com/code-charity/satus

Last synced: 9 months ago
JSON representation

🌱💧🌾 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

• Host: GitHub
• URL: https://github.com/code-charity/satus
• Owner: code-charity
• License: apache-2.0
• Created: 2019-10-22T20:34:56.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-05-12T23:49:17.000Z (almost 2 years ago)
• Last Synced: 2025-04-02T15:38:12.234Z (12 months ago)
• Language: JavaScript
• Homepage:
• Size: 198 KB
• Stars: 33
• Watchers: 21
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: .github/README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
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](https://github.com/d3/d3 )  (=charts/data-journalism) 
 (+justifying our own charting?)


 



 satus.js & satus.css



- Productive for 600 000+ active users 
  in a [Youtube Improver](https://github.com/code-charity/youtube) 

- Please try it & review it!

- Shared Repo yet for [minimalism](https://stackoverflow.com/questions/4611512/is-there-a-way-to-make-git-pull-automatically-update-submodules)

- We lost the original author after several years.

- Used by [some more extensions](https://github.com/code-charity/youtube#-our-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

------------------------------------*/