| Nivel "+(r+1)+" | "+o+" | "}t.appendChild(n);var l=document.createElement("button");l.classList.add("brilliant"),l.textContent="Volver a empezar",l.addEventListener("click",function(t){return e.resetGame()}),t.appendChild(l),document.querySelector(".tags").remove()},e.prototype.resetGame=function(){localStorage.clear(),localStorage.removeItem("endGame"),this.currentLevel=1,window.location.reload()},e}();exports.default=r;
-},{"./Level":9,"./User":10}],3:[function(require,module,exports) {
+},{"./Level":9,"./User":10}],6:[function(require,module,exports) {
"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("./Game")),a=new o.default;a.addLevel("Con las **expresiones regulares**, podemos utilizar `.` (*un punto*) como un comodín que simboliza un carácter cualquiera (**¡sólo uno!**), de modo que si escribes dos puntos simboliza una palabra con dos 2 carácteres. ¿Cómo representarías, por ejemplo, un DNI (que está formado por 8 dígitos + 1 letra)?",[["74921132A",[]]],[!0]),a.addLevel("Sin embargo, esto es sólo un ejemplo inicial y no tiene demasiado sentido. Vamos con algo más útil... Si nos fijamos en su primer carácter ¿Cómo podríamos seleccionar **sólo** el personaje feliz?",[["74921132A",[]],["84921132A",["happymouth","dance"]]],[!1,!0]),a.addLevel("Ahora buscamos seleccionar los dos personajes que se encuentran **en movimiento**. ¡Recuerda primero buscar el patrón de similitud con los candidatos y las diferencias con los que queremos descartar!",[["74921132A",["dance"]],["84921133C",["sadmouth"]],["84921132A",["happymouth","dance"]]],[!0,!1,!0]),a.addLevel("Pero utilizar varios puntos es engorroso e incómodo. A partir de ahora, vamos a intentar evitarlo. Si escribimos `7+` simboliza el **7** repetido muchas veces (**1 o más veces**). Intenta seleccionar el último personaje...",[["74921132A",[]],["84921133C",["sadmouth"]],["84921132A",["happymouth"]],["77777777A",["black","brows","smileteeth","dance"]]],[!1,!1,!1,!0],["nodot"]),a.addLevel("Ahora vamos a seleccionar todos los personajes salvo el que está asustado. Recordemos: `+` indica que se repite **1 o más veces** el carácter que lo precede (*que también puede ser parte de una expresión regular*). Además, el `*` indicar que se repite **0 o más veces** el carácter que lo precede. No uses varios puntos.",[["74921132A",["dance"]],["84921133C",["angrymouth"]],["84921132A",["happymouth","dance"]],["77777777A",["black","brows","smileteeth","dance"]]],[!0,!1,!0,!0],["<4","nodots"]),a.addLevel("Al usar `.` permitimos cualquier carácter (*sea número, letra, símbolo...*), por lo que no concretamos. En lugar de esto, nos interesa especificar un rango de carácteres específico. En lugar de `.` usaremos `[0-9]` (*cualquier dígito del 0 al 9*). Intenta ahora seleccionar sólo los personajes de tez clara.",[["74921132A",["happymouth","dance"]],["J-429112C",["orc","fangs","angrymouth"]],["84921133C",["black","smile"]],["84921132A",["smile","dance"]],["H-381234A",["orc","brows","fangs","angrymouth"]]],[!0,!1,!1,!0,!1],["nodot"]),a.addLevel("Vale, pongámoslo un poco más difícil... Selecciona ahora a los tres personajes que no son orcos verdes. Quizás tengas que crear rangos `[0-9]` que no sean sólo de números... ¡Recuerda que los puntos ya no están permitidos!",[["74921132A",["happymouth","dance"]],["J-429112C",["orc","fangs","angrymouth"]],["84921133C",["black","smile","dance"]],["84921132A",["smile","dance"]],["H-381234A",["orc","brows","fangs","angrymouth"]]],[!0,!1,!0,!0,!1],["nodot"]),a.addLevel("Modifiquemos un poco los personajes. Ahora hay tanto minúsculas como mayúsculas. Si queremos incluir varios rangos, podemos hacerlo así: `[A-Za-z]`, aunque también podemos incluir carácteres concretos sueltos: `[AHz]` (*Se acepta la letra A, la letra H y la letra z*).",[["74921132c",["happymouth","dance"]],["83811128h",["angrymouth","dance"]],["84921133W",["black","smile","dance"]],["84921132A",["smile","dance"]],["89187373H",["mouth"]]],[!0,!0,!0,!0,!1],["nodot"]),a.addLevel("También se le puede dar la vuelta a las expresiones regulares; En lugar de seleccionar los que cumplen un criterio, seleccionar los que no lo cumplen. Los rangos que tienen un circunflejo `^` en el interior de los corchetes (`[^A]`) simbolizan que no exista ese carácter o rango. Observa que los orcos siempre tienen un guión en su DNI. **Nota**: En el interior de los corchetes, si quieres indicar un guión explícitamente debe estar en la última posición, ya que sino se confundirá con el intervalo para indicar rangos.",[["J-429112C",["orc","smileteeth"]],["28395728a",["black","beard","smile","dance"]],["83713611H",["black","beard","angrymouth","dance"]],["7-381234A",["orc","fangs","angrymouth"]],["L-382271c",["orc","brows","fangs","angrymouth"]]],[!1,!0,!0,!1,!1],["hat","<6"]),a.addLevel("El formato de DNI de los orcos verdes es **Letra-Guión-6Números-Letra**, vamos a intentar concretar más. En lugar de usar `[0-9]+` (*1 o más repeticiones de un dígito del 0 al 9*), podemos utilizar `[0-9]{2}` (*2 repeticiones de un dígito del 0 al 9*). Con esto podemos especificar el número de veces que se repite un carácter.",[["74921132A",["happymouth"]],["J-429112C",["orc","fangs","angrymouth","dance"]],["84921133C",["black","smile"]],["84921132A",["smile"]],["H-381234A",["orc","brows","fangs","angrymouth","dance"]]],[!1,!0,!1,!1,!0],["nodot","curly"]),a.addLevel("La cosa se comienza a complicar. Los orcos verdes más viejos tienen un DNI más pequeño, ya que al principio tenían menos cifras. Con `{2,4}` podemos indicar que el carácter anterior debe tener una longitud **de 2 a 4 carácteres**. También se pueden usar `{2,}` para indicar **2 o más**.",[["K-882132U",["orc","smileteeth"]],["J-44392C",["oldorc","fangs","angrymouth","dance"]],["H-728a",["oldorc","smileteeth","dance"]],["H-281711A",["orc","brows","angrymouth"]],["H-3812A",["oldorc","brows","smileteeth","dance"]]],[!1,!0,!0,!1,!0],["nodot","curly"]),a.addLevel("Los payasos tienen un DNI especial similar al de los orcos verdes. En lugar de un **guión**, tienen un signo **+** (*más*). En las expresiones regulares podemos hacer uso del símbolo `|` para establecer alternativas. Por ejemplo, `(A|B)` significa **A** o **B**. ¡**Ojo**! Algunos carácteres (`+`, `*`, `(`, ...) hay que precederlos de una barra invertida (ej: `\\+`) para no interpretarlos como una expresión regular.",[["K+937212W",["clown","smileteeth","dance"]],["43244392T",["angrymouth"]],["H+421728a",["clown","smileteeth","dance"]],["H-837199R",["orc","brows","angrymouth","dance"]],["H+343421A",["clown","brows","smileteeth","dance"]]],[!0,!1,!0,!0,!0],["nodot","curly","pipe"]),a.addLevel("En algunos casos queremos indicar que el caracter anterior es **opcional**: puede existir o puede que no, y ambas opciones son correctas. Para ello, utilizaremos el símbolo `?`. Los fantasmas tienen un sistema de DNI muy complejo. Cuando han cumplido su tarea en la *no-vida*, se les asigna una letra en la **tercera posición**. Si aún tienen tareas pendientes, carecen de ella.",[["28A84721D",["ghost","sadmouth","dance"]],["39H71283L",["ghost","sadmouth","dance"]],["84118321a",["angrymouth"]],["39N83726D",["ghost","sadmouth","dance"]],["1762312D",["ghost","brows","sadmouth","dance"]]],[!0,!0,!1,!0,!0],["nodot","curly","question"]),a.addLevel("¿Y si quisieramos seleccionar sólo a los orcos que se hacen pasar por fantasmas? Sabremos cuales son porque han falsificado un DNI con menos números porque no saben contar...",[["28A84721D",["ghost","sadmouth"]],["39783L",["ghost","angrymouth","fangs","dance"]],["84118321a",["angrymouth"]],["39N8D",["ghost","brows","fangs","angrymouth","dance"]],["1762312D",["ghost","brows","sadmouth"]]],[!1,!0,!1,!0,!1],["nodot","curly","question"]),a.addLevel("Ahora queremos seleccionar sólo payasos y orcos viejos... Puedes usar la parentización `(+[0-9]|-[A-Z])` para agrupar fragmentos. Ten mucho cuidado con esto, puesto que no es lo mismo `CA|B` (*CA o B*) que `C(A|B)` (*CA o CB*).",[["H+421728a",["clown","smileteeth","dance"]],["28A84721D",["ghost","sadmouth"]],["H-837199R",["orc","brows","angrymouth"]],["83713611H",["black","beard","angrymouth"]],["H-3812A",["oldorc","brows","smileteeth","dance"]]],[!0,!1,!1,!1,!0],["nodot","curly"]),a.enableDebug(),a.start();
-},{"./Game":6}]},{},[3], null)
+},{"./Game":8}]},{},[6], null)
//# sourceMappingURL=js.13fb95b3.map
\ No newline at end of file
diff --git a/build/js.13fb95b3.map b/js.13fb95b3.map
similarity index 100%
rename from build/js.13fb95b3.map
rename to js.13fb95b3.map
diff --git a/package.json b/package.json
deleted file mode 100644
index 535728e..0000000
--- a/package.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "name": "regex-people",
- "version": "1.0.0",
- "description": "",
- "main": "index.html",
- "scripts": {
- "build": "rm -rf build && parcel build src/index.html --out-dir build/ --public-url ./",
- "start": "parcel src/index.html",
- "dev": "parcel serve src/index.html && parcel watch src/index.html",
- "clean": "rm -rf .cache node_modules package-lock.json dist",
- "deploy": "git subtree push --prefix build origin gh-pages"
- },
- "author": "Manz",
- "license": "ISC",
- "devDependencies": {
- "@types/css": "0.0.31",
- "@types/lodash-es": "^4.17.0",
- "autoprefixer": "^8.6.0",
- "babel-preset-env": "^1.7.0",
- "cssnano": "^3.10.0",
- "parcel-bundler": "^1.8.1",
- "postcss": "^6.0.22",
- "postcss-import": "^11.1.0",
- "postcss-import-url": "^3.0.4",
- "postcss-nested": "^3.0.0",
- "postcss-preset-env": "^5.1.0",
- "stylelint-config-recommended": "^2.1.0",
- "typescript": "^2.9.1"
- },
- "dependencies": {
- "lodash-es": "^4.17.10",
- "snarkdown": "^1.2.2"
- }
-}
diff --git a/src/css/faces.pcss b/src/css/faces.pcss
deleted file mode 100644
index c0c1e0d..0000000
--- a/src/css/faces.pcss
+++ /dev/null
@@ -1,155 +0,0 @@
-.head {
- & .eye {
- display: inline-block;
- background: #fff;
- width: 45px;
- height: 45px;
- border-radius: 25px;
- margin-top: 1em;
- animation: eyeBlink linear infinite;
- animation-duration: 5s
- }
-
- &.oldorc .eye {
- background:linear-gradient(to bottom, RGB(255,200,200) 20%, #FFF 50%);
- }
-
- & .pupil {
- background: #000;
- width: 17px;
- height: 17px;
- border-radius: 10px;
- margin: auto;
- margin-top: 6px;
- }
-
- & .pupil.left { animation: pupilMoveLeft ease 1 }
- & .pupil.right { animation: pupilMoveRight ease 1 }
- & .pupil.down { animation: pupilMoveDown ease 1 }
-
- & .mustache {
- background: #111;
- width: 35px;
- height: 15px;
- margin: auto;
- position: relative;
- top: 8px
- }
-
- & .mouth {
- background: #222;
- width: 20px;
- height: 20px;
- border-radius: 25px;
- position: absolute;
- right: 40px;
- bottom: 30px
- }
-
- & .happymouth {
- background: #222;
- width: 100px;
- height: 40px;
- border-radius: 0 0 75px 75px;
- position: relative;
- top: 10px;
- margin: auto
- }
-
- & .sadmouth {
- border:4px solid #222;
- border-bottom:0;
- width: 100px;
- height: 20px;
- border-radius: 75px 75px 0 0;
- position: relative;
- top: 10px;
- margin: auto
- }
-
- & .shortsmile {
- width: 80px;
- height: 20px;
- border: 4px solid #000;
- border-top: 0;
- border-radius: 0 0 50px 50px;
- position: relative;
- top: 10px;
- margin: auto
- }
-
- & .smile {
- width: 100px;
- height: 40px;
- border: 4px solid #000;
- border-top: 0;
- border-radius: 0 0 50px 50px;
- position: relative;
- top: 10px;
- margin: auto
- }
-
- & .smileteeth {
- width: 100px;
- height: 40px;
- border: 4px solid #000;
- border-radius: 0 0 50px 50px;
- position: relative;
- top: 10px;
- margin: auto;
- background:#FFF;
- }
-
- & .angrymouth {
- background: #222;
- width: 100px;
- height: 30px;
- border-radius: 75px 75px 0 0;
- position: relative;
- top: 10px;
- margin: auto
- }
-
- & .fangs {
- width: 20px;
- height: 20px;
- background: #fff;
- display: inline-block;
- margin: 0 10px;
- border-radius: 50px 50px 0 0
- }
-
- & .tongue {
- display:block;
- position:relative;
- margin:auto;
- width:50px;
- height:30px;
- border-radius: 0 0 50% 50%;
- background:red;
- }
-
- & .brows {
- width: 40px;
- height: 10px;
- background: #222;
- margin: 0 2px;
- position: relative;
- top: -30px
- }
-}
-
-@keyframes pupilMoveRight {
- 0%,90% { transform:translate(0, 0) }
- 25% { transform:translate(5px, 0) }
-}
-
-@keyframes pupilMoveLeft {
- 0%,90% { transform:translate(0, 0) }
- 25% { transform:translate(-5px, 0) }
-}
-
-@keyframes pupilMoveDown {
- 0%,90% { transform:translate(0, 0) }
- 25% { transform:translate(0, 5px) }
-}
\ No newline at end of file
diff --git a/src/css/heads.pcss b/src/css/heads.pcss
deleted file mode 100644
index e48ece4..0000000
--- a/src/css/heads.pcss
+++ /dev/null
@@ -1,87 +0,0 @@
-/* Heads */
-.head {
- width: 150px;
- height: 150px;
- background: #e2cda8;
- border-radius: 75px;
- box-shadow: 5px 5px 0 #1e1503, -10px -10px 10px rgba(0, 0, 0, 0.4) inset;
- position: relative;
- margin: 0 14px;
- text-align:center;
-
- &.black {
- background: #7f5832
- }
-
- &.orc {
- background: #11511a
- }
-
- &.ghost {
- background: #FFF;
- border-bottom-left-radius:0;
- border-bottom-right-radius:0;
- }
-
- &.clown {
- background: linear-gradient(to bottom, #e4200f 5%, #c52020 10%, transparent 20%),
- radial-gradient(#f30808 10%, #ad0a0a 12%, #000 14%, transparent 16%),
- radial-gradient(circle at bottom, #FFF 50%, #dab794 60%);
-
- & .smileteeth {
- border-color:darkred;
- border-width:6px;
- }
- }
-
- &.oldorc {
- background: linear-gradient(to bottom, #FFF 2%, #04350b 15% 85%, #FFF 90%);
-
- &::after {
- content:" ";
- display:block;
- margin:auto;
- transform:translateY(25px);
- width:0px;
- height:0px;
- border-left: 15px solid transparent;
- border-right: 15px solid transparent;
- border-top: 15px solid #FFF;
- }
- }
-
- &.beard {
- background: linear-gradient(to bottom, #e2cda8 57%, #9a8a71 59%);
- }
-}
-
-/* Users */
-.user {
- display: inline-block;
-
- & .target {
- display:inline-block;
- background: #fff;
- color: #000;
- box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
- padding: 5px 30px;
- position: relative;
- font-weight:500;
- top: 10px;
- margin: 4px
- }
-
- &.ok {
- & .head {
- box-shadow: 0 0 15px 5px #067600;
- }
- & .target {
- background: #37e143
- }
- }
-}
-
-.user.dance .head,
-span.dance {
- animation: baileUser .5s linear alternate infinite;
-}
\ No newline at end of file
diff --git a/src/css/index.pcss b/src/css/index.pcss
deleted file mode 100644
index 4010548..0000000
--- a/src/css/index.pcss
+++ /dev/null
@@ -1,286 +0,0 @@
-@import "https://fonts.googleapis.com/css?family=Indie+Flower|Exo+2:700|Open+Sans:300,400|Inconsolata";
-
-html {
- background: #111;
-}
-
-body {
- margin: 0;
- font-family: 'Open Sans', sans-serif;
- font-weight: 300;
- font-size: 22px;
- letter-spacing: -1px;
- background: #333;
-}
-
-#title {
- background: #000;
- font-family: 'Exo 2', sans-serif;
- font-size: 42px;
- padding:4px 0;
- color: #fff;
- text-align: center;
- text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
- box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
-
- & a {
- text-decoration:none;
- color:#FFF;
- }
-
- & span {
- font-family: 'Indie Flower', sans-serif;
- font-size: 28px;
- color: #e61e1e;
- }
-}
-
-#content {
- text-align:center;
- margin: 2em 0
-}
-
-@import "./heads.pcss";
-@import "./faces.pcss";
-
-#question {
- max-width: 800px;
- min-height: 300px;
- margin: 2em auto;
-
- & #info {
- padding: 10px 30px;
- background: linear-gradient(135deg, black 25px, #AAA 25px), #AAA;
- min-height: 50px;
- margin-bottom: 1em;
- border:4px solid #000;
- color:#222;
- font-family:'Open Sans', sans-serif;
- font-weight:400;
- font-size:20px;
- position:relative; /* for .nivel */
-
- & em {
- color:darkblue;
- padding:0 6px 0 2px;
- }
- }
-
- & #userinput {
- width: 400px;
- height: 50px;
- display: inline-block;
- background: #111;
- color:#067600;
- border: 0;
- outline: 0;
-
- &.not {
- color:red;
- }
- }
-
- & .tags {
- width: 700px;
- display: block;
- margin: auto;
- background:#222;
- color:#EEE;
- }
-
- & .tags,
- #userinput {
- font-family: 'Inconsolata', monospace;
- font-weight: 500;
- font-size: 32px;
- text-align: center;
- letter-spacing: -1px
- }
-}
-
-@media screen and (max-width: 640px) {
- #question span.tags {
- width:auto;
- padding:20px 0;
-
- & #userinput {
- width:100%;
- margin:20px 0;
- display:flex;
- }
- }
-}
-
-strong.nivel {
- background:darkred;
- font-weight:lighter;
- padding:2px 10px;
- color:#FFF;
- position:absolute;
- top:-15px;
- right:25px;
- transform:rotate(3deg);
-}
-
-#footer {
- display:flex;
- flex-direction:column;
- justify-content:center;
- background: #111;
- color: #fff;
- height: 100px;
- padding:25px 20px;
-
- & p {
- font-family:'Muli', sans-serif;
- letter-spacing:-1px;
- font-weight:300;
- font-size:18px;
- text-align:center;
- margin:6px;
-
- & a {
- color:#287dcc;
- text-decoration:none;
- padding-bottom:1px;
- border-bottom:1px solid #222;
- }
- }
-
- & .tw i { color: #0084b4 }
- & .gh i { color:grey }
-
- & .social a {
- border-bottom:0;
- padding:0 4px;
- font-size:28px;
-
- &:hover i {
- color:#444;
- }
- }
-
- & .blue a {
- color:#888;
- }
-
- & a:hover {
- color:red;
- border-color:red;
- }
-
-}
-
-button.brilliant {
- font-family:Montserrat, sans-serif;
- font-size:18px;
- color:#FFF;
- padding:10px 6px;
- border:3px solid white;
- background:#333;
- margin:25px auto;
- display:block;
- width:150px;
- outline:0;
-
- &.off {
- visibility:hidden;
- }
-
- &:hover {
- background:#111;
- cursor:pointer;
- }
-
- & i.fa {
- padding-right:5px;
- color:white;
- }
-}
-
-code {
- background:#888;
- padding:2px 6px;
- margin:0 2px;
-}
-
-.off {
- display: none;
-}
-
-#question #info.end {
- background:green;
- color:white;
- text-align:center;
- font-size:42px;
-}
-
-table.score {
- border:3px solid #555;
- background:#FFF;
- width:auto;
- margin:auto;
- border-spacing:5px;
- font-family:Montserrat, sans-serif;
- font-size:18px;
-
- & td {
- border-radius:5px;
- padding:5px 40px;
- color:#555;
- }
-
- & td:nth-child(1) {
- background:#777;
- color:#FFF;
- }
-
- & td:nth-child(2) {
- border:1px solid #CCC;
- font-family:monospace;
- font-weight:600;
- font-size:22px;
- }
-
- & :nth-child(even) td:nth-child(2) {
- background:#EDEDED;
- color:#777;
- }
-}
-
-.trophy {
- display:inline-block;
-}
-
-@keyframes baileUser {
- 0% {
- transform: skew(-3deg) rotateZ(5deg) translateY(0)
- }
- 50% {
- transform: skew(0) rotateZ(0) translateY(-10px)
- }
- 100% {
- transform: skew(3deg) rotateZ(-5deg) translateY(0)
- }
-}
-
-@keyframes eyeBlink {
- 0% {
- opacity: 1
- }
- 94% {
- opacity: 1
- }
- 95% {
- opacity: .25
- }
- 96% {
- opacity: 0
- }
- 97% {
- opacity: .25
- }
- 98% {
- opacity: 1
- }
-}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
deleted file mode 100644
index 3d8ace7..0000000
--- a/src/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
- RegEx People Game | By @Manz
-
-
-
-
-
-
-
-
-
-
-
-
<input pattern="">
-
-
-
🏆 ¡Has terminado el juego!
`;
-
- let table = document.createElement('table');
- table.classList.add('score');
- for (let i = 0; i < this.maxLevel-1; i++) {
- let sol = localStorage['level'+(i+1)] || '';
- table.innerHTML += `| Nivel ${i+1} | ${sol} |
`;
- }
- info.appendChild(table);
-
- let button = document.createElement('button');
- button.classList.add('brilliant');
- button.textContent = 'Volver a empezar';
- button.addEventListener('click', e => this.resetGame());
- info.appendChild(button);
-
- document.querySelector('.tags').remove();
- }
-
- resetGame() {
- localStorage.clear();
- localStorage.removeItem('endGame');
- this.currentLevel = 1;
- window.location.reload();
- }
-
-}
\ No newline at end of file
diff --git a/src/js/Level.ts b/src/js/Level.ts
deleted file mode 100644
index e40da45..0000000
--- a/src/js/Level.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import User from './User';
-import { isEqual } from 'lodash';
-import snarkdown from 'snarkdown';
-
-export default class Level {
- content: HTMLDivElement = document.querySelector('#content');
- message: HTMLParagraphElement = document.querySelector('#info p');
- forbidden: string[] = [];
- solution: boolean[];
-
- constructor(num: number, text: string, users: User[], solution: boolean[], max, forbidden = []) {
- this.clear();
- let md = snarkdown(text);
- this.message.innerHTML = `${md} Nivel ${num} / ${max-1}`;
- users.forEach(e => this.content.appendChild(e.toNode()));
- this.solution = solution;
- this.forbidden = forbidden;
- }
-
- clear() {
- this.content.innerHTML = '';
- }
-
- isCorrect(str : string) {
- let tried = [];
- let users = this.content.querySelectorAll('.user');
-
- // TODO: Refactor pending...
- if (this.forbidden.includes('nodot'))
- if (str.includes('.'))
- return false;
- if (this.forbidden.includes('nodots'))
- if (str.includes('..'))
- return false;
- if (this.forbidden.includes('noor'))
- if (str.includes('|'))
- return false;
- if (this.forbidden.includes('hat'))
- if (!str.includes('^'))
- return false;
- if (this.forbidden.includes('question'))
- if (!str.includes('?'))
- return false;
- if (this.forbidden.includes('<4'))
- if (str.length > 3)
- return false;
- if (this.forbidden.includes('<6'))
- if (str.length > 5)
- return false;
- if (this.forbidden.includes('curly'))
- if (!str.includes('{'))
- return false;
- if (this.forbidden.includes('pipe'))
- if (!str.includes('|'))
- return false;
-
- for (let i = 0; i < users.length; i++)
- tried[i] = users[i].classList.contains('ok');
-
- return (isEqual(tried, this.solution));
- }
-
-}
\ No newline at end of file
diff --git a/src/js/User.ts b/src/js/User.ts
deleted file mode 100644
index 8dae6ea..0000000
--- a/src/js/User.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-export default class User {
- id: string;
- user: HTMLDivElement;
- options: string[];
-
- constructor(id: string, options: string[]) {
- this.id = id;
- this.options = options;
-
- this.user = document.createElement('div');
- this.user.classList.add('user');
- this.user.innerHTML = `${id}
`;
-
- this.genHead();
- this.genEyes();
- this.genNose();
- this.genMouth();
- this.genSpecials();
- }
-
- genHead() {
- let head = this.user.querySelector('.head');
-
- ['black', 'orc', 'oldorc', 'clown', 'beard', 'ghost'].forEach(e => {
- if (this.options.includes(e))
- head.classList.add(e);
- });
- }
-
- genEyes() {
- let eyes = 2;
- let seg = 2 + ~~(Math.random() * 5);
- if (this.options.includes('oneeye'))
- eyes = 1;
-
- for (let i = 0; i < eyes; i++)
- this.user.querySelector('.head').innerHTML += ``;
-
- if (this.options.includes('brows')) {
- let eye = this.user.querySelectorAll('.eye');
- for (let i = 0; i < eyes; i++)
- eye[i].innerHTML += ``;
- }
- }
-
- genNose() {
- if (this.options.includes('mustache'))
- this.user.querySelector('.head').innerHTML += ``;
- }
-
- genMouth() {
- ['happymouth', 'angrymouth', 'smile', 'smileteeth', 'sadmouth', 'mouth'].forEach(e => {
- if (this.options.includes(e))
- this.user.querySelector('.head').innerHTML += ``;
- });
-
- if (this.options.includes('fangs'))
- this.user.querySelector('.angrymouth').innerHTML += ``;
- }
-
- genSpecials() {
- if (this.options.includes('dance'))
- this.user.classList.add('dance');
- }
-
- toNode(): HTMLElement {
- return this.user;
- }
-
-}
\ No newline at end of file
diff --git a/src/js/index.ts b/src/js/index.ts
deleted file mode 100644
index 270c99e..0000000
--- a/src/js/index.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-import Game from './Game';
-
-let game = new Game();
-
-game.addLevel(
- 'Con las **expresiones regulares**, podemos utilizar `.` (*un punto*) como un comodín que simboliza un carácter cualquiera (**¡sólo uno!**), de modo que si escribes dos puntos simboliza una palabra con dos 2 carácteres. ¿Cómo representarías, por ejemplo, un DNI (que está formado por 8 dígitos + 1 letra)?',
- [['74921132A', []]],
- [true]
-);
-
-game.addLevel(
- 'Sin embargo, esto es sólo un ejemplo inicial y no tiene demasiado sentido. Vamos con algo más útil... Si nos fijamos en su primer carácter ¿Cómo podríamos seleccionar **sólo** el personaje feliz?',
- [
- ['74921132A', []],
- ['84921132A', ['happymouth', 'dance']]
- ],
- [false, true]
-);
-
-game.addLevel(
- 'Ahora buscamos seleccionar los dos personajes que se encuentran **en movimiento**. ¡Recuerda primero buscar el patrón de similitud con los candidatos y las diferencias con los que queremos descartar!',
- [
- ['74921132A', ['dance']],
- ['84921133C', ['sadmouth']],
- ['84921132A', ['happymouth', 'dance']]
- ],
- [true, false, true]
-);
-
-game.addLevel(
- 'Pero utilizar varios puntos es engorroso e incómodo. A partir de ahora, vamos a intentar evitarlo. Si escribimos `7+` simboliza el **7** repetido muchas veces (**1 o más veces**). Intenta seleccionar el último personaje...',
- [
- ['74921132A', []],
- ['84921133C', ['sadmouth']],
- ['84921132A', ['happymouth']],
- ['77777777A', ['black', 'brows', 'smileteeth', 'dance']]
- ],
- [false, false, false, true],
- ['nodot']
-);
-
-game.addLevel(
- 'Ahora vamos a seleccionar todos los personajes salvo el que está asustado. Recordemos: `+` indica que se repite **1 o más veces** el carácter que lo precede (*que también puede ser parte de una expresión regular*). Además, el `*` indicar que se repite **0 o más veces** el carácter que lo precede. No uses varios puntos.',
- [
- ['74921132A', ['dance']],
- ['84921133C', ['angrymouth']],
- ['84921132A', ['happymouth', 'dance']],
- ['77777777A', ['black', 'brows', 'smileteeth', 'dance']]
- ],
- [true, false, true, true],
- ['<4', 'nodots']
-);
-
-game.addLevel(
- 'Al usar `.` permitimos cualquier carácter (*sea número, letra, símbolo...*), por lo que no concretamos. En lugar de esto, nos interesa especificar un rango de carácteres específico. En lugar de `.` usaremos `[0-9]` (*cualquier dígito del 0 al 9*). Intenta ahora seleccionar sólo los personajes de tez clara.',
- [
- ['74921132A', ['happymouth', 'dance']],
- ['J-429112C', ['orc', 'fangs', 'angrymouth']],
- ['84921133C', ['black', 'smile']],
- ['84921132A', ['smile', 'dance']],
- ['H-381234A', ['orc', 'brows', 'fangs', 'angrymouth']]
- ],
- [true, false, false, true, false],
- ['nodot']
-);
-
-game.addLevel(
- 'Vale, pongámoslo un poco más difícil... Selecciona ahora a los tres personajes que no son orcos verdes. Quizás tengas que crear rangos `[0-9]` que no sean sólo de números... ¡Recuerda que los puntos ya no están permitidos!',
- [
- ['74921132A', ['happymouth', 'dance']],
- ['J-429112C', ['orc', 'fangs', 'angrymouth']],
- ['84921133C', ['black', 'smile', 'dance']],
- ['84921132A', ['smile', 'dance']],
- ['H-381234A', ['orc', 'brows', 'fangs', 'angrymouth']]
- ],
- [true, false, true, true, false],
- ['nodot']
-);
-
-game.addLevel(
- 'Modifiquemos un poco los personajes. Ahora hay tanto minúsculas como mayúsculas. Si queremos incluir varios rangos, podemos hacerlo así: `[A-Za-z]`, aunque también podemos incluir carácteres concretos sueltos: `[AHz]` (*Se acepta la letra A, la letra H y la letra z*).',
- [
- ['74921132c', ['happymouth', 'dance']],
- ['83811128h', ['angrymouth', 'dance']],
- ['84921133W', ['black', 'smile', 'dance']],
- ['84921132A', ['smile', 'dance']],
- ['89187373H', ['mouth']]
- ],
- [true, true, true, true, false],
- ['nodot']
-);
-
-game.addLevel(
- 'También se le puede dar la vuelta a las expresiones regulares; En lugar de seleccionar los que cumplen un criterio, seleccionar los que no lo cumplen. Los rangos que tienen un circunflejo `^` en el interior de los corchetes (`[^A]`) simbolizan que no exista ese carácter o rango. Observa que los orcos siempre tienen un guión en su DNI. **Nota**: En el interior de los corchetes, si quieres indicar un guión explícitamente debe estar en la última posición, ya que sino se confundirá con el intervalo para indicar rangos.',
- [
- ['J-429112C', ['orc', 'smileteeth']],
- ['28395728a', ['black', 'beard', 'smile', 'dance']],
- ['83713611H', ['black', 'beard', 'angrymouth', 'dance']],
- ['7-381234A', ['orc', 'fangs', 'angrymouth']],
- ['L-382271c', ['orc', 'brows', 'fangs', 'angrymouth']]
- ],
- [false, true, true, false, false],
- ['hat', '<6']
-);
-
-game.addLevel(
- 'El formato de DNI de los orcos verdes es **Letra-Guión-6Números-Letra**, vamos a intentar concretar más. En lugar de usar `[0-9]+` (*1 o más repeticiones de un dígito del 0 al 9*), podemos utilizar `[0-9]{2}` (*2 repeticiones de un dígito del 0 al 9*). Con esto podemos especificar el número de veces que se repite un carácter.',
- [
- ['74921132A', ['happymouth']],
- ['J-429112C', ['orc', 'fangs', 'angrymouth', 'dance']],
- ['84921133C', ['black', 'smile']],
- ['84921132A', ['smile']],
- ['H-381234A', ['orc', 'brows', 'fangs', 'angrymouth', 'dance']]
- ],
- [false, true, false, false, true],
- ['nodot', 'curly']
-);
-
-// Level 11
-
-game.addLevel(
- 'La cosa se comienza a complicar. Los orcos verdes más viejos tienen un DNI más pequeño, ya que al principio tenían menos cifras. Con `{2,4}` podemos indicar que el carácter anterior debe tener una longitud **de 2 a 4 carácteres**. También se pueden usar `{2,}` para indicar **2 o más**.',
- [
- ['K-882132U', ['orc', 'smileteeth']],
- ['J-44392C', ['oldorc', 'fangs', 'angrymouth', 'dance']],
- ['H-728a', ['oldorc', 'smileteeth', 'dance']],
- ['H-281711A', ['orc', 'brows', 'angrymouth']],
- ['H-3812A', ['oldorc', 'brows', 'smileteeth', 'dance']]
- ],
- [false, true, true, false, true],
- ['nodot', 'curly']
-);
-
-game.addLevel(
- 'Los payasos tienen un DNI especial similar al de los orcos verdes. En lugar de un **guión**, tienen un signo **+** (*más*). En las expresiones regulares podemos hacer uso del símbolo `|` para establecer alternativas. Por ejemplo, `(A|B)` significa **A** o **B**. ¡**Ojo**! Algunos carácteres (`+`, `*`, `(`, ...) hay que precederlos de una barra invertida (ej: `\\+`) para no interpretarlos como una expresión regular.',
- [
- ['K+937212W', ['clown', 'smileteeth', 'dance']],
- ['43244392T', ['angrymouth']],
- ['H+421728a', ['clown', 'smileteeth', 'dance']],
- ['H-837199R', ['orc', 'brows', 'angrymouth', 'dance']],
- ['H+343421A', ['clown', 'brows', 'smileteeth', 'dance']]
- ],
- [true, false, true, true, true],
- ['nodot', 'curly', 'pipe']
-);
-
-game.addLevel(
- 'En algunos casos queremos indicar que el caracter anterior es **opcional**: puede existir o puede que no, y ambas opciones son correctas. Para ello, utilizaremos el símbolo `?`. Los fantasmas tienen un sistema de DNI muy complejo. Cuando han cumplido su tarea en la *no-vida*, se les asigna una letra en la **tercera posición**. Si aún tienen tareas pendientes, carecen de ella.',
- [
- ['28A84721D', ['ghost', 'sadmouth', 'dance']],
- ['39H71283L', ['ghost', 'sadmouth', 'dance']],
- ['84118321a', ['angrymouth']],
- ['39N83726D', ['ghost', 'sadmouth', 'dance']],
- ['1762312D', ['ghost', 'brows', 'sadmouth', 'dance']]
- ],
- [true, true, false, true, true],
- ['nodot', 'curly', 'question']
-);
-
-game.addLevel(
- '¿Y si quisieramos seleccionar sólo a los orcos que se hacen pasar por fantasmas? Sabremos cuales son porque han falsificado un DNI con menos números porque no saben contar...',
- [
- ['28A84721D', ['ghost', 'sadmouth']],
- ['39783L', ['ghost', 'angrymouth', 'fangs', 'dance']],
- ['84118321a', ['angrymouth']],
- ['39N8D', ['ghost', 'brows', 'fangs', 'angrymouth', 'dance']],
- ['1762312D', ['ghost', 'brows', 'sadmouth']]
- ],
- [false, true, false, true, false],
- ['nodot', 'curly', 'question']
-);
-
-game.addLevel(
- 'Ahora queremos seleccionar sólo payasos y orcos viejos... Puedes usar la parentización `(\+[0-9]|-[A-Z])` para agrupar fragmentos. Ten mucho cuidado con esto, puesto que no es lo mismo `CA|B` (*CA o B*) que `C(A|B)` (*CA o CB*).',
- [
- ['H+421728a', ['clown', 'smileteeth', 'dance']],
- ['28A84721D', ['ghost', 'sadmouth']],
- ['H-837199R', ['orc', 'brows', 'angrymouth']],
- ['83713611H', ['black', 'beard', 'angrymouth']],
- ['H-3812A', ['oldorc', 'brows', 'smileteeth', 'dance']]
- ],
- [true, false, false, false, true],
- ['nodot', 'curly']
-);
-
-game.enableDebug();
-game.start();
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index 4fce22c..0000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
- "compilerOptions": {
- "target": "es5",
- "module": "commonjs",
- "lib": ["es2016", "dom"],
- "typeRoots": [
- "node_modules/@types"
- ]
- },
- "exclude": [
- "dist",
- "build",
- "node_modules"
- ]
-}
\ No newline at end of file