wip load room messages, but i broke rooms list
This commit is contained in:
@@ -3890,6 +3890,8 @@ var app = (function () {
|
||||
}
|
||||
}
|
||||
|
||||
let msgs = writable([]);
|
||||
|
||||
/* src/pieces/chat/Layout_home.svelte generated by Svelte v3.53.1 */
|
||||
|
||||
const { console: console_1$9 } = globals;
|
||||
@@ -3901,7 +3903,7 @@ var app = (function () {
|
||||
return child_ctx;
|
||||
}
|
||||
|
||||
// (31:1) <Button bind:layout new_layout="settings" my_class="settings dots icon">
|
||||
// (45:1) <Button bind:layout new_layout="settings" my_class="settings dots icon">
|
||||
function create_default_slot_3$5(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -3921,14 +3923,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_3$5.name,
|
||||
type: "slot",
|
||||
source: "(31:1) <Button bind:layout new_layout=\\\"settings\\\" my_class=\\\"settings dots icon\\\">",
|
||||
source: "(45:1) <Button bind:layout new_layout=\\\"settings\\\" my_class=\\\"settings dots icon\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (36:1) <Button bind:layout new_layout="new" my_class="new transparent">
|
||||
// (50:1) <Button bind:layout new_layout="new" my_class="new transparent">
|
||||
function create_default_slot_2$9(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -3948,14 +3950,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_2$9.name,
|
||||
type: "slot",
|
||||
source: "(36:1) <Button bind:layout new_layout=\\\"new\\\" my_class=\\\"new transparent\\\">",
|
||||
source: "(50:1) <Button bind:layout new_layout=\\\"new\\\" my_class=\\\"new transparent\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (41:1) <Button bind:layout new_layout="close" my_class="close icon">
|
||||
// (55:1) <Button bind:layout new_layout="close" my_class="close icon">
|
||||
function create_default_slot_1$9(ctx) {
|
||||
let t;
|
||||
|
||||
@@ -3975,7 +3977,7 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot_1$9.name,
|
||||
type: "slot",
|
||||
source: "(41:1) <Button bind:layout new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
|
||||
source: "(55:1) <Button bind:layout new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
@@ -4004,7 +4006,7 @@ var app = (function () {
|
||||
return block;
|
||||
}
|
||||
|
||||
// (55:3) {:then}
|
||||
// (69:3) {:then}
|
||||
function create_then_block$1(ctx) {
|
||||
let each_1_anchor;
|
||||
let current;
|
||||
@@ -4093,14 +4095,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_then_block$1.name,
|
||||
type: "then",
|
||||
source: "(55:3) {:then}",
|
||||
source: "(69:3) {:then}",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (57:5) <Button bind:layout new_layout="room" my_class="list">
|
||||
// (71:5) <Button bind:layout new_layout="room" my_class="list">
|
||||
function create_default_slot$b(ctx) {
|
||||
let t0_value = /*room*/ ctx[7].name + "";
|
||||
let t0;
|
||||
@@ -4128,14 +4130,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_default_slot$b.name,
|
||||
type: "slot",
|
||||
source: "(57:5) <Button bind:layout new_layout=\\\"room\\\" my_class=\\\"list\\\">",
|
||||
source: "(71:5) <Button bind:layout new_layout=\\\"room\\\" my_class=\\\"list\\\">",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (56:4) {#each rooms as room}
|
||||
// (70:4) {#each rooms as room}
|
||||
function create_each_block$5(ctx) {
|
||||
let button;
|
||||
let updating_layout;
|
||||
@@ -4200,14 +4202,14 @@ var app = (function () {
|
||||
block,
|
||||
id: create_each_block$5.name,
|
||||
type: "each",
|
||||
source: "(56:4) {#each rooms as room}",
|
||||
source: "(70:4) {#each rooms as room}",
|
||||
ctx
|
||||
});
|
||||
|
||||
return block;
|
||||
}
|
||||
|
||||
// (52:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}
|
||||
// (66:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}
|
||||
function create_pending_block$1(ctx) {
|
||||
let p;
|
||||
|
||||
@@ -4215,7 +4217,7 @@ var app = (function () {
|
||||
c: function create() {
|
||||
p = element("p");
|
||||
p.textContent = "rooms are loaded...";
|
||||
add_location(p, file$p, 53, 4, 1121);
|
||||
add_location(p, file$p, 67, 4, 1409);
|
||||
},
|
||||
m: function mount(target, anchor) {
|
||||
insert_dev(target, p, anchor);
|
||||
@@ -4232,7 +4234,7 @@ var app = (function () {
|
||||
block,
|
||||
id: create_pending_block$1.name,
|
||||
type: "pending",
|
||||
source: "(52:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}",
|
||||
source: "(66:21) <!-- promise is pending --> <p>rooms are loaded...</p> {:then}",
|
||||
ctx
|
||||
});
|
||||
|
||||
@@ -4346,17 +4348,17 @@ var app = (function () {
|
||||
t6 = space();
|
||||
info.block.c();
|
||||
attr_dev(p0, "class", "title svelte-1jygwt2");
|
||||
add_location(p0, file$p, 46, 2, 889);
|
||||
add_location(p0, file$p, 60, 2, 1177);
|
||||
attr_dev(p1, "class", "__center");
|
||||
add_location(p1, file$p, 49, 4, 999);
|
||||
add_location(p1, file$p, 63, 4, 1287);
|
||||
attr_dev(div0, "class", "__show_if_only_child");
|
||||
add_location(div0, file$p, 48, 3, 960);
|
||||
add_location(div0, file$p, 62, 3, 1248);
|
||||
attr_dev(div1, "class", "room_list");
|
||||
add_location(div1, file$p, 47, 2, 933);
|
||||
add_location(div1, file$p, 61, 2, 1221);
|
||||
attr_dev(div2, "class", "panel panel_home __border_top svelte-1jygwt2");
|
||||
add_location(div2, file$p, 45, 1, 843);
|
||||
add_location(div2, file$p, 59, 1, 1131);
|
||||
attr_dev(div3, "class", "grid_box svelte-1jygwt2");
|
||||
add_location(div3, file$p, 27, 0, 484);
|
||||
add_location(div3, file$p, 41, 0, 772);
|
||||
},
|
||||
l: function claim(nodes) {
|
||||
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
|
||||
@@ -4524,6 +4526,7 @@ var app = (function () {
|
||||
$$self.$capture_state = () => ({
|
||||
onMount,
|
||||
Button: Chat_button,
|
||||
msgs,
|
||||
layout,
|
||||
rooms,
|
||||
get_rooms
|
||||
@@ -8192,6 +8195,7 @@ var app = (function () {
|
||||
|
||||
fetch(`${address}/api/v2/user`).then(resp => resp.json()).then(data => {
|
||||
user = data;
|
||||
console.log("user:", user);
|
||||
|
||||
socket$1 = lookup(address, {
|
||||
path: '/chat',
|
||||
@@ -8199,8 +8203,6 @@ var app = (function () {
|
||||
});
|
||||
});
|
||||
|
||||
let msgs = writable([]);
|
||||
|
||||
/* src/pieces/chat/Layout_room.svelte generated by Svelte v3.53.1 */
|
||||
const file$n = "src/pieces/chat/Layout_room.svelte";
|
||||
|
||||
@@ -8294,7 +8296,7 @@ var app = (function () {
|
||||
// (64:4) <Msg name={msg.name}>
|
||||
function create_default_slot_1$8(ctx) {
|
||||
let html_tag;
|
||||
let raw_value = /*msg*/ ctx[4].content + "";
|
||||
let raw_value = /*msg*/ ctx[4].message + "";
|
||||
let html_anchor;
|
||||
|
||||
const block = {
|
||||
@@ -8308,7 +8310,7 @@ var app = (function () {
|
||||
insert_dev(target, html_anchor, anchor);
|
||||
},
|
||||
p: function update(ctx, dirty) {
|
||||
if (dirty & /*$msgs*/ 8 && raw_value !== (raw_value = /*msg*/ ctx[4].content + "")) html_tag.p(raw_value);
|
||||
if (dirty & /*$msgs*/ 8 && raw_value !== (raw_value = /*msg*/ ctx[4].message + "")) html_tag.p(raw_value);
|
||||
},
|
||||
d: function destroy(detaching) {
|
||||
if (detaching) detach_dev(html_anchor);
|
||||
@@ -8727,8 +8729,8 @@ var app = (function () {
|
||||
let msg = "";
|
||||
let text_area;
|
||||
|
||||
function add_local_msg(from, message) {
|
||||
msgs.update(msgs => [...msgs, { content: message, name: from }]);
|
||||
function add_local_msg(name, message) {
|
||||
msgs.update(msgs => [...msgs, { name, message }]);
|
||||
}
|
||||
|
||||
function send_msg() {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user