Compare commits
2 Commits
bb7bc4f9ea
...
34f536f944
| Author | SHA1 | Date | |
|---|---|---|---|
| 34f536f944 | |||
| ddf6dd559b |
4
.github/FUNDING.yml
vendored
4
.github/FUNDING.yml
vendored
@ -1,4 +0,0 @@
|
||||
# These are supported funding model platforms
|
||||
|
||||
patreon: "100"
|
||||
liberapay: hundredrabbits
|
||||
45
assets/main.css
Normal file
45
assets/main.css
Normal file
@ -0,0 +1,45 @@
|
||||
* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
|
||||
|
||||
body { margin:0px; padding:0px; overflow:hidden; font-family:monospace; background:000; -webkit-app-region: drag; -webkit-user-select: none; font-size:12px; transition: background 500ms}
|
||||
|
||||
*:focus { outline: none; }
|
||||
|
||||
#ronin { height: calc(100vh - 60px); width:calc(100vw - 60px); -webkit-app-region: drag; padding: 30px;overflow: hidden; }
|
||||
#ronin #wrapper { overflow: hidden; position: relative; }
|
||||
#ronin #wrapper #commander { z-index: 9000;position: relative;width: calc(50vw - 30px);height: calc(100vh - 60px);-webkit-app-region: no-drag;padding-right: 30px;transition: margin-left 250ms;}
|
||||
#ronin #wrapper #commander textarea { background: none; width: 100%; height: calc(100vh - 105px); resize: none; font-size: 12px;line-height: 15px; padding-right: 15px}
|
||||
#ronin #wrapper #commander #status { position: absolute; bottom: 0px; line-height: 15px; height: 30px; overflow: hidden; width: calc(100% - 75px); padding-left:45px;}
|
||||
#ronin #wrapper #commander #status #eval { display: block; width: 26px; height: 26px; position: absolute; top: 0px; border-radius: 15px; left:0px; cursor: pointer; border:2px solid #fff; transition: background-color 250ms, border-color 250ms}
|
||||
#ronin #wrapper #commander #status #eval:hover { background: none }
|
||||
#ronin.expand #wrapper #commander { width:100%; }
|
||||
#ronin #surface, #ronin #guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; width:100%; height:100%; transition: left 250ms, opacity 250ms; opacity: 1; }
|
||||
|
||||
/* Default */
|
||||
|
||||
#ronin.hidden #wrapper #commander { margin-left:-40vw; }
|
||||
#ronin.hidden #surface, #ronin.hidden #guide { left:0; }
|
||||
|
||||
#ronin #guide.hidden { opacity: 0 }
|
||||
|
||||
#ronin.hidden #wrapper #commander { margin-left:-50vw; }
|
||||
#ronin #surface,#ronin #guide { left:50vw; }
|
||||
|
||||
#ronin #surface { border-radius: 2px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='1' fill='%23555'></circle></svg>"); background-size: 10px 10px; background-position: -4px -4px; }
|
||||
|
||||
@media (min-width: 720px) {
|
||||
#ronin #wrapper #commander { width:350px; }
|
||||
#ronin.hidden #wrapper #commander { margin-left:-380px; }
|
||||
#ronin #surface,#ronin #guide { left:380px; }
|
||||
}
|
||||
|
||||
/* Acels */
|
||||
|
||||
#acels { position: fixed; width: 30px; top: 0; left: 0; width: 100vw; font-size:11px; line-height: 20px; transition: margin-top 0.25s; z-index: 9999; padding-left: 25px; }
|
||||
#acels.hidden { margin-top:-20px; }
|
||||
#acels.hidden > li > ul > li { display: none }
|
||||
#acels > li { float: left; position: relative; cursor: pointer; padding:0px 5px; display: inline-block; }
|
||||
/* #acels > li:hover { background: black; color:white; } */
|
||||
#acels > li > ul { display: none; position: absolute; position: absolute; top:20px; left:0px; width: 200px}
|
||||
#acels > li:hover > ul { display: block; }
|
||||
#acels > li > ul > li { padding: 0px 10px; display: block }
|
||||
#acels > li > ul > li > i { display: inline-block; float: right; }
|
||||
@ -6,5 +6,13 @@ body { background:var(--background); }
|
||||
#ronin #wrapper #commander #status #source { color:var(--f_low); }
|
||||
#ronin #wrapper #commander #status #eval { background-color: var(--b_inv); border-color: var(--b_inv) }
|
||||
#ronin #wrapper #commander #status #eval.active { background:var(--f_high); border-color:var(--f_high); transition: none }
|
||||
#ronin #surface { color: red }
|
||||
|
||||
::selection { background-color:var(--b_inv); color:var(--f_inv); text-decoration:none }
|
||||
::selection { background-color:var(--b_inv); color:var(--f_inv); text-decoration:none }
|
||||
|
||||
/* #acels { background: red } */
|
||||
#acels { background: var(--b_low); color:var(--f_high) }
|
||||
#acels > li:hover { background:var(--b_med); color:var(--f_high); }
|
||||
#acels > li > ul { background:var(--b_low); color:var(--f_high); }
|
||||
#acels > li > ul > li:hover { background: var(--b_med); }
|
||||
#acels > li > ul > li > i { color:var(--f_med) }
|
||||
@ -6,8 +6,8 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ronin</title>
|
||||
<link rel="stylesheet" type="text/css" href="./links/main.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="./links/theme.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="./assets/main.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="./assets/theme.css"/>
|
||||
|
||||
<script type="text/javascript" src="./scripts/lib/acels.js"></script>
|
||||
<script type="text/javascript" src="./scripts/lib/lain.js"></script>
|
||||
|
||||
2
examples/basics/io.lisp
Normal file
2
examples/basics/io.lisp
Normal file
@ -0,0 +1,2 @@
|
||||
(open "/home/dakedres/pictures/elex-hiram.png")
|
||||
(export "png" 1.0 "test")
|
||||
File diff suppressed because one or more lines are too long
125
logo.grid
Normal file
125
logo.grid
Normal file
@ -0,0 +1,125 @@
|
||||
{
|
||||
"settings": {
|
||||
"size": {
|
||||
"width": 615,
|
||||
"height": 480
|
||||
}
|
||||
},
|
||||
"layers": [
|
||||
[
|
||||
{
|
||||
"type": "line",
|
||||
"vertices": [
|
||||
{
|
||||
"x": -90,
|
||||
"y": 60
|
||||
},
|
||||
{
|
||||
"x": -75,
|
||||
"y": -135
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "arc_r",
|
||||
"vertices": [
|
||||
{
|
||||
"x": -60,
|
||||
"y": -15
|
||||
},
|
||||
{
|
||||
"x": -60,
|
||||
"y": -15
|
||||
},
|
||||
{
|
||||
"x": -180,
|
||||
"y": 75
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "arc_c",
|
||||
"vertices": [
|
||||
{
|
||||
"x": -90,
|
||||
"y": 135
|
||||
},
|
||||
{
|
||||
"x": -180,
|
||||
"y": 75
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "line",
|
||||
"vertices": [
|
||||
{
|
||||
"x": 30,
|
||||
"y": 45
|
||||
},
|
||||
{
|
||||
"x": -90,
|
||||
"y": 60
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "arc_r",
|
||||
"vertices": [
|
||||
{
|
||||
"x": 30,
|
||||
"y": 45
|
||||
},
|
||||
{
|
||||
"x": -60,
|
||||
"y": -15
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"type": "arc_c",
|
||||
"vertices": [
|
||||
{
|
||||
"x": 30,
|
||||
"y": 45
|
||||
},
|
||||
{
|
||||
"x": -90,
|
||||
"y": 135
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
[],
|
||||
[]
|
||||
],
|
||||
"styles": [
|
||||
{
|
||||
"thickness": 4,
|
||||
"strokeLinecap": "round",
|
||||
"strokeLinejoin": "round",
|
||||
"color": "#0a0a0a",
|
||||
"fill": "none",
|
||||
"mirror_style": 0,
|
||||
"transform": "rotate(45)"
|
||||
},
|
||||
{
|
||||
"thickness": 15,
|
||||
"strokeLinecap": "round",
|
||||
"strokeLinejoin": "round",
|
||||
"color": "#4a4a4a",
|
||||
"fill": "none",
|
||||
"mirror_style": 0,
|
||||
"transform": "rotate(45)"
|
||||
},
|
||||
{
|
||||
"thickness": 15,
|
||||
"strokeLinecap": "round",
|
||||
"strokeLinejoin": "round",
|
||||
"color": "#6a6a6a",
|
||||
"fill": "none",
|
||||
"mirror_style": 0,
|
||||
"transform": "rotate(45)"
|
||||
}
|
||||
]
|
||||
}
|
||||
1
logo.svg
Normal file
1
logo.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" width="615px" height="480px" style="fill: none; width: 615px; height: 480px;"><path d="" style="stroke-width: 15; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(106, 106, 106); fill: none;"/><path d="" style="stroke-width: 15; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(74, 74, 74); fill: none;"/><path d="M270,330 L270,330 L285,135 M300,255 L300,255 A120,90 0 0,0 180,345 M270,405 A90,60 0 0,1 180,345 M390,315 L390,315 L270,330 M390,315 A90,60 0 0,0 300,255 M390,315 A120,90 0 0,1 270,405 " style="stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(10, 10, 10); fill: none;"/></svg>
|
||||
|
After Width: | Height: | Size: 710 B |
5
open.sh
5
open.sh
@ -1,4 +1,3 @@
|
||||
localhost . -p 1616 &
|
||||
$(command -v ungoogled-chromium ||\
|
||||
command -v chromium ||\
|
||||
command -v chrome) --new-window --app="http://localhost:1616/src/browser/index.html"
|
||||
command -v chromium ||\
|
||||
command -v chrome) --new-window --app="file://$PWD/src/browser/index.html"
|
||||
@ -162,4 +162,4 @@ function Lain (lib = {}) {
|
||||
}
|
||||
}
|
||||
|
||||
export default Lain
|
||||
global.Lain = Lain
|
||||
@ -724,4 +724,4 @@ function Library (client) {
|
||||
}
|
||||
}
|
||||
|
||||
export default Library
|
||||
global.Library = Library
|
||||
@ -293,4 +293,4 @@ function Surface (client) {
|
||||
}
|
||||
}
|
||||
|
||||
export default Surface
|
||||
global.Surface = Surface
|
||||
@ -114,6 +114,4 @@ function Acels (client) {
|
||||
}
|
||||
|
||||
function capitalize (s) { return s.substr(0, 1).toUpperCase() + s.substr(1) }
|
||||
}
|
||||
|
||||
export default Acels
|
||||
}
|
||||
@ -1,12 +1,3 @@
|
||||
import Acels from "./Acels.js"
|
||||
import Theme from "./Theme.js"
|
||||
import Source from "./Source.js"
|
||||
import Commander from "./Commander.js"
|
||||
import DisplaySurface from "./DisplaySurface.js"
|
||||
|
||||
import Library from "../Library.js"
|
||||
import Lain from "../Lain.js"
|
||||
|
||||
function Client () {
|
||||
this.el = document.createElement('div')
|
||||
this.el.id = 'ronin'
|
||||
@ -237,6 +228,4 @@ function Client () {
|
||||
}
|
||||
return { x, y, xy, wh, d, r, a, line, rect, pos, size, circle, arc, type, 'is-down': type !== 'mouse-up' ? true : null }
|
||||
}
|
||||
}
|
||||
|
||||
export default Client
|
||||
}
|
||||
@ -1,5 +1,3 @@
|
||||
'use strict'
|
||||
|
||||
function Commander (client) {
|
||||
this.el = document.createElement('div')
|
||||
this.el.id = 'commander'
|
||||
@ -284,14 +282,17 @@ function Commander (client) {
|
||||
|
||||
this.splash = `; Ronin v2.50
|
||||
|
||||
(def logo-path "M60,60 L195,60 A45,45 0 0,1 240,105 A45,45 0 0,1 195,150 L60,150 M195,150 A45,45 0 0,1 240,195 L240,240 ")
|
||||
(def logo-path "M90 195 L90 195 L105 0 M120 120 L120 120 A120 90 0 0 0 0 210 M90 270 A90 60 0 0 1 0 210 M210 180 L210 180 L90 195 M210 180 A90 60 0 0 0 120 120 M210 180 A120 90 0 0 1 90 270")
|
||||
|
||||
(clear)
|
||||
|
||||
|
||||
(resize 600 600)
|
||||
|
||||
(def theme
|
||||
(get-theme))
|
||||
|
||||
(stroke
|
||||
(svg 140 140 logo-path) "black" 7)`
|
||||
(svg 190 140 logo-path) theme:f_high 4)`
|
||||
}
|
||||
|
||||
function lintLISP (str) {
|
||||
@ -322,6 +323,4 @@ function lintLISP (str) {
|
||||
// Space out comments
|
||||
val = val.split('\n').map((line) => { return line.substr(0, 2) === '; ' ? `\n${line}\n` : line }).join('\n')
|
||||
return val.trim()
|
||||
}
|
||||
|
||||
export default Commander
|
||||
}
|
||||
50
src/browser/Device.js
Normal file
50
src/browser/Device.js
Normal file
@ -0,0 +1,50 @@
|
||||
import * as store from './Store.js'
|
||||
|
||||
const noWorkingDirWarning = "Please open a directory to allow file saving."
|
||||
|
||||
function Device() {
|
||||
this.init = async () => {
|
||||
await store.Init()
|
||||
window.cwd = await store.Get('directory')
|
||||
}
|
||||
|
||||
this.cd = async () => {
|
||||
window.cwd = await window.showDirectoryPicker()
|
||||
await store.Set('directory', window.cwd)
|
||||
}
|
||||
|
||||
this.entries = async () => {
|
||||
let pool = new Map()
|
||||
|
||||
for await (let [ , e ] of window.cwd.entries()) {
|
||||
if(e instanceof FileSystemFileHandle) {
|
||||
pool.set(e.name, e)
|
||||
}
|
||||
}
|
||||
|
||||
return pool
|
||||
}
|
||||
|
||||
this.create = async (sPath) => {
|
||||
return window.cwd.getFileHandle(sPath, { create: true })
|
||||
}
|
||||
|
||||
this.open = async (hFile) => {
|
||||
if(!window.cwd) {
|
||||
return new Blob([ noWorkingDirWarning ], { type: "text/plain" })
|
||||
}
|
||||
|
||||
return hFile.getFile()
|
||||
}
|
||||
|
||||
this.write = async (hFile, sContent) => {
|
||||
if(!window.cwd) {
|
||||
throw new Error("Unable to save file: no working directory")
|
||||
}
|
||||
|
||||
let s = await hFile.createWritable()
|
||||
.catch(console.error)
|
||||
await s.write(sContent)
|
||||
await s.close()
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,3 @@
|
||||
import Surface from "../Surface.js"
|
||||
import { classExtends } from "../util.js"
|
||||
|
||||
const DisplaySurface = function(client) {
|
||||
classExtends(this, Surface, client)
|
||||
|
||||
@ -49,6 +46,4 @@ const DisplaySurface = function(client) {
|
||||
this.toDataURL = () => {
|
||||
return this._canvas.toDataURL()
|
||||
}
|
||||
}
|
||||
|
||||
export default DisplaySurface
|
||||
}
|
||||
@ -1,99 +1,42 @@
|
||||
function Source (client) {
|
||||
this.cache = {}
|
||||
this.cwd = null
|
||||
|
||||
this.install = () => {
|
||||
}
|
||||
this.install = () => {
|
||||
}
|
||||
|
||||
this.start = () => {
|
||||
this.new()
|
||||
}
|
||||
this.start = () => {
|
||||
}
|
||||
|
||||
this.new = () => {
|
||||
console.log('Source', 'New file..')
|
||||
this.cache = {}
|
||||
}
|
||||
// I/O
|
||||
|
||||
this.open = (ext, callback, store = false) => {
|
||||
console.log('Source', 'Open file..')
|
||||
const input = document.createElement('input')
|
||||
input.type = 'file'
|
||||
input.onchange = (e) => {
|
||||
const file = e.target.files[0]
|
||||
if (file.name.indexOf('.' + ext) < 0) { console.warn('Source', `Skipped ${file.name}`); return }
|
||||
this.read(file, callback, store)
|
||||
}
|
||||
input.click()
|
||||
}
|
||||
this.read = (file, callback, store = false) => {
|
||||
if(!this.cwd) {
|
||||
openCwd()
|
||||
}
|
||||
|
||||
this.load = (ext, callback) => {
|
||||
console.log('Source', 'Load files..')
|
||||
const input = document.createElement('input')
|
||||
input.type = 'file'
|
||||
input.setAttribute('multiple', 'multiple')
|
||||
input.onchange = (e) => {
|
||||
for (const file of e.target.files) {
|
||||
if (file.name.indexOf('.' + ext) < 0) { console.warn('Source', `Skipped ${file.name}`); continue }
|
||||
this.read(file, this.store)
|
||||
}
|
||||
}
|
||||
input.click()
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
this.store = (file, content) => {
|
||||
console.info('Source', 'Stored ' + file.name)
|
||||
this.cache[file.name] = content
|
||||
}
|
||||
this.write = (name, ext, content, type, settings = 'charset=utf-8') => {
|
||||
|
||||
this.save = (name, content, type = 'text/plain', callback) => {
|
||||
this.saveAs(name, content, type, callback)
|
||||
}
|
||||
}
|
||||
|
||||
this.saveAs = (name, ext, content, type = 'text/plain', callback) => {
|
||||
console.log('Source', 'Save new file..')
|
||||
this.write(name, ext, content, type, callback)
|
||||
}
|
||||
function timestamp (d = new Date(), e = new Date(d)) {
|
||||
return `${arvelie()}-${neralie()}`
|
||||
}
|
||||
|
||||
// I/O
|
||||
function arvelie (date = new Date()) {
|
||||
const start = new Date(date.getFullYear(), 0, 0)
|
||||
const diff = (date - start) + ((start.getTimezoneOffset() - date.getTimezoneOffset()) * 60 * 1000)
|
||||
const doty = Math.floor(diff / 86400000) - 1
|
||||
const y = date.getFullYear().toString().substr(2, 2)
|
||||
const m = doty === 364 || doty === 365 ? '+' : String.fromCharCode(97 + Math.floor(doty / 14)).toUpperCase()
|
||||
const d = `${(doty === 365 ? 1 : doty === 366 ? 2 : (doty % 14)) + 1}`.padStart(2, '0')
|
||||
return `${y}${m}${d}`
|
||||
}
|
||||
|
||||
this.read = (file, callback, store = false) => {
|
||||
const reader = new FileReader()
|
||||
reader.onload = (event) => {
|
||||
const res = event.target.result
|
||||
if (callback) { callback(file, res) }
|
||||
if (store) { this.store(file, res) }
|
||||
}
|
||||
reader.readAsText(file, 'UTF-8')
|
||||
}
|
||||
|
||||
this.write = (name, ext, content, type, settings = 'charset=utf-8') => {
|
||||
const link = document.createElement('a')
|
||||
link.setAttribute('download', `${name}-${timestamp()}.${ext}`)
|
||||
if (type === 'image/png' || type === 'image/jpeg') {
|
||||
link.setAttribute('href', content)
|
||||
} else {
|
||||
link.setAttribute('href', 'data:' + type + ';' + settings + ',' + encodeURIComponent(content))
|
||||
}
|
||||
link.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
|
||||
}
|
||||
|
||||
function timestamp (d = new Date(), e = new Date(d)) {
|
||||
return `${arvelie()}-${neralie()}`
|
||||
}
|
||||
|
||||
function arvelie (date = new Date()) {
|
||||
const start = new Date(date.getFullYear(), 0, 0)
|
||||
const diff = (date - start) + ((start.getTimezoneOffset() - date.getTimezoneOffset()) * 60 * 1000)
|
||||
const doty = Math.floor(diff / 86400000) - 1
|
||||
const y = date.getFullYear().toString().substr(2, 2)
|
||||
const m = doty === 364 || doty === 365 ? '+' : String.fromCharCode(97 + Math.floor(doty / 14)).toUpperCase()
|
||||
const d = `${(doty === 365 ? 1 : doty === 366 ? 2 : (doty % 14)) + 1}`.padStart(2, '0')
|
||||
return `${y}${m}${d}`
|
||||
}
|
||||
|
||||
function neralie (d = new Date(), e = new Date(d)) {
|
||||
const ms = e - d.setHours(0, 0, 0, 0)
|
||||
return (ms / 8640 / 10000).toFixed(6).substr(2, 6)
|
||||
}
|
||||
function neralie (d = new Date(), e = new Date(d)) {
|
||||
const ms = e - d.setHours(0, 0, 0, 0)
|
||||
return (ms / 8640 / 10000).toFixed(6).substr(2, 6)
|
||||
}
|
||||
}
|
||||
|
||||
export default Source
|
||||
47
src/browser/Store.js
Normal file
47
src/browser/Store.js
Normal file
@ -0,0 +1,47 @@
|
||||
function Store(objectStoreName) {
|
||||
const transact = () => {
|
||||
return this.db
|
||||
.transaction(objectStoreName, "readwrite")
|
||||
.objectStore(objectStoreName)
|
||||
}
|
||||
|
||||
this.Get = (key) => {
|
||||
return promisify(
|
||||
transact().get(key)
|
||||
)
|
||||
}
|
||||
|
||||
this.Set = (key, value) => {
|
||||
return promisify(
|
||||
transact().put(value, key)
|
||||
)
|
||||
}
|
||||
|
||||
return this
|
||||
}
|
||||
|
||||
Store.Open = async (dbName, objectStoreName) => {
|
||||
let store = new Store(objectStoreName)
|
||||
const request = indexedDB.open(dbName, 2)
|
||||
|
||||
request.onupgradeneeded = (event) => {
|
||||
const db = event.target.result
|
||||
const objectStore = db.createObjectStore(objectStoreName)
|
||||
|
||||
objectStore.createIndex('value', 'value', { unique: false })
|
||||
}
|
||||
|
||||
store.db = await promisify(request)
|
||||
return store
|
||||
}
|
||||
|
||||
function promisify(request) {
|
||||
return new Promise((resolve, reject) => {
|
||||
request.onsuccess = (event) => {
|
||||
resolve(request.result)
|
||||
}
|
||||
request.onerror = (event) => {
|
||||
reject(request.error)
|
||||
}
|
||||
})
|
||||
}
|
||||
@ -1,9 +1,3 @@
|
||||
'use strict'
|
||||
|
||||
/* global localStorage */
|
||||
/* global FileReader */
|
||||
/* global DOMParser */
|
||||
|
||||
function Theme (client) {
|
||||
this.el = document.createElement('style')
|
||||
this.el.type = 'text/css'
|
||||
@ -167,6 +161,4 @@ function Theme (client) {
|
||||
function isHtml (text) {
|
||||
try { new DOMParser().parseFromString(text, 'text/xml'); return true } catch (error) { return false }
|
||||
}
|
||||
}
|
||||
|
||||
export default Theme
|
||||
}
|
||||
@ -6,69 +6,37 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ronin</title>
|
||||
<style>
|
||||
<script>window.global = window;</script>
|
||||
<script src="./Acels.js"></script>
|
||||
<script src="./Theme.js"></script>
|
||||
<script src="./Store.js"></script>
|
||||
<script src="./Source.js"></script>
|
||||
<script src="./Commander.js"></script>
|
||||
<script src="./DisplaySurface.js"></script>
|
||||
<script src="./Client.js"></script>
|
||||
|
||||
* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
|
||||
body { margin:0px; padding:0px; overflow:hidden; font-family: monospace; background:000; -webkit-app-region: drag; -webkit-user-select: none; font-size:12px; transition: background 500ms}
|
||||
*:focus { outline: none; }
|
||||
#ronin { height: calc(100vh - 60px); width:calc(100vw - 60px); -webkit-app-region: drag; padding: 30px;overflow: hidden; }
|
||||
#ronin #wrapper { overflow: hidden; position: relative; }
|
||||
#ronin #wrapper #commander { z-index: 9000;position: relative;width: calc(50vw - 30px);height: calc(100vh - 60px);-webkit-app-region: no-drag;padding-right: 30px;transition: margin-left 250ms;}
|
||||
#ronin #wrapper #commander textarea { background: none; width: 100%; height: calc(100vh - 105px); resize: none; font-size: 12px;line-height: 15px; padding-right: 15px}
|
||||
#ronin #wrapper #commander #status { position: absolute; bottom: 0px; line-height: 15px; height: 30px; overflow: hidden; width: calc(100% - 75px); padding-left:45px;}
|
||||
#ronin #wrapper #commander #status #eval { display: block; width: 26px; height: 26px; position: absolute; top: 0px; border-radius: 15px; left:0px; cursor: pointer; border:2px solid #fff; transition: background-color 250ms, border-color 250ms}
|
||||
#ronin #wrapper #commander #status #eval:hover { background: none }
|
||||
#ronin.expand #wrapper #commander { width:100%; }
|
||||
#ronin #surface, #ronin #guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='1' fill='%23555'></circle></svg>"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%; transition: left 250ms, opacity 250ms; opacity: 1; }
|
||||
#ronin.hidden #wrapper #commander { margin-left:-40vw; }
|
||||
#ronin.hidden #surface, #ronin.hidden #guide { left:0; }
|
||||
#ronin #guide.hidden { opacity: 0 }
|
||||
#ronin.hidden #wrapper #commander { margin-left:-50vw; }
|
||||
#ronin #surface,#ronin #guide { left:50vw; }
|
||||
#ronin #guide { background:none; }
|
||||
#ronin #surface { border-radius: 2px }
|
||||
#acels { position: fixed;width: 30px;background: red;top: 0;left: 0; width: 100vw; color:black; background:white; font-size:11px; line-height: 20px; transition: margin-top 0.25s; z-index: 9999; padding-left: 25px; }
|
||||
#acels.hidden { margin-top:-20px; }
|
||||
#acels.hidden > li > ul > li { display: none }
|
||||
#acels > li { float: left; position: relative; cursor: pointer; padding:0px 5px; display: inline-block; }
|
||||
#acels > li:hover { background: black; color:white; }
|
||||
#acels > li > ul { display: none; position: absolute; background:white; position: absolute; top:20px; left:0px; color:black; width: 200px}
|
||||
#acels > li:hover > ul { display: block; }
|
||||
#acels > li > ul > li { padding: 0px 10px; display: block }
|
||||
#acels > li > ul > li:hover { background: #ccc; }
|
||||
#acels > li > ul > li > i { display: inline-block; float: right; color: #aaa; }
|
||||
body { background:var(--background); }
|
||||
#ronin #wrapper { background: var(--background); }
|
||||
#ronin #wrapper #commander { background:var(--background); }
|
||||
#ronin #wrapper #commander textarea { color:var(--f_high); }
|
||||
#ronin #wrapper #commander #status { color:var(--f_med); }
|
||||
#ronin #wrapper #commander #status #source { color:var(--f_low); }
|
||||
#ronin #wrapper #commander #status #eval { background-color: var(--b_inv); border-color: var(--b_inv) }
|
||||
#ronin #wrapper #commander #status #eval.active { background:var(--f_high); border-color:var(--f_high); transition: none }
|
||||
::selection { background-color:var(--b_inv); color:var(--f_inv); text-decoration:none }
|
||||
@media (min-width: 720px) {
|
||||
#ronin #wrapper #commander { width:350px; }
|
||||
#ronin.hidden #wrapper #commander { margin-left:-380px; }
|
||||
#ronin #surface,#ronin #guide { left:380px; }
|
||||
}
|
||||
<script src="../Library.js"></script>
|
||||
<script src="../Lain.js"></script>
|
||||
<script src="../Surface.js"></script>
|
||||
<script src="../util.js"></script>
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="../../assets/main.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../assets/theme.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import Client from './Client.js'
|
||||
|
||||
<script>
|
||||
const client = new Client()
|
||||
client.install(document.body)
|
||||
window.addEventListener('load', () => {
|
||||
client.start()
|
||||
|
||||
window.addEventListener('load', () => {
|
||||
Store.Open("lonin", "lonin")
|
||||
.then(store => {
|
||||
window.store = store
|
||||
client.start()
|
||||
})
|
||||
})
|
||||
|
||||
window.client = client
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
import Path from 'path'
|
||||
import FS from 'fs/promises'
|
||||
import http from 'http'
|
||||
|
||||
const root = Path.join(__dirname, '../')
|
||||
|
||||
@ -1,9 +1,4 @@
|
||||
import Lain from "../Lain.js";
|
||||
import Library from "../Library.js";
|
||||
import NodeSurface from "./NodeSurface.js";
|
||||
import Source from "./Source.js";
|
||||
import Path from 'path'
|
||||
import FS from 'fs/promises'
|
||||
import { Image, Path2D } from "@napi-rs/canvas";
|
||||
|
||||
// Polyfill
|
||||
@ -60,7 +55,7 @@ function Client(directory) {
|
||||
out = this.cache.get(key)
|
||||
|
||||
if(out) {
|
||||
return Promise.resolve(out)
|
||||
return out
|
||||
} else {
|
||||
return openImage(key)
|
||||
}
|
||||
@ -78,7 +73,7 @@ function Client(directory) {
|
||||
}
|
||||
|
||||
const openImage = async (key) => {
|
||||
let buf = await FS.readFile(key)
|
||||
let buf = await Bun.file(key).arrayBuffer()
|
||||
.catch(err => {
|
||||
console.error('Source', `Could not load image at path "${key}"`, err)
|
||||
process.exit()
|
||||
@ -91,4 +86,4 @@ function Client(directory) {
|
||||
}
|
||||
}
|
||||
|
||||
export default Client
|
||||
global.Client = Client
|
||||
@ -1,6 +1,4 @@
|
||||
import { createCanvas } from "@napi-rs/canvas"
|
||||
import Surface from "../Surface.js"
|
||||
import { classExtends } from "../util.js"
|
||||
|
||||
function noop () {}
|
||||
|
||||
@ -41,4 +39,4 @@ function NodeSurface (client) {
|
||||
}
|
||||
}
|
||||
|
||||
export default NodeSurface
|
||||
global.NodeSurface = NodeSurface
|
||||
@ -1,4 +1,3 @@
|
||||
import FS from 'fs'
|
||||
import Path from 'path'
|
||||
|
||||
function Source (client) {
|
||||
@ -8,8 +7,8 @@ function Source (client) {
|
||||
|
||||
path = Path.isAbsolute(`${name}.${ext}`) ? path : Path.join(client.workingDirectory, path)
|
||||
|
||||
return FS.writeFileSync(path, content)
|
||||
return Bun.write(path, content)
|
||||
}
|
||||
}
|
||||
|
||||
export default Source
|
||||
global.Source = Source
|
||||
@ -1,6 +1,13 @@
|
||||
import "../Lain.js"
|
||||
import "../Library.js"
|
||||
import "../util.js"
|
||||
import "../Surface.js"
|
||||
|
||||
import "./Source.js"
|
||||
import "./NodeSurface.js"
|
||||
import "./Client.js"
|
||||
|
||||
import Path from 'path'
|
||||
import FS from 'fs'
|
||||
import Client from './Client.js'
|
||||
|
||||
let target = process.argv[2],
|
||||
client = new Client(process.cwd())
|
||||
@ -8,6 +15,6 @@ let target = process.argv[2],
|
||||
if(!Path.isAbsolute(target) )
|
||||
target = Path.join(client.workingDirectory, target)
|
||||
|
||||
let program = FS.readFileSync(target, 'utf8')
|
||||
let program = await Bun.file(target).text()
|
||||
|
||||
client.run(process.argv.slice(3), program)
|
||||
@ -12,6 +12,4 @@ function classExtends (context, parentConstructor, ...superArgs) {
|
||||
}
|
||||
}
|
||||
|
||||
export {
|
||||
classExtends
|
||||
}
|
||||
global.classExtends = classExtends
|
||||
63
yarn.lock
Normal file
63
yarn.lock
Normal file
@ -0,0 +1,63 @@
|
||||
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
|
||||
# yarn lockfile v1
|
||||
|
||||
|
||||
"@napi-rs/canvas-android-arm64@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.52.tgz#b0383c98d004e9f02ca71a8c2d68a49284b7f215"
|
||||
integrity sha512-x/K471KbASPVh5mfBUxokza66J0FNIlOgMNANWAf5C8HiATb487KecEhSkUQvvTS3WLYC9uSqIPHFgwF+tir3w==
|
||||
|
||||
"@napi-rs/canvas-darwin-arm64@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.52.tgz#6f06e38d2ff12b4e8cb7dec593aa271d29cf41d5"
|
||||
integrity sha512-4OgVRD7TW02q5Q7lWLLjT+pYJ9ZHkQUTBOuXbPQ5wB0Wnh3RIq/aMY6thoXDZDzdR5vV3a5TUtbZUJ0aqLq3NA==
|
||||
|
||||
"@napi-rs/canvas-darwin-x64@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.52.tgz#f3269e7dbda9f6f2f0245aae44df4a8ac9940574"
|
||||
integrity sha512-3fgeGJ3j2X6Mtmn0QYf3iA+A6y1ePnsayakc2emEokzf03ErrPczONw3vjnTQo53JLPMzEnfPGAffdktU/ssPA==
|
||||
|
||||
"@napi-rs/canvas-linux-arm-gnueabihf@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.52.tgz#711d82f0d86d8d1570b4fd93bc0017490be552ff"
|
||||
integrity sha512-aaDEEK5XwHUrPt0q4SR8l7Va0vtn50KmSs+itxP+o7RNk3Nuch8fINHOXyhMyhwNYgv1tfiJVyHsJhD0E6lXGA==
|
||||
|
||||
"@napi-rs/canvas-linux-arm64-gnu@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.52.tgz#fd59f5064cec550b01bd20e42e35886531dbd88a"
|
||||
integrity sha512-tzuwM7Amt5mkrp4csQjYWkFzwFdiCm7RNdJ5usX8syzKSXmozqWzLHjzo/2ozdSQNUy6wyzRrxkG4Rh6g0OpOA==
|
||||
|
||||
"@napi-rs/canvas-linux-arm64-musl@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.52.tgz#cf097920b93c610c9b69305c7522d14cb2e970a3"
|
||||
integrity sha512-HQCtJlDT0dFp3uUZVzZOZ1VLMO7lbLRc548MjMxPpojit2ZdGopFzJ8jDSr4iszHrTO1SM1AxPaCM3pRvCAtjw==
|
||||
|
||||
"@napi-rs/canvas-linux-x64-gnu@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.52.tgz#9a4e6b5d392d8f83477dbbb2067dc0e50785edbb"
|
||||
integrity sha512-z5sBEw0PVWPH/MIQL8hOR8C3YYVlu8lqtRUcYajigMfXAhbMiNqDWTjuIWGMz3nIydDjZmn8KTxw/D4a0HFPqQ==
|
||||
|
||||
"@napi-rs/canvas-linux-x64-musl@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.52.tgz#10a035304876c8b75474c169208de29d05553165"
|
||||
integrity sha512-G1+JdWFhHLyHhULJS51xTEhB7EL0ZiAUQwQaRi4/w75OOYDQ91O+o4miaxDHiV0hZuxBhHtZU6ftV2Zl3RMguw==
|
||||
|
||||
"@napi-rs/canvas-win32-x64-msvc@0.1.52":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.52.tgz#b9b4d71e8c06b65f838b6caf4e6c44b46fe5b16e"
|
||||
integrity sha512-hMI626VsCC/wv29qHF78N7TSG+auatOp08DHln0Zdif5y1NJ14NU/rNUhzlTW8Zc6ssw+AMDJ3KKYYWYYg1aoA==
|
||||
|
||||
"@napi-rs/canvas@^0.1.41":
|
||||
version "0.1.52"
|
||||
resolved "https://registry.yarnpkg.com/@napi-rs/canvas/-/canvas-0.1.52.tgz#49c3a27c9243ffa5b21ba6368155aad6252e180c"
|
||||
integrity sha512-xeW9EghZLDPZuqWJ4l1+eG3ld0i9J7SpV2zlgi34MPt/FE9K2XWGCfnLr0gHGOBkcI3YOVhI13I0HqRAkMPdVw==
|
||||
optionalDependencies:
|
||||
"@napi-rs/canvas-android-arm64" "0.1.52"
|
||||
"@napi-rs/canvas-darwin-arm64" "0.1.52"
|
||||
"@napi-rs/canvas-darwin-x64" "0.1.52"
|
||||
"@napi-rs/canvas-linux-arm-gnueabihf" "0.1.52"
|
||||
"@napi-rs/canvas-linux-arm64-gnu" "0.1.52"
|
||||
"@napi-rs/canvas-linux-arm64-musl" "0.1.52"
|
||||
"@napi-rs/canvas-linux-x64-gnu" "0.1.52"
|
||||
"@napi-rs/canvas-linux-x64-musl" "0.1.52"
|
||||
"@napi-rs/canvas-win32-x64-msvc" "0.1.52"
|
||||
Loading…
x
Reference in New Issue
Block a user