ise

ISE (Interface Style Enliner) Documentation

ISE is a language for building interactive software quickly, fast, native, web, with easy-to-use system. This run because of C compiled webview system, Read More

When you add this. Do not use it like JavaScript. We are different from normal JS as we use our own system.

Must include ISE in your project:

<link rel='preload'as="style"
href='https://ise.web.app/110/l.css'>
<link rel='preload'as="script"
href='https://ise.web.app/110/sen.js'>
<link rel='preload'as="script"
href='https://ise.web.app/110/l.js'>
<link rel='stylesheet' href='https://ise.web.app/110/l.css'>

<script src="https://ise.web.app/110/sen.js"></script> 
<script src="https://ise.web.app/110/l.js"></script>

ISE (Interface Style Enliner) is a redo-type language which means it is coded by using itself. ISE conbines C, JS, CSS, HTML, Markdown, and Sen UI to create ISE. ISE is a Native HTML-like language but also works as a CDN in your HTML project.

3 Structure of ISE

<app> - App Settings with JS-like syntax
<body> - Where all UI will be put
<script> - Where all scripting or other features will be coded

Example

App Settings Example (<app>) ```html

app("My ISE app TITLE"); app.info("My first ISE app"); app.key("apple, fruit"); app.cover(1); app.icon(1);

2. **UI Example (`<body>`)**
```html
<body>
    <see mid mbg center>
        <bon>
            <say b mid quick>code en</say>
            <say b>What App is on your mind?</say>
        </bon>
    </see>
</body>

Script Example (<script>)
```
<script>
 x = () => {}
</script>
```

Elements in ISE

<see> - Screen in the App
<say> - Say text in the App
<ask> - Ask input in the App (auto-saved)
<row> - Row in the App
<cam> - Camera Display in the App
<feed> - Screen Display in the App
<bon> - Fluffy Box for the App
<app> - Creates an App Settings Container Element

Element Attributes

<see pop='COLOR'> - Sets Global Pop Color in the App
<see min='COLOR'> - Sets Global Mint Color in the App
[pop] - Make it a Pop Color
[min] - Make it a Mint Color
[go='URL'] - Redirect to URL when tapped
[do='JS'] - Runs JS when tapped or typed into it
[save='mydata' file='txt'] - Creates a file with data from <ask> that is selected
[upload='mydata'] - Uploads file data from <ask> that is selected

Colors in ISE

[r] - Red Cherry
[l] - Blue Lin
[y] - Yellow Mango
[v] - Violet Grapes
[p] - Pink Peach
[g] - Green Grass
[m] - Matte White
[b] - Black

Add +[bg] to make it a background color (e.g., <? lbg>).

Functionality in `<script>`

Baseline Functions

say('TEXT') - Will tell the user with Baseline UI.
ask('TEXT') - Will ask (input) the user with Baseline UI.
ui(1) - Dynamically starts UI (auto).
bon('ask') - Select Element
bon.add('ask') - Makes Element

Hide/Attributes/Remove

hide('#mysc') - Toggle Hide
.at('lbg') - Toggle Attribute
.rem('lbg') - Remove Attribute
.put(CHILD) - Put Element as a Child
.del(TARGET) - Remove Element

Local

local.set(name, data); - Set data from Local
local.get(name); - Get data from Local

Servers

server.post(url, {data}) - Post Data on Server
server.put(url, {data}) - Put Data on Server
server.patch(url, {data}) - Patch Data on Server
server.get(url, {data}) - Get Data from Server
server.del(url, {data}) - Delete Data from Server

Hardware Functions

on.cam() - Turn on Camera
off.cam() - Turn off Camera
on.feed() - Turn on Screen Cast
off.feed() - Turn off Screen Cast
on.mic() - Turn on Mic
off.mic() - Turn off Mic
snap('cam') - Snap a Photo on Camera
snap('feed') - Screenshot the Display
rec.start('cam') - Record a Video of Camera
rec.start('feed') - Record a Video of Display
rec.stop() - Stop recording

General Functions

uuid() - Generates a UUID
ran(9e9) - Generates a Random Number
copy('Text') - Will put data on User Clipboard
key(['ctrl','c'], () => {}) - Event if key is clicked on keyboard

Delayed Functions

delay(() => { say('What') }, 1) - Will run a function after the delay (in seconds).

App Settings Functions

app.info("My first ISE app") - Sets SEO for App
app.key("apple, fruit") - Set App Settings Keywords
app('My App') - Set Name for App
app.icon(1) - Select Icon for App
app.cover(1) - Select Cover for App

ise