banan/index.html at main · jhfhngj/banan · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
  <head>
    <title>Welcome to the Banan Repo!</title>
    <link rel="stylesheet" href="https://jhfhngj.github.io/banan/style.css">
  </head>
  <body>
    <h1 id="-banan-packages-repo-monkeyos-edition-">🍌 Banan Packages Repo – MonkeyOS Edition 🐒</h1>
    <p>Welcome to the official <strong>Banan packages repository</strong> for <strong>MonkeyOS</strong>!  </p>
    <p>This is where all your <div>.banapkg</div> files live, ready to be installed using the <strong>Banan package manager</strong>.</p>
    <hr>
    <h2 id="what-is-banan-">What is Banan?</h2>
    <p><strong>Banan</strong> is the MonkeyOS package manager.  </p>
    <p>It fetches, installs, and resolves dependencies for <div>.banapkg</div> files. </p>
    <p>Think of it as <strong>apt-get</strong>, but <strong>monkey chaos style</strong>.  </p>
    <ul>
    <li>Fast installs 🍌  </li>
    <li>Dependency handling 🐒</li>
    <li>Debug prints for awesome brain</li>
    </ul>
    <hr>
    <h2 id="installing-packages">Installing Packages</h2>
    <p>Use your MonkeyOS Banan client:</p>
    <pre><div class="lang-bash">banan <span class="hljs-keyword">install</span> &lt;<span class="hljs-keyword">package</span>-<span class="hljs-keyword">name</span>&gt;
    </div></pre>
    <p>Example:</p>
    <pre><div class="lang-bash"><span class="hljs-keyword">banan </span><span class="hljs-keyword">install </span>free-ram
    </div></pre>
    <p id="will-automatically-">Will automatically:</p>
    <ul>
    <li>Fetch free-ram.banapkg from this repo</li>
    <li>Install dependencies (free-ram has one)</li>
    <li>Write the div to the package's install path (usually ~/.bananpkgs)</li>
    <li>Show monkey-approved debug messages</li>
    </ul>
    <h3 id="package-format-banapkg-">Package Format (.banapkg)</h3>
    <p>Each package is a JSON file with the following structure:</p>
    <pre><div class="lang-json">{
      <span class="hljs-attr">"ver"</span>: <span class="hljs-string">"1.0.0"</span>,
      <span class="hljs-attr">"name"</span>: <span class="hljs-string">"example-jungles"</span>,
      <span class="hljs-attr">"type"</span>: <span class="hljs-string">"py"</span>,
      <span class="hljs-attr">"dependent"</span>: [<span class="hljs-string">"example"</span>, <span class="hljs-string">"dependencytest"</span>],
      <span class="hljs-attr">"installplace"</span>: <span class="hljs-string">"~/.bananpkgs"</span>,
      <span class="hljs-attr">"code"</span>: <span class="hljs-string">"# Your code goes here\nprint('Hello from example jungles!')"</span>
    }
    </div></pre>
    <p id="fields-explained-">Fields explained:</p>
    <ul>
    <li>ver → package version</li>
    <li>name → package name (used for filename when installed)</li>
    <li>type → file extension (py, txt, etc.)</li>
    <li>dependent → list of other packages required</li>
    <li>installplace → install location</li>
    <li>code → the actual code/content</li>
    </ul>
    <h3 id="contributing">Contributing</h3>
    <p>Want to add a new package? Just:</p>
    <ol>
    <li><p>Fork this repo 🍌</p>
    </li>
    <li><p>Add a .banapkg file following the template</p>
    </li>
    <li><p>Make sure dependencies exist in this repo (or create them!)</p>
    </li>
    <li><p>Submit a PR and let the crazed monkeys review 🐒</p>
    </li>
    </ol>
    <h3 id="monkey-tips">Monkey Tips</h3>
    <p>Ctrl+C → Abort any install (Monkey-approved 🐒💨)</p>
    <p>You can use</p><br><div>time banan install &lt;package&gt;</div><br><p>to see how fast Banan really is when downloading 🚀</p>
    <h3 id="license">License</h3>
    <p>MIT License – keep the chaos, credit the original monkeys, no warranty 😎</p>
    <!-- Add this right before your <h3 id="package-format-banapkg-"> section -->
<hr>
<h2 id="available-packages">Available Packages 🍌</h2>
<ul id="package-list">
    <!-- JavaScript will put the packages here! -->
</ul>
<hr>

<script>
  async function listBananPackages() {
    const user = 'jhfhngj';
    const repo = 'banan';
    const folderPath = '';
    const url = `https://api.github.com/repos/${user}/${repo}/contents/${folderPath}`;

    try {
        const response = await fetch(url);
        const files = await response.json();

        // FIXED: Changed .endswith to .endsWith (Case Sensitive in JS)
        const packages = files.filter(file => file.name.endsWith('.banapkg'));

        const listElement = document.getElementById('package-list');

        // If no packages found, show a message
        if (packages.length === 0) {
            listElement.innerHTML = "<li>No banapkgs found yet. Add some! 🐒</li>";
            return;
        }

        packages.forEach(pkg => {
            const li = document.createElement('li');
            li.textContent = pkg.name.replace('.banapkg', '');
            listElement.appendChild(li);
        });
    } catch (error) {
        console.error('Failed to fetch packages:', error);
        document.getElementById('package-list').innerHTML = "<li>Monkey 5 failed to fetch the list!</li>";
    }
  }

listBananPackages();
</script>
  </body>
</html>