├── .gitignore
├── LICENSE
├── README.md
├── glucord
    ├── index.js
    └── package.json
├── gludoom
    ├── index.js
    └── package.json
└── gluworld
    ├── index.html
    ├── index.js
    └── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | # npm
2 | node_modules
3 | package-lock.json
4 | 
5 | # gluon
6 | gluon_data


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Gluon
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # examples
2 | Various Gluon example apps
3 | 


--------------------------------------------------------------------------------
/glucord/index.js:
--------------------------------------------------------------------------------
 1 | import * as Gluon from '@gluon-framework/gluon';
 2 | 
 3 | Gluon.open('https://discord.com/app', {
 4 |   onLoad: () => {
 5 |     setTimeout(() => {
 6 |       document.title = 'Glucord';
 7 |       Object.defineProperty(document, 'title', {
 8 |         get() {
 9 |           return this._title;
10 |         },
11 | 
12 |         set(original) {
13 |           if (original === 'Discord') original = 'Glucord';
14 | 
15 |           // web style title -> desktop style title
16 |           this._title = original.replace('Discord | ', '');
17 |           if (this._title !== 'Glucord') this._title += ' - Glucord';
18 | 
19 |           document.getElementsByTagName('title')[0].textContent = this._title; // actually set title
20 |           return this._title;
21 |         }
22 |       });
23 | 
24 |       // set icon to Glucord icon
25 |       const iconEl = document.querySelector("link[rel~='icon']");
26 |       iconEl.href = `https://media.discordapp.net/attachments/1051941471365910608/1089240980542205962/logo.png`;
27 | 
28 |       iconEl.setAttribute = () => {}; // stop Discord overwriting our icon
29 | 
30 |       document.head.appendChild(document.createElement("style")).innerHTML = `
31 | .socialLinks-3ywLUf + .info-3pQQBb {
32 |   position: relative;
33 | }
34 | 
35 | .socialLinks-3ywLUf + .info-3pQQBb::after {
36 |   content: 'Glucord 0.1.1 \\a Gluon ${Gluon.versions.gluon} ${Gluon.versions.builder !== 'nothing' ? `(${Gluon.versions.builder})` : ''} \\a ${Gluon.versions.browserType[0].toUpperCase() + Gluon.versions.browserType.slice(1)} ${Gluon.versions.browser} (${Gluon.versions.product}) \\a Node ${Gluon.versions.node}';
37 |   white-space: pre-wrap;
38 |   text-transform: none;
39 |   color: var(--text-muted);
40 |   font-weight: 400;
41 |   font-family: var(--font-primary);
42 |   font-size: 12px;
43 |   line-height: 16px;
44 |   width: 100%;
45 |   padding: 8px 0;
46 |   margin: 8px 0;
47 |   display: inline-block;
48 |   border-top: 1px solid var(--background-modifier-accent);
49 | }`;
50 |     }, 200);
51 |   }
52 | });


--------------------------------------------------------------------------------
/glucord/package.json:
--------------------------------------------------------------------------------
1 | {"type":"module","dependencies":{"@gluon-framework/gluon":"^0.14.0"}}


--------------------------------------------------------------------------------
/gludoom/index.js:
--------------------------------------------------------------------------------
 1 | import * as Gluon from '@gluon-framework/gluon';
 2 | 
 3 | (async () => {
 4 |   // Load existing site with WASM doom
 5 |   await Gluon.open(`https://silentspacemarine.com`, {
 6 |     windowSize: [ 760, 600 ],
 7 |     onLoad: () => {
 8 |       // Wait until fully loaded
 9 |       setTimeout(() => {
10 |         // Inject CSS to remove border / padding
11 |         const el = document.createElement('style');
12 |         el.appendChild(document.createTextNode(`
13 | body, html, #container, #monitor {
14 |   overflow: hidden;
15 |   max-width: unset;
16 |   margin: 0;
17 |   padding: 0;
18 |   border: 0;
19 |   border-radius: 0;
20 | 
21 |   width: 100%;
22 |   height: 100%;
23 | }
24 | 
25 | #monitor:after {
26 |   display: none;
27 | }`));
28 |         document.body.appendChild(el);
29 | 
30 |         // Force window title to our own
31 |         document.title = `Gludoom (${Gluon.versions.product} ${Gluon.versions.browser})`;
32 |         Object.defineProperty(document, 'title', { get() {}, set() {} });
33 |       }, 1000);
34 |     }
35 |   });
36 | })();


--------------------------------------------------------------------------------
/gludoom/package.json:
--------------------------------------------------------------------------------
1 | {"type":"module","dependencies":{"@gluon-framework/gluon":"^0.14.0"}}


--------------------------------------------------------------------------------
/gluworld/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <link rel="icon" href="https://raw.githubusercontent.com/OpenAsar/gluon/main/assets/logo.png">
  6 |     <title>Gluworld</title>
  7 |   </head>
  8 |   <body>
  9 |     <h1 id="main">
 10 |       Gluon <code id="gluon_version"></code> <br>
 11 |       <span id="built_with">built with <code id="builder"></code> <br></span>
 12 |       running on <code id="product"></code>
 13 |     </h1>
 14 | 
 15 |     <div id="versions">
 16 |       <h2>
 17 |         <span id="engine_name"></span> <br>
 18 |         <code id="browser_version"></code> <br>
 19 |         <p><span id="js_engine_name"></span> <code id="browser_v8"></code></p>
 20 |       </h2>
 21 | 
 22 |       <h2 id="build">
 23 |         Build Size <br>
 24 |         <code id="build_size"></code>
 25 |       </h2>
 26 | 
 27 |       <h2>
 28 |         Node <br>
 29 |         <code id="node_version"></code> <br>
 30 |         <p>V8 <code id="node_v8"></code></p>
 31 |       </h2>
 32 |     </div>
 33 | 
 34 |     <style>
 35 |       @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900');
 36 | 
 37 |       html, body {
 38 |         background: #101418;
 39 |         color: #fff;
 40 |         font-family: Inter, sans-serif;
 41 | 
 42 |         margin: 0;
 43 |         width: 100%;
 44 |         height: 100%;
 45 |       }
 46 | 
 47 |       body {
 48 |         box-sizing: border-box;
 49 |         padding: 5vw 5vh;
 50 | 
 51 |         display: flex;
 52 |         flex-direction: column;
 53 |         align-items: center;
 54 |         justify-content: space-around;
 55 |       }
 56 | 
 57 |       h1, h2, code {
 58 |         text-align: center;
 59 |         margin: 0;
 60 |       }
 61 | 
 62 |       h1 {
 63 |         font-weight: 900;
 64 |         font-size: 34px;
 65 |       }
 66 | 
 67 |       h1 > code, h2 > p > code {
 68 |         margin-left: 8px;
 69 |       }
 70 | 
 71 |       h2 {
 72 |         font-weight: 800;
 73 |         font-size: 28px;
 74 |       }
 75 | 
 76 |       h2 > p, h2 > p > code {
 77 |         font-weight: 600;
 78 |         font-size: 18px;
 79 |         color: #bbb;
 80 |       }
 81 | 
 82 |       code {
 83 |         font-size: 100%;
 84 |         font-family: Fira Code;
 85 |         color: #ddd;
 86 |       }
 87 | 
 88 |       #versions {
 89 |         display: flex;
 90 |         justify-content: space-around;
 91 |         align-items: center;
 92 |         width: 100%;
 93 |       }
 94 | 
 95 |       #build, #built_with {
 96 |         display: none;
 97 |       }
 98 |     </style>
 99 | 
100 |     <script> (async () => {
101 |       await new Promise(res => {
102 |         const check = () => {
103 |           if (!window.Gluon) return setTimeout(check, 100);
104 |           res();
105 |         };
106 | 
107 |         check();
108 |       });
109 | 
110 |       browser_version.textContent = Gluon.versions.browser;
111 |       node_version.textContent = `${Gluon.versions.embedded.node ? 'Embed' : 'System'} ${Gluon.versions.node}`;
112 |       gluon_version.textContent = Gluon.versions.gluon;
113 |       builder.textContent = Gluon.versions.builder;
114 |       product.textContent = Gluon.versions.product;
115 |       node_v8.textContent = Gluon.versions.js.node;
116 |       browser_v8.textContent = Gluon.versions.js.browser;
117 | 
118 |       if (Gluon.versions.builder !== 'nothing') {
119 |         build.style.display = 'block';
120 |         built_with.style.display = 'block';
121 |         // main.innerHTML = main.innerHTML.replace(`built with <code id="builder">nothing</code> <br>`, '');
122 |       }
123 | 
124 |       engine_name.textContent = Gluon.versions.browserType === 'firefox' ? 'Firefox' : 'Chromium';
125 |       js_engine_name.textContent = Gluon.versions.browserType === 'firefox' ? 'SpiderMonkey' : 'V8';
126 | 
127 |       Gluon.ipc.on('build size', size => {
128 |         const kb = size / 1024;
129 |         const mb = kb / 1024;
130 | 
131 |         build_size.textContent = mb > 0.1 ? `${mb.toFixed(2)}MB` : `${kb.toFixed(0)}KB`;
132 |       });
133 |     })();
134 |     </script>
135 |   </body>
136 | </html>


--------------------------------------------------------------------------------
/gluworld/index.js:
--------------------------------------------------------------------------------
 1 | import * as Gluon from '@gluon-framework/gluon';
 2 | 
 3 | (async () => {
 4 |   const browsers = process.argv.slice(2).filter(x => !x.startsWith('-'));
 5 | 
 6 |   if (browsers.length > 0) { // use argv as browsers to use
 7 |     for (const forceBrowser of browsers) {
 8 |       await Gluon.open('index.html', {
 9 |         windowSize: [ 800, 500 ],
10 |         forceBrowser
11 |       });
12 |     }
13 | 
14 |     return;
15 |   }
16 | 
17 |   await Gluon.open('index.html', {
18 |     windowSize: [ 800, 500 ]
19 |   });
20 | })();


--------------------------------------------------------------------------------
/gluworld/package.json:
--------------------------------------------------------------------------------
1 | {"type":"module","dependencies":{"@gluon-framework/gluon":"^0.14.0"}}


--------------------------------------------------------------------------------