dice.js
1
2
3
4
5
6
Resultado
-
Lanzamientos
0
Promedio
0.0
Últimos lanzamientos
sdk_docs.md
SMOPSYS
Official guide for deploying mini-apps on the platform.
1. HTML Template
Use this structure to wrap your application:
<div id="app-{unique_name}" class="app-section">
<div class="app-stage">
<div class="app-toolbar">
<div class="app-title">
<div class="status-indicator"></div>
{app_name}.exe
</div>
<div class="app-controls">
<!-- Window Controls -->
</div>
</div>
<div class="app-canvas">
<!-- YOUR APP CONTENT HERE -->
</div>
</div>
</div>
2. Seed System (State Management)
SMOPSYS does not use localStorage due to cross-origin policies. Instead, it uses Base64 Seeds carried by the user.
Saving State:
Serializes your JSON object, converts it to a Seed string, and copies it to the clipboard.
Serializes your JSON object, converts it to a Seed string, and copies it to the clipboard.
SMOPSYS.saveSeed(yourDataObject);
Loading State:
Prompts the user for a Seed, decodes it, and returns the JSON object in a callback.
Prompts the user for a Seed, decodes it, and returns the JSON object in a callback.
SMOPSYS.loadSeed((data) => { /* Apply logic */ });
Implementation Pattern:
// 1. Define your current state
let appState = {
score: 100,
level: 5,
inventory: ['laser', 'shield']
};
// 2. SAVE FUNCTION (Link to a 'Save' button)
function saveProgress() {
// This will trigger the copy-to-clipboard alert
SMOPSYS.saveSeed(appState);
}
// 3. LOAD FUNCTION (Link to a 'Load' button)
function loadProgress() {
SMOPSYS.loadSeed((restoredData) => {
// Always validate before applying
if (restoredData && restoredData.level) {
appState = restoredData;
console.log("System restored to Level:", appState.level);
// TODO: Update your UI here
updateInterface();
} else {
alert("Invalid Seed Data");
}
});
}
SMOPSYS
calculator.js
0
notes.js
todo.js
pomodoro.js
25:00
System Installation
1. Base Template
Download or copy the provided HTML/CSS base code and implement it into your platform.
2. Input Structure
Use the following structure for your app containers:
<div class="smopsys-app" data-app="calculator"></div>
3. Available Modules
- calculator - Standard Arithmetic Unit
- notes - Persistent Sticky Notes
- todo - Task Management List
- pomodoro - Focus Timer (25min)
Developer Guide
How to create custom Mini-Apps:
// 1. HTML Structure
<div id="app-myapp" class="app-section">
<div class="app-stage">
<div class="app-toolbar">
<div class="app-title">myapp.exe</div>
</div>
<div class="app-canvas">
<!-- Insert your UI here -->
</div>
</div>
</div>
// 2. JavaScript Logic
function myAppLogic() {
// Application logic goes here
}
// 3. Register in Sidebar
<div class="sidebar-item" onclick="showApp('myapp')">
My App Name
</div>