removed vuex store
This commit is contained in:
parent
2901bb3f77
commit
8736ec566f
@ -1,12 +1,10 @@
|
|||||||
import { createApp } from "vue";
|
import { createApp } from "vue";
|
||||||
import App from "./App.vue";
|
import App from "./App.vue";
|
||||||
import { store } from "./store";
|
|
||||||
import { createPinia } from "pinia";
|
import { createPinia } from "pinia";
|
||||||
|
|
||||||
const app = createApp(App);
|
const app = createApp(App);
|
||||||
const pinia = createPinia();
|
const pinia = createPinia();
|
||||||
|
|
||||||
app.use(store);
|
|
||||||
app.use(pinia);
|
app.use(pinia);
|
||||||
|
|
||||||
app.mount("#app");
|
app.mount("#app");
|
||||||
|
@ -1,174 +0,0 @@
|
|||||||
/* TODO: terminology is to be changed for :
|
|
||||||
canvas/board :
|
|
||||||
currently, the canvas object is named board,
|
|
||||||
while the structure used to store automata current state is named "board" as well. This is confusing
|
|
||||||
drawing board could be enough to lift any ambiguity
|
|
||||||
|
|
||||||
rules:
|
|
||||||
confusion bewteen ruleset and rules.
|
|
||||||
it's never clear if we refers to a rule or the whole (named) set
|
|
||||||
*/
|
|
||||||
import { createStore } from "vuex";
|
|
||||||
|
|
||||||
export const store = createStore({
|
|
||||||
strict: process.env.NODE_ENV !== "production",
|
|
||||||
state: {
|
|
||||||
rules1d: {
|
|
||||||
name: "rule 73",
|
|
||||||
rules: {
|
|
||||||
111: 0,
|
|
||||||
110: 1,
|
|
||||||
101: 0,
|
|
||||||
100: 0,
|
|
||||||
"011": 1,
|
|
||||||
"010": 0,
|
|
||||||
"001": 0,
|
|
||||||
"000": 1,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
cellProperties: {
|
|
||||||
size: 3,
|
|
||||||
liveColor: "#000000",
|
|
||||||
deadColor: "#F5F5F5",
|
|
||||||
},
|
|
||||||
canvasWidth: 0,
|
|
||||||
canvasHeight: 0,
|
|
||||||
boardWidth: 0,
|
|
||||||
boardHeight: 0,
|
|
||||||
refreshRate: 300,
|
|
||||||
initial1dState: "onecell",
|
|
||||||
activeMenu: "",
|
|
||||||
drawingDirection: "y",
|
|
||||||
lastBoard: {},
|
|
||||||
draw1d: false,
|
|
||||||
draw2d: false,
|
|
||||||
draw2dLast: false,
|
|
||||||
reset: false,
|
|
||||||
canDraw: true,
|
|
||||||
},
|
|
||||||
mutations: {
|
|
||||||
update1dSingleRule(state, data) {
|
|
||||||
state.rules1d.name = data.name;
|
|
||||||
state.rules1d.rules[data.rule] = data.value;
|
|
||||||
},
|
|
||||||
update1dRules(state, data) {
|
|
||||||
state.rules1d = data;
|
|
||||||
},
|
|
||||||
setCellProperties(state, data) {
|
|
||||||
state.cellProperties[data.name] = data.value;
|
|
||||||
},
|
|
||||||
setCanvasWidth(state, data) {
|
|
||||||
state.canvasWidth = data;
|
|
||||||
},
|
|
||||||
setCanvasHeight(state, data) {
|
|
||||||
state.canvasHeight = data;
|
|
||||||
},
|
|
||||||
setRefreshRate(state, data) {
|
|
||||||
state.refreshRate = data;
|
|
||||||
},
|
|
||||||
setInitial1dState(state, data) {
|
|
||||||
state.initial1dState = data;
|
|
||||||
},
|
|
||||||
setActiveMenu(state, data) {
|
|
||||||
state.activeMenu = data;
|
|
||||||
},
|
|
||||||
setDrawingDirection(state, data) {
|
|
||||||
state.drawingDirection = data;
|
|
||||||
},
|
|
||||||
setLastBoard(state, data) {
|
|
||||||
state.lastBoard = data;
|
|
||||||
},
|
|
||||||
setCanvas(state, data) {
|
|
||||||
state.canvas = data;
|
|
||||||
},
|
|
||||||
setContext(state, data) {
|
|
||||||
state.ctx = data;
|
|
||||||
},
|
|
||||||
toggleDraw1d(state, data) {
|
|
||||||
state.draw1d = data;
|
|
||||||
},
|
|
||||||
toggleDraw2d(state, data) {
|
|
||||||
state.draw2d = data;
|
|
||||||
},
|
|
||||||
toggleDraw2dLast(state, data) {
|
|
||||||
state.draw2dLast = data;
|
|
||||||
},
|
|
||||||
toggleReset(state, data) {
|
|
||||||
state.reset = data;
|
|
||||||
},
|
|
||||||
canDraw(state, data) {
|
|
||||||
state.canDraw = data;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
getters: {
|
|
||||||
getCellProperties(state) {
|
|
||||||
return state.cellProperties;
|
|
||||||
},
|
|
||||||
get1dRules(state) {
|
|
||||||
return state.rules1d;
|
|
||||||
},
|
|
||||||
getRule1d(state) {
|
|
||||||
return state.rules1d;
|
|
||||||
},
|
|
||||||
getCanvasWidth(state) {
|
|
||||||
return state.canvasWidth;
|
|
||||||
},
|
|
||||||
getCanvasHeight(state) {
|
|
||||||
return state.canvasHeight;
|
|
||||||
},
|
|
||||||
getRefreshRate(state) {
|
|
||||||
return state.refreshRate;
|
|
||||||
},
|
|
||||||
getInitial1dState(state) {
|
|
||||||
return state.initial1dState;
|
|
||||||
},
|
|
||||||
getActiveMenu(state) {
|
|
||||||
return state.activeMenu;
|
|
||||||
},
|
|
||||||
getDrawingDirection(state) {
|
|
||||||
return state.drawingDirection;
|
|
||||||
},
|
|
||||||
getLastBoard(state) {
|
|
||||||
return state.lastBoard;
|
|
||||||
},
|
|
||||||
getDraw1d(state) {
|
|
||||||
return state.draw1d;
|
|
||||||
},
|
|
||||||
getDraw2d(state) {
|
|
||||||
return state.draw2d;
|
|
||||||
},
|
|
||||||
getDraw2dLast(state) {
|
|
||||||
return state.draw2dLast;
|
|
||||||
},
|
|
||||||
getReset(state) {
|
|
||||||
return state.reset;
|
|
||||||
},
|
|
||||||
getCanDraw(state) {
|
|
||||||
return state.canDraw;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
draw1d({ commit }) {
|
|
||||||
commit("toggleDraw1d", true);
|
|
||||||
},
|
|
||||||
draw2d({ commit }) {
|
|
||||||
commit("canDraw", true);
|
|
||||||
commit("toggleDraw2d", true);
|
|
||||||
},
|
|
||||||
draw2dLast({ commit }) {
|
|
||||||
commit("canDraw", true);
|
|
||||||
commit("toggleDraw2dLast", true);
|
|
||||||
},
|
|
||||||
reset({ dispatch, commit }) {
|
|
||||||
dispatch("stop");
|
|
||||||
commit("toggleReset", true);
|
|
||||||
},
|
|
||||||
stop({ commit }) {
|
|
||||||
commit("toggleDraw1d", false);
|
|
||||||
commit("toggleDraw2d", false);
|
|
||||||
commit("toggleDraw2dLast", false);
|
|
||||||
commit("canDraw", false);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
modules: {},
|
|
||||||
});
|
|
Loading…
Reference in New Issue
Block a user