commit
712b726b44
45 changed files with 1722 additions and 0 deletions
@ -0,0 +1,4 @@ |
|||||||
|
[ |
||||||
|
import_deps: [:phoenix], |
||||||
|
inputs: ["*.{ex,exs}", "{config,lib,test}/**/*.{ex,exs}"] |
||||||
|
] |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
# The directory Mix will write compiled artifacts to. |
||||||
|
/_build/ |
||||||
|
|
||||||
|
# If you run "mix test --cover", coverage assets end up here. |
||||||
|
/cover/ |
||||||
|
|
||||||
|
# The directory Mix downloads your dependencies sources to. |
||||||
|
/deps/ |
||||||
|
|
||||||
|
# Where 3rd-party dependencies like ExDoc output generated docs. |
||||||
|
/doc/ |
||||||
|
|
||||||
|
# Ignore .fetch files in case you like to edit your project deps locally. |
||||||
|
/.fetch |
||||||
|
|
||||||
|
# If the VM crashes, it generates a dump, let's ignore it too. |
||||||
|
erl_crash.dump |
||||||
|
|
||||||
|
# Also ignore archive artifacts (built via "mix archive.build"). |
||||||
|
*.ez |
||||||
|
|
||||||
|
# Ignore package tarball (built via "mix hex.build"). |
||||||
|
tetrisui-*.tar |
||||||
|
|
||||||
|
# Ignore assets that are produced by build tools. |
||||||
|
/priv/static/assets/ |
||||||
|
|
||||||
|
# Ignore digested assets cache. |
||||||
|
/priv/static/cache_manifest.json |
||||||
|
|
||||||
|
# In case you use Node.js/npm, you want to ignore these. |
||||||
|
npm-debug.log |
||||||
|
/assets/node_modules/ |
||||||
|
|
||||||
@ -0,0 +1,20 @@ |
|||||||
|
# Tetrisui |
||||||
|
From Bruce Tate's youtube tutorial (groxio) |
||||||
|
https://www.youtube.com/watch?v=z7kGWyLt1GQ&list=PLKBMoE8mCkXj9KTMNWYgvTFRyahT6PF2q&index=1 |
||||||
|
|
||||||
|
To start your Phoenix server: |
||||||
|
|
||||||
|
* Install dependencies with `mix deps.get` |
||||||
|
* Start Phoenix endpoint with `mix phx.server` or inside IEx with `iex -S mix phx.server` |
||||||
|
|
||||||
|
Now you can visit [`localhost:4000`](http://localhost:4000) from your browser. |
||||||
|
|
||||||
|
Ready to run in production? Please [check our deployment guides](https://hexdocs.pm/phoenix/deployment.html). |
||||||
|
|
||||||
|
## Learn more |
||||||
|
|
||||||
|
* Official website: https://www.phoenixframework.org/ |
||||||
|
* Guides: https://hexdocs.pm/phoenix/overview.html |
||||||
|
* Docs: https://hexdocs.pm/phoenix |
||||||
|
* Forum: https://elixirforum.com/c/phoenix-forum |
||||||
|
* Source: https://github.com/phoenixframework/phoenix |
||||||
@ -0,0 +1,120 @@ |
|||||||
|
/* This file is for your main application CSS */ |
||||||
|
@import "./phoenix.css"; |
||||||
|
|
||||||
|
/* Alerts and form errors used by phx.new */ |
||||||
|
.alert { |
||||||
|
padding: 15px; |
||||||
|
margin-bottom: 20px; |
||||||
|
border: 1px solid transparent; |
||||||
|
border-radius: 4px; |
||||||
|
} |
||||||
|
.alert-info { |
||||||
|
color: #31708f; |
||||||
|
background-color: #d9edf7; |
||||||
|
border-color: #bce8f1; |
||||||
|
} |
||||||
|
.alert-warning { |
||||||
|
color: #8a6d3b; |
||||||
|
background-color: #fcf8e3; |
||||||
|
border-color: #faebcc; |
||||||
|
} |
||||||
|
.alert-danger { |
||||||
|
color: #a94442; |
||||||
|
background-color: #f2dede; |
||||||
|
border-color: #ebccd1; |
||||||
|
} |
||||||
|
.alert p { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
.alert:empty { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.invalid-feedback { |
||||||
|
color: #a94442; |
||||||
|
display: block; |
||||||
|
margin: -1rem 0 2rem; |
||||||
|
} |
||||||
|
|
||||||
|
/* LiveView specific classes for your customization */ |
||||||
|
.phx-no-feedback.invalid-feedback, |
||||||
|
.phx-no-feedback .invalid-feedback { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.phx-click-loading { |
||||||
|
opacity: 0.5; |
||||||
|
transition: opacity 1s ease-out; |
||||||
|
} |
||||||
|
|
||||||
|
.phx-loading{ |
||||||
|
cursor: wait; |
||||||
|
} |
||||||
|
|
||||||
|
.phx-modal { |
||||||
|
opacity: 1!important; |
||||||
|
position: fixed; |
||||||
|
z-index: 1; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow: auto; |
||||||
|
background-color: rgba(0,0,0,0.4); |
||||||
|
} |
||||||
|
|
||||||
|
.phx-modal-content { |
||||||
|
background-color: #fefefe; |
||||||
|
margin: 15vh auto; |
||||||
|
padding: 20px; |
||||||
|
border: 1px solid #888; |
||||||
|
width: 80%; |
||||||
|
} |
||||||
|
|
||||||
|
.phx-modal-close { |
||||||
|
color: #aaa; |
||||||
|
float: right; |
||||||
|
font-size: 28px; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
.phx-modal-close:hover, |
||||||
|
.phx-modal-close:focus { |
||||||
|
color: black; |
||||||
|
text-decoration: none; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
.fade-in-scale { |
||||||
|
animation: 0.2s ease-in 0s normal forwards 1 fade-in-scale-keys; |
||||||
|
} |
||||||
|
|
||||||
|
.fade-out-scale { |
||||||
|
animation: 0.2s ease-out 0s normal forwards 1 fade-out-scale-keys; |
||||||
|
} |
||||||
|
|
||||||
|
.fade-in { |
||||||
|
animation: 0.2s ease-out 0s normal forwards 1 fade-in-keys; |
||||||
|
} |
||||||
|
.fade-out { |
||||||
|
animation: 0.2s ease-out 0s normal forwards 1 fade-out-keys; |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes fade-in-scale-keys{ |
||||||
|
0% { scale: 0.95; opacity: 0; } |
||||||
|
100% { scale: 1.0; opacity: 1; } |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes fade-out-scale-keys{ |
||||||
|
0% { scale: 1.0; opacity: 1; } |
||||||
|
100% { scale: 0.95; opacity: 0; } |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes fade-in-keys{ |
||||||
|
0% { opacity: 0; } |
||||||
|
100% { opacity: 1; } |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes fade-out-keys{ |
||||||
|
0% { opacity: 1; } |
||||||
|
100% { opacity: 0; } |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,45 @@ |
|||||||
|
// We import the CSS which is extracted to its own file by esbuild.
|
||||||
|
// Remove this line if you add a your own CSS build pipeline (e.g postcss).
|
||||||
|
import "../css/app.css" |
||||||
|
|
||||||
|
// If you want to use Phoenix channels, run `mix help phx.gen.channel`
|
||||||
|
// to get started and then uncomment the line below.
|
||||||
|
// import "./user_socket.js"
|
||||||
|
|
||||||
|
// You can include dependencies in two ways.
|
||||||
|
//
|
||||||
|
// The simplest option is to put them in assets/vendor and
|
||||||
|
// import them using relative paths:
|
||||||
|
//
|
||||||
|
// import "../vendor/some-package.js"
|
||||||
|
//
|
||||||
|
// Alternatively, you can `npm install some-package --prefix assets` and import
|
||||||
|
// them using a path starting with the package name:
|
||||||
|
//
|
||||||
|
// import "some-package"
|
||||||
|
//
|
||||||
|
|
||||||
|
// Include phoenix_html to handle method=PUT/DELETE in forms and buttons.
|
||||||
|
import "phoenix_html" |
||||||
|
// Establish Phoenix Socket and LiveView configuration.
|
||||||
|
import {Socket} from "phoenix" |
||||||
|
import {LiveSocket} from "phoenix_live_view" |
||||||
|
import topbar from "../vendor/topbar" |
||||||
|
|
||||||
|
let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content") |
||||||
|
let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}}) |
||||||
|
|
||||||
|
// Show progress bar on live navigation and form submits
|
||||||
|
topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"}) |
||||||
|
window.addEventListener("phx:page-loading-start", info => topbar.show()) |
||||||
|
window.addEventListener("phx:page-loading-stop", info => topbar.hide()) |
||||||
|
|
||||||
|
// connect if there are any LiveViews on the page
|
||||||
|
liveSocket.connect() |
||||||
|
|
||||||
|
// expose liveSocket on window for web console debug logs and latency simulation:
|
||||||
|
liveSocket.enableDebug() |
||||||
|
// >> liveSocket.enableLatencySim(1000) // enabled for duration of browser session
|
||||||
|
// >> liveSocket.disableLatencySim()
|
||||||
|
window.liveSocket = liveSocket |
||||||
|
|
||||||
@ -0,0 +1,24 @@ |
|||||||
|
{ |
||||||
|
"name": "assets", |
||||||
|
"lockfileVersion": 2, |
||||||
|
"requires": true, |
||||||
|
"packages": { |
||||||
|
"": { |
||||||
|
"dependencies": { |
||||||
|
"topbar": "^1.0.1" |
||||||
|
} |
||||||
|
}, |
||||||
|
"node_modules/topbar": { |
||||||
|
"version": "1.0.1", |
||||||
|
"resolved": "https://registry.npmjs.org/topbar/-/topbar-1.0.1.tgz", |
||||||
|
"integrity": "sha512-HZqQSMBiG29vcjOrqKCM9iGY/h69G5gQH7ae83ZCPz5uPmbQKwK0sMEqzVDBiu64tWHJ+kk9NApECrF+FAAvRA==" |
||||||
|
} |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"topbar": { |
||||||
|
"version": "1.0.1", |
||||||
|
"resolved": "https://registry.npmjs.org/topbar/-/topbar-1.0.1.tgz", |
||||||
|
"integrity": "sha512-HZqQSMBiG29vcjOrqKCM9iGY/h69G5gQH7ae83ZCPz5uPmbQKwK0sMEqzVDBiu64tWHJ+kk9NApECrF+FAAvRA==" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,157 @@ |
|||||||
|
/** |
||||||
|
* @license MIT |
||||||
|
* topbar 1.0.0, 2021-01-06 |
||||||
|
* https://buunguyen.github.io/topbar
|
||||||
|
* Copyright (c) 2021 Buu Nguyen |
||||||
|
*/ |
||||||
|
(function (window, document) { |
||||||
|
"use strict"; |
||||||
|
|
||||||
|
// https://gist.github.com/paulirish/1579671
|
||||||
|
(function () { |
||||||
|
var lastTime = 0; |
||||||
|
var vendors = ["ms", "moz", "webkit", "o"]; |
||||||
|
for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { |
||||||
|
window.requestAnimationFrame = |
||||||
|
window[vendors[x] + "RequestAnimationFrame"]; |
||||||
|
window.cancelAnimationFrame = |
||||||
|
window[vendors[x] + "CancelAnimationFrame"] || |
||||||
|
window[vendors[x] + "CancelRequestAnimationFrame"]; |
||||||
|
} |
||||||
|
if (!window.requestAnimationFrame) |
||||||
|
window.requestAnimationFrame = function (callback, element) { |
||||||
|
var currTime = new Date().getTime(); |
||||||
|
var timeToCall = Math.max(0, 16 - (currTime - lastTime)); |
||||||
|
var id = window.setTimeout(function () { |
||||||
|
callback(currTime + timeToCall); |
||||||
|
}, timeToCall); |
||||||
|
lastTime = currTime + timeToCall; |
||||||
|
return id; |
||||||
|
}; |
||||||
|
if (!window.cancelAnimationFrame) |
||||||
|
window.cancelAnimationFrame = function (id) { |
||||||
|
clearTimeout(id); |
||||||
|
}; |
||||||
|
})(); |
||||||
|
|
||||||
|
var canvas, |
||||||
|
progressTimerId, |
||||||
|
fadeTimerId, |
||||||
|
currentProgress, |
||||||
|
showing, |
||||||
|
addEvent = function (elem, type, handler) { |
||||||
|
if (elem.addEventListener) elem.addEventListener(type, handler, false); |
||||||
|
else if (elem.attachEvent) elem.attachEvent("on" + type, handler); |
||||||
|
else elem["on" + type] = handler; |
||||||
|
}, |
||||||
|
options = { |
||||||
|
autoRun: true, |
||||||
|
barThickness: 3, |
||||||
|
barColors: { |
||||||
|
0: "rgba(26, 188, 156, .9)", |
||||||
|
".25": "rgba(52, 152, 219, .9)", |
||||||
|
".50": "rgba(241, 196, 15, .9)", |
||||||
|
".75": "rgba(230, 126, 34, .9)", |
||||||
|
"1.0": "rgba(211, 84, 0, .9)", |
||||||
|
}, |
||||||
|
shadowBlur: 10, |
||||||
|
shadowColor: "rgba(0, 0, 0, .6)", |
||||||
|
className: null, |
||||||
|
}, |
||||||
|
repaint = function () { |
||||||
|
canvas.width = window.innerWidth; |
||||||
|
canvas.height = options.barThickness * 5; // need space for shadow
|
||||||
|
|
||||||
|
var ctx = canvas.getContext("2d"); |
||||||
|
ctx.shadowBlur = options.shadowBlur; |
||||||
|
ctx.shadowColor = options.shadowColor; |
||||||
|
|
||||||
|
var lineGradient = ctx.createLinearGradient(0, 0, canvas.width, 0); |
||||||
|
for (var stop in options.barColors) |
||||||
|
lineGradient.addColorStop(stop, options.barColors[stop]); |
||||||
|
ctx.lineWidth = options.barThickness; |
||||||
|
ctx.beginPath(); |
||||||
|
ctx.moveTo(0, options.barThickness / 2); |
||||||
|
ctx.lineTo( |
||||||
|
Math.ceil(currentProgress * canvas.width), |
||||||
|
options.barThickness / 2 |
||||||
|
); |
||||||
|
ctx.strokeStyle = lineGradient; |
||||||
|
ctx.stroke(); |
||||||
|
}, |
||||||
|
createCanvas = function () { |
||||||
|
canvas = document.createElement("canvas"); |
||||||
|
var style = canvas.style; |
||||||
|
style.position = "fixed"; |
||||||
|
style.top = style.left = style.right = style.margin = style.padding = 0; |
||||||
|
style.zIndex = 100001; |
||||||
|
style.display = "none"; |
||||||
|
if (options.className) canvas.classList.add(options.className); |
||||||
|
document.body.appendChild(canvas); |
||||||
|
addEvent(window, "resize", repaint); |
||||||
|
}, |
||||||
|
topbar = { |
||||||
|
config: function (opts) { |
||||||
|
for (var key in opts) |
||||||
|
if (options.hasOwnProperty(key)) options[key] = opts[key]; |
||||||
|
}, |
||||||
|
show: function () { |
||||||
|
if (showing) return; |
||||||
|
showing = true; |
||||||
|
if (fadeTimerId !== null) window.cancelAnimationFrame(fadeTimerId); |
||||||
|
if (!canvas) createCanvas(); |
||||||
|
canvas.style.opacity = 1; |
||||||
|
canvas.style.display = "block"; |
||||||
|
topbar.progress(0); |
||||||
|
if (options.autoRun) { |
||||||
|
(function loop() { |
||||||
|
progressTimerId = window.requestAnimationFrame(loop); |
||||||
|
topbar.progress( |
||||||
|
"+" + 0.05 * Math.pow(1 - Math.sqrt(currentProgress), 2) |
||||||
|
); |
||||||
|
})(); |
||||||
|
} |
||||||
|
}, |
||||||
|
progress: function (to) { |
||||||
|
if (typeof to === "undefined") return currentProgress; |
||||||
|
if (typeof to === "string") { |
||||||
|
to = |
||||||
|
(to.indexOf("+") >= 0 || to.indexOf("-") >= 0 |
||||||
|
? currentProgress |
||||||
|
: 0) + parseFloat(to); |
||||||
|
} |
||||||
|
currentProgress = to > 1 ? 1 : to; |
||||||
|
repaint(); |
||||||
|
return currentProgress; |
||||||
|
}, |
||||||
|
hide: function () { |
||||||
|
if (!showing) return; |
||||||
|
showing = false; |
||||||
|
if (progressTimerId != null) { |
||||||
|
window.cancelAnimationFrame(progressTimerId); |
||||||
|
progressTimerId = null; |
||||||
|
} |
||||||
|
(function loop() { |
||||||
|
if (topbar.progress("+.1") >= 1) { |
||||||
|
canvas.style.opacity -= 0.05; |
||||||
|
if (canvas.style.opacity <= 0.05) { |
||||||
|
canvas.style.display = "none"; |
||||||
|
fadeTimerId = null; |
||||||
|
return; |
||||||
|
} |
||||||
|
} |
||||||
|
fadeTimerId = window.requestAnimationFrame(loop); |
||||||
|
})(); |
||||||
|
}, |
||||||
|
}; |
||||||
|
|
||||||
|
if (typeof module === "object" && typeof module.exports === "object") { |
||||||
|
module.exports = topbar; |
||||||
|
} else if (typeof define === "function" && define.amd) { |
||||||
|
define(function () { |
||||||
|
return topbar; |
||||||
|
}); |
||||||
|
} else { |
||||||
|
this.topbar = topbar; |
||||||
|
} |
||||||
|
}.call(this, window, document)); |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
# This file is responsible for configuring your application |
||||||
|
# and its dependencies with the aid of the Config module. |
||||||
|
# |
||||||
|
# This configuration file is loaded before any dependency and |
||||||
|
# is restricted to this project. |
||||||
|
|
||||||
|
# General application configuration |
||||||
|
import Config |
||||||
|
|
||||||
|
# Configures the endpoint |
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
url: [host: "localhost"], |
||||||
|
render_errors: [view: TetrisuiWeb.ErrorView, accepts: ~w(html json), layout: false], |
||||||
|
pubsub_server: Tetrisui.PubSub, |
||||||
|
live_view: [signing_salt: "bag5LS6AdNVDrnwzAU2o6oNhHRIyzI2d"] |
||||||
|
#live_view: [signing_salt: "k6mUjHVR"] |
||||||
|
|
||||||
|
# Configures the mailer |
||||||
|
# |
||||||
|
# By default it uses the "Local" adapter which stores the emails |
||||||
|
# locally. You can see the emails in your browser, at "/dev/mailbox". |
||||||
|
# |
||||||
|
# For production it's recommended to configure a different adapter |
||||||
|
# at the `config/runtime.exs`. |
||||||
|
config :tetrisui, Tetrisui.Mailer, adapter: Swoosh.Adapters.Local |
||||||
|
|
||||||
|
# Swoosh API client is needed for adapters other than SMTP. |
||||||
|
config :swoosh, :api_client, false |
||||||
|
|
||||||
|
# Configure esbuild (the version is required) |
||||||
|
config :esbuild, |
||||||
|
version: "0.14.29", |
||||||
|
default: [ |
||||||
|
args: |
||||||
|
~w(js/app.js --bundle --target=es2017 --outdir=../priv/static/assets --external:/fonts/* --external:/images/*), |
||||||
|
cd: Path.expand("../assets", __DIR__), |
||||||
|
env: %{"NODE_PATH" => Path.expand("../deps", __DIR__)} |
||||||
|
] |
||||||
|
|
||||||
|
# Configures Elixir's Logger |
||||||
|
config :logger, :console, |
||||||
|
format: "$time $metadata[$level] $message\n", |
||||||
|
metadata: [:request_id] |
||||||
|
|
||||||
|
# Use Jason for JSON parsing in Phoenix |
||||||
|
config :phoenix, :json_library, Jason |
||||||
|
|
||||||
|
# Import environment specific config. This must remain at the bottom |
||||||
|
# of this file so it overrides the configuration defined above. |
||||||
|
import_config "#{config_env()}.exs" |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
import Config |
||||||
|
|
||||||
|
# For development, we disable any cache and enable |
||||||
|
# debugging and code reloading. |
||||||
|
# |
||||||
|
# The watchers configuration can be used to run external |
||||||
|
# watchers to your application. For example, we use it |
||||||
|
# with esbuild to bundle .js and .css sources. |
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
# Binding to loopback ipv4 address prevents access from other machines. |
||||||
|
# Change to `ip: {0, 0, 0, 0}` to allow access from other machines. |
||||||
|
http: [ip: {127, 0, 0, 1}, port: 4000], |
||||||
|
check_origin: false, |
||||||
|
code_reloader: true, |
||||||
|
debug_errors: true, |
||||||
|
secret_key_base: "QMYHxcy5qCvSABwIWvsc+dfF9TihWx6rtafmL1zdNqzvQsZXVe/8b1DFQBmE/G1i", |
||||||
|
watchers: [ |
||||||
|
# Start the esbuild watcher by calling Esbuild.install_and_run(:default, args) |
||||||
|
esbuild: {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]} |
||||||
|
] |
||||||
|
|
||||||
|
# ## SSL Support |
||||||
|
# |
||||||
|
# In order to use HTTPS in development, a self-signed |
||||||
|
# certificate can be generated by running the following |
||||||
|
# Mix task: |
||||||
|
# |
||||||
|
# mix phx.gen.cert |
||||||
|
# |
||||||
|
# Note that this task requires Erlang/OTP 20 or later. |
||||||
|
# Run `mix help phx.gen.cert` for more information. |
||||||
|
# |
||||||
|
# The `http:` config above can be replaced with: |
||||||
|
# |
||||||
|
# https: [ |
||||||
|
# port: 4001, |
||||||
|
# cipher_suite: :strong, |
||||||
|
# keyfile: "priv/cert/selfsigned_key.pem", |
||||||
|
# certfile: "priv/cert/selfsigned.pem" |
||||||
|
# ], |
||||||
|
# |
||||||
|
# If desired, both `http:` and `https:` keys can be |
||||||
|
# configured to run both http and https servers on |
||||||
|
# different ports. |
||||||
|
|
||||||
|
# Watch static and templates for browser reloading. |
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
live_reload: [ |
||||||
|
patterns: [ |
||||||
|
~r"priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$", |
||||||
|
~r"priv/gettext/.*(po)$", |
||||||
|
~r"lib/tetrisui_web/(live|views)/.*(ex)$", |
||||||
|
~r"lib/tetrisui_web/templates/.*(eex)$" |
||||||
|
] |
||||||
|
] |
||||||
|
|
||||||
|
# Do not include metadata nor timestamps in development logs |
||||||
|
config :logger, :console, format: "[$level] $message\n" |
||||||
|
|
||||||
|
# Set a higher stacktrace during development. Avoid configuring such |
||||||
|
# in production as building large stacktraces may be expensive. |
||||||
|
config :phoenix, :stacktrace_depth, 20 |
||||||
|
|
||||||
|
# Initialize plugs at runtime for faster development compilation |
||||||
|
config :phoenix, :plug_init_mode, :runtime |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
import Config |
||||||
|
|
||||||
|
# For production, don't forget to configure the url host |
||||||
|
# to something meaningful, Phoenix uses this information |
||||||
|
# when generating URLs. |
||||||
|
# |
||||||
|
# Note we also include the path to a cache manifest |
||||||
|
# containing the digested version of static files. This |
||||||
|
# manifest is generated by the `mix phx.digest` task, |
||||||
|
# which you should run after static files are built and |
||||||
|
# before starting your production server. |
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, cache_static_manifest: "priv/static/cache_manifest.json" |
||||||
|
|
||||||
|
# Do not print debug messages in production |
||||||
|
config :logger, level: :info |
||||||
|
|
||||||
|
# ## SSL Support |
||||||
|
# |
||||||
|
# To get SSL working, you will need to add the `https` key |
||||||
|
# to the previous section and set your `:url` port to 443: |
||||||
|
# |
||||||
|
# config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
# ..., |
||||||
|
# url: [host: "example.com", port: 443], |
||||||
|
# https: [ |
||||||
|
# ..., |
||||||
|
# port: 443, |
||||||
|
# cipher_suite: :strong, |
||||||
|
# keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"), |
||||||
|
# certfile: System.get_env("SOME_APP_SSL_CERT_PATH") |
||||||
|
# ] |
||||||
|
# |
||||||
|
# The `cipher_suite` is set to `:strong` to support only the |
||||||
|
# latest and more secure SSL ciphers. This means old browsers |
||||||
|
# and clients may not be supported. You can set it to |
||||||
|
# `:compatible` for wider support. |
||||||
|
# |
||||||
|
# `:keyfile` and `:certfile` expect an absolute path to the key |
||||||
|
# and cert in disk or a relative path inside priv, for example |
||||||
|
# "priv/ssl/server.key". For all supported SSL configuration |
||||||
|
# options, see https://hexdocs.pm/plug/Plug.SSL.html#configure/1 |
||||||
|
# |
||||||
|
# We also recommend setting `force_ssl` in your endpoint, ensuring |
||||||
|
# no data is ever sent via http, always redirecting to https: |
||||||
|
# |
||||||
|
# config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
# force_ssl: [hsts: true] |
||||||
|
# |
||||||
|
# Check `Plug.SSL` for all available options in `force_ssl`. |
||||||
@ -0,0 +1,68 @@ |
|||||||
|
import Config |
||||||
|
|
||||||
|
# config/runtime.exs is executed for all environments, including |
||||||
|
# during releases. It is executed after compilation and before the |
||||||
|
# system starts, so it is typically used to load production configuration |
||||||
|
# and secrets from environment variables or elsewhere. Do not define |
||||||
|
# any compile-time configuration in here, as it won't be applied. |
||||||
|
# The block below contains prod specific runtime configuration. |
||||||
|
|
||||||
|
# ## Using releases |
||||||
|
# |
||||||
|
# If you use `mix release`, you need to explicitly enable the server |
||||||
|
# by passing the PHX_SERVER=true when you start it: |
||||||
|
# |
||||||
|
# PHX_SERVER=true bin/tetrisui start |
||||||
|
# |
||||||
|
# Alternatively, you can use `mix phx.gen.release` to generate a `bin/server` |
||||||
|
# script that automatically sets the env var above. |
||||||
|
if System.get_env("PHX_SERVER") do |
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, server: true |
||||||
|
end |
||||||
|
|
||||||
|
if config_env() == :prod do |
||||||
|
# The secret key base is used to sign/encrypt cookies and other secrets. |
||||||
|
# A default value is used in config/dev.exs and config/test.exs but you |
||||||
|
# want to use a different value for prod and you most likely don't want |
||||||
|
# to check this value into version control, so we use an environment |
||||||
|
# variable instead. |
||||||
|
secret_key_base = |
||||||
|
System.get_env("SECRET_KEY_BASE") || |
||||||
|
raise """ |
||||||
|
environment variable SECRET_KEY_BASE is missing. |
||||||
|
You can generate one by calling: mix phx.gen.secret |
||||||
|
""" |
||||||
|
|
||||||
|
host = System.get_env("PHX_HOST") || "example.com" |
||||||
|
port = String.to_integer(System.get_env("PORT") || "4000") |
||||||
|
|
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
url: [host: host, port: 443, scheme: "https"], |
||||||
|
http: [ |
||||||
|
# Enable IPv6 and bind on all interfaces. |
||||||
|
# Set it to {0, 0, 0, 0, 0, 0, 0, 1} for local network only access. |
||||||
|
# See the documentation on https://hexdocs.pm/plug_cowboy/Plug.Cowboy.html |
||||||
|
# for details about using IPv6 vs IPv4 and loopback vs public addresses. |
||||||
|
ip: {0, 0, 0, 0, 0, 0, 0, 0}, |
||||||
|
port: port |
||||||
|
], |
||||||
|
secret_key_base: secret_key_base |
||||||
|
|
||||||
|
# ## Configuring the mailer |
||||||
|
# |
||||||
|
# In production you need to configure the mailer to use a different adapter. |
||||||
|
# Also, you may need to configure the Swoosh API client of your choice if you |
||||||
|
# are not using SMTP. Here is an example of the configuration: |
||||||
|
# |
||||||
|
# config :tetrisui, Tetrisui.Mailer, |
||||||
|
# adapter: Swoosh.Adapters.Mailgun, |
||||||
|
# api_key: System.get_env("MAILGUN_API_KEY"), |
||||||
|
# domain: System.get_env("MAILGUN_DOMAIN") |
||||||
|
# |
||||||
|
# For this example you need include a HTTP client required by Swoosh API client. |
||||||
|
# Swoosh supports Hackney and Finch out of the box: |
||||||
|
# |
||||||
|
# config :swoosh, :api_client, Swoosh.ApiClient.Hackney |
||||||
|
# |
||||||
|
# See https://hexdocs.pm/swoosh/Swoosh.html#module-installation for details. |
||||||
|
end |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import Config |
||||||
|
|
||||||
|
# We don't run a server during test. If one is required, |
||||||
|
# you can enable the server option below. |
||||||
|
config :tetrisui, TetrisuiWeb.Endpoint, |
||||||
|
http: [ip: {127, 0, 0, 1}, port: 4002], |
||||||
|
secret_key_base: "r0jOu9s/z1C6W7DIBE7mmqYnLCTtpBlg/blFBen+xklYFRPO0nPe5yflE4kDz8qm", |
||||||
|
server: false |
||||||
|
|
||||||
|
# In test we don't send emails. |
||||||
|
config :tetrisui, Tetrisui.Mailer, |
||||||
|
adapter: Swoosh.Adapters.Test |
||||||
|
|
||||||
|
# Print only warnings and errors during test |
||||||
|
config :logger, level: :warn |
||||||
|
|
||||||
|
# Initialize plugs at runtime for faster test compilation |
||||||
|
config :phoenix, :plug_init_mode, :runtime |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
defmodule Tetrisui do |
||||||
|
@moduledoc """ |
||||||
|
Tetrisui keeps the contexts that define your domain |
||||||
|
and business logic. |
||||||
|
|
||||||
|
Contexts are also responsible for managing your data, regardless |
||||||
|
if it comes from the database, an external API or others. |
||||||
|
""" |
||||||
|
end |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
defmodule Tetrisui.Application do |
||||||
|
# See https://hexdocs.pm/elixir/Application.html |
||||||
|
# for more information on OTP Applications |
||||||
|
@moduledoc false |
||||||
|
|
||||||
|
use Application |
||||||
|
|
||||||
|
@impl true |
||||||
|
def start(_type, _args) do |
||||||
|
children = [ |
||||||
|
# Start the Telemetry supervisor |
||||||
|
TetrisuiWeb.Telemetry, |
||||||
|
# Start the PubSub system |
||||||
|
{Phoenix.PubSub, name: Tetrisui.PubSub}, |
||||||
|
# Start the Endpoint (http/https) |
||||||
|
TetrisuiWeb.Endpoint |
||||||
|
# Start a worker by calling: Tetrisui.Worker.start_link(arg) |
||||||
|
# {Tetrisui.Worker, arg} |
||||||
|
] |
||||||
|
|
||||||
|
# See https://hexdocs.pm/elixir/Supervisor.html |
||||||
|
# for other strategies and supported options |
||||||
|
opts = [strategy: :one_for_one, name: Tetrisui.Supervisor] |
||||||
|
Supervisor.start_link(children, opts) |
||||||
|
end |
||||||
|
|
||||||
|
# Tell Phoenix to update the endpoint configuration |
||||||
|
# whenever the application is updated. |
||||||
|
@impl true |
||||||
|
def config_change(changed, _new, removed) do |
||||||
|
TetrisuiWeb.Endpoint.config_change(changed, removed) |
||||||
|
:ok |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
defmodule Tetrisui.Mailer do |
||||||
|
use Swoosh.Mailer, otp_app: :tetrisui |
||||||
|
end |
||||||
@ -0,0 +1,112 @@ |
|||||||
|
defmodule TetrisuiWeb do |
||||||
|
@moduledoc """ |
||||||
|
The entrypoint for defining your web interface, such |
||||||
|
as controllers, views, channels and so on. |
||||||
|
|
||||||
|
This can be used in your application as: |
||||||
|
|
||||||
|
use TetrisuiWeb, :controller |
||||||
|
use TetrisuiWeb, :view |
||||||
|
|
||||||
|
The definitions below will be executed for every view, |
||||||
|
controller, etc, so keep them short and clean, focused |
||||||
|
on imports, uses and aliases. |
||||||
|
|
||||||
|
Do NOT define functions inside the quoted expressions |
||||||
|
below. Instead, define any helper function in modules |
||||||
|
and import those modules here. |
||||||
|
""" |
||||||
|
|
||||||
|
def controller do |
||||||
|
quote do |
||||||
|
use Phoenix.Controller, namespace: TetrisuiWeb |
||||||
|
|
||||||
|
import Plug.Conn |
||||||
|
import TetrisuiWeb.Gettext |
||||||
|
alias TetrisuiWeb.Router.Helpers, as: Routes |
||||||
|
import Phoenix.LiveView.Controller |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def view do |
||||||
|
quote do |
||||||
|
use Phoenix.View, |
||||||
|
root: "lib/tetrisui_web/templates", |
||||||
|
namespace: TetrisuiWeb |
||||||
|
|
||||||
|
# Import convenience functions from controllers |
||||||
|
import Phoenix.Controller, |
||||||
|
only: [get_flash: 1, get_flash: 2, view_module: 1, view_template: 1] |
||||||
|
|
||||||
|
|
||||||
|
# Include shared imports and aliases for views |
||||||
|
unquote(view_helpers()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def live_view do |
||||||
|
quote do |
||||||
|
use Phoenix.LiveView, |
||||||
|
layout: {TetrisuiWeb.LayoutView, "live.html"} |
||||||
|
|
||||||
|
unquote(view_helpers()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def live_component do |
||||||
|
quote do |
||||||
|
use Phoenix.LiveComponent |
||||||
|
|
||||||
|
unquote(view_helpers()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def component do |
||||||
|
quote do |
||||||
|
use Phoenix.Component |
||||||
|
|
||||||
|
unquote(view_helpers()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def router do |
||||||
|
quote do |
||||||
|
use Phoenix.Router |
||||||
|
|
||||||
|
import Plug.Conn |
||||||
|
import Phoenix.Controller |
||||||
|
import Phoenix.LiveView.Router |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def channel do |
||||||
|
quote do |
||||||
|
use Phoenix.Channel |
||||||
|
import TetrisuiWeb.Gettext |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
defp view_helpers do |
||||||
|
quote do |
||||||
|
# Use all HTML functionality (forms, tags, etc) |
||||||
|
use Phoenix.HTML |
||||||
|
|
||||||
|
# Import LiveView and .heex helpers (live_render, live_patch, <.form>, etc) |
||||||
|
import Phoenix.LiveView.Helpers |
||||||
|
|
||||||
|
# Import basic rendering functionality (render, render_layout, etc) |
||||||
|
import Phoenix.View |
||||||
|
|
||||||
|
import TetrisuiWeb.ErrorHelpers |
||||||
|
import TetrisuiWeb.Gettext |
||||||
|
alias TetrisuiWeb.Router.Helpers, as: Routes |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
When used, dispatch to the appropriate controller/view/etc. |
||||||
|
""" |
||||||
|
defmacro __using__(which) when is_atom(which) do |
||||||
|
apply(__MODULE__, which, []) |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
defmodule TetrisuiWeb.PageController do |
||||||
|
use TetrisuiWeb, :controller |
||||||
|
|
||||||
|
def index(conn, _params) do |
||||||
|
render(conn, "index.html") |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
defmodule TetrisuiWeb.Endpoint do |
||||||
|
use Phoenix.Endpoint, otp_app: :tetrisui |
||||||
|
|
||||||
|
# The session will be stored in the cookie and signed, |
||||||
|
# this means its contents can be read but not tampered with. |
||||||
|
# Set :encryption_salt if you would also like to encrypt it. |
||||||
|
@session_options [ |
||||||
|
store: :cookie, |
||||||
|
key: "_tetrisui_key", |
||||||
|
signing_salt: "rJjdj6m7" |
||||||
|
] |
||||||
|
|
||||||
|
socket "/live", Phoenix.LiveView.Socket, websocket: [connect_info: [session: @session_options]] |
||||||
|
|
||||||
|
# Serve at "/" the static files from "priv/static" directory. |
||||||
|
# |
||||||
|
# You should set gzip to true if you are running phx.digest |
||||||
|
# when deploying your static files in production. |
||||||
|
plug Plug.Static, |
||||||
|
at: "/", |
||||||
|
from: :tetrisui, |
||||||
|
gzip: false, |
||||||
|
only: ~w(assets fonts images favicon.ico robots.txt) |
||||||
|
|
||||||
|
# Code reloading can be explicitly enabled under the |
||||||
|
# :code_reloader configuration of your endpoint. |
||||||
|
if code_reloading? do |
||||||
|
socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket |
||||||
|
plug Phoenix.LiveReloader |
||||||
|
plug Phoenix.CodeReloader |
||||||
|
end |
||||||
|
|
||||||
|
plug Phoenix.LiveDashboard.RequestLogger, |
||||||
|
param_key: "request_logger", |
||||||
|
cookie_key: "request_logger" |
||||||
|
|
||||||
|
plug Plug.RequestId |
||||||
|
plug Plug.Telemetry, event_prefix: [:phoenix, :endpoint] |
||||||
|
|
||||||
|
plug Plug.Parsers, |
||||||
|
parsers: [:urlencoded, :multipart, :json], |
||||||
|
pass: ["*/*"], |
||||||
|
json_decoder: Phoenix.json_library() |
||||||
|
|
||||||
|
plug Plug.MethodOverride |
||||||
|
plug Plug.Head |
||||||
|
plug Plug.Session, @session_options |
||||||
|
plug TetrisuiWeb.Router |
||||||
|
end |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
defmodule TetrisuiWeb.Gettext do |
||||||
|
@moduledoc """ |
||||||
|
A module providing Internationalization with a gettext-based API. |
||||||
|
|
||||||
|
By using [Gettext](https://hexdocs.pm/gettext), |
||||||
|
your module gains a set of macros for translations, for example: |
||||||
|
|
||||||
|
import TetrisuiWeb.Gettext |
||||||
|
|
||||||
|
# Simple translation |
||||||
|
gettext("Here is the string to translate") |
||||||
|
|
||||||
|
# Plural translation |
||||||
|
ngettext("Here is the string to translate", |
||||||
|
"Here are the strings to translate", |
||||||
|
3) |
||||||
|
|
||||||
|
# Domain-based translation |
||||||
|
dgettext("errors", "Here is the error message to translate") |
||||||
|
|
||||||
|
See the [Gettext Docs](https://hexdocs.pm/gettext) for detailed usage. |
||||||
|
""" |
||||||
|
use Gettext, otp_app: :tetrisui |
||||||
|
end |
||||||
@ -0,0 +1,269 @@ |
|||||||
|
defmodule TetrisuiWeb.TetrisLive do |
||||||
|
use Phoenix.LiveView |
||||||
|
use TetrisuiWeb, :live_view |
||||||
|
import Phoenix.HTML, only: [raw: 1] |
||||||
|
|
||||||
|
@debug true |
||||||
|
@box_width 20 |
||||||
|
@box_height 20 |
||||||
|
|
||||||
|
defp mount_test(_params,_session, socket) do |
||||||
|
{ |
||||||
|
:ok, |
||||||
|
assign(socket, |
||||||
|
brick: Tetris.Brick.new_random |> Tetris.Brick.to_string, |
||||||
|
tetromino: [ |
||||||
|
{1, 1, :orange}, {2, 1, :orange}, {3, 1, :red} , {4, 1, :blue}, |
||||||
|
], |
||||||
|
name: "julz" |
||||||
|
) |
||||||
|
} |
||||||
|
end |
||||||
|
|
||||||
|
def mount(_params, _session, socket) do |
||||||
|
socket2 = assign(socket,appstate: "loading") |
||||||
|
case connected?(socket2) do |
||||||
|
true -> {:ok, start_game(socket2)} |
||||||
|
false -> {:ok, socket2} |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
defp start_game(socket) do |
||||||
|
:timer.send_interval 1000, self(), :tick |
||||||
|
assign(socket, |
||||||
|
appstate: "loaded", |
||||||
|
state: :starting, |
||||||
|
) |
||||||
|
end |
||||||
|
|
||||||
|
defp new_game(socket) do |
||||||
|
assign(socket, |
||||||
|
appstate: "loaded", |
||||||
|
state: :playing, |
||||||
|
score: 0, |
||||||
|
bottom: %{}, |
||||||
|
game_over: false |
||||||
|
) |
||||||
|
|> new_block |
||||||
|
|> show |
||||||
|
end |
||||||
|
|
||||||
|
def new_block(socket) do |
||||||
|
brick = |
||||||
|
Tetris.Brick.new_random() |
||||||
|
|> Map.put(:location, {3, -3}) |
||||||
|
|
||||||
|
assign(socket,brick: brick) |
||||||
|
end |
||||||
|
|
||||||
|
def show(socket) do |
||||||
|
brick = socket.assigns.brick |
||||||
|
points_with_colour = |
||||||
|
brick |
||||||
|
|> Tetris.Brick.prepare |
||||||
|
|> Tetris.Points.move_to_location(brick.location) |
||||||
|
|> Tetris.Points.with_colour(colour(brick)) |
||||||
|
assign(socket, tetromino: points_with_colour) |
||||||
|
end |
||||||
|
|
||||||
|
def render(%{appstate: "loading"}=assigns) do |
||||||
|
~L""" |
||||||
|
<h1>Tetris </h1> |
||||||
|
<div id='appstate'>Loading...</div> |
||||||
|
<div> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
def render(%{state: :starting}=assigns) do |
||||||
|
~L""" |
||||||
|
<h1>Welcome to Tetris </h1> |
||||||
|
<div id='appstate'></div> |
||||||
|
<div> |
||||||
|
<button phx-click="start">Start</button> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
|
||||||
|
end |
||||||
|
|
||||||
|
def render(%{appstate: "loaded", state: :playing}=assigns) do |
||||||
|
#<pre><%= @brick%></pre> |
||||||
|
#<div phx-keydown="keydown" tabindex="0"> |
||||||
|
~L""" |
||||||
|
<h1>Tetris <%= @score %></h1> |
||||||
|
<div id='appstate'></div> |
||||||
|
<div phx-window-keydown="keydown"> |
||||||
|
<%= raw svg_head()%> |
||||||
|
<%= raw boxes(@tetromino)%> |
||||||
|
<%= raw boxes(Map.values(@bottom)) %> |
||||||
|
<%= raw svg_foot()%> |
||||||
|
</div> |
||||||
|
<%= debug(assigns) %> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
def render(%{appstate: "loaded", state: :game_over}=assigns) do |
||||||
|
#<pre><%= @brick%></pre> |
||||||
|
#<div phx-keydown="keydown" tabindex="0"> |
||||||
|
~L""" |
||||||
|
<h1>Tetris - GAME OVER - score: <%= @score %> </h1> |
||||||
|
<div id='appstate'></div> |
||||||
|
<button phx-click="start">Play Again</button> |
||||||
|
<%= debug(assigns) %> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
#def render(%{appstate: _other}=assigns) do |
||||||
|
# ~L"<h1>tetrisui - unknown app state <%= @appstate %></h1>" |
||||||
|
#end |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
def svg_head() do |
||||||
|
""" |
||||||
|
<svg |
||||||
|
version="1.0" |
||||||
|
style="background-color: #E8E8E8" |
||||||
|
id="Layer_1" |
||||||
|
xmlns="http://www.w3.org/2000/svg" |
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink" |
||||||
|
width="200" height="400" |
||||||
|
viewBox="0 0 200 400" |
||||||
|
xml:space="preserve"> |
||||||
|
""" |
||||||
|
end |
||||||
|
def svg_foot(), do: "</svg>" |
||||||
|
|
||||||
|
def boxes(points_with_colours) do |
||||||
|
points_with_colours |
||||||
|
|> Enum.map( fn {x,y,colour} -> |
||||||
|
box({x,y}, colour) |
||||||
|
end) |
||||||
|
|> Enum.join("\n") |
||||||
|
end |
||||||
|
|
||||||
|
def box(point,colour) do |
||||||
|
""" |
||||||
|
#{square(point, shades(colour).light)} |
||||||
|
#{triangle(point, shades(colour).dark)} |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
def square(point,shade) do |
||||||
|
{x,y} = to_pixels(point) |
||||||
|
""" |
||||||
|
<rect |
||||||
|
x="#{x+1}" y="#{y+1}" |
||||||
|
style="fill:##{shade};" |
||||||
|
width="#{@box_width - 2}" height="#{@box_height - 1}"/> |
||||||
|
""" |
||||||
|
end |
||||||
|
def triangle(point,shade) do |
||||||
|
{x,y} = to_pixels(point) |
||||||
|
{w,h} = {@box_width, @box_height} |
||||||
|
""" |
||||||
|
<polyline |
||||||
|
style="fill:##{shade}" |
||||||
|
points="#{x + 1}, #{y + 1} #{x + w},#{y+1} #{x + w} ,#{y + h}" /> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
|
||||||
|
defp to_pixels({x,y}), do: {(x-1) * @box_width, (y-1) * @box_height} |
||||||
|
|
||||||
|
|
||||||
|
defp shades(:red ), do: %{ light: "DB7160", dark: "AB574B"} |
||||||
|
defp shades(:blue ), do: %{ light: "83C1C8", dark: "66969C"} |
||||||
|
defp shades(:green ), do: %{ light: "8BBF57", dark: "769359"} |
||||||
|
defp shades(:orange ), do: %{ light: "CB8E4E", dark: "AC7842"} |
||||||
|
defp shades(:grey ), do: %{ light: "A1A09E", dark: "7F7F7E"} |
||||||
|
|
||||||
|
defp colour(%{name: :t}), do: :red |
||||||
|
defp colour(%{name: :i}), do: :blue |
||||||
|
defp colour(%{name: :l}), do: :green |
||||||
|
defp colour(%{name: :o}), do: :orange |
||||||
|
defp colour(%{name: :z}), do: :grey |
||||||
|
|
||||||
|
def drop(:playing, socket, fast) do |
||||||
|
old_brick = socket.assigns.brick |
||||||
|
|
||||||
|
response = |
||||||
|
Tetris.drop( |
||||||
|
old_brick, |
||||||
|
socket.assigns.bottom, |
||||||
|
colour(old_brick) |
||||||
|
) |
||||||
|
|
||||||
|
bonus = if fast, do: 2, else: 0 |
||||||
|
|
||||||
|
state = if response.game_over, do: :game_over, else: :playing |
||||||
|
socket |
||||||
|
|> assign( |
||||||
|
brick: response.brick, |
||||||
|
bottom: response.bottom, |
||||||
|
score: socket.assigns.score + response.score + bonus, |
||||||
|
state: state |
||||||
|
) |
||||||
|
|> show |
||||||
|
|
||||||
|
end |
||||||
|
def drop(_not_playing, socket, _dontcare), do: socket |
||||||
|
|
||||||
|
def move(direction, socket) do |
||||||
|
socket |
||||||
|
|> do_move(direction) |
||||||
|
|> show |
||||||
|
end |
||||||
|
|
||||||
|
def do_move(%{assigns: %{brick: brick, bottom: bottom}}=socket, :left) do |
||||||
|
assign(socket, brick: brick |> Tetris.try_left(bottom)) |
||||||
|
end |
||||||
|
def do_move(%{assigns: %{brick: brick, bottom: bottom}}=socket, :right) do |
||||||
|
assign(socket, brick: brick |> Tetris.try_right(bottom)) |
||||||
|
end |
||||||
|
def do_move(%{assigns: %{brick: brick, bottom: bottom}}=socket, :turn) do |
||||||
|
assign(socket, brick: brick |> Tetris.try_spin(bottom)) |
||||||
|
end |
||||||
|
|
||||||
|
|
||||||
|
def handle_event("keydown", %{"key" => "ArrowLeft"}, socket) do |
||||||
|
{:noreply, move(:left,socket)} |
||||||
|
#{:noreply, assign(socket, tetromino: [])} |
||||||
|
end |
||||||
|
def handle_event("keydown", %{"key" => "ArrowRight"}, socket) do |
||||||
|
{:noreply, move(:right,socket)} |
||||||
|
end |
||||||
|
def handle_event("keydown", %{"key" => "ArrowUp"}, socket) do |
||||||
|
{:noreply, move(:turn,socket)} |
||||||
|
end |
||||||
|
|
||||||
|
def handle_event("keydown", %{"key" => "ArrowDown"}, socket) do |
||||||
|
{:noreply, drop(socket.assigns.state,socket, :true)} |
||||||
|
end |
||||||
|
def handle_event("keydown", _other, socket) do |
||||||
|
{:noreply, socket} |
||||||
|
end |
||||||
|
def handle_event("start", _other, socket) do |
||||||
|
{:noreply, new_game(socket)} |
||||||
|
end |
||||||
|
def handle_info(:tick, socket) do |
||||||
|
{:noreply, drop(socket.assigns.state, socket, :false)} |
||||||
|
end |
||||||
|
|
||||||
|
|
||||||
|
def debug(assigns), do: debug(assigns, @debug, Mix.env) |
||||||
|
def debug(assigns, true, :dev) do |
||||||
|
~L""" |
||||||
|
<pre> |
||||||
|
Brick : <%= raw( @tetromino |> inspect) %> |
||||||
|
Bottom: <%= raw( @bottom |> inspect) %> |
||||||
|
</pre> |
||||||
|
""" |
||||||
|
|
||||||
|
#"<h1> Debugging</h1>" |
||||||
|
end |
||||||
|
def debug(assigns, _, _), do: "" |
||||||
|
|
||||||
|
|
||||||
|
end |
||||||
@ -0,0 +1,56 @@ |
|||||||
|
defmodule TetrisuiWeb.Router do |
||||||
|
use TetrisuiWeb, :router |
||||||
|
|
||||||
|
pipeline :browser do |
||||||
|
plug :accepts, ["html"] |
||||||
|
plug :fetch_session |
||||||
|
plug :fetch_live_flash |
||||||
|
plug :put_root_layout, {TetrisuiWeb.LayoutView, :root} |
||||||
|
plug :protect_from_forgery |
||||||
|
plug :put_secure_browser_headers |
||||||
|
end |
||||||
|
|
||||||
|
pipeline :api do |
||||||
|
plug :accepts, ["json"] |
||||||
|
end |
||||||
|
|
||||||
|
scope "/", TetrisuiWeb do |
||||||
|
pipe_through :browser |
||||||
|
|
||||||
|
get "/", PageController, :index |
||||||
|
live "/tetris", TetrisLive |
||||||
|
end |
||||||
|
# Other scopes may use custom stacks. |
||||||
|
# scope "/api", TetrisuiWeb do |
||||||
|
# pipe_through :api |
||||||
|
# end |
||||||
|
|
||||||
|
# Enables LiveDashboard only for development |
||||||
|
# |
||||||
|
# If you want to use the LiveDashboard in production, you should put |
||||||
|
# it behind authentication and allow only admins to access it. |
||||||
|
# If your application does not have an admins-only section yet, |
||||||
|
# you can use Plug.BasicAuth to set up some basic authentication |
||||||
|
# as long as you are also using SSL (which you should anyway). |
||||||
|
if Mix.env() in [:dev, :test] do |
||||||
|
import Phoenix.LiveDashboard.Router |
||||||
|
|
||||||
|
scope "/" do |
||||||
|
pipe_through :browser |
||||||
|
|
||||||
|
live_dashboard "/dashboard", metrics: TetrisuiWeb.Telemetry |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
# Enables the Swoosh mailbox preview in development. |
||||||
|
# |
||||||
|
# Note that preview only shows emails that were sent by the same |
||||||
|
# node running the Phoenix server. |
||||||
|
if Mix.env() == :dev do |
||||||
|
scope "/dev" do |
||||||
|
pipe_through :browser |
||||||
|
|
||||||
|
forward "/mailbox", Plug.Swoosh.MailboxPreview |
||||||
|
end |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
defmodule TetrisuiWeb.Telemetry do |
||||||
|
use Supervisor |
||||||
|
import Telemetry.Metrics |
||||||
|
|
||||||
|
def start_link(arg) do |
||||||
|
Supervisor.start_link(__MODULE__, arg, name: __MODULE__) |
||||||
|
end |
||||||
|
|
||||||
|
@impl true |
||||||
|
def init(_arg) do |
||||||
|
children = [ |
||||||
|
# Telemetry poller will execute the given period measurements |
||||||
|
# every 10_000ms. Learn more here: https://hexdocs.pm/telemetry_metrics |
||||||
|
{:telemetry_poller, measurements: periodic_measurements(), period: 10_000} |
||||||
|
# Add reporters as children of your supervision tree. |
||||||
|
# {Telemetry.Metrics.ConsoleReporter, metrics: metrics()} |
||||||
|
] |
||||||
|
|
||||||
|
Supervisor.init(children, strategy: :one_for_one) |
||||||
|
end |
||||||
|
|
||||||
|
def metrics do |
||||||
|
[ |
||||||
|
# Phoenix Metrics |
||||||
|
summary("phoenix.endpoint.stop.duration", |
||||||
|
unit: {:native, :millisecond} |
||||||
|
), |
||||||
|
summary("phoenix.router_dispatch.stop.duration", |
||||||
|
tags: [:route], |
||||||
|
unit: {:native, :millisecond} |
||||||
|
), |
||||||
|
|
||||||
|
# VM Metrics |
||||||
|
summary("vm.memory.total", unit: {:byte, :kilobyte}), |
||||||
|
summary("vm.total_run_queue_lengths.total"), |
||||||
|
summary("vm.total_run_queue_lengths.cpu"), |
||||||
|
summary("vm.total_run_queue_lengths.io") |
||||||
|
] |
||||||
|
end |
||||||
|
|
||||||
|
defp periodic_measurements do |
||||||
|
[ |
||||||
|
# A module, function and arguments to be invoked periodically. |
||||||
|
# This function must call :telemetry.execute/3 and a metric must be added above. |
||||||
|
# {TetrisuiWeb, :count_users, []} |
||||||
|
] |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
<main class="container"> |
||||||
|
<p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p> |
||||||
|
<p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p> |
||||||
|
<%= @inner_content %> |
||||||
|
</main> |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
<main class="container"> |
||||||
|
<p class="alert alert-info" role="alert" |
||||||
|
phx-click="lv:clear-flash" |
||||||
|
phx-value-key="info"><%= live_flash(@flash, :info) %></p> |
||||||
|
|
||||||
|
<p class="alert alert-danger" role="alert" |
||||||
|
phx-click="lv:clear-flash" |
||||||
|
phx-value-key="error"><%= live_flash(@flash, :error) %></p> |
||||||
|
|
||||||
|
<%= @inner_content %> |
||||||
|
</main> |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"/> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
||||||
|
<meta name="csrf-token" content={csrf_token_value()}> |
||||||
|
<%= live_title_tag assigns[:page_title] || "Tetrisui", suffix: " · Phoenix Framework" %> |
||||||
|
<link phx-track-static rel="stylesheet" href={Routes.static_path(@conn, "/assets/app.css")}/> |
||||||
|
<script defer phx-track-static type="text/javascript" src={Routes.static_path(@conn, "/assets/app.js")}></script> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header> |
||||||
|
<section class="container"> |
||||||
|
<nav> |
||||||
|
<ul> |
||||||
|
<li><a href="https://hexdocs.pm/phoenix/overview.html">Get Started</a></li> |
||||||
|
<%= if function_exported?(Routes, :live_dashboard_path, 2) do %> |
||||||
|
<li><%= link "LiveDashboard", to: Routes.live_dashboard_path(@conn, :home) %></li> |
||||||
|
<% end %> |
||||||
|
</ul> |
||||||
|
</nav> |
||||||
|
<a href="https://phoenixframework.org/" class="phx-logo"> |
||||||
|
<img src={Routes.static_path(@conn, "/images/phoenix.png")} alt="Phoenix Framework Logo"/> |
||||||
|
</a> |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
<%= @inner_content %> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,41 @@ |
|||||||
|
<section class="phx-hero"> |
||||||
|
<h1><%= gettext "Welcome to %{name}!", name: "Phoenix" %></h1> |
||||||
|
<p>Peace of mind from prototype to production</p> |
||||||
|
</section> |
||||||
|
|
||||||
|
<section class="row"> |
||||||
|
<article class="column"> |
||||||
|
<h2>Resources</h2> |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
<a href="https://hexdocs.pm/phoenix/overview.html">Guides & Docs</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a href="https://github.com/phoenixframework/phoenix">Source</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a href="https://github.com/phoenixframework/phoenix/blob/v1.6/CHANGELOG.md">v1.6 Changelog</a> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</article> |
||||||
|
<article class="column"> |
||||||
|
<h2>Help</h2> |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
<a href="https://elixirforum.com/c/phoenix-forum">Forum</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a href="https://web.libera.chat/#elixir">#elixir on Libera Chat (IRC)</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a href="https://twitter.com/elixirphoenix">Twitter @elixirphoenix</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a href="https://elixir-slackin.herokuapp.com/">Elixir on Slack</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<a href="https://discord.gg/elixir">Elixir on Discord</a> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</article> |
||||||
|
</section> |
||||||
@ -0,0 +1,47 @@ |
|||||||
|
defmodule TetrisuiWeb.ErrorHelpers do |
||||||
|
@moduledoc """ |
||||||
|
Conveniences for translating and building error messages. |
||||||
|
""" |
||||||
|
|
||||||
|
use Phoenix.HTML |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Generates tag for inlined form input errors. |
||||||
|
""" |
||||||
|
def error_tag(form, field) do |
||||||
|
Enum.map(Keyword.get_values(form.errors, field), fn error -> |
||||||
|
content_tag(:span, translate_error(error), |
||||||
|
class: "invalid-feedback", |
||||||
|
phx_feedback_for: input_name(form, field) |
||||||
|
) |
||||||
|
end) |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Translates an error message using gettext. |
||||||
|
""" |
||||||
|
def translate_error({msg, opts}) do |
||||||
|
# When using gettext, we typically pass the strings we want |
||||||
|
# to translate as a static argument: |
||||||
|
# |
||||||
|
# # Translate "is invalid" in the "errors" domain |
||||||
|
# dgettext("errors", "is invalid") |
||||||
|
# |
||||||
|
# # Translate the number of files with plural rules |
||||||
|
# dngettext("errors", "1 file", "%{count} files", count) |
||||||
|
# |
||||||
|
# Because the error messages we show in our forms and APIs |
||||||
|
# are defined inside Ecto, we need to translate them dynamically. |
||||||
|
# This requires us to call the Gettext module passing our gettext |
||||||
|
# backend as first argument. |
||||||
|
# |
||||||
|
# Note we use the "errors" domain, which means translations |
||||||
|
# should be written to the errors.po file. The :count option is |
||||||
|
# set by Ecto and indicates we should also apply plural rules. |
||||||
|
if count = opts[:count] do |
||||||
|
Gettext.dngettext(TetrisuiWeb.Gettext, "errors", msg, msg, count, opts) |
||||||
|
else |
||||||
|
Gettext.dgettext(TetrisuiWeb.Gettext, "errors", msg, opts) |
||||||
|
end |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
defmodule TetrisuiWeb.ErrorView do |
||||||
|
use TetrisuiWeb, :view |
||||||
|
|
||||||
|
# If you want to customize a particular status code |
||||||
|
# for a certain format, you may uncomment below. |
||||||
|
# def render("500.html", _assigns) do |
||||||
|
# "Internal Server Error" |
||||||
|
# end |
||||||
|
|
||||||
|
# By default, Phoenix returns the status message from |
||||||
|
# the template name. For example, "404.html" becomes |
||||||
|
# "Not Found". |
||||||
|
def template_not_found(template, _assigns) do |
||||||
|
Phoenix.Controller.status_message_from_template(template) |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
defmodule TetrisuiWeb.LayoutView do |
||||||
|
use TetrisuiWeb, :view |
||||||
|
|
||||||
|
# Phoenix LiveDashboard is available only in development by default, |
||||||
|
# so we instruct Elixir to not warn if the dashboard route is missing. |
||||||
|
@compile {:no_warn_undefined, {Routes, :live_dashboard_path, 2}} |
||||||
|
end |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
defmodule TetrisuiWeb.PageView do |
||||||
|
use TetrisuiWeb, :view |
||||||
|
end |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
defmodule Tetrisui.MixProject do |
||||||
|
use Mix.Project |
||||||
|
|
||||||
|
def project do |
||||||
|
[ |
||||||
|
app: :tetrisui, |
||||||
|
version: "0.1.0", |
||||||
|
elixir: "~> 1.12", |
||||||
|
elixirc_paths: elixirc_paths(Mix.env()), |
||||||
|
compilers: [] ++ Mix.compilers(), |
||||||
|
start_permanent: Mix.env() == :prod, |
||||||
|
aliases: aliases(), |
||||||
|
deps: deps() |
||||||
|
] |
||||||
|
end |
||||||
|
|
||||||
|
# Configuration for the OTP application. |
||||||
|
# |
||||||
|
# Type `mix help compile.app` for more information. |
||||||
|
def application do |
||||||
|
[ |
||||||
|
mod: {Tetrisui.Application, []}, |
||||||
|
extra_applications: [:logger, :runtime_tools] |
||||||
|
] |
||||||
|
end |
||||||
|
|
||||||
|
# Specifies which paths to compile per environment. |
||||||
|
defp elixirc_paths(:test), do: ["lib", "test/support"] |
||||||
|
defp elixirc_paths(_), do: ["lib"] |
||||||
|
|
||||||
|
# Specifies your project dependencies. |
||||||
|
# |
||||||
|
# Type `mix help deps` for examples and options. |
||||||
|
defp deps do |
||||||
|
[ |
||||||
|
{:phoenix, "~> 1.6.12"}, |
||||||
|
{:phoenix_html, "~> 3.0"}, |
||||||
|
{:phoenix_live_reload, "~> 1.2", only: :dev}, |
||||||
|
{:phoenix_live_view, "~> 0.17.5"}, |
||||||
|
{:floki, ">= 0.30.0", only: :test}, |
||||||
|
{:phoenix_live_dashboard, "~> 0.6"}, |
||||||
|
{:esbuild, "~> 0.4", runtime: Mix.env() == :dev}, |
||||||
|
{:swoosh, "~> 1.3"}, |
||||||
|
{:telemetry_metrics, "~> 0.6"}, |
||||||
|
{:telemetry_poller, "~> 1.0"}, |
||||||
|
{:gettext, "~> 0.18"}, |
||||||
|
{:jason, "~> 1.2"}, |
||||||
|
{:plug_cowboy, "~> 2.5"}, |
||||||
|
{:tetris, git: "https://gitea1.intx.com.au/jn/tetris.git", tag: "0.1.4"} |
||||||
|
] |
||||||
|
end |
||||||
|
|
||||||
|
# Aliases are shortcuts or tasks specific to the current project. |
||||||
|
# For example, to install project dependencies and perform other setup tasks, run: |
||||||
|
# |
||||||
|
# $ mix setup |
||||||
|
# |
||||||
|
# See the documentation for `Mix` for more info on aliases. |
||||||
|
defp aliases do |
||||||
|
[ |
||||||
|
setup: ["deps.get"], |
||||||
|
"assets.deploy": ["esbuild default --minify", "phx.digest"] |
||||||
|
] |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
%{ |
||||||
|
"castore": {:hex, :castore, "0.1.18", "deb5b9ab02400561b6f5708f3e7660fc35ca2d51bfc6a940d2f513f89c2975fc", [:mix], [], "hexpm", "61bbaf6452b782ef80b33cdb45701afbcf0a918a45ebe7e73f1130d661e66a06"}, |
||||||
|
"cowboy": {:hex, :cowboy, "2.9.0", "865dd8b6607e14cf03282e10e934023a1bd8be6f6bacf921a7e2a96d800cd452", [:make, :rebar3], [{:cowlib, "2.11.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "2c729f934b4e1aa149aff882f57c6372c15399a20d54f65c8d67bef583021bde"}, |
||||||
|
"cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"}, |
||||||
|
"cowlib": {:hex, :cowlib, "2.11.0", "0b9ff9c346629256c42ebe1eeb769a83c6cb771a6ee5960bd110ab0b9b872063", [:make, :rebar3], [], "hexpm", "2b3e9da0b21c4565751a6d4901c20d1b4cc25cbb7fd50d91d2ab6dd287bc86a9"}, |
||||||
|
"esbuild": {:hex, :esbuild, "0.5.0", "d5bb08ff049d7880ee3609ed5c4b864bd2f46445ea40b16b4acead724fb4c4a3", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "f183a0b332d963c4cfaf585477695ea59eef9a6f2204fdd0efa00e099694ffe5"}, |
||||||
|
"file_system": {:hex, :file_system, "0.2.10", "fb082005a9cd1711c05b5248710f8826b02d7d1784e7c3451f9c1231d4fc162d", [:mix], [], "hexpm", "41195edbfb562a593726eda3b3e8b103a309b733ad25f3d642ba49696bf715dc"}, |
||||||
|
"floki": {:hex, :floki, "0.33.1", "f20f1eb471e726342b45ccb68edb9486729e7df94da403936ea94a794f072781", [:mix], [{:html_entities, "~> 0.5.0", [hex: :html_entities, repo: "hexpm", optional: false]}], "hexpm", "461035fd125f13fdf30f243c85a0b1e50afbec876cbf1ceefe6fddd2e6d712c6"}, |
||||||
|
"gettext": {:hex, :gettext, "0.20.0", "75ad71de05f2ef56991dbae224d35c68b098dd0e26918def5bb45591d5c8d429", [:mix], [], "hexpm", "1c03b177435e93a47441d7f681a7040bd2a816ece9e2666d1c9001035121eb3d"}, |
||||||
|
"html_entities": {:hex, :html_entities, "0.5.2", "9e47e70598da7de2a9ff6af8758399251db6dbb7eebe2b013f2bbd2515895c3c", [:mix], [], "hexpm", "c53ba390403485615623b9531e97696f076ed415e8d8058b1dbaa28181f4fdcc"}, |
||||||
|
"jason": {:hex, :jason, "1.3.0", "fa6b82a934feb176263ad2df0dbd91bf633d4a46ebfdffea0c8ae82953714946", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "53fc1f51255390e0ec7e50f9cb41e751c260d065dcba2bf0d08dc51a4002c2ac"}, |
||||||
|
"mime": {:hex, :mime, "2.0.3", "3676436d3d1f7b81b5a2d2bd8405f412c677558c81b1c92be58c00562bb59095", [:mix], [], "hexpm", "27a30bf0db44d25eecba73755acf4068cbfe26a4372f9eb3e4ea3a45956bff6b"}, |
||||||
|
"phoenix": {:hex, :phoenix, "1.6.12", "f8f8ac077600f84419806dd53114b2e77aedde7a502e74181a7d886355aa0643", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.0", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 1.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.10", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.2", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "2d6cf5583c9c20f7103c40e6014ef802d96553b8e5d6585ad6e627bd5ddb0d12"}, |
||||||
|
"phoenix_html": {:hex, :phoenix_html, "3.2.0", "1c1219d4b6cb22ac72f12f73dc5fad6c7563104d083f711c3fcd8551a1f4ae11", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "36ec97ba56d25c0136ef1992c37957e4246b649d620958a1f9fa86165f8bc54f"}, |
||||||
|
"phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.6.5", "1495bb014be12c9a9252eca04b9af54246f6b5c1e4cd1f30210cd00ec540cf8e", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.3", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.17.7", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "ef4fa50dd78364409039c99cf6f98ab5209b4c5f8796c17f4db118324f0db852"}, |
||||||
|
"phoenix_live_reload": {:hex, :phoenix_live_reload, "1.3.3", "3a53772a6118d5679bf50fc1670505a290e32a1d195df9e069d8c53ab040c054", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "766796676e5f558dbae5d1bdb066849673e956005e3730dfd5affd7a6da4abac"}, |
||||||
|
"phoenix_live_view": {:hex, :phoenix_live_view, "0.17.11", "205f6aa5405648c76f2abcd57716f42fc07d8f21dd8ea7b262dd12b324b50c95", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.1", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7177791944b7f90ed18f5935a6a5f07f760b36f7b3bdfb9d28c57440a3c43f99"}, |
||||||
|
"phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.1", "ba04e489ef03763bf28a17eb2eaddc2c20c6d217e2150a61e3298b0f4c2012b5", [:mix], [], "hexpm", "81367c6d1eea5878ad726be80808eb5a787a23dee699f96e72b1109c57cdd8d9"}, |
||||||
|
"phoenix_view": {:hex, :phoenix_view, "1.1.2", "1b82764a065fb41051637872c7bd07ed2fdb6f5c3bd89684d4dca6e10115c95a", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "7ae90ad27b09091266f6adbb61e1d2516a7c3d7062c6789d46a7554ec40f3a56"}, |
||||||
|
"plug": {:hex, :plug, "1.13.6", "187beb6b67c6cec50503e940f0434ea4692b19384d47e5fdfd701e93cadb4cc2", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "02b9c6b9955bce92c829f31d6284bf53c591ca63c4fb9ff81dfd0418667a34ff"}, |
||||||
|
"plug_cowboy": {:hex, :plug_cowboy, "2.5.2", "62894ccd601cf9597e2c23911ff12798a8a18d237e9739f58a6b04e4988899fe", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.7", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "ea6e87f774c8608d60c8d34022a7d073bd7680a0a013f049fc62bf35efea1044"}, |
||||||
|
"plug_crypto": {:hex, :plug_crypto, "1.2.3", "8f77d13aeb32bfd9e654cb68f0af517b371fb34c56c9f2b58fe3df1235c1251a", [:mix], [], "hexpm", "b5672099c6ad5c202c45f5a403f21a3411247f164e4a8fab056e5cd8a290f4a2"}, |
||||||
|
"ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"}, |
||||||
|
"swoosh": {:hex, :swoosh, "1.8.0", "51b3cfe5bb08196eba0f64b0e30f589533915b5088dd203fde110f29704289db", [:mix], [{:cowboy, "~> 1.1 or ~> 2.4", [hex: :cowboy, repo: "hexpm", optional: true]}, {:ex_aws, "~> 2.1", [hex: :ex_aws, repo: "hexpm", optional: true]}, {:finch, "~> 0.6", [hex: :finch, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.13 or ~> 1.0", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.9", [hex: :hackney, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mail, "~> 0.2", [hex: :mail, repo: "hexpm", optional: true]}, {:mime, "~> 1.1 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_cowboy, ">= 1.0.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "fd77341d3e775a81fccfd26baacb9a47328ac8c27df0fb1d06f0312306721472"}, |
||||||
|
"telemetry": {:hex, :telemetry, "1.1.0", "a589817034a27eab11144ad24d5c0f9fab1f58173274b1e9bae7074af9cbee51", [:rebar3], [], "hexpm", "b727b2a1f75614774cff2d7565b64d0dfa5bd52ba517f16543e6fc7efcc0df48"}, |
||||||
|
"telemetry_metrics": {:hex, :telemetry_metrics, "0.6.1", "315d9163a1d4660aedc3fee73f33f1d355dcc76c5c3ab3d59e76e3edf80eef1f", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7be9e0871c41732c233be71e4be11b96e56177bf15dde64a8ac9ce72ac9834c6"}, |
||||||
|
"telemetry_poller": {:hex, :telemetry_poller, "1.0.0", "db91bb424e07f2bb6e73926fcafbfcbcb295f0193e0a00e825e589a0a47e8453", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b3a24eafd66c3f42da30fc3ca7dda1e9d546c12250a2d60d7b81d264fbec4f6e"}, |
||||||
|
"tetris": {:git, "https://gitea1.intx.com.au/jn/tetris.git", "0ad5c0689fc2750a2f8dc1093e1a84157c1a864c", [tag: "0.1.4"]}, |
||||||
|
} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
## `msgid`s in this file come from POT (.pot) files. |
||||||
|
## |
||||||
|
## Do not add, change, or remove `msgid`s manually here as |
||||||
|
## they're tied to the ones in the corresponding POT file |
||||||
|
## (with the same domain). |
||||||
|
## |
||||||
|
## Use `mix gettext.extract --merge` or `mix gettext.merge` |
||||||
|
## to merge POT files into PO files. |
||||||
|
msgid "" |
||||||
|
msgstr "" |
||||||
|
"Language: en\n" |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
## This is a PO Template file. |
||||||
|
## |
||||||
|
## `msgid`s here are often extracted from source code. |
||||||
|
## Add new translations manually only if they're dynamic |
||||||
|
## translations that can't be statically extracted. |
||||||
|
## |
||||||
|
## Run `mix gettext.extract` to bring this file up to |
||||||
|
## date. Leave `msgstr`s empty as changing them here has no |
||||||
|
## effect: edit them in PO (`.po`) files instead. |
||||||
|
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,5 @@ |
|||||||
|
# See https://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file |
||||||
|
# |
||||||
|
# To ban all spiders from the entire site uncomment the next two lines: |
||||||
|
# User-agent: * |
||||||
|
# Disallow: / |
||||||
@ -0,0 +1,37 @@ |
|||||||
|
defmodule TetrisuiWeb.ConnCase do |
||||||
|
@moduledoc """ |
||||||
|
This module defines the test case to be used by |
||||||
|
tests that require setting up a connection. |
||||||
|
|
||||||
|
Such tests rely on `Phoenix.ConnTest` and also |
||||||
|
import other functionality to make it easier |
||||||
|
to build common data structures and query the data layer. |
||||||
|
|
||||||
|
Finally, if the test case interacts with the database, |
||||||
|
we enable the SQL sandbox, so changes done to the database |
||||||
|
are reverted at the end of every test. If you are using |
||||||
|
PostgreSQL, you can even run database tests asynchronously |
||||||
|
by setting `use TetrisuiWeb.ConnCase, async: true`, although |
||||||
|
this option is not recommended for other databases. |
||||||
|
""" |
||||||
|
|
||||||
|
use ExUnit.CaseTemplate |
||||||
|
|
||||||
|
using do |
||||||
|
quote do |
||||||
|
# Import conveniences for testing with connections |
||||||
|
import Plug.Conn |
||||||
|
import Phoenix.ConnTest |
||||||
|
import TetrisuiWeb.ConnCase |
||||||
|
|
||||||
|
alias TetrisuiWeb.Router.Helpers, as: Routes |
||||||
|
|
||||||
|
# The default endpoint for testing |
||||||
|
@endpoint TetrisuiWeb.Endpoint |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
setup _tags do |
||||||
|
{:ok, conn: Phoenix.ConnTest.build_conn()} |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
defmodule TetrisuiWeb.PageControllerTest do |
||||||
|
use TetrisuiWeb.ConnCase |
||||||
|
|
||||||
|
test "GET /", %{conn: conn} do |
||||||
|
conn = get(conn, "/") |
||||||
|
assert html_response(conn, 200) =~ "Welcome to Phoenix!" |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
defmodule TetrisuiWeb.ErrorViewTest do |
||||||
|
use TetrisuiWeb.ConnCase, async: true |
||||||
|
|
||||||
|
# Bring render/3 and render_to_string/3 for testing custom views |
||||||
|
import Phoenix.View |
||||||
|
|
||||||
|
test "renders 404.html" do |
||||||
|
assert render_to_string(TetrisuiWeb.ErrorView, "404.html", []) == "Not Found" |
||||||
|
end |
||||||
|
|
||||||
|
test "renders 500.html" do |
||||||
|
assert render_to_string(TetrisuiWeb.ErrorView, "500.html", []) == "Internal Server Error" |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
defmodule TetrisuiWeb.LayoutViewTest do |
||||||
|
use TetrisuiWeb.ConnCase, async: true |
||||||
|
|
||||||
|
# When testing helpers, you may want to import Phoenix.HTML and |
||||||
|
# use functions such as safe_to_string() to convert the helper |
||||||
|
# result into an HTML string. |
||||||
|
# import Phoenix.HTML |
||||||
|
end |
||||||
Loading…
Reference in new issue