42/42_INT_14_transcendence
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

protected agains bad room names

Browse Source
This commit is contained in:
hugogogo
2023-01-09 22:49:08 +01:00
parent ff16101383
commit 316d4c6fa9
6 changed files with 162 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
srcs/requirements/svelte/api_front/public/build/bundle.js
View File

@@ -1228,7 +1228,7 @@ var app = (function () {
/* node_modules/svelte-spa-router/Router.svelte generated by Svelte v3.53.1 */
const { Error: Error_1, Object: Object_1$1, console: console_1$f } = globals;
const { Error: Error_1, Object: Object_1$1, console: console_1$g } = globals;
// (267:0) {:else}
function create_else_block$7(ctx) {
@@ -2008,7 +2008,7 @@ var app = (function () {
const writable_props = ['routes', 'prefix', 'restoreScrollState'];
Object_1$1.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$f.warn(`<Router> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$g.warn(`<Router> was created with unknown prop '${key}'`);
});
function routeEvent_handler(event) {
@@ -2292,7 +2292,7 @@ var app = (function () {
/* src/pieces/Header.svelte generated by Svelte v3.53.1 */
const { console: console_1$e } = globals;
const { console: console_1$f } = globals;
const file$w = "src/pieces/Header.svelte";
// (25:39)
@@ -2538,7 +2538,7 @@ var app = (function () {
const writable_props = [];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$e.warn(`<Header> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$f.warn(`<Header> was created with unknown prop '${key}'`);
});
const click_handler = () => push('/');
@@ -2593,7 +2593,7 @@ var app = (function () {
/* src/pieces/GenerateUserDisplay.svelte generated by Svelte v3.53.1 */
const { console: console_1$d } = globals;
const { console: console_1$e } = globals;
const file$v = "src/pieces/GenerateUserDisplay.svelte";
// (66:2) {#if user !== undefined}
@@ -2956,18 +2956,18 @@ var app = (function () {
$$self.$$.on_mount.push(function () {
if (user === undefined && !('user' in $$props || $$self.$$.bound[$$self.$$.props['user']])) {
console_1$d.warn("<GenerateUserDisplay> was created without expected prop 'user'");
console_1$e.warn("<GenerateUserDisplay> was created without expected prop 'user'");
}
if (primary === undefined && !('primary' in $$props || $$self.$$.bound[$$self.$$.props['primary']])) {
console_1$d.warn("<GenerateUserDisplay> was created without expected prop 'primary'");
console_1$e.warn("<GenerateUserDisplay> was created without expected prop 'primary'");
}
});
const writable_props = ['user', 'primary'];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$d.warn(`<GenerateUserDisplay> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$e.warn(`<GenerateUserDisplay> was created with unknown prop '${key}'`);
});
function span0_binding($$value) {
@@ -3961,7 +3961,7 @@ var app = (function () {
/* src/pieces/chat/Layout_home.svelte generated by Svelte v3.53.1 */
const { console: console_1$c } = globals;
const { console: console_1$d } = globals;
const file$q = "src/pieces/chat/Layout_home.svelte";
function get_each_context$8(ctx, list, i) {
@@ -4489,7 +4489,7 @@ var app = (function () {
const writable_props = [];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$c.warn(`<Layout_home> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$d.warn(`<Layout_home> was created with unknown prop '${key}'`);
});
$$self.$capture_state = () => ({
@@ -4683,7 +4683,7 @@ var app = (function () {
/* src/pieces/chat/Layout_room.svelte generated by Svelte v3.53.1 */
const { console: console_1$b } = globals;
const { console: console_1$c } = globals;
const file$o = "src/pieces/chat/Layout_room.svelte";
function get_each_context$7(ctx, list, i) {
@@ -5193,7 +5193,7 @@ var app = (function () {
const writable_props = ['back'];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$b.warn(`<Layout_room> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$c.warn(`<Layout_room> was created with unknown prop '${key}'`);
});
function div2_input_handler() {
@@ -5276,7 +5276,7 @@ var app = (function () {
/* src/pieces/chat/Layout_new.svelte generated by Svelte v3.53.1 */
const { console: console_1$a } = globals;
const { console: console_1$b } = globals;
const file$n = "src/pieces/chat/Layout_new.svelte";
function get_each_context$6(ctx, list, i) {
@@ -5860,7 +5860,7 @@ var app = (function () {
const writable_props = ['back'];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$a.warn(`<Layout_new> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$b.warn(`<Layout_new> was created with unknown prop '${key}'`);
});
$$self.$$set = $$props => {
@@ -6202,7 +6202,7 @@ var app = (function () {
/* src/pieces/chat/Layout_room_set.svelte generated by Svelte v3.53.1 */
const { console: console_1$9 } = globals;
const { console: console_1$a } = globals;
const file$l = "src/pieces/chat/Layout_room_set.svelte";
function get_each_context$5(ctx, list, i) {
@@ -6794,7 +6794,7 @@ var app = (function () {
const writable_props = ['back'];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$9.warn(`<Layout_room_set> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$a.warn(`<Layout_room_set> was created with unknown prop '${key}'`);
});
$$self.$$set = $$props => {
@@ -7276,9 +7276,11 @@ var app = (function () {
}
/* src/pieces/chat/Layout_create.svelte generated by Svelte v3.53.1 */
const { console: console_1$9 } = globals;
const file$i = "src/pieces/chat/Layout_create.svelte";
// (28:1) <Button new_layout={back} my_class="back icon" my_title="go back {back}">
// (38:1) <Button new_layout={back} my_class="back icon" my_title="go back {back}">
function create_default_slot_2$4(ctx) {
let t;
@@ -7298,14 +7300,14 @@ var app = (function () {
block,
id: create_default_slot_2$4.name,
type: "slot",
source: "(28:1) <Button new_layout={back} my_class=\\\"back icon\\\" my_title=\\\"go back {back}\\\">",
source: "(38:1) <Button new_layout={back} my_class=\\\"back icon\\\" my_title=\\\"go back {back}\\\">",
ctx
});
return block;
}
// (33:1) <Button my_class="create deactivate">
// (43:1) <Button my_class="create deactivate">
function create_default_slot_1$4(ctx) {
let t;
@@ -7325,14 +7327,14 @@ var app = (function () {
block,
id: create_default_slot_1$4.name,
type: "slot",
source: "(33:1) <Button my_class=\\\"create deactivate\\\">",
source: "(43:1) <Button my_class=\\\"create deactivate\\\">",
ctx
});
return block;
}
// (38:1) <Button new_layout="close" my_class="close icon">
// (48:1) <Button new_layout="close" my_class="close icon">
function create_default_slot$5(ctx) {
let t;
@@ -7352,20 +7354,20 @@ var app = (function () {
block,
id: create_default_slot$5.name,
type: "slot",
source: "(38:1) <Button new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
source: "(48:1) <Button new_layout=\\\"close\\\" my_class=\\\"close icon\\\">",
ctx
});
return block;
}
// (45:3) {#if response.status >= 300}
// (55:3) {#if response.status >= 300}
function create_if_block_1$5(ctx) {
let warning;
let current;
warning = new Element_warning({
props: { content: /*response*/ ctx[4].message },
props: { content: /*response*/ ctx[6].message },
$$inline: true
});
@@ -7379,7 +7381,7 @@ var app = (function () {
},
p: function update(ctx, dirty) {
const warning_changes = {};
if (dirty & /*response*/ 16) warning_changes.content = /*response*/ ctx[4].message;
if (dirty & /*response*/ 64) warning_changes.content = /*response*/ ctx[6].message;
warning.$set(warning_changes);
},
i: function intro(local) {
@@ -7400,14 +7402,14 @@ var app = (function () {
block,
id: create_if_block_1$5.name,
type: "if",
source: "(45:3) {#if response.status >= 300}",
source: "(55:3) {#if response.status >= 300}",
ctx
});
return block;
}
// (67:3) {#if room_type === 'protected'}
// (77:3) {#if room_type === 'protected'}
function create_if_block$b(ctx) {
let div;
let label;
@@ -7426,10 +7428,10 @@ var app = (function () {
t1 = space();
input = element("input");
attr_dev(p, "class", "svelte-1ulnmwp");
add_location(p, file$i, 68, 28, 2014);
add_location(p, file$i, 78, 28, 2417);
attr_dev(label, "for", "chat_pswd");
attr_dev(label, "class", "svelte-1ulnmwp");
add_location(label, file$i, 68, 5, 1991);
add_location(label, file$i, 78, 5, 2394);
attr_dev(input, "id", "chat_pswd");
attr_dev(input, "type", "password");
attr_dev(input, "placeholder", "minimum 8 characters");
@@ -7437,9 +7439,9 @@ var app = (function () {
attr_dev(input, "name", "password");
input.required = true;
attr_dev(input, "class", "svelte-1ulnmwp");
add_location(input, file$i, 69, 5, 2054);
add_location(input, file$i, 79, 5, 2457);
attr_dev(div, "class", "svelte-1ulnmwp");
add_location(div, file$i, 67, 4, 1980);
add_location(div, file$i, 77, 4, 2383);
},
m: function mount(target, anchor) {
insert_dev(target, div, anchor);
@@ -7447,16 +7449,16 @@ var app = (function () {
append_dev(label, p);
append_dev(div, t1);
append_dev(div, input);
set_input_value(input, /*room_password*/ ctx[3]);
set_input_value(input, /*room_password*/ ctx[5]);
if (!mounted) {
dispose = listen_dev(input, "input", /*input_input_handler*/ ctx[11]);
dispose = listen_dev(input, "input", /*input_input_handler*/ ctx[13]);
mounted = true;
}
},
p: function update(ctx, dirty) {
if (dirty & /*room_password*/ 8 && input.value !== /*room_password*/ ctx[3]) {
set_input_value(input, /*room_password*/ ctx[3]);
if (dirty & /*room_password*/ 32 && input.value !== /*room_password*/ ctx[5]) {
set_input_value(input, /*room_password*/ ctx[5]);
}
},
d: function destroy(detaching) {
@@ -7470,7 +7472,7 @@ var app = (function () {
block,
id: create_if_block$b.name,
type: "if",
source: "(67:3) {#if room_type === 'protected'}",
source: "(77:3) {#if room_type === 'protected'}",
ctx
});
@@ -7492,6 +7494,7 @@ var app = (function () {
let p0;
let t5;
let input0;
let input0_placeholder_value;
let t6;
let label1;
let p1;
@@ -7544,8 +7547,8 @@ var app = (function () {
$$inline: true
});
let if_block0 = /*response*/ ctx[4].status >= 300 && create_if_block_1$5(ctx);
let if_block1 = /*room_type*/ ctx[2] === 'protected' && create_if_block$b(ctx);
let if_block0 = /*response*/ ctx[6].status >= 300 && create_if_block_1$5(ctx);
let if_block1 = /*room_type*/ ctx[4] === 'protected' && create_if_block$b(ctx);
const block = {
c: function create() {
@@ -7588,17 +7591,19 @@ var app = (function () {
t16 = space();
input4 = element("input");
attr_dev(p0, "class", "svelte-1ulnmwp");
add_location(p0, file$i, 48, 26, 1167);
add_location(p0, file$i, 58, 26, 1496);
attr_dev(label0, "for", "chat_name");
attr_dev(label0, "class", "svelte-1ulnmwp");
add_location(label0, file$i, 48, 3, 1144);
add_location(label0, file$i, 58, 3, 1473);
attr_dev(input0, "id", "chat_name");
attr_dev(input0, "name", "room_name");
attr_dev(input0, "placeholder", input0_placeholder_value = "allowed special characters: " + /*allowed_chars*/ ctx[1]);
attr_dev(input0, "pattern", /*regex*/ ctx[2]);
input0.required = true;
attr_dev(input0, "class", "svelte-1ulnmwp");
add_location(input0, file$i, 49, 3, 1201);
add_location(input0, file$i, 59, 3, 1530);
attr_dev(p1, "class", "svelte-1ulnmwp");
add_location(p1, file$i, 52, 4, 1344);
add_location(p1, file$i, 62, 4, 1747);
attr_dev(input1, "id", "chat_public");
attr_dev(input1, "type", "radio");
attr_dev(input1, "name", "room_type");
@@ -7606,13 +7611,13 @@ var app = (function () {
input1.value = input1.__value;
input1.required = true;
attr_dev(input1, "class", "svelte-1ulnmwp");
/*$$binding_groups*/ ctx[8][0].push(input1);
add_location(input1, file$i, 53, 4, 1362);
/*$$binding_groups*/ ctx[10][0].push(input1);
add_location(input1, file$i, 63, 4, 1765);
attr_dev(label1, "for", "chat_public");
attr_dev(label1, "class", "_radio svelte-1ulnmwp");
add_location(label1, file$i, 51, 3, 1299);
add_location(label1, file$i, 61, 3, 1702);
attr_dev(p2, "class", "svelte-1ulnmwp");
add_location(p2, file$i, 57, 4, 1555);
add_location(p2, file$i, 67, 4, 1958);
attr_dev(input2, "id", "chat_private");
attr_dev(input2, "type", "radio");
attr_dev(input2, "name", "room_type");
@@ -7620,13 +7625,13 @@ var app = (function () {
input2.value = input2.__value;
input2.required = true;
attr_dev(input2, "class", "svelte-1ulnmwp");
/*$$binding_groups*/ ctx[8][0].push(input2);
add_location(input2, file$i, 58, 4, 1574);
/*$$binding_groups*/ ctx[10][0].push(input2);
add_location(input2, file$i, 68, 4, 1977);
attr_dev(label2, "for", "chat_private");
attr_dev(label2, "class", "_radio hide svelte-1ulnmwp");
add_location(label2, file$i, 56, 3, 1504);
add_location(label2, file$i, 66, 3, 1907);
attr_dev(p3, "class", "svelte-1ulnmwp");
add_location(p3, file$i, 62, 4, 1773);
add_location(p3, file$i, 72, 4, 2176);
attr_dev(input3, "id", "chat_protected");
attr_dev(input3, "type", "radio");
attr_dev(input3, "name", "room_type");
@@ -7634,21 +7639,21 @@ var app = (function () {
input3.value = input3.__value;
input3.required = true;
attr_dev(input3, "class", "svelte-1ulnmwp");
/*$$binding_groups*/ ctx[8][0].push(input3);
add_location(input3, file$i, 63, 4, 1794);
/*$$binding_groups*/ ctx[10][0].push(input3);
add_location(input3, file$i, 73, 4, 2197);
attr_dev(label3, "for", "chat_protected");
attr_dev(label3, "class", "_radio hide svelte-1ulnmwp");
add_location(label3, file$i, 61, 3, 1720);
add_location(label3, file$i, 71, 3, 2123);
attr_dev(input4, "type", "submit");
input4.value = "⮡";
attr_dev(input4, "class", "svelte-1ulnmwp");
add_location(input4, file$i, 72, 3, 2218);
add_location(input4, file$i, 82, 3, 2621);
attr_dev(form, "class", "svelte-1ulnmwp");
add_location(form, file$i, 43, 2, 993);
add_location(form, file$i, 53, 2, 1322);
attr_dev(div0, "class", "panel panel_create __border_top svelte-1ulnmwp");
add_location(div0, file$i, 42, 1, 945);
add_location(div0, file$i, 52, 1, 1274);
attr_dev(div1, "class", "grid_box svelte-1ulnmwp");
add_location(div1, file$i, 24, 0, 624);
add_location(div1, file$i, 34, 0, 953);
},
l: function claim(nodes) {
throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -7669,25 +7674,25 @@ var app = (function () {
append_dev(label0, p0);
append_dev(form, t5);
append_dev(form, input0);
set_input_value(input0, /*room_name*/ ctx[1]);
set_input_value(input0, /*room_name*/ ctx[3]);
append_dev(form, t6);
append_dev(form, label1);
append_dev(label1, p1);
append_dev(label1, t8);
append_dev(label1, input1);
input1.checked = input1.__value === /*room_type*/ ctx[2];
input1.checked = input1.__value === /*room_type*/ ctx[4];
append_dev(form, t9);
append_dev(form, label2);
append_dev(label2, p2);
append_dev(label2, t11);
append_dev(label2, input2);
input2.checked = input2.__value === /*room_type*/ ctx[2];
input2.checked = input2.__value === /*room_type*/ ctx[4];
append_dev(form, t12);
append_dev(form, label3);
append_dev(label3, p3);
append_dev(label3, t14);
append_dev(label3, input3);
input3.checked = input3.__value === /*room_type*/ ctx[2];
input3.checked = input3.__value === /*room_type*/ ctx[4];
append_dev(form, t15);
if (if_block1) if_block1.m(form, null);
append_dev(form, t16);
@@ -7696,11 +7701,11 @@ var app = (function () {
if (!mounted) {
dispose = [
listen_dev(input0, "input", /*input0_input_handler*/ ctx[6]),
listen_dev(input1, "change", /*input1_change_handler*/ ctx[7]),
listen_dev(input2, "change", /*input2_change_handler*/ ctx[9]),
listen_dev(input3, "change", /*input3_change_handler*/ ctx[10]),
listen_dev(form, "submit", prevent_default(/*handleSubmit*/ ctx[5]), false, true, false)
listen_dev(input0, "input", /*input0_input_handler*/ ctx[8]),
listen_dev(input1, "change", /*input1_change_handler*/ ctx[9]),
listen_dev(input2, "change", /*input2_change_handler*/ ctx[11]),
listen_dev(input3, "change", /*input3_change_handler*/ ctx[12]),
listen_dev(form, "submit", prevent_default(/*handleSubmit*/ ctx[7]), false, true, false)
];
mounted = true;
@@ -7711,31 +7716,31 @@ var app = (function () {
if (dirty & /*back*/ 1) button0_changes.new_layout = /*back*/ ctx[0];
if (dirty & /*back*/ 1) button0_changes.my_title = "go back " + /*back*/ ctx[0];
if (dirty & /*$$scope*/ 4096) {
if (dirty & /*$$scope*/ 16384) {
button0_changes.$$scope = { dirty, ctx };
}
button0.$set(button0_changes);
const button1_changes = {};
if (dirty & /*$$scope*/ 4096) {
if (dirty & /*$$scope*/ 16384) {
button1_changes.$$scope = { dirty, ctx };
}
button1.$set(button1_changes);
const button2_changes = {};
if (dirty & /*$$scope*/ 4096) {
if (dirty & /*$$scope*/ 16384) {
button2_changes.$$scope = { dirty, ctx };
}
button2.$set(button2_changes);
if (/*response*/ ctx[4].status >= 300) {
if (/*response*/ ctx[6].status >= 300) {
if (if_block0) {
if_block0.p(ctx, dirty);
if (dirty & /*response*/ 16) {
if (dirty & /*response*/ 64) {
transition_in(if_block0, 1);
}
} else {
@@ -7754,23 +7759,31 @@ var app = (function () {
check_outros();
}
if (dirty & /*room_name*/ 2 && input0.value !== /*room_name*/ ctx[1]) {
set_input_value(input0, /*room_name*/ ctx[1]);
if (!current || dirty & /*allowed_chars*/ 2 && input0_placeholder_value !== (input0_placeholder_value = "allowed special characters: " + /*allowed_chars*/ ctx[1])) {
attr_dev(input0, "placeholder", input0_placeholder_value);
}
if (dirty & /*room_type*/ 4) {
input1.checked = input1.__value === /*room_type*/ ctx[2];
if (!current || dirty & /*regex*/ 4) {
attr_dev(input0, "pattern", /*regex*/ ctx[2]);
}
if (dirty & /*room_type*/ 4) {
input2.checked = input2.__value === /*room_type*/ ctx[2];
if (dirty & /*room_name*/ 8 && input0.value !== /*room_name*/ ctx[3]) {
set_input_value(input0, /*room_name*/ ctx[3]);
}
if (dirty & /*room_type*/ 4) {
input3.checked = input3.__value === /*room_type*/ ctx[2];
if (dirty & /*room_type*/ 16) {
input1.checked = input1.__value === /*room_type*/ ctx[4];
}
if (/*room_type*/ ctx[2] === 'protected') {
if (dirty & /*room_type*/ 16) {
input2.checked = input2.__value === /*room_type*/ ctx[4];
}
if (dirty & /*room_type*/ 16) {
input3.checked = input3.__value === /*room_type*/ ctx[4];
}
if (/*room_type*/ ctx[4] === 'protected') {
if (if_block1) {
if_block1.p(ctx, dirty);
} else {
@@ -7804,9 +7817,9 @@ var app = (function () {
destroy_component(button1);
destroy_component(button2);
if (if_block0) if_block0.d();
/*$$binding_groups*/ ctx[8][0].splice(/*$$binding_groups*/ ctx[8][0].indexOf(input1), 1);
/*$$binding_groups*/ ctx[8][0].splice(/*$$binding_groups*/ ctx[8][0].indexOf(input2), 1);
/*$$binding_groups*/ ctx[8][0].splice(/*$$binding_groups*/ ctx[8][0].indexOf(input3), 1);
/*$$binding_groups*/ ctx[10][0].splice(/*$$binding_groups*/ ctx[10][0].indexOf(input1), 1);
/*$$binding_groups*/ ctx[10][0].splice(/*$$binding_groups*/ ctx[10][0].indexOf(input2), 1);
/*$$binding_groups*/ ctx[10][0].splice(/*$$binding_groups*/ ctx[10][0].indexOf(input3), 1);
if (if_block1) if_block1.d();
mounted = false;
run_all(dispose);
@@ -7828,6 +7841,17 @@ var app = (function () {
let { $$slots: slots = {}, $$scope } = $$props;
validate_slots('Layout_create', slots, []);
let { back = "" } = $$props;
let allowed_chars = 'loading...';
let regex;
onMount(async () => {
let response = await fetch('/api/v2/chat/allowedchars');
let data = await response.json();
console.log("data:", data);
$$invalidate(1, allowed_chars = data.chars);
$$invalidate(2, regex = new RegExp(`^[a-zA-Z0-9\\s${allowed_chars}]+$`));
});
let room_name;
let room_type;
let room_password;
@@ -7838,7 +7862,7 @@ var app = (function () {
if (!formIsValid) return;
// send the new room
$$invalidate(4, response = await create_room(room_name, room_type));
$$invalidate(6, response = await create_room(room_name, room_type));
// go to room
if (response.status === 200) await change_room(room_name);
@@ -7847,34 +7871,34 @@ var app = (function () {
const writable_props = ['back'];
Object.keys($$props).forEach(key => {
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Layout_create> was created with unknown prop '${key}'`);
if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1$9.warn(`<Layout_create> was created with unknown prop '${key}'`);
});
const $$binding_groups = [[]];
function input0_input_handler() {
room_name = this.value;
$$invalidate(1, room_name);
$$invalidate(3, room_name);
}
function input1_change_handler() {
room_type = this.__value;
$$invalidate(2, room_type);
$$invalidate(4, room_type);
}
function input2_change_handler() {
room_type = this.__value;
$$invalidate(2, room_type);
$$invalidate(4, room_type);
}
function input3_change_handler() {
room_type = this.__value;
$$invalidate(2, room_type);
$$invalidate(4, room_type);
}
function input_input_handler() {
room_password = this.value;
$$invalidate(3, room_password);
$$invalidate(5, room_password);
}
$$self.$$set = $$props => {
@@ -7884,9 +7908,12 @@ var app = (function () {
$$self.$capture_state = () => ({
change_room,
create_room,
onMount,
Button: Element_button,
Warning: Element_warning,
back,
allowed_chars,
regex,
room_name,
room_type,
room_password,
@@ -7896,10 +7923,12 @@ var app = (function () {
$$self.$inject_state = $$props => {
if ('back' in $$props) $$invalidate(0, back = $$props.back);
if ('room_name' in $$props) $$invalidate(1, room_name = $$props.room_name);
if ('room_type' in $$props) $$invalidate(2, room_type = $$props.room_type);
if ('room_password' in $$props) $$invalidate(3, room_password = $$props.room_password);
if ('response' in $$props) $$invalidate(4, response = $$props.response);
if ('allowed_chars' in $$props) $$invalidate(1, allowed_chars = $$props.allowed_chars);
if ('regex' in $$props) $$invalidate(2, regex = $$props.regex);
if ('room_name' in $$props) $$invalidate(3, room_name = $$props.room_name);
if ('room_type' in $$props) $$invalidate(4, room_type = $$props.room_type);
if ('room_password' in $$props) $$invalidate(5, room_password = $$props.room_password);
if ('response' in $$props) $$invalidate(6, response = $$props.response);
};
if ($$props && "$$inject" in $$props) {
@@ -7908,6 +7937,8 @@ var app = (function () {
return [
back,
allowed_chars,
regex,
room_name,
room_type,
room_password,

2
srcs/requirements/svelte/api_front/public/build/bundle.js.map
View File

File diff suppressed because one or more lines are too long

15
srcs/requirements/svelte/api_front/src/pieces/chat/Layout_create.svelte
View File

@@ -1,12 +1,23 @@
<script lang="ts">
import { msgs, layout } from './Store_chat';
import { msgs, layout, allowed_chars } from './Store_chat';
import { change_room, create_room } from './Request_rooms';
import { onMount } from 'svelte';
import Button from './Element_button.svelte';
import Warning from './Element_warning.svelte';
export let back = "";
let allowed_chars = 'loading...';
let regex;
onMount(async() => {
let response = await fetch('/api/v2/chat/allowedchars');
let data = await response.json();
console.log("data:", data);
allowed_chars = data.chars;
regex = new RegExp(`^[a-zA-Z0-9\\s${allowed_chars}]+$`);
});
let room_name: string;
let room_type: string;
let room_password: string;
@@ -57,7 +68,7 @@
{/if}
<!-- name: -->
<label for="chat_name"><p>new room name :</p></label>
<input id="chat_name" bind:value={room_name} name="room_name" required>
<input id="chat_name" bind:value={room_name} name="room_name" placeholder="allowed special characters: {allowed_chars}" pattern={regex} required>
<!-- [ ] pubic -->
<label for="chat_public" class="_radio">
<p>public</p>

1
srcs/requirements/svelte/api_front/src/pieces/chat/Store_chat.ts
View File

@@ -14,3 +14,4 @@ export function add_msg(name: string, message: string)
{
msgs.update(msgs => [...msgs, { name: "me", message: message }]);
}