So I found this: https://github.com/gitname/react-gh-pages

In there it's possible to have the project hosted on github.io Pages, but it does that in a fresh repo.

Need to figure out how to link the EXISTING codebase so that it's shown on alucard87pl.github.io/reactgate without renaming/recreating the current repo.

Ring.js#L34

a simple button logic fix, will be done shortly

TODO:

• Known Address list
• Randomly generated, hidden list of valid addresses

Rationale:

It is currently possible to dial all six symbol combinations (exluding using the Earth glyph, as that is the PoO) which gives 38 * 37 * 36 * 35 * 34 * 33 = 1987690320, nearly TWO BILLION. If manual Gate positioning and glyph locking was a thing, in the current version of the sim, it would give 38^7=114415582592 more than fifty-five times more.

• gate activation as a separate event that can result in failure
• gate checks if address valid on encoding of last glyph:

Properly implemented dialing modes:

• DHD: click-to-select
• SGC: encode-dial-check
  • IMPORTANT: https://stackoverflow.com/questions/57049595/iterate-over-looped-array
• MANUAL: like SGC, but with ring manipulation

does not need to be updated with everything else it's static after mounting

how to do?

What to add?
A favicon and change website title to e.g. ReactGate

Why should we add it?
Professionalism.

Additional context

AddressList.js#L49

key={label + "-g" + value.indexOf(e)} //need to figure how this can be non-duplicating

key has to be unique, otherwise:

Warning: Encountered two children with the same key, `397d5cd90d26-g4`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
    in div (at AddressList.js:44)
    in div (at AddressList.js:40)
    in button (created by Button)
    in Button (at AddressList.js:39)
    in div (at AddressList.js:36)
    in div (created by Alert)
    in Transition (created by Fade)
    in Fade (created by Alert)
    in Alert (at AddressList.js:31)
    in AddressList (at MainContainer.js:171)
    in div (created by Col)
    in Col (at MainContainer.js:170)
    in div (created by Row)
    in Row (created by Bootstrap(Row))
    in Bootstrap(Row) (at MainContainer.js:169)
    in div (created by Container)
    in Container (at MainContainer.js:156)
    in MainContainer (at App.js:5)
    in App (at src/index.js:7)

Need to figure out how to create a unique numbering scheme for each glyph image in each address, something along the lines of label-gX where X is consecutive from 1 to 6

Currently all the glyphs are contained in /public/vfx and referenced in code via

import glyphs from './glyphs';

glyphs.js is a file storing an array of JSON objects:

export const glyphs = [
  { id: 1, src: "./vfx/glyphs/glyph1.png", description: "Earth" },
  { id: 2, src: "./vfx/glyphs/glyph2.png", description: "Crater" },
...
  { id: 39, src: "./vfx/glyphs/glyph39.png", description: "Leo" },
];

export default glyphs;

For reasons beyond my comprehension, these files can't be held in /src because then importing doesn't work quite as well.