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.

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");
        }
    });
}