Ready to translate old client code (start with index)
[vchess.git] / client / src / main.js
1 import Vue from "vue";
2 import App from "./App.vue";
3 import router from "./router";
4 import params from "./parameters"; //for socket connection
5 import { ajax } from "./utils/ajax";
6
7 Vue.config.productionTip = false;
8
9 new Vue({
10 router,
11 render: function(h) {
12 return h(App);
13 },
14 created: function() {
15 //alert("test");
16 ajax("/variants", "GET", res => {
17 Vue.prototype.$variants = res.variantArray;
18 });
19 Vue.prototype.$conn = null; //TODO
20 const myid = localStorage["myid"] || util.getRandString();
21 // NOTE: in this version, we don't say on which page we are, yet
22 // ==> we'll say "enter/leave" page XY (in fact juste "enter", seemingly)
23 Vue.prototype.$conn = new WebSocket(params.socketUrl + "/?sid=" + myid);
24 //TODO: si une partie en cours dans storage, rediriger vers cette partie
25 //(à condition que l'URL n'y corresponde pas déjà !)
26 // TODO: à l'arrivée sur le site : set peerID (un identifiant unique
27 // en tout cas...) si pas trouvé dans localStorage "myid"
28 // (l'identifiant de l'utilisateur si connecté)
29 },
30 // Later, for icons (if using feather):
31 // mounted: function() {
32 // feather.replace();
33 // },
34 }).$mount("#app");
35
36 // TODO: get rules, dynamic import
37 // Load a rules page (AJAX)
38 // router.get("/rules/:vname([a-zA-Z0-9]+)", access.ajax, (req,res) => {
39 // const lang = selectLanguage(req, res);
40 // res.render("rules/" + req.params["vname"] + "/" + lang);
41 // });
42 //
43 // board2, 3, 4 automatiquement, mais rules separement (les 3 pour une)
44 // game : aussi systématique
45 // problems: on-demand
46 //
47 // It works (to watch for route change), in a component:
48 //watch: {
49 // $route: function(newRoute) {
50 // console.log(this.$route.params);
51 // },
52 //},
53 // See https://router.vuejs.org/guide/essentials/dynamic-matching.html#reacting-to-params-changes