@lokiplay/ui-web 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +37 -5
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,qBAAa,kBAAmB,SAAQ,WAAW;;IAIjD,iBAAiB,IAAI,IAAI;IAIzB,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAG5B;IAED,IAAI,KAAK,IAAI,YAAY,CAExB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,qBAAa,kBAAmB,SAAQ,WAAW;;IAIjD,iBAAiB,IAAI,IAAI;IAIzB,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAG5B;IAED,IAAI,KAAK,IAAI,YAAY,CAExB;CAqGF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,YAAY,CAAC,IAAI,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IACxD,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,aAAa,EACrB,OAAO,GAAE,kBAAuB,GAC/B;IAAE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAAC,OAAO,IAAI,IAAI,CAAA;CAAE,CA4DnD"}
|
package/dist/index.js
CHANGED
|
@@ -21,6 +21,7 @@ export class LokiOverlayElement extends HTMLElement {
|
|
|
21
21
|
.status{color:${state.connected ? "#86efac" : "#fca5a5"}}
|
|
22
22
|
ul{list-style:none;padding:0;margin:8px 0}
|
|
23
23
|
li{padding:4px 0}
|
|
24
|
+
.room-code{user-select:all}
|
|
24
25
|
.chat{border-top:1px solid #3f3f46;margin-top:8px;padding-top:8px}
|
|
25
26
|
form{display:flex;gap:6px}
|
|
26
27
|
input{min-width:0;flex:1;background:#27272a;color:white;border:1px solid #52525b;border-radius:6px;padding:6px}
|
|
@@ -31,7 +32,7 @@ export class LokiOverlayElement extends HTMLElement {
|
|
|
31
32
|
<strong>Loki</strong>
|
|
32
33
|
<span class="status">${state.connected ? "Connected" : "Offline"}</span>
|
|
33
34
|
</header>
|
|
34
|
-
${state.roomCode ? `<p>Room <strong>${this.#escape(state.roomCode)}</strong> <button id="copy">Copy invite</button></p>` : ""}
|
|
35
|
+
${state.roomCode ? `<p>Room <strong class="room-code">${this.#escape(state.roomCode)}</strong> <button id="copy" type="button">Copy invite</button></p>` : ""}
|
|
35
36
|
<strong>Players (${state.players.length})</strong>
|
|
36
37
|
<ul>${state.players
|
|
37
38
|
.map((player) => `<li>${this.#escape(player.name)}${player.host ? " 👑" : ""}</li>`)
|
|
@@ -48,10 +49,8 @@ export class LokiOverlayElement extends HTMLElement {
|
|
|
48
49
|
</form>
|
|
49
50
|
</aside>`;
|
|
50
51
|
this.#root.querySelector("#copy")?.addEventListener("click", () => {
|
|
51
|
-
if (state.roomCode)
|
|
52
|
-
void
|
|
53
|
-
this.dispatchEvent(new CustomEvent("loki-invite-copied"));
|
|
54
|
-
}
|
|
52
|
+
if (state.roomCode)
|
|
53
|
+
void this.#copyInvite(state.roomCode);
|
|
55
54
|
});
|
|
56
55
|
this.#root.querySelector("#chat-form")?.addEventListener("submit", (event) => {
|
|
57
56
|
event.preventDefault();
|
|
@@ -68,6 +67,39 @@ export class LokiOverlayElement extends HTMLElement {
|
|
|
68
67
|
}
|
|
69
68
|
});
|
|
70
69
|
}
|
|
70
|
+
async #copyInvite(value) {
|
|
71
|
+
try {
|
|
72
|
+
if (navigator.clipboard && window.isSecureContext) {
|
|
73
|
+
await navigator.clipboard.writeText(value);
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
this.#copyWithFallback(value);
|
|
77
|
+
}
|
|
78
|
+
this.dispatchEvent(new CustomEvent("loki-invite-copied"));
|
|
79
|
+
}
|
|
80
|
+
catch {
|
|
81
|
+
try {
|
|
82
|
+
this.#copyWithFallback(value);
|
|
83
|
+
this.dispatchEvent(new CustomEvent("loki-invite-copied"));
|
|
84
|
+
}
|
|
85
|
+
catch {
|
|
86
|
+
this.dispatchEvent(new CustomEvent("loki-invite-copy-failed"));
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
#copyWithFallback(value) {
|
|
91
|
+
const fallback = document.createElement("textarea");
|
|
92
|
+
fallback.value = value;
|
|
93
|
+
fallback.setAttribute("readonly", "");
|
|
94
|
+
fallback.style.position = "fixed";
|
|
95
|
+
fallback.style.opacity = "0";
|
|
96
|
+
document.body.appendChild(fallback);
|
|
97
|
+
fallback.select();
|
|
98
|
+
const copied = document.execCommand("copy");
|
|
99
|
+
fallback.remove();
|
|
100
|
+
if (!copied)
|
|
101
|
+
throw new Error("Copy was not available.");
|
|
102
|
+
}
|
|
71
103
|
#escape(value) {
|
|
72
104
|
const node = document.createElement("span");
|
|
73
105
|
node.textContent = value;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,kBAAmB,SAAQ,WAAW;IACjD,MAAM,GAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IAC9D,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEvD,iBAAiB;QACf,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAmB;QAC3B,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,OAAO;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG;;;;;wBAKH,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lokiplay/ui-web",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "Web component overlay for Loki multiplayer rooms.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -33,6 +33,6 @@
|
|
|
33
33
|
"access": "public"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@lokiplay/sdk": "0.2.
|
|
36
|
+
"@lokiplay/sdk": "0.2.2"
|
|
37
37
|
}
|
|
38
38
|
}
|