Julian Noble
2 years ago
commit
c1491da68a
46 changed files with 2355 additions and 0 deletions
@ -0,0 +1,6 @@ |
|||||||
|
[ |
||||||
|
import_deps: [:ecto, :phoenix], |
||||||
|
subdirectories: ["priv/*/migrations"], |
||||||
|
plugins: [Phoenix.LiveView.HTMLFormatter], |
||||||
|
inputs: ["*.{heex,ex,exs}", "{config,lib,test}/**/*.{heex,ex,exs}", "priv/*/seeds.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"). |
||||||
|
chirp-*.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,19 @@ |
|||||||
|
# Chirp |
||||||
|
|
||||||
|
To start your Phoenix server: |
||||||
|
|
||||||
|
* Install dependencies with `mix deps.get` |
||||||
|
* Create and migrate your database with `mix ecto.setup` |
||||||
|
* 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,5 @@ |
|||||||
|
@import "tailwindcss/base"; |
||||||
|
@import "tailwindcss/components"; |
||||||
|
@import "tailwindcss/utilities"; |
||||||
|
|
||||||
|
/* This file is for your main application CSS */ |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,41 @@ |
|||||||
|
// 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.delayedShow(200)) |
||||||
|
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,26 @@ |
|||||||
|
// See the Tailwind configuration guide for advanced usage
|
||||||
|
// https://tailwindcss.com/docs/configuration
|
||||||
|
|
||||||
|
const plugin = require("tailwindcss/plugin") |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
content: [ |
||||||
|
"./js/**/*.js", |
||||||
|
"../lib/*_web.ex", |
||||||
|
"../lib/*_web/**/*.*ex" |
||||||
|
], |
||||||
|
theme: { |
||||||
|
extend: { |
||||||
|
colors: { |
||||||
|
brand: "#FD4F00", |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
plugins: [ |
||||||
|
require("@tailwindcss/forms"), |
||||||
|
plugin(({addVariant}) => addVariant("phx-no-feedback", [".phx-no-feedback&", ".phx-no-feedback &"])), |
||||||
|
plugin(({addVariant}) => addVariant("phx-click-loading", [".phx-click-loading&", ".phx-click-loading &"])), |
||||||
|
plugin(({addVariant}) => addVariant("phx-submit-loading", [".phx-submit-loading&", ".phx-submit-loading &"])), |
||||||
|
plugin(({addVariant}) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"])) |
||||||
|
] |
||||||
|
} |
||||||
@ -0,0 +1,167 @@ |
|||||||
|
/** |
||||||
|
* @license MIT |
||||||
|
* topbar 1.0.0, 2021-01-06 |
||||||
|
* Modifications: |
||||||
|
* - add delayedShow(time) (2022-09-21) |
||||||
|
* http://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, |
||||||
|
currentProgress, |
||||||
|
showing, |
||||||
|
progressTimerId = null, |
||||||
|
fadeTimerId = null, |
||||||
|
delayTimerId = null, |
||||||
|
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]; |
||||||
|
}, |
||||||
|
delayedShow: function(time) { |
||||||
|
if (showing) return; |
||||||
|
if (delayTimerId) return; |
||||||
|
delayTimerId = setTimeout(() => topbar.show(), time); |
||||||
|
}, |
||||||
|
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 () { |
||||||
|
clearTimeout(delayTimerId); |
||||||
|
delayTimerId = null; |
||||||
|
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,61 @@ |
|||||||
|
# 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 |
||||||
|
|
||||||
|
config :chirp, |
||||||
|
ecto_repos: [Chirp.Repo] |
||||||
|
|
||||||
|
# Configures the endpoint |
||||||
|
config :chirp, ChirpWeb.Endpoint, |
||||||
|
url: [host: "localhost"], |
||||||
|
render_errors: [view: ChirpWeb.ErrorView, accepts: ~w(html json), layout: false], |
||||||
|
pubsub_server: Chirp.PubSub, |
||||||
|
live_view: [signing_salt: "hHZZMpp8"] |
||||||
|
|
||||||
|
# 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 :chirp, Chirp.Mailer, adapter: Swoosh.Adapters.Local |
||||||
|
|
||||||
|
# Configure esbuild (the version is required) |
||||||
|
config :esbuild, |
||||||
|
version: "0.14.41", |
||||||
|
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__)} |
||||||
|
] |
||||||
|
|
||||||
|
# Configure tailwind (the version is required) |
||||||
|
config :tailwind, |
||||||
|
version: "3.1.0", |
||||||
|
default: [ |
||||||
|
args: ~w( |
||||||
|
--config=tailwind.config.js |
||||||
|
--input=css/app.css |
||||||
|
--output=../priv/static/assets/app.css |
||||||
|
), |
||||||
|
cd: Path.expand("../assets", __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,82 @@ |
|||||||
|
import Config |
||||||
|
|
||||||
|
# Configure your database |
||||||
|
config :chirp, Chirp.Repo, |
||||||
|
username: "postgres", |
||||||
|
password: "7a5ff6dba25f438a89f4427f956000e0", |
||||||
|
hostname: "localhost", |
||||||
|
database: "chirp_dev", |
||||||
|
stacktrace: true, |
||||||
|
show_sensitive_data_on_connection_error: true, |
||||||
|
pool_size: 10 |
||||||
|
|
||||||
|
# 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 :chirp, ChirpWeb.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: "cFcP9udlcMLbpgEshTX+j2J0qSbz2nnsO/sKmaBR/UMWgIbGKOYIV3R6nQ4H5prV", |
||||||
|
watchers: [ |
||||||
|
# Start the esbuild watcher by calling Esbuild.install_and_run(:default, args) |
||||||
|
esbuild: {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]}, |
||||||
|
tailwind: {Tailwind, :install_and_run, [:default, ~w(--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 :chirp, ChirpWeb.Endpoint, |
||||||
|
live_reload: [ |
||||||
|
patterns: [ |
||||||
|
~r"priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$", |
||||||
|
~r"priv/gettext/.*(po)$", |
||||||
|
~r"lib/chirp_web/(live|views)/.*(ex)$", |
||||||
|
~r"lib/chirp_web/templates/.*(eex)$" |
||||||
|
] |
||||||
|
] |
||||||
|
|
||||||
|
# Enable dev routes for dashboard and mailbox |
||||||
|
config :chirp, dev_routes: true |
||||||
|
|
||||||
|
# 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 |
||||||
|
|
||||||
|
# Disable swoosh api client as it is only required for production adapters. |
||||||
|
config :swoosh, :api_client, false |
||||||
@ -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 :chirp, ChirpWeb.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 :chirp, ChirpWeb.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 :chirp, ChirpWeb.Endpoint, |
||||||
|
# force_ssl: [hsts: true] |
||||||
|
# |
||||||
|
# Check `Plug.SSL` for all available options in `force_ssl`. |
||||||
@ -0,0 +1,83 @@ |
|||||||
|
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/chirp 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 :chirp, ChirpWeb.Endpoint, server: true |
||||||
|
end |
||||||
|
|
||||||
|
if config_env() == :prod do |
||||||
|
database_url = |
||||||
|
System.get_env("DATABASE_URL") || |
||||||
|
raise """ |
||||||
|
environment variable DATABASE_URL is missing. |
||||||
|
For example: ecto://USER:PASS@HOST/DATABASE |
||||||
|
""" |
||||||
|
|
||||||
|
maybe_ipv6 = if System.get_env("ECTO_IPV6"), do: [:inet6], else: [] |
||||||
|
|
||||||
|
config :chirp, Chirp.Repo, |
||||||
|
# ssl: true, |
||||||
|
url: database_url, |
||||||
|
pool_size: String.to_integer(System.get_env("POOL_SIZE") || "10"), |
||||||
|
socket_options: maybe_ipv6 |
||||||
|
|
||||||
|
# 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 :chirp, ChirpWeb.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 :chirp, Chirp.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,33 @@ |
|||||||
|
import Config |
||||||
|
|
||||||
|
# Configure your database |
||||||
|
# |
||||||
|
# The MIX_TEST_PARTITION environment variable can be used |
||||||
|
# to provide built-in test partitioning in CI environment. |
||||||
|
# Run `mix help test` for more information. |
||||||
|
config :chirp, Chirp.Repo, |
||||||
|
username: "postgres", |
||||||
|
password: "7a5ff6dba25f438a89f4427f956000e0", |
||||||
|
hostname: "localhost", |
||||||
|
database: "chirp_test#{System.get_env("MIX_TEST_PARTITION")}", |
||||||
|
pool: Ecto.Adapters.SQL.Sandbox, |
||||||
|
pool_size: 10 |
||||||
|
|
||||||
|
# We don't run a server during test. If one is required, |
||||||
|
# you can enable the server option below. |
||||||
|
config :chirp, ChirpWeb.Endpoint, |
||||||
|
http: [ip: {127, 0, 0, 1}, port: 4002], |
||||||
|
secret_key_base: "9CEgcgXMtcBtdcMAGv08+nHuAg7SmImLzRTeMvqStzi5+Xn2wtfuVzbEq2dwDMob", |
||||||
|
server: false |
||||||
|
|
||||||
|
# In test we don't send emails. |
||||||
|
config :chirp, Chirp.Mailer, adapter: Swoosh.Adapters.Test |
||||||
|
|
||||||
|
# Disable swoosh api client as it is only required for production adapters. |
||||||
|
config :swoosh, :api_client, false |
||||||
|
|
||||||
|
# Print only warnings and errors during test |
||||||
|
config :logger, level: :warning |
||||||
|
|
||||||
|
# Initialize plugs at runtime for faster test compilation |
||||||
|
config :phoenix, :plug_init_mode, :runtime |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
defmodule Chirp do |
||||||
|
@moduledoc """ |
||||||
|
Chirp 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,36 @@ |
|||||||
|
defmodule Chirp.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 |
||||||
|
ChirpWeb.Telemetry, |
||||||
|
# Start the Ecto repository |
||||||
|
Chirp.Repo, |
||||||
|
# Start the PubSub system |
||||||
|
{Phoenix.PubSub, name: Chirp.PubSub}, |
||||||
|
# Start the Endpoint (http/https) |
||||||
|
ChirpWeb.Endpoint |
||||||
|
# Start a worker by calling: Chirp.Worker.start_link(arg) |
||||||
|
# {Chirp.Worker, arg} |
||||||
|
] |
||||||
|
|
||||||
|
# See https://hexdocs.pm/elixir/Supervisor.html |
||||||
|
# for other strategies and supported options |
||||||
|
opts = [strategy: :one_for_one, name: Chirp.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 |
||||||
|
ChirpWeb.Endpoint.config_change(changed, removed) |
||||||
|
:ok |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
defmodule Chirp.Mailer do |
||||||
|
use Swoosh.Mailer, otp_app: :chirp |
||||||
|
end |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
defmodule Chirp.Repo do |
||||||
|
use Ecto.Repo, |
||||||
|
otp_app: :chirp, |
||||||
|
adapter: Ecto.Adapters.Postgres |
||||||
|
end |
||||||
@ -0,0 +1,115 @@ |
|||||||
|
defmodule ChirpWeb 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 ChirpWeb, :controller |
||||||
|
use ChirpWeb, :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 static_paths, do: ~w(assets fonts images favicon.ico robots.txt) |
||||||
|
|
||||||
|
def controller do |
||||||
|
quote do |
||||||
|
use Phoenix.Controller, namespace: ChirpWeb |
||||||
|
|
||||||
|
import Plug.Conn |
||||||
|
import ChirpWeb.Gettext |
||||||
|
|
||||||
|
unquote(verified_routes()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def view do |
||||||
|
quote do |
||||||
|
use Phoenix.View, |
||||||
|
root: "lib/chirp_web/templates", |
||||||
|
namespace: ChirpWeb |
||||||
|
|
||||||
|
use Phoenix.Component |
||||||
|
|
||||||
|
# Import convenience functions from controllers |
||||||
|
import Phoenix.Controller, |
||||||
|
only: [get_csrf_token: 0, 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: {ChirpWeb.LayoutView, "app.html"} |
||||||
|
|
||||||
|
unquote(view_helpers()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def live_component do |
||||||
|
quote do |
||||||
|
use Phoenix.LiveComponent |
||||||
|
|
||||||
|
unquote(view_helpers()) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def router do |
||||||
|
quote do |
||||||
|
use Phoenix.Router, helpers: false |
||||||
|
|
||||||
|
import Plug.Conn |
||||||
|
import Phoenix.Controller |
||||||
|
import Phoenix.LiveView.Router |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def channel do |
||||||
|
quote do |
||||||
|
use Phoenix.Channel |
||||||
|
import ChirpWeb.Gettext |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
def verified_routes do |
||||||
|
quote do |
||||||
|
use Phoenix.VerifiedRoutes, |
||||||
|
endpoint: ChirpWeb.Endpoint, |
||||||
|
router: ChirpWeb.Router, |
||||||
|
statics: ChirpWeb.static_paths() |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
defp view_helpers do |
||||||
|
quote do |
||||||
|
import Phoenix.HTML |
||||||
|
import Phoenix.HTML.Form |
||||||
|
import ChirpWeb.Components |
||||||
|
|
||||||
|
alias Phoenix.LiveView.JS |
||||||
|
|
||||||
|
# Import basic rendering functionality (render, render_layout, etc) |
||||||
|
import Phoenix.View |
||||||
|
|
||||||
|
import ChirpWeb.Gettext |
||||||
|
unquote(verified_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,594 @@ |
|||||||
|
defmodule ChirpWeb.Components do |
||||||
|
@moduledoc """ |
||||||
|
Provides core UI components. |
||||||
|
|
||||||
|
The components in this module use Tailwind CSS, a utility-first CSS framework. |
||||||
|
See the [Tailwind CSS documentation](https://tailwindcss.com) to learn how to |
||||||
|
customize the generated components in this module. |
||||||
|
|
||||||
|
Icons are provided by [heroicons](https://heroicons.com), using the |
||||||
|
[heroicons_elixir](https://github.com/mveytsman/heroicons_elixir) project. |
||||||
|
""" |
||||||
|
use Phoenix.Component |
||||||
|
|
||||||
|
import ChirpWeb.Gettext, warn: false |
||||||
|
|
||||||
|
alias Phoenix.LiveView.JS |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a modal. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.modal id="confirm-modal"> |
||||||
|
Are you sure? |
||||||
|
<:confirm>OK</:confirm> |
||||||
|
<:cancel>Cancel</:cancel> |
||||||
|
<.modal> |
||||||
|
|
||||||
|
JS commands may be passed to the `:on_cancel` and `on_confirm` attributes |
||||||
|
for the caller to reactor to each button press, for example: |
||||||
|
|
||||||
|
<.modal id="confirm" on_confirm={JS.push("delete")} on_cancel={JS.navigate(~p"/posts")}> |
||||||
|
Are you sure you? |
||||||
|
<:confirm>OK</:confirm> |
||||||
|
<:cancel>Cancel</:confirm> |
||||||
|
<.modal> |
||||||
|
""" |
||||||
|
attr :id, :string, required: true |
||||||
|
attr :show, :boolean, default: false |
||||||
|
attr :on_cancel, JS, default: %JS{} |
||||||
|
attr :on_confirm, JS, default: %JS{} |
||||||
|
|
||||||
|
slot :inner_block, required: true |
||||||
|
slot :title |
||||||
|
slot :subtitle |
||||||
|
slot :confirm |
||||||
|
slot :cancel |
||||||
|
|
||||||
|
def modal(assigns) do |
||||||
|
~H""" |
||||||
|
<div id={@id} phx-mounted={@show && show_modal(@id)} class="relative z-50 hidden"> |
||||||
|
<div id={"#{@id}-bg"} class="fixed inset-0 bg-zinc-50/90 transition-opacity" aria-hidden="true" /> |
||||||
|
<div |
||||||
|
class="fixed inset-0 overflow-y-auto" |
||||||
|
aria-labelledby={"#{@id}-title"} |
||||||
|
aria-describedby={"#{@id}-description"} |
||||||
|
role="dialog" |
||||||
|
aria-modal="true" |
||||||
|
tabindex="0" |
||||||
|
> |
||||||
|
<div class="flex min-h-full items-center justify-center"> |
||||||
|
<div class="w-full max-w-3xl p-4 sm:p-6 lg:py-8"> |
||||||
|
<.focus_wrap |
||||||
|
id={"#{@id}-container"} |
||||||
|
phx-mounted={@show && show_modal(@id)} |
||||||
|
phx-window-keydown={hide_modal(@on_cancel, @id)} |
||||||
|
phx-key="escape" |
||||||
|
phx-click-away={hide_modal(@on_cancel, @id)} |
||||||
|
class="hidden relative rounded-2xl bg-white p-14 shadow-lg shadow-zinc-700/10 ring-1 ring-zinc-700/10 transition" |
||||||
|
> |
||||||
|
<div class="absolute top-6 right-5"> |
||||||
|
<button |
||||||
|
phx-click={hide_modal(@on_cancel, @id)} |
||||||
|
type="button" |
||||||
|
class="-m-3 flex-none p-3 opacity-20 hover:opacity-40" |
||||||
|
aria-label="Close" |
||||||
|
> |
||||||
|
<Heroicons.x_mark solid class="h-5 w-5 stroke-current" /> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
<div id={"#{@id}-content"}> |
||||||
|
<header :if={@title != []}> |
||||||
|
<h1 id={"#{@id}-title"} class="text-lg font-semibold leading-8 text-zinc-800"> |
||||||
|
<%= render_slot(@title) %> |
||||||
|
</h1> |
||||||
|
<p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600"> |
||||||
|
<%= render_slot(@subtitle) %> |
||||||
|
</p> |
||||||
|
</header> |
||||||
|
<%= render_slot(@inner_block) %> |
||||||
|
<div :if={@confirm != [] or @cancel != []} class="ml-6 mb-4 flex items-center gap-5"> |
||||||
|
<.button |
||||||
|
:for={confirm <- @confirm} |
||||||
|
id={"#{@id}-confirm"} |
||||||
|
phx-click={@on_confirm} |
||||||
|
phx-disable-with |
||||||
|
class="py-2 px-3" |
||||||
|
> |
||||||
|
<%= render_slot(confirm) %> |
||||||
|
</.button> |
||||||
|
<.link |
||||||
|
:for={cancel <- @cancel} |
||||||
|
phx-click={hide_modal(@on_cancel, @id)} |
||||||
|
class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700" |
||||||
|
> |
||||||
|
<%= render_slot(cancel) %> |
||||||
|
</.link> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</.focus_wrap> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders flash notices. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.flash kind={:info} flash={@flash} /> |
||||||
|
<.flash kind={:info} phx-mounted={show("#flash")}>Welcome Back!</.flash> |
||||||
|
""" |
||||||
|
attr :id, :string, default: "flash", doc: "the optional id of flash container" |
||||||
|
attr :flash, :map, default: %{}, doc: "the map of flash messages to display" |
||||||
|
attr :title, :string, default: nil |
||||||
|
attr :rest, :global |
||||||
|
attr :kind, :atom, doc: "one of :info, :error used for styling and flash lookup" |
||||||
|
attr :autoshow, :boolean, default: true, doc: "whether to auto show the flash on mount" |
||||||
|
attr :close, :boolean, default: true, doc: "whether the flash can be closed" |
||||||
|
|
||||||
|
slot :inner_block, doc: "the optional inner block that renders the flash message" |
||||||
|
|
||||||
|
def flash(assigns) do |
||||||
|
~H""" |
||||||
|
<div |
||||||
|
:if={msg = render_slot(@inner_block) || Phoenix.Flash.get(@flash, @kind)} |
||||||
|
id={@id} |
||||||
|
phx-mounted={@autoshow && show("##{@id}")} |
||||||
|
phx-click={JS.push("lv:clear-flash", value: %{key: @kind}) |> hide("#flash")} |
||||||
|
role="alert" |
||||||
|
class={[ |
||||||
|
"fixed hidden top-2 right-2 w-96 z-50 rounded-lg p-3 shadow-md shadow-zinc-900/5 ring-1", |
||||||
|
@kind == :info && "bg-emerald-50 text-emerald-800 ring-emerald-500 fill-cyan-900", |
||||||
|
@kind == :error && "bg-rose-50 p-3 text-rose-900 shadow-md ring-rose-500 fill-rose-900" |
||||||
|
]} |
||||||
|
{@rest} |
||||||
|
> |
||||||
|
<p :if={@title} class="flex items-center gap-1.5 text-[0.8125rem] font-semibold leading-6"> |
||||||
|
<Heroicons.information_circle :if={@kind == :info} mini class="h-4 w-4" /> |
||||||
|
<Heroicons.exclamation_circle :if={@kind == :error} mini class="h-4 w-4" /> |
||||||
|
<%= @title %> |
||||||
|
</p> |
||||||
|
<p class="mt-2 text-[0.8125rem] leading-5"><%= msg %></p> |
||||||
|
<button :if={@close} type="button" class="group absolute top-2 right-1 p-2" aria-label="Close"> |
||||||
|
<Heroicons.x_mark solid class="h-5 w-5 stroke-current opacity-40 group-hover:opacity-70" /> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a simple form. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.simple_form :let={f} for={:user} phx-change="validate" phx-submit="save"> |
||||||
|
<.input field={{f, :email}} label="Email"/> |
||||||
|
<.input field={{f, :username}} label="Username" /> |
||||||
|
<:actions> |
||||||
|
<.button>Save</.button> |
||||||
|
<:actions> |
||||||
|
</.simple_form> |
||||||
|
""" |
||||||
|
attr :for, :any, default: nil, doc: "the datastructure for the form" |
||||||
|
attr :as, :any, default: nil, doc: "the server side parameter to collect all input under" |
||||||
|
attr :rest, :global, doc: "the arbitrary HTML attributes to apply to the form tag" |
||||||
|
|
||||||
|
slot :inner_block, required: true |
||||||
|
slot :actions, doc: "the slot for form actions, such as a submit button" |
||||||
|
|
||||||
|
def simple_form(assigns) do |
||||||
|
~H""" |
||||||
|
<.form :let={f} for={@for} as={@as} {@rest}> |
||||||
|
<div class="space-y-8 bg-white mt-10"> |
||||||
|
<%= render_slot(@inner_block, f) %> |
||||||
|
<div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6"> |
||||||
|
<%= render_slot(action, f) %> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</.form> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a button. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.button>Send!</.button> |
||||||
|
<.button phx-click="go" class="ml-2">Send!</.button> |
||||||
|
""" |
||||||
|
attr :type, :string, default: nil |
||||||
|
attr :class, :string, default: nil |
||||||
|
attr :rest, :global, doc: "the arbitrary HTML attributes to apply to the button tag" |
||||||
|
|
||||||
|
slot :inner_block, required: true |
||||||
|
|
||||||
|
def button(assigns) do |
||||||
|
~H""" |
||||||
|
<button |
||||||
|
type={@type} |
||||||
|
class={[ |
||||||
|
"phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3", |
||||||
|
"text-sm font-semibold leading-6 text-white active:text-white/80", |
||||||
|
@class |
||||||
|
]} |
||||||
|
{@rest} |
||||||
|
> |
||||||
|
<%= render_slot(@inner_block) %> |
||||||
|
</button> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders an input with label and error messages. |
||||||
|
|
||||||
|
A `%Phoenix.HTML.Form{}` and field name may be passed to the input |
||||||
|
to build input names and error messages, or all the attributes and |
||||||
|
errors may be passed explicitly. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.input field={{f, :email}} type="email" /> |
||||||
|
<.input name="my-input" errors={["oh no!"]} /> |
||||||
|
""" |
||||||
|
attr :id, :any |
||||||
|
attr :name, :any |
||||||
|
attr :label, :string, default: nil |
||||||
|
|
||||||
|
attr :type, :string, |
||||||
|
default: "text", |
||||||
|
doc: ~s|one of "text", "textarea", "number" "email", "date", "time", "datetime", "select"| |
||||||
|
|
||||||
|
attr :value, :any |
||||||
|
attr :field, :any, doc: "a %Phoenix.HTML.Form{}/field name tuple, for example: {f, :email}" |
||||||
|
attr :errors, :list |
||||||
|
attr :rest, :global, doc: "the arbitrary HTML attributes for the input tag" |
||||||
|
|
||||||
|
slot :inner_block |
||||||
|
slot :option, doc: "the slot for select input options" |
||||||
|
|
||||||
|
def input(%{field: {f, field}} = assigns) do |
||||||
|
assigns |
||||||
|
|> assign(field: nil) |
||||||
|
|> assign_new(:name, fn -> Phoenix.HTML.Form.input_name(f, field) end) |
||||||
|
|> assign_new(:id, fn -> Phoenix.HTML.Form.input_id(f, field) end) |
||||||
|
|> assign_new(:value, fn -> Phoenix.HTML.Form.input_value(f, field) end) |
||||||
|
|> assign_new(:errors, fn -> translate_errors(f.errors || [], field) end) |
||||||
|
|> input() |
||||||
|
end |
||||||
|
|
||||||
|
def input(%{type: "checkbox"} = assigns) do |
||||||
|
~H""" |
||||||
|
<label phx-feedback-for={@name} class="flex items-center gap-4 text-sm leading-6 text-zinc-600"> |
||||||
|
<input |
||||||
|
type="checkbox" |
||||||
|
id={@id || @name} |
||||||
|
name={@name} |
||||||
|
class="rounded border-zinc-300 text-zinc-900 focus:ring-zinc-900" |
||||||
|
/> |
||||||
|
<%= @label %> |
||||||
|
</label> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
def input(%{type: "select"} = assigns) do |
||||||
|
~H""" |
||||||
|
<div phx-feedback-for={@name}> |
||||||
|
<.label for={@id}><%= @label %></.label> |
||||||
|
<select |
||||||
|
id={@id} |
||||||
|
name={@name} |
||||||
|
autocomplete={@name} |
||||||
|
class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-zinc-500 focus:border-zinc-500 sm:text-sm" |
||||||
|
{@rest} |
||||||
|
> |
||||||
|
<option :for={opt <- @option} {assigns_to_attributes(opt)}><%= render_slot(opt) %></option> |
||||||
|
</select> |
||||||
|
<.error :for={msg <- @errors} message={msg} /> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
def input(%{type: "textarea"} = assigns) do |
||||||
|
~H""" |
||||||
|
<div phx-feedback-for={@name}> |
||||||
|
<.label for={@id}><%= @label %></.label> |
||||||
|
<textarea |
||||||
|
id={@id || @name} |
||||||
|
name={@name} |
||||||
|
class={[ |
||||||
|
input_border(@errors), |
||||||
|
"mt-2 block min-h-[6rem] w-full rounded-lg border-zinc-300 py-[calc(theme(spacing.2)-1px)] px-[calc(theme(spacing.3)-1px)]", |
||||||
|
"text-zinc-900 focus:border-zinc-400 focus:outline-none focus:ring-4 focus:ring-zinc-800/5 sm:text-sm sm:leading-6", |
||||||
|
"phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400 phx-no-feedback:focus:ring-zinc-800/5" |
||||||
|
]} |
||||||
|
{@rest} |
||||||
|
><%= @value %></textarea> |
||||||
|
<.error :for={msg <- @errors} message={msg} /> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
def input(assigns) do |
||||||
|
~H""" |
||||||
|
<div phx-feedback-for={@name}> |
||||||
|
<.label for={@id}><%= @label %></.label> |
||||||
|
<input |
||||||
|
type={@type} |
||||||
|
name={@name} |
||||||
|
id={@id || @name} |
||||||
|
value={@value} |
||||||
|
class={[ |
||||||
|
input_border(@errors), |
||||||
|
"mt-2 block w-full rounded-lg border-zinc-300 py-[calc(theme(spacing.2)-1px)] px-[calc(theme(spacing.3)-1px)]", |
||||||
|
"text-zinc-900 focus:outline-none focus:ring-4 sm:text-sm sm:leading-6", |
||||||
|
"phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400 phx-no-feedback:focus:ring-zinc-800/5" |
||||||
|
]} |
||||||
|
{@rest} |
||||||
|
/> |
||||||
|
<.error :for={msg <- @errors} message={msg} /> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
defp input_border([] = _errors), |
||||||
|
do: "border-zinc-300 focus:border-zinc-400 focus:ring-zinc-800/5" |
||||||
|
|
||||||
|
defp input_border([_ | _] = _errors), |
||||||
|
do: "border-rose-400 focus:border-rose-400 focus:ring-rose-400/10" |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a label. |
||||||
|
""" |
||||||
|
attr :for, :string, default: nil |
||||||
|
slot :inner_block, required: true |
||||||
|
|
||||||
|
def label(assigns) do |
||||||
|
~H""" |
||||||
|
<label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800"> |
||||||
|
<%= render_slot(@inner_block) %> |
||||||
|
</label> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Generates a generic error message. |
||||||
|
""" |
||||||
|
attr :message, :string, required: true |
||||||
|
|
||||||
|
def error(assigns) do |
||||||
|
~H""" |
||||||
|
<p class="phx-no-feedback:hidden mt-3 flex gap-3 text-sm leading-6 text-rose-600"> |
||||||
|
<Heroicons.exclamation_circle mini class="mt-0.5 h-5 w-5 flex-none fill-rose-500" /> |
||||||
|
<%= @message %> |
||||||
|
</p> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a header with title. |
||||||
|
""" |
||||||
|
attr :class, :string, default: nil |
||||||
|
|
||||||
|
slot :inner_block, required: true |
||||||
|
slot :subtitle |
||||||
|
slot :actions |
||||||
|
|
||||||
|
def header(assigns) do |
||||||
|
~H""" |
||||||
|
<header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}> |
||||||
|
<div> |
||||||
|
<h1 class="text-lg font-semibold leading-8 text-zinc-800"> |
||||||
|
<%= render_slot(@inner_block) %> |
||||||
|
</h1> |
||||||
|
<p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600"> |
||||||
|
<%= render_slot(@subtitle) %> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div class="flex-none"><%= render_slot(@actions) %></div> |
||||||
|
</header> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc ~S""" |
||||||
|
Renders a table with generic styling. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.table rows={@users}> |
||||||
|
<:col :let={user} label="id"><%= user.id %></:col> |
||||||
|
<:col :let={user} label="username"><%= user.username %></:col> |
||||||
|
</.table> |
||||||
|
""" |
||||||
|
attr :id, :string, required: true |
||||||
|
attr :row_click, JS, default: nil |
||||||
|
attr :rows, :list, required: true |
||||||
|
|
||||||
|
slot :col, required: true do |
||||||
|
attr :label, :string |
||||||
|
end |
||||||
|
|
||||||
|
slot :action, doc: "the slot for showing user actions in the last table column" |
||||||
|
|
||||||
|
def table(assigns) do |
||||||
|
~H""" |
||||||
|
<div id={@id} class="overflow-y-auto px-4 sm:overflow-visible sm:px-0"> |
||||||
|
<table class="mt-11 w-[40rem] sm:w-full"> |
||||||
|
<thead class="text-left text-[0.8125rem] leading-6 text-zinc-500"> |
||||||
|
<tr> |
||||||
|
<th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th> |
||||||
|
<th class="relative p-0 pb-4"><span class="sr-only">Actions</span></th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody class="relative divide-y divide-zinc-100 border-t border-zinc-200 text-sm leading-6 text-zinc-700"> |
||||||
|
<tr |
||||||
|
:for={row <- @rows} |
||||||
|
id={"#{@id}-#{Phoenix.Param.to_param(row)}"} |
||||||
|
class="group hover:bg-zinc-50" |
||||||
|
> |
||||||
|
<td |
||||||
|
:for={{col, i} <- Enum.with_index(@col)} |
||||||
|
phx-click={@row_click && @row_click.(row)} |
||||||
|
class={["relative p-0", @row_click && "hover:cursor-pointer"]} |
||||||
|
> |
||||||
|
<div class="block py-4 pr-6"> |
||||||
|
<span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" /> |
||||||
|
<span class={["relative", i == 0 && "font-semibold text-zinc-900"]}> |
||||||
|
<%= render_slot(col, row) %> |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</td> |
||||||
|
<td :if={@action != []} class="relative p-0 w-14"> |
||||||
|
<div class="relative whitespace-nowrap py-4 text-right text-sm font-medium"> |
||||||
|
<span class="absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50 sm:rounded-r-xl" /> |
||||||
|
<span |
||||||
|
:for={action <- @action} |
||||||
|
class="relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700" |
||||||
|
> |
||||||
|
<%= render_slot(action, row) %> |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a data list. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.list> |
||||||
|
<:item title="Title"><%= @post.title %></:item> |
||||||
|
<:item title="Views"><%= @post.views %></:item> |
||||||
|
</.list> |
||||||
|
""" |
||||||
|
slot :item, required: true do |
||||||
|
attr :title, :string, required: true |
||||||
|
end |
||||||
|
|
||||||
|
def list(assigns) do |
||||||
|
~H""" |
||||||
|
<div class="mt-14"> |
||||||
|
<dl class="-my-4 divide-y divide-zinc-100"> |
||||||
|
<div :for={item <- @item} class="flex gap-4 py-4 sm:gap-8"> |
||||||
|
<dt class="w-1/4 flex-none text-[0.8125rem] leading-6 text-zinc-500"><%= item.title %></dt> |
||||||
|
<dd class="text-sm leading-6 text-zinc-700"><%= render_slot(item) %></dd> |
||||||
|
</div> |
||||||
|
</dl> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Renders a back navigation link. |
||||||
|
|
||||||
|
## Examples |
||||||
|
|
||||||
|
<.back navigate={~p"/posts"}>Back to posts</.back> |
||||||
|
""" |
||||||
|
attr :navigate, :any, required: true |
||||||
|
slot :inner_block, required: true |
||||||
|
|
||||||
|
def back(assigns) do |
||||||
|
~H""" |
||||||
|
<div class="mt-16"> |
||||||
|
<.link |
||||||
|
navigate={@navigate} |
||||||
|
class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700" |
||||||
|
> |
||||||
|
<Heroicons.arrow_left solid class="w-3 h-3 stroke-current inline" /> |
||||||
|
<%= render_slot(@inner_block) %> |
||||||
|
</.link> |
||||||
|
</div> |
||||||
|
""" |
||||||
|
end |
||||||
|
|
||||||
|
## JS Commands |
||||||
|
|
||||||
|
def show(js \\ %JS{}, selector) do |
||||||
|
JS.show(js, |
||||||
|
to: selector, |
||||||
|
transition: |
||||||
|
{"transition-all transform ease-out duration-300", |
||||||
|
"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", |
||||||
|
"opacity-100 translate-y-0 sm:scale-100"} |
||||||
|
) |
||||||
|
end |
||||||
|
|
||||||
|
def hide(js \\ %JS{}, selector) do |
||||||
|
JS.hide(js, |
||||||
|
to: selector, |
||||||
|
time: 200, |
||||||
|
transition: |
||||||
|
{"transition-all transform ease-in duration-200", |
||||||
|
"opacity-100 translate-y-0 sm:scale-100", |
||||||
|
"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"} |
||||||
|
) |
||||||
|
end |
||||||
|
|
||||||
|
def show_modal(js \\ %JS{}, id) when is_binary(id) do |
||||||
|
js |
||||||
|
|> JS.show(to: "##{id}") |
||||||
|
|> JS.show( |
||||||
|
to: "##{id}-bg", |
||||||
|
transition: {"transition-all transform ease-out duration-300", "opacity-0", "opacity-100"} |
||||||
|
) |
||||||
|
|> show("##{id}-container") |
||||||
|
|> JS.focus_first(to: "##{id}-content") |
||||||
|
end |
||||||
|
|
||||||
|
def hide_modal(js \\ %JS{}, id) do |
||||||
|
js |
||||||
|
|> JS.hide( |
||||||
|
to: "##{id}-bg", |
||||||
|
transition: {"transition-all transform ease-in duration-200", "opacity-100", "opacity-0"} |
||||||
|
) |
||||||
|
|> hide("##{id}-container") |
||||||
|
|> JS.hide(to: "##{id}", transition: {"block", "block", "hidden"}) |
||||||
|
|> JS.pop_focus() |
||||||
|
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(ChirpWeb.Gettext, "errors", msg, msg, count, opts) |
||||||
|
else |
||||||
|
Gettext.dgettext(ChirpWeb.Gettext, "errors", msg, opts) |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Translates the errors for a field from a keyword list of errors. |
||||||
|
""" |
||||||
|
def translate_errors(errors, field) when is_list(errors) do |
||||||
|
for {^field, {msg, opts}} <- errors, do: translate_error({msg, opts}) |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
defmodule ChirpWeb.PageController do |
||||||
|
use ChirpWeb, :controller |
||||||
|
|
||||||
|
plug :put_layout, false when action in [:index] |
||||||
|
|
||||||
|
def index(conn, _params) do |
||||||
|
render(conn, "index.html") |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,51 @@ |
|||||||
|
defmodule ChirpWeb.Endpoint do |
||||||
|
use Phoenix.Endpoint, otp_app: :chirp |
||||||
|
|
||||||
|
# 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: "_chirp_key", |
||||||
|
signing_salt: "wt1t2RKU", |
||||||
|
same_site: "Lax" |
||||||
|
] |
||||||
|
|
||||||
|
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: :chirp, |
||||||
|
gzip: false, |
||||||
|
only: ChirpWeb.static_paths() |
||||||
|
|
||||||
|
# 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 |
||||||
|
plug Phoenix.Ecto.CheckRepoStatus, otp_app: :chirp |
||||||
|
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 ChirpWeb.Router |
||||||
|
end |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
defmodule ChirpWeb.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 ChirpWeb.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: :chirp |
||||||
|
end |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
defmodule ChirpWeb.Router do |
||||||
|
use ChirpWeb, :router |
||||||
|
|
||||||
|
pipeline :browser do |
||||||
|
plug :accepts, ["html"] |
||||||
|
plug :fetch_session |
||||||
|
plug :fetch_live_flash |
||||||
|
plug :put_root_layout, {ChirpWeb.LayoutView, :root} |
||||||
|
plug :protect_from_forgery |
||||||
|
plug :put_secure_browser_headers |
||||||
|
end |
||||||
|
|
||||||
|
pipeline :api do |
||||||
|
plug :accepts, ["json"] |
||||||
|
end |
||||||
|
|
||||||
|
scope "/", ChirpWeb do |
||||||
|
pipe_through :browser |
||||||
|
|
||||||
|
get "/", PageController, :index |
||||||
|
end |
||||||
|
|
||||||
|
# Other scopes may use custom stacks. |
||||||
|
# scope "/api", ChirpWeb do |
||||||
|
# pipe_through :api |
||||||
|
# end |
||||||
|
|
||||||
|
# Enable LiveDashboard and Swoosh mailbox preview in development |
||||||
|
if Application.compile_env(:chirp, :dev_routes) do |
||||||
|
# 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). |
||||||
|
import Phoenix.LiveDashboard.Router |
||||||
|
|
||||||
|
scope "/" do |
||||||
|
pipe_through :browser |
||||||
|
|
||||||
|
live_dashboard "/dashboard", metrics: ChirpWeb.Telemetry |
||||||
|
end |
||||||
|
|
||||||
|
scope "/dev" do |
||||||
|
pipe_through :browser |
||||||
|
|
||||||
|
forward "/mailbox", Plug.Swoosh.MailboxPreview |
||||||
|
end |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,71 @@ |
|||||||
|
defmodule ChirpWeb.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} |
||||||
|
), |
||||||
|
|
||||||
|
# Database Metrics |
||||||
|
summary("chirp.repo.query.total_time", |
||||||
|
unit: {:native, :millisecond}, |
||||||
|
description: "The sum of the other measurements" |
||||||
|
), |
||||||
|
summary("chirp.repo.query.decode_time", |
||||||
|
unit: {:native, :millisecond}, |
||||||
|
description: "The time spent decoding the data received from the database" |
||||||
|
), |
||||||
|
summary("chirp.repo.query.query_time", |
||||||
|
unit: {:native, :millisecond}, |
||||||
|
description: "The time spent executing the query" |
||||||
|
), |
||||||
|
summary("chirp.repo.query.queue_time", |
||||||
|
unit: {:native, :millisecond}, |
||||||
|
description: "The time spent waiting for a database connection" |
||||||
|
), |
||||||
|
summary("chirp.repo.query.idle_time", |
||||||
|
unit: {:native, :millisecond}, |
||||||
|
description: |
||||||
|
"The time the connection spent waiting before being checked out for the query" |
||||||
|
), |
||||||
|
|
||||||
|
# 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. |
||||||
|
# {ChirpWeb, :count_users, []} |
||||||
|
] |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,55 @@ |
|||||||
|
<header class="px-4 sm:px-6 lg:px-8"> |
||||||
|
<div class="flex items-center justify-between border-b border-zinc-100 py-3"> |
||||||
|
<div class="flex items-center gap-4"> |
||||||
|
<a href="/"> |
||||||
|
<svg viewBox="0 0 71 48" class="h-6" aria-hidden="true"> |
||||||
|
<path |
||||||
|
d="m26.371 33.477-.552-.1c-3.92-.729-6.397-3.1-7.57-6.829-.733-2.324.597-4.035 3.035-4.148 1.995-.092 3.362 1.055 4.57 2.39 1.557 1.72 2.984 3.558 4.514 5.305 2.202 2.515 4.797 4.134 8.347 3.634 3.183-.448 5.958-1.725 8.371-3.828.363-.316.761-.592 1.144-.886l-.241-.284c-2.027.63-4.093.841-6.205.735-3.195-.16-6.24-.828-8.964-2.582-2.486-1.601-4.319-3.746-5.19-6.611-.704-2.315.736-3.934 3.135-3.6.948.133 1.746.56 2.463 1.165.583.493 1.143 1.015 1.738 1.493 2.8 2.25 6.712 2.375 10.265-.068-5.842-.026-9.817-3.24-13.308-7.313-1.366-1.594-2.7-3.216-4.095-4.785-2.698-3.036-5.692-5.71-9.79-6.623C12.8-.623 7.745.14 2.893 2.361 1.926 2.804.997 3.319 0 4.149c.494 0 .763.006 1.032 0 2.446-.064 4.28 1.023 5.602 3.024.962 1.457 1.415 3.104 1.761 4.798.513 2.515.247 5.078.544 7.605.761 6.494 4.08 11.026 10.26 13.346 2.267.852 4.591 1.135 7.172.555ZM10.751 3.852c-.976.246-1.756-.148-2.56-.962 1.377-.343 2.592-.476 3.897-.528-.107.848-.607 1.306-1.336 1.49Zm32.002 37.924c-.085-.626-.62-.901-1.04-1.228-1.857-1.446-4.03-1.958-6.333-2-1.375-.026-2.735-.128-4.031-.61-.595-.22-1.26-.505-1.244-1.272.015-.78.693-1 1.31-1.184.505-.15 1.026-.247 1.6-.382-1.46-.936-2.886-1.065-4.787-.3-2.993 1.202-5.943 1.06-8.926-.017-1.684-.608-3.179-1.563-4.735-2.408l-.043.03a2.96 2.96 0 0 0 .04-.029c-.038-.117-.107-.12-.197-.054l.122.107c1.29 2.115 3.034 3.817 5.004 5.271 3.793 2.8 7.936 4.471 12.784 3.73A66.714 66.714 0 0 1 37 40.877c1.98-.16 3.866.398 5.753.899Zm-9.14-30.345c-.105-.076-.206-.266-.42-.069 1.745 2.36 3.985 4.098 6.683 5.193 4.354 1.767 8.773 2.07 13.293.51 3.51-1.21 6.033-.028 7.343 3.38.19-3.955-2.137-6.837-5.843-7.401-2.084-.318-4.01.373-5.962.94-5.434 1.575-10.485.798-15.094-2.553Zm27.085 15.425c.708.059 1.416.123 2.124.185-1.6-1.405-3.55-1.517-5.523-1.404-3.003.17-5.167 1.903-7.14 3.972-1.739 1.824-3.31 3.87-5.903 4.604.043.078.054.117.066.117.35.005.699.021 1.047.005 3.768-.17 7.317-.965 10.14-3.7.89-.86 1.685-1.817 2.544-2.71.716-.746 1.584-1.159 2.645-1.07Zm-8.753-4.67c-2.812.246-5.254 1.409-7.548 2.943-1.766 1.18-3.654 1.738-5.776 1.37-.374-.066-.75-.114-1.124-.17l-.013.156c.135.07.265.151.405.207.354.14.702.308 1.07.395 4.083.971 7.992.474 11.516-1.803 2.221-1.435 4.521-1.707 7.013-1.336.252.038.503.083.756.107.234.022.479.255.795.003-2.179-1.574-4.526-2.096-7.094-1.872Zm-10.049-9.544c1.475.051 2.943-.142 4.486-1.059-.452.04-.643.04-.827.076-2.126.424-4.033-.04-5.733-1.383-.623-.493-1.257-.974-1.889-1.457-2.503-1.914-5.374-2.555-8.514-2.5.05.154.054.26.108.315 3.417 3.455 7.371 5.836 12.369 6.008Zm24.727 17.731c-2.114-2.097-4.952-2.367-7.578-.537 1.738.078 3.043.632 4.101 1.728.374.388.763.768 1.182 1.106 1.6 1.29 4.311 1.352 5.896.155-1.861-.726-1.861-.726-3.601-2.452Zm-21.058 16.06c-1.858-3.46-4.981-4.24-8.59-4.008a9.667 9.667 0 0 1 2.977 1.39c.84.586 1.547 1.311 2.243 2.055 1.38 1.473 3.534 2.376 4.962 2.07-.656-.412-1.238-.848-1.592-1.507Zm17.29-19.32c0-.023.001-.045.003-.068l-.006.006.006-.006-.036-.004.021.018.012.053Zm-20 14.744a7.61 7.61 0 0 0-.072-.041.127.127 0 0 0 .015.043c.005.008.038 0 .058-.002Zm-.072-.041-.008-.034-.008.01.008-.01-.022-.006.005.026.024.014Z" |
||||||
|
fill="#FD4F00" |
||||||
|
/> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
<p class="rounded-full bg-brand/5 px-2 text-[0.8125rem] font-medium leading-6 text-brand"> |
||||||
|
v1.7 |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
<div class="flex items-center gap-4"> |
||||||
|
<a |
||||||
|
href="https://twitter.com/elixirphoenix" |
||||||
|
class="text-[0.8125rem] font-semibold leading-6 text-zinc-900 hover:text-zinc-700" |
||||||
|
> |
||||||
|
@elixirphoenix |
||||||
|
</a> |
||||||
|
<a |
||||||
|
href="https://github.com/phoenixframework/phoenix" |
||||||
|
class="text-[0.8125rem] font-semibold leading-6 text-zinc-900 hover:text-zinc-700" |
||||||
|
> |
||||||
|
GitHub |
||||||
|
</a> |
||||||
|
<a |
||||||
|
href="https://hexdocs.pm/phoenix/overview.html" |
||||||
|
class="rounded-lg bg-zinc-100 px-2 py-1 text-[0.8125rem] font-semibold leading-6 text-zinc-900 hover:bg-zinc-200/80 active:text-zinc-900/70" |
||||||
|
> |
||||||
|
Get Started <span aria-hidden="true">→</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<main class="px-4 py-20 sm:px-6 lg:px-8"> |
||||||
|
<div class="mx-auto max-w-2xl"> |
||||||
|
<.flash kind={:info} title="Success!" flash={@flash} /> |
||||||
|
<.flash kind={:error} title="Error!" flash={@flash} /> |
||||||
|
<.flash |
||||||
|
id="disconnected" |
||||||
|
kind={:error} |
||||||
|
title="We can't find the internet" |
||||||
|
close={false} |
||||||
|
autoshow={false} |
||||||
|
phx-disconnected={show("#disconnected")} |
||||||
|
phx-connected={hide("#disconnected")} |
||||||
|
> |
||||||
|
Attempting to reconnect <Heroicons.arrow_path class="ml-1 w-3 h-3 inline animate-spin" /> |
||||||
|
</.flash> |
||||||
|
<%= @inner_content %> |
||||||
|
</div> |
||||||
|
</main> |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"/> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"/> |
||||||
|
<meta name="csrf-token" content={get_csrf_token()}> |
||||||
|
<.live_title suffix=" · Phoenix Framework"><%= assigns[:page_title] || "Chirp" %></.live_title> |
||||||
|
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"}/> |
||||||
|
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}></script> |
||||||
|
</head> |
||||||
|
<body class="bg-white antialiased"> |
||||||
|
<%= @inner_content %> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,110 @@ |
|||||||
|
<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem]"> |
||||||
|
<svg viewBox="0 0 1480 957" fill="none" aria-hidden="true" class="absolute inset-0 h-full w-full" preserveAspectRatio="xMinYMid slice"> |
||||||
|
<path fill="#EE7868" d="M0 0h1480v957H0z" /> |
||||||
|
<path d="M137.542 466.27c-582.851-48.41-988.806-82.127-1608.412 658.2l67.39 810 3083.15-256.51L1535.94-49.622l-98.36 8.183C1269.29 281.468 734.115 515.799 146.47 467.012l-8.928-.742Z" fill="#FF9F92" /> |
||||||
|
<path d="M371.028 528.664C-169.369 304.988-545.754 149.198-1361.45 665.565l-182.58 792.025 3014.73 694.98 389.42-1689.25-96.18-22.171C1505.28 697.438 924.153 757.586 379.305 532.09l-8.277-3.426Z" fill="#FA8372" /> |
||||||
|
<path d="M359.326 571.714C-104.765 215.795-428.003-32.102-1349.55 255.554l-282.3 1224.596 3047.04 722.01 312.24-1354.467C1411.25 1028.3 834.355 935.995 366.435 577.166l-7.109-5.452Z" fill="#E96856" fill-opacity=".6" /> |
||||||
|
<path d="M1593.87 1236.88c-352.15 92.63-885.498-145.85-1244.602-613.557l-5.455-7.105C-12.347 152.31-260.41-170.8-1225-131.458l-368.63 1599.048 3057.19 704.76 130.31-935.47Z" fill="#C42652" fill-opacity=".2" /> |
||||||
|
<path d="M1411.91 1526.93c-363.79 15.71-834.312-330.6-1085.883-863.909l-3.822-8.102C72.704 125.95-101.074-242.476-1052.01-408.907l-699.85 1484.267 2837.75 1338.01 326.02-886.44Z" fill="#A41C42" fill-opacity=".2" /> |
||||||
|
<path d="M1116.26 1863.69c-355.457-78.98-720.318-535.27-825.287-1115.521l-1.594-8.816C185.286 163.833 112.786-237.016-762.678-643.898L-1822.83 608.665 571.922 2635.55l544.338-771.86Z" fill="#A41C42" fill-opacity=".2" /> |
||||||
|
</svg> |
||||||
|
</div> |
||||||
|
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28"> |
||||||
|
<div class="mx-auto max-w-xl lg:mx-0"> |
||||||
|
<svg viewBox="0 0 71 48" class="h-12" aria-hidden="true"> |
||||||
|
<path d="m26.371 33.477-.552-.1c-3.92-.729-6.397-3.1-7.57-6.829-.733-2.324.597-4.035 3.035-4.148 1.995-.092 3.362 1.055 4.57 2.39 1.557 1.72 2.984 3.558 4.514 5.305 2.202 2.515 4.797 4.134 8.347 3.634 3.183-.448 5.958-1.725 8.371-3.828.363-.316.761-.592 1.144-.886l-.241-.284c-2.027.63-4.093.841-6.205.735-3.195-.16-6.24-.828-8.964-2.582-2.486-1.601-4.319-3.746-5.19-6.611-.704-2.315.736-3.934 3.135-3.6.948.133 1.746.56 2.463 1.165.583.493 1.143 1.015 1.738 1.493 2.8 2.25 6.712 2.375 10.265-.068-5.842-.026-9.817-3.24-13.308-7.313-1.366-1.594-2.7-3.216-4.095-4.785-2.698-3.036-5.692-5.71-9.79-6.623C12.8-.623 7.745.14 2.893 2.361 1.926 2.804.997 3.319 0 4.149c.494 0 .763.006 1.032 0 2.446-.064 4.28 1.023 5.602 3.024.962 1.457 1.415 3.104 1.761 4.798.513 2.515.247 5.078.544 7.605.761 6.494 4.08 11.026 10.26 13.346 2.267.852 4.591 1.135 7.172.555ZM10.751 3.852c-.976.246-1.756-.148-2.56-.962 1.377-.343 2.592-.476 3.897-.528-.107.848-.607 1.306-1.336 1.49Zm32.002 37.924c-.085-.626-.62-.901-1.04-1.228-1.857-1.446-4.03-1.958-6.333-2-1.375-.026-2.735-.128-4.031-.61-.595-.22-1.26-.505-1.244-1.272.015-.78.693-1 1.31-1.184.505-.15 1.026-.247 1.6-.382-1.46-.936-2.886-1.065-4.787-.3-2.993 1.202-5.943 1.06-8.926-.017-1.684-.608-3.179-1.563-4.735-2.408l-.043.03a2.96 2.96 0 0 0 .04-.029c-.038-.117-.107-.12-.197-.054l.122.107c1.29 2.115 3.034 3.817 5.004 5.271 3.793 2.8 7.936 4.471 12.784 3.73A66.714 66.714 0 0 1 37 40.877c1.98-.16 3.866.398 5.753.899Zm-9.14-30.345c-.105-.076-.206-.266-.42-.069 1.745 2.36 3.985 4.098 6.683 5.193 4.354 1.767 8.773 2.07 13.293.51 3.51-1.21 6.033-.028 7.343 3.38.19-3.955-2.137-6.837-5.843-7.401-2.084-.318-4.01.373-5.962.94-5.434 1.575-10.485.798-15.094-2.553Zm27.085 15.425c.708.059 1.416.123 2.124.185-1.6-1.405-3.55-1.517-5.523-1.404-3.003.17-5.167 1.903-7.14 3.972-1.739 1.824-3.31 3.87-5.903 4.604.043.078.054.117.066.117.35.005.699.021 1.047.005 3.768-.17 7.317-.965 10.14-3.7.89-.86 1.685-1.817 2.544-2.71.716-.746 1.584-1.159 2.645-1.07Zm-8.753-4.67c-2.812.246-5.254 1.409-7.548 2.943-1.766 1.18-3.654 1.738-5.776 1.37-.374-.066-.75-.114-1.124-.17l-.013.156c.135.07.265.151.405.207.354.14.702.308 1.07.395 4.083.971 7.992.474 11.516-1.803 2.221-1.435 4.521-1.707 7.013-1.336.252.038.503.083.756.107.234.022.479.255.795.003-2.179-1.574-4.526-2.096-7.094-1.872Zm-10.049-9.544c1.475.051 2.943-.142 4.486-1.059-.452.04-.643.04-.827.076-2.126.424-4.033-.04-5.733-1.383-.623-.493-1.257-.974-1.889-1.457-2.503-1.914-5.374-2.555-8.514-2.5.05.154.054.26.108.315 3.417 3.455 7.371 5.836 12.369 6.008Zm24.727 17.731c-2.114-2.097-4.952-2.367-7.578-.537 1.738.078 3.043.632 4.101 1.728.374.388.763.768 1.182 1.106 1.6 1.29 4.311 1.352 5.896.155-1.861-.726-1.861-.726-3.601-2.452Zm-21.058 16.06c-1.858-3.46-4.981-4.24-8.59-4.008a9.667 9.667 0 0 1 2.977 1.39c.84.586 1.547 1.311 2.243 2.055 1.38 1.473 3.534 2.376 4.962 2.07-.656-.412-1.238-.848-1.592-1.507Zm17.29-19.32c0-.023.001-.045.003-.068l-.006.006.006-.006-.036-.004.021.018.012.053Zm-20 14.744a7.61 7.61 0 0 0-.072-.041.127.127 0 0 0 .015.043c.005.008.038 0 .058-.002Zm-.072-.041-.008-.034-.008.01.008-.01-.022-.006.005.026.024.014Z" fill="#FD4F00" /> |
||||||
|
</svg> |
||||||
|
<h1 class="mt-10 flex items-center text-sm font-semibold leading-6 text-brand"> |
||||||
|
<%= gettext("Phoenix Framework") %> |
||||||
|
<small class="ml-3 rounded-full bg-brand/5 px-2 text-[0.8125rem] font-medium leading-6">v1.7</small> |
||||||
|
</h1> |
||||||
|
<p class="mt-4 text-[2rem] font-semibold leading-10 tracking-tighter text-zinc-900">Peace of mind from prototype to production.</p> |
||||||
|
<p class="mt-4 text-base leading-7 text-zinc-600">Build rich, interactive web applications quickly, with less code and fewer moving parts. Join our growing community of developers using Phoenix to craft APIs, HTML5 apps and more, for fun or at scale.</p> |
||||||
|
<div class="flex"> |
||||||
|
<div class="w-full sm:w-auto"> |
||||||
|
<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-3"> |
||||||
|
<a href="https://hexdocs.pm/phoenix/overview.html" class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-zinc-900 sm:py-6"> |
||||||
|
<span class="absolute inset-0 rounded-2xl bg-zinc-50 transition group-hover:bg-zinc-100 sm:group-hover:scale-105"></span> |
||||||
|
<span class="relative flex items-center gap-4 sm:flex-col"> |
||||||
|
<svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="h-6 w-6"> |
||||||
|
<path d="m12 4 10-2v18l-10 2V4Z" fill="#18181B" fill-opacity=".15" /> |
||||||
|
<path d="M12 4 2 2v18l10 2m0-18v18m0-18 10-2v18l-10 2" stroke="#18181B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> |
||||||
|
</svg> |
||||||
|
Guides & Docs |
||||||
|
</span> |
||||||
|
</a> |
||||||
|
<a href="https://github.com/phoenixframework/phoenix" class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-zinc-900 sm:py-6"> |
||||||
|
<span class="absolute inset-0 rounded-2xl bg-zinc-50 transition group-hover:bg-zinc-100 sm:group-hover:scale-105"></span> |
||||||
|
<span class="relative flex items-center gap-4 sm:flex-col"> |
||||||
|
<svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6"> |
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.37 0 0 5.506 0 12.303c0 5.445 3.435 10.043 8.205 11.674.6.107.825-.262.825-.585 0-.292-.015-1.261-.015-2.291C6 21.67 5.22 20.346 4.98 19.654c-.135-.354-.72-1.446-1.23-1.738-.42-.23-1.02-.8-.015-.815.945-.015 1.62.892 1.845 1.261 1.08 1.86 2.805 1.338 3.495 1.015.105-.8.42-1.338.765-1.645-2.67-.308-5.46-1.37-5.46-6.075 0-1.338.465-2.446 1.23-3.307-.12-.308-.54-1.569.12-3.26 0 0 1.005-.323 3.3 1.26.96-.276 1.98-.415 3-.415s2.04.139 3 .416c2.295-1.6 3.3-1.261 3.3-1.261.66 1.691.24 2.952.12 3.26.765.861 1.23 1.953 1.23 3.307 0 4.721-2.805 5.767-5.475 6.075.435.384.81 1.122.81 2.276 0 1.645-.015 2.968-.015 3.383 0 .323.225.707.825.585a12.047 12.047 0 0 0 5.919-4.489A12.536 12.536 0 0 0 24 12.304C24 5.505 18.63 0 12 0Z" fill="#18181B" /> |
||||||
|
</svg> |
||||||
|
Source Code |
||||||
|
</span> |
||||||
|
</a> |
||||||
|
<a href="https://github.com/phoenixframework/phoenix/blob/v1.7/CHANGELOG.md" class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-zinc-900 sm:py-6"> |
||||||
|
<span class="absolute inset-0 rounded-2xl bg-zinc-50 transition group-hover:bg-zinc-100 sm:group-hover:scale-105"></span> |
||||||
|
<span class="relative flex items-center gap-4 sm:flex-col"> |
||||||
|
<svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="h-6 w-6"> |
||||||
|
<path d="M12 1v6M12 17v6" stroke="#18181B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> |
||||||
|
<circle cx="12" cy="12" r="4" fill="#18181B" fill-opacity=".15" stroke="#18181B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> |
||||||
|
</svg> |
||||||
|
Changelog |
||||||
|
</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="mt-10 grid grid-cols-1 gap-y-4 text-sm leading-6 text-zinc-700 sm:grid-cols-2"> |
||||||
|
<div> |
||||||
|
<a href="https://twitter.com/elixirphoenix" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"> |
||||||
|
<svg viewBox="0 0 16 16" aria-hidden="true" class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"> |
||||||
|
<path d="M5.403 14c5.283 0 8.172-4.617 8.172-8.62 0-.131 0-.262-.008-.391A6.033 6.033 0 0 0 15 3.419a5.503 5.503 0 0 1-1.65.477 3.018 3.018 0 0 0 1.263-1.676 5.579 5.579 0 0 1-1.824.736 2.832 2.832 0 0 0-1.63-.916 2.746 2.746 0 0 0-1.821.319A2.973 2.973 0 0 0 8.076 3.78a3.185 3.185 0 0 0-.182 1.938 7.826 7.826 0 0 1-3.279-.918 8.253 8.253 0 0 1-2.64-2.247 3.176 3.176 0 0 0-.315 2.208 3.037 3.037 0 0 0 1.203 1.836A2.739 2.739 0 0 1 1.56 6.22v.038c0 .7.23 1.377.65 1.919.42.54 1.004.912 1.654 1.05-.423.122-.866.14-1.297.052.184.602.541 1.129 1.022 1.506a2.78 2.78 0 0 0 1.662.598 5.656 5.656 0 0 1-2.007 1.074A5.475 5.475 0 0 1 1 12.64a7.827 7.827 0 0 0 4.403 1.358" /> |
||||||
|
</svg> |
||||||
|
Follow on Twitter |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<a href="https://elixirforum.com" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"> |
||||||
|
<svg viewBox="0 0 16 16" aria-hidden="true" class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"> |
||||||
|
<path d="M8 13.833c3.866 0 7-2.873 7-6.416C15 3.873 11.866 1 8 1S1 3.873 1 7.417c0 1.081.292 2.1.808 2.995.606 1.05.806 2.399.086 3.375l-.208.283c-.285.386-.01.905.465.85.852-.098 2.048-.318 3.137-.81a3.717 3.717 0 0 1 1.91-.318c.263.027.53.041.802.041Z" /> |
||||||
|
</svg> |
||||||
|
Discuss on the Elixir forum |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<a href="https://elixir-slackin.herokuapp.com" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"> |
||||||
|
<svg viewBox="0 0 16 16" aria-hidden="true" class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"> |
||||||
|
<path d="M3.95 9.85a1.47 1.47 0 1 1-2.94 0 1.47 1.47 0 0 1 1.47-1.472h1.47v1.471Zm.735 0a1.47 1.47 0 1 1 2.94 0v3.678a1.47 1.47 0 1 1-2.94 0V9.85ZM6.156 3.942a1.47 1.47 0 0 1-1.47-1.472 1.47 1.47 0 1 1 2.94 0v1.472h-1.47Zm0 .747c.813 0 1.47.658 1.47 1.471a1.47 1.47 0 0 1-1.47 1.472H2.47A1.47 1.47 0 0 1 1 6.16 1.47 1.47 0 0 1 2.47 4.69h3.686ZM12.048 6.16a1.47 1.47 0 1 1 2.94 0 1.47 1.47 0 0 1-1.47 1.472h-1.47V6.16Zm-.735 0a1.47 1.47 0 1 1-2.94 0V2.47a1.47 1.47 0 1 1 2.94 0v3.69ZM9.843 12.057c.813 0 1.47.657 1.47 1.471a1.47 1.47 0 1 1-2.94 0v-1.471h1.47Zm0-.736a1.47 1.47 0 0 1-1.47-1.472 1.47 1.47 0 0 1 1.47-1.471h3.686c.813 0 1.47.658 1.47 1.471a1.47 1.47 0 0 1-1.47 1.472H9.843Z" /> |
||||||
|
</svg> |
||||||
|
Join our Slack channel |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<a href="https://web.libera.chat/#elixir" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"> |
||||||
|
<svg viewBox="0 0 16 16" aria-hidden="true" class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"> |
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.356 2.007a.75.75 0 0 1 .637.849l-1.5 10.5a.75.75 0 1 1-1.485-.212l1.5-10.5a.75.75 0 0 1 .848-.637ZM11.356 2.008a.75.75 0 0 1 .637.848l-1.5 10.5a.75.75 0 0 1-1.485-.212l1.5-10.5a.75.75 0 0 1 .848-.636Z" /> |
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5.25a.75.75 0 0 1-.75.75h-9.5a.75.75 0 0 1 0-1.5h9.5a.75.75 0 0 1 .75.75ZM13 10.75a.75.75 0 0 1-.75.75h-9.5a.75.75 0 0 1 0-1.5h9.5a.75.75 0 0 1 .75.75Z" /> |
||||||
|
</svg> |
||||||
|
Chat on Libera IRC |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<a href="https://discord.gg/elixir" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"> |
||||||
|
<svg viewBox="0 0 16 16" aria-hidden="true" class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"> |
||||||
|
<path d="M13.545 2.995c-1.02-.46-2.114-.8-3.257-.994a.05.05 0 0 0-.052.024c-.141.246-.297.567-.406.82a12.377 12.377 0 0 0-3.658 0 8.238 8.238 0 0 0-.412-.82.052.052 0 0 0-.052-.024 13.315 13.315 0 0 0-3.257.994.046.046 0 0 0-.021.018C.356 6.063-.213 9.036.066 11.973c.001.015.01.029.02.038a13.353 13.353 0 0 0 3.996 1.987.052.052 0 0 0 .056-.018c.308-.414.582-.85.818-1.309a.05.05 0 0 0-.028-.069 8.808 8.808 0 0 1-1.248-.585.05.05 0 0 1-.005-.084c.084-.062.168-.126.248-.191a.05.05 0 0 1 .051-.007c2.619 1.176 5.454 1.176 8.041 0a.05.05 0 0 1 .053.006c.08.065.164.13.248.192a.05.05 0 0 1-.004.084c-.399.23-.813.423-1.249.585a.05.05 0 0 0-.027.07c.24.457.514.893.817 1.307a.051.051 0 0 0 .056.019 13.31 13.31 0 0 0 4.001-1.987.05.05 0 0 0 .021-.037c.334-3.396-.559-6.345-2.365-8.96a.04.04 0 0 0-.021-.02Zm-8.198 7.19c-.789 0-1.438-.712-1.438-1.587 0-.874.637-1.586 1.438-1.586.807 0 1.45.718 1.438 1.586 0 .875-.637 1.587-1.438 1.587Zm5.316 0c-.788 0-1.438-.712-1.438-1.587 0-.874.637-1.586 1.438-1.586.807 0 1.45.718 1.438 1.586 0 .875-.63 1.587-1.438 1.587Z" /> |
||||||
|
</svg> |
||||||
|
Join our Discord server |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<a href="https://fly.io/docs/getting-started/elixir/" class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"> |
||||||
|
<svg viewBox="0 0 20 20" aria-hidden="true" class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"> |
||||||
|
<path d="M1 12.5A4.5 4.5 0 005.5 17H15a4 4 0 001.866-7.539 3.504 3.504 0 00-4.504-4.272A4.5 4.5 0 004.06 8.235 4.502 4.502 0 001 12.5z" /> |
||||||
|
</svg> |
||||||
|
Deploy your application |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
defmodule ChirpWeb.ErrorView do |
||||||
|
use ChirpWeb, :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,3 @@ |
|||||||
|
defmodule ChirpWeb.LayoutView do |
||||||
|
use ChirpWeb, :view |
||||||
|
end |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
defmodule ChirpWeb.PageView do |
||||||
|
use ChirpWeb, :view |
||||||
|
end |
||||||
@ -0,0 +1,71 @@ |
|||||||
|
defmodule Chirp.MixProject do |
||||||
|
use Mix.Project |
||||||
|
|
||||||
|
def project do |
||||||
|
[ |
||||||
|
app: :chirp, |
||||||
|
version: "0.1.0", |
||||||
|
elixir: "~> 1.14", |
||||||
|
elixirc_paths: elixirc_paths(Mix.env()), |
||||||
|
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: {Chirp.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, github: "phoenixframework/phoenix", override: true}, |
||||||
|
{:phoenix_ecto, "~> 4.4"}, |
||||||
|
{:ecto_sql, "~> 3.6"}, |
||||||
|
{:postgrex, ">= 0.0.0"}, |
||||||
|
{:phoenix_html, "~> 3.0"}, |
||||||
|
{:phoenix_live_reload, "~> 1.2", only: :dev}, |
||||||
|
{:phoenix_live_view, "~> 0.18"}, |
||||||
|
{:heroicons, "~> 0.5"}, |
||||||
|
{:floki, ">= 0.30.0", only: :test}, |
||||||
|
{:tailwind, "~> 0.1.8", runtime: Mix.env() == :dev}, |
||||||
|
{:phoenix_live_dashboard, "~> 0.7"}, |
||||||
|
{:esbuild, "~> 0.5", runtime: Mix.env() == :dev}, |
||||||
|
{:swoosh, "~> 1.3"}, |
||||||
|
{:telemetry_metrics, "~> 0.6"}, |
||||||
|
{:telemetry_poller, "~> 1.0"}, |
||||||
|
{:gettext, "~> 0.20"}, |
||||||
|
{:jason, "~> 1.2"}, |
||||||
|
{:plug_cowboy, "~> 2.5"} |
||||||
|
] |
||||||
|
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", "ecto.setup"], |
||||||
|
"ecto.setup": ["ecto.create", "ecto.migrate", "run priv/repo/seeds.exs"], |
||||||
|
"ecto.reset": ["ecto.drop", "ecto.setup"], |
||||||
|
test: ["ecto.create --quiet", "ecto.migrate --quiet", "test"], |
||||||
|
"assets.deploy": ["tailwind default --minify", "esbuild default --minify", "phx.digest"] |
||||||
|
] |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,37 @@ |
|||||||
|
%{ |
||||||
|
"castore": {:hex, :castore, "0.1.18", "deb5b9ab02400561b6f5708f3e7660fc35ca2d51bfc6a940d2f513f89c2975fc", [:mix], [], "hexpm", "61bbaf6452b782ef80b33cdb45701afbcf0a918a45ebe7e73f1130d661e66a06"}, |
||||||
|
"connection": {:hex, :connection, "1.1.0", "ff2a49c4b75b6fb3e674bfc5536451607270aac754ffd1bdfe175abe4a6d7a68", [:mix], [], "hexpm", "722c1eb0a418fbe91ba7bd59a47e28008a189d47e37e0e7bb85585a016b2869c"}, |
||||||
|
"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"}, |
||||||
|
"db_connection": {:hex, :db_connection, "2.4.2", "f92e79aff2375299a16bcb069a14ee8615c3414863a6fef93156aee8e86c2ff3", [:mix], [{:connection, "~> 1.0", [hex: :connection, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "4fe53ca91b99f55ea249693a0229356a08f4d1a7931d8ffa79289b145fe83668"}, |
||||||
|
"decimal": {:hex, :decimal, "2.0.0", "a78296e617b0f5dd4c6caf57c714431347912ffb1d0842e998e9792b5642d697", [:mix], [], "hexpm", "34666e9c55dea81013e77d9d87370fe6cb6291d1ef32f46a1600230b1d44f577"}, |
||||||
|
"ecto": {:hex, :ecto, "3.8.4", "e06b8b87e62b27fea17fd2ff6041572ddd10339fd16cdf58446e402c6c90a74b", [:mix], [{:decimal, "~> 1.6 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "f9244288b8d42db40515463a008cf3f4e0e564bb9c249fe87bf28a6d79fe82d4"}, |
||||||
|
"ecto_sql": {:hex, :ecto_sql, "3.8.3", "a7d22c624202546a39d615ed7a6b784580391e65723f2d24f65941b4dd73d471", [:mix], [{:db_connection, "~> 2.5 or ~> 2.4.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.8.4", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.6.0", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.15.0 or ~> 0.16.0 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:tds, "~> 2.1.1 or ~> 2.2", [hex: :tds, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "348cb17fb9e6daf6f251a87049eafcb57805e2892e5e6a0f5dea0985d367329b"}, |
||||||
|
"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"}, |
||||||
|
"heroicons": {:hex, :heroicons, "0.5.0", "4ae690b2808246cd67f8a0e1a8b81f22ed35ec4ba25039c87f02e6caa5e07142", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "cc3633d161c096f98a1fa6ca2f1361cd75da6804457c33116c8388c16d5ca141"}, |
||||||
|
"html_entities": {:hex, :html_entities, "0.5.2", "9e47e70598da7de2a9ff6af8758399251db6dbb7eebe2b013f2bbd2515895c3c", [:mix], [], "hexpm", "c53ba390403485615623b9531e97696f076ed415e8d8058b1dbaa28181f4fdcc"}, |
||||||
|
"jason": {:hex, :jason, "1.4.0", "e855647bc964a44e2f67df589ccf49105ae039d4179db7f6271dfd3843dc27e6", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "79a3791085b2a0f743ca04cec0f7be26443738779d09302e01318f97bdb82121"}, |
||||||
|
"mime": {:hex, :mime, "2.0.3", "3676436d3d1f7b81b5a2d2bd8405f412c677558c81b1c92be58c00562bb59095", [:mix], [], "hexpm", "27a30bf0db44d25eecba73755acf4068cbfe26a4372f9eb3e4ea3a45956bff6b"}, |
||||||
|
"phoenix": {:git, "https://github.com/phoenixframework/phoenix.git", "64ab5740a4c69337590a3c859ed52ac0744741a4", []}, |
||||||
|
"phoenix_ecto": {:hex, :phoenix_ecto, "4.4.0", "0672ed4e4808b3fbed494dded89958e22fb882de47a97634c0b13e7b0b5f7720", [:mix], [{:ecto, "~> 3.3", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "09864e558ed31ee00bd48fcc1d4fc58ae9678c9e81649075431e69dbabb43cc1"}, |
||||||
|
"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.7.0", "9b5ab242e52c33596b132beaf97dccb9e59f7af941f41a22d0fa2465d0b63ab1", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [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.18.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "374d65e87e1e83528ea30852e34d4ad3022ddb92d642d43ec0b4e3c112046036"}, |
||||||
|
"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.18.0", "8705283efbc623df6290d5f8cb233afa9bcdcfc969749ce6e313877108f65887", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6 or ~> 1.7", [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", "545f11c15d595595690da16c4f607417bfb1862e518c07c9f78c754ac186cd7d"}, |
||||||
|
"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"}, |
||||||
|
"postgrex": {:hex, :postgrex, "0.16.5", "fcc4035cc90e23933c5d69a9cd686e329469446ef7abba2cf70f08e2c4b69810", [:mix], [{:connection, "~> 1.1", [hex: :connection, repo: "hexpm", optional: false]}, {:db_connection, "~> 2.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.5 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:table, "~> 0.1.0", [hex: :table, repo: "hexpm", optional: true]}], "hexpm", "edead639dc6e882618c01d8fc891214c481ab9a3788dfe38dd5e37fd1d5fb2e8"}, |
||||||
|
"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"}, |
||||||
|
"tailwind": {:hex, :tailwind, "0.1.9", "25ba09d42f7bfabe170eb67683a76d6ec2061952dc9bd263a52a99ba3d24bd4d", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "9213f87709c458aaec313bb5f2df2b4d2cedc2b630e4ae821bf3c54c47a56d0b"}, |
||||||
|
"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"}, |
||||||
|
} |
||||||
@ -0,0 +1,112 @@ |
|||||||
|
## `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" |
||||||
|
|
||||||
|
## From Ecto.Changeset.cast/4 |
||||||
|
msgid "can't be blank" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.unique_constraint/3 |
||||||
|
msgid "has already been taken" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.put_change/3 |
||||||
|
msgid "is invalid" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_acceptance/3 |
||||||
|
msgid "must be accepted" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_format/3 |
||||||
|
msgid "has invalid format" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_subset/3 |
||||||
|
msgid "has an invalid entry" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_exclusion/3 |
||||||
|
msgid "is reserved" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_confirmation/3 |
||||||
|
msgid "does not match confirmation" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.no_assoc_constraint/3 |
||||||
|
msgid "is still associated with this entry" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "are still associated with this entry" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_length/3 |
||||||
|
msgid "should have %{count} item(s)" |
||||||
|
msgid_plural "should have %{count} item(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be %{count} character(s)" |
||||||
|
msgid_plural "should be %{count} character(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be %{count} byte(s)" |
||||||
|
msgid_plural "should be %{count} byte(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should have at least %{count} item(s)" |
||||||
|
msgid_plural "should have at least %{count} item(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at least %{count} character(s)" |
||||||
|
msgid_plural "should be at least %{count} character(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at least %{count} byte(s)" |
||||||
|
msgid_plural "should be at least %{count} byte(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should have at most %{count} item(s)" |
||||||
|
msgid_plural "should have at most %{count} item(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at most %{count} character(s)" |
||||||
|
msgid_plural "should be at most %{count} character(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at most %{count} byte(s)" |
||||||
|
msgid_plural "should be at most %{count} byte(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_number/3 |
||||||
|
msgid "must be less than %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be greater than %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be less than or equal to %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be greater than or equal to %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be equal to %{number}" |
||||||
|
msgstr "" |
||||||
@ -0,0 +1,110 @@ |
|||||||
|
## 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. |
||||||
|
|
||||||
|
## From Ecto.Changeset.cast/4 |
||||||
|
msgid "can't be blank" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.unique_constraint/3 |
||||||
|
msgid "has already been taken" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.put_change/3 |
||||||
|
msgid "is invalid" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_acceptance/3 |
||||||
|
msgid "must be accepted" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_format/3 |
||||||
|
msgid "has invalid format" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_subset/3 |
||||||
|
msgid "has an invalid entry" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_exclusion/3 |
||||||
|
msgid "is reserved" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_confirmation/3 |
||||||
|
msgid "does not match confirmation" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.no_assoc_constraint/3 |
||||||
|
msgid "is still associated with this entry" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "are still associated with this entry" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_length/3 |
||||||
|
msgid "should have %{count} item(s)" |
||||||
|
msgid_plural "should have %{count} item(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be %{count} character(s)" |
||||||
|
msgid_plural "should be %{count} character(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be %{count} byte(s)" |
||||||
|
msgid_plural "should be %{count} byte(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should have at least %{count} item(s)" |
||||||
|
msgid_plural "should have at least %{count} item(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at least %{count} character(s)" |
||||||
|
msgid_plural "should be at least %{count} character(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at least %{count} byte(s)" |
||||||
|
msgid_plural "should be at least %{count} byte(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should have at most %{count} item(s)" |
||||||
|
msgid_plural "should have at most %{count} item(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at most %{count} character(s)" |
||||||
|
msgid_plural "should be at most %{count} character(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
msgid "should be at most %{count} byte(s)" |
||||||
|
msgid_plural "should be at most %{count} byte(s)" |
||||||
|
msgstr[0] "" |
||||||
|
msgstr[1] "" |
||||||
|
|
||||||
|
## From Ecto.Changeset.validate_number/3 |
||||||
|
msgid "must be less than %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be greater than %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be less than or equal to %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be greater than or equal to %{number}" |
||||||
|
msgstr "" |
||||||
|
|
||||||
|
msgid "must be equal to %{number}" |
||||||
|
msgstr "" |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
[ |
||||||
|
import_deps: [:ecto_sql], |
||||||
|
inputs: ["*.exs"] |
||||||
|
] |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
# Script for populating the database. You can run it as: |
||||||
|
# |
||||||
|
# mix run priv/repo/seeds.exs |
||||||
|
# |
||||||
|
# Inside the script, you can read and write to any of your |
||||||
|
# repositories directly: |
||||||
|
# |
||||||
|
# Chirp.Repo.insert!(%Chirp.SomeSchema{}) |
||||||
|
# |
||||||
|
# We recommend using the bang functions (`insert!`, `update!` |
||||||
|
# and so on) as they will fail if something goes wrong. |
||||||
|
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,8 @@ |
|||||||
|
defmodule ChirpWeb.PageControllerTest do |
||||||
|
use ChirpWeb.ConnCase |
||||||
|
|
||||||
|
test "GET /", %{conn: conn} do |
||||||
|
conn = get(conn, ~p"/") |
||||||
|
assert html_response(conn, 200) =~ "Peace of mind from prototype to production" |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
defmodule ChirpWeb.ErrorViewTest do |
||||||
|
use ChirpWeb.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(ChirpWeb.ErrorView, "404.html", []) == "Not Found" |
||||||
|
end |
||||||
|
|
||||||
|
test "renders 500.html" do |
||||||
|
assert render_to_string(ChirpWeb.ErrorView, "500.html", []) == "Internal Server Error" |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
defmodule ChirpWeb.LayoutViewTest do |
||||||
|
use ChirpWeb.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 |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
defmodule ChirpWeb.PageViewTest do |
||||||
|
use ChirpWeb.ConnCase, async: true |
||||||
|
end |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
defmodule ChirpWeb.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 ChirpWeb.ConnCase, async: true`, although |
||||||
|
this option is not recommended for other databases. |
||||||
|
""" |
||||||
|
|
||||||
|
use ExUnit.CaseTemplate |
||||||
|
|
||||||
|
using do |
||||||
|
quote do |
||||||
|
# The default endpoint for testing |
||||||
|
@endpoint ChirpWeb.Endpoint |
||||||
|
|
||||||
|
use ChirpWeb, :verified_routes |
||||||
|
|
||||||
|
# Import conveniences for testing with connections |
||||||
|
import Plug.Conn |
||||||
|
import Phoenix.ConnTest |
||||||
|
import ChirpWeb.ConnCase |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
setup tags do |
||||||
|
Chirp.DataCase.setup_sandbox(tags) |
||||||
|
{:ok, conn: Phoenix.ConnTest.build_conn()} |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,58 @@ |
|||||||
|
defmodule Chirp.DataCase do |
||||||
|
@moduledoc """ |
||||||
|
This module defines the setup for tests requiring |
||||||
|
access to the application's data layer. |
||||||
|
|
||||||
|
You may define functions here to be used as helpers in |
||||||
|
your tests. |
||||||
|
|
||||||
|
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 Chirp.DataCase, async: true`, although |
||||||
|
this option is not recommended for other databases. |
||||||
|
""" |
||||||
|
|
||||||
|
use ExUnit.CaseTemplate |
||||||
|
|
||||||
|
using do |
||||||
|
quote do |
||||||
|
alias Chirp.Repo |
||||||
|
|
||||||
|
import Ecto |
||||||
|
import Ecto.Changeset |
||||||
|
import Ecto.Query |
||||||
|
import Chirp.DataCase |
||||||
|
end |
||||||
|
end |
||||||
|
|
||||||
|
setup tags do |
||||||
|
Chirp.DataCase.setup_sandbox(tags) |
||||||
|
:ok |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
Sets up the sandbox based on the test tags. |
||||||
|
""" |
||||||
|
def setup_sandbox(tags) do |
||||||
|
pid = Ecto.Adapters.SQL.Sandbox.start_owner!(Chirp.Repo, shared: not tags[:async]) |
||||||
|
on_exit(fn -> Ecto.Adapters.SQL.Sandbox.stop_owner(pid) end) |
||||||
|
end |
||||||
|
|
||||||
|
@doc """ |
||||||
|
A helper that transforms changeset errors into a map of messages. |
||||||
|
|
||||||
|
assert {:error, changeset} = Accounts.create_user(%{password: "short"}) |
||||||
|
assert "password is too short" in errors_on(changeset).password |
||||||
|
assert %{password: ["password is too short"]} = errors_on(changeset) |
||||||
|
|
||||||
|
""" |
||||||
|
def errors_on(changeset) do |
||||||
|
Ecto.Changeset.traverse_errors(changeset, fn {message, opts} -> |
||||||
|
Regex.replace(~r"%{(\w+)}", message, fn _, key -> |
||||||
|
opts |> Keyword.get(String.to_existing_atom(key), key) |> to_string() |
||||||
|
end) |
||||||
|
end) |
||||||
|
end |
||||||
|
end |
||||||
Loading…
Reference in new issue