<%= get_flash(@conn, :info) %>
21 |<%= get_flash(@conn, :error) %>
22 | <%= render @view_module, @view_template, assigns %> 23 |
50 |
66 |
67 | {array.length > 0 && clear()}>clear}
68 |
69 |
71 | )
72 | }
73 |
--------------------------------------------------------------------------------
/demo/assets/js/components/Counter.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {useServerState} from '@glue/react'
3 |
4 | function randomNumber() {
5 | return Math.floor(Math.random()*100)
6 | }
7 |
8 | export default function() {
9 | const {count, increment, decrement, update} = useServerState('counter', {sync: true})
10 |
11 | return (
12 | {JSON.stringify(array, null, 2)}
13 |
14 |
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/demo/assets/js/components/Dictionary.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {useServerState} from '@glue/react'
3 |
4 | const Pair = ({id, value, onRemove}) => {
5 | const confirmRemove = () => {
6 | if (confirm(`Are you sure you want to remove ${id}?`)) {
7 | onRemove()
8 | }
9 | }
10 |
11 | return (
12 | {count}
15 | 16 | 17 | update(randomNumber())}>I'm feeling lucky! 18 |
54 |
71 |
72 | {pairs.length > 0 && clear()}>clear}
73 |
74 |
76 | )
77 | }
78 |
--------------------------------------------------------------------------------
/demo/assets/js/components/Value.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {useServerState} from '@glue/react'
3 |
4 | export default function() {
5 | const {value} = useServerState('random')
6 |
7 | return {JSON.stringify(value, null, 2)}{value}
8 | } 9 | -------------------------------------------------------------------------------- /demo/assets/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "repository": {}, 3 | "license": "MIT", 4 | "scripts": { 5 | "deploy": "webpack --mode production", 6 | "watch": "webpack --mode development --watch" 7 | }, 8 | "dependencies": { 9 | "@babel/plugin-transform-runtime": "^7.5.5", 10 | "@babel/runtime": "^7.5.5", 11 | "@glue/core": "file:../../packages/core", 12 | "@glue/react": "file:../../packages/react", 13 | "font-awesome": "^4.7.0", 14 | "js-yaml": "^3.13.1", 15 | "mem": "5.1.1", 16 | "phoenix": "file:../deps/phoenix", 17 | "phoenix_html": "file:../deps/phoenix_html" 18 | }, 19 | "devDependencies": { 20 | "@babel/core": "^7.5.5", 21 | "@babel/preset-env": "^7.5.5", 22 | "@babel/preset-react": "^7.0.0", 23 | "babel-loader": "^8.0.6", 24 | "copy-webpack-plugin": "^5.0.4", 25 | "css-loader": "^3.2.0", 26 | "file-loader": "^4.2.0", 27 | "mini-css-extract-plugin": "^0.8.0", 28 | "optimize-css-assets-webpack-plugin": "^5.0.3", 29 | "postcss-import": "^12.0.1", 30 | "postcss-loader": "^3.0.0", 31 | "react": "^16.9.0", 32 | "react-dom": "^16.9.0", 33 | "sass": "^1.22.10", 34 | "sass-loader": "^7.3.1", 35 | "tailwindcss": "^1.1.2", 36 | "uglifyjs-webpack-plugin": "^2.2.0", 37 | "webpack": "4.39.2", 38 | "webpack-cli": "^3.3.7" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /demo/assets/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshnuss/glue/d8d406e34c68d4f8f520a9b81b6774cdd838e0dc/demo/assets/static/favicon.ico -------------------------------------------------------------------------------- /demo/assets/static/images/phoenix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshnuss/glue/d8d406e34c68d4f8f520a9b81b6774cdd838e0dc/demo/assets/static/images/phoenix.png -------------------------------------------------------------------------------- /demo/assets/static/robots.txt: -------------------------------------------------------------------------------- 1 | # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file 2 | # 3 | # To ban all spiders from the entire site uncomment the next two lines: 4 | # User-agent: * 5 | # Disallow: / 6 | -------------------------------------------------------------------------------- /demo/assets/tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | theme: { 3 | extend: {} 4 | }, 5 | variants: {}, 6 | plugins: [] 7 | } 8 | -------------------------------------------------------------------------------- /demo/assets/webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const glob = require('glob'); 3 | const MiniCssExtractPlugin = require('mini-css-extract-plugin'); 4 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); 5 | const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin'); 6 | const CopyWebpackPlugin = require('copy-webpack-plugin'); 7 | 8 | module.exports = (env, options) => ({ 9 | optimization: { 10 | minimizer: [ 11 | new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: false }), 12 | new OptimizeCSSAssetsPlugin({}) 13 | ] 14 | }, 15 | entry: { 16 | './js/app.js': glob.sync('./vendor/**/*.js').concat(['./js/app.js']) 17 | }, 18 | output: { 19 | filename: 'app.js', 20 | path: path.resolve(__dirname, '../priv/static/js') 21 | }, 22 | module: { 23 | rules: [ 24 | { 25 | test: /\.js$/, 26 | exclude: /node_modules/, 27 | use: { 28 | loader: 'babel-loader' 29 | } 30 | }, 31 | { 32 | test: /\.css$/, 33 | use: [MiniCssExtractPlugin.loader, 'css-loader'] 34 | }, 35 | { 36 | test: /\.s[ac]ss$/i, 37 | use: [ 38 | MiniCssExtractPlugin.loader, 39 | 'css-loader', 40 | 'sass-loader', 41 | { 42 | loader: 'postcss-loader', 43 | options: { 44 | ident: 'postcss', 45 | plugins: [ 46 | require('postcss-import'), 47 | require('tailwindcss'), 48 | require('autoprefixer'), 49 | ], 50 | }, 51 | }, 52 | ], 53 | }, 54 | { 55 | test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/, 56 | use: [ 57 | { 58 | loader: 'file-loader', 59 | options: { 60 | name: '[name].[ext]', 61 | outputPath: '../fonts' 62 | } 63 | } 64 | ] 65 | } 66 | ] 67 | }, 68 | plugins: [ 69 | new MiniCssExtractPlugin({ filename: '../css/app.css' }), 70 | new CopyWebpackPlugin([{ from: 'static/', to: '../' }]) 71 | ] 72 | }); 73 | -------------------------------------------------------------------------------- /demo/config/config.exs: -------------------------------------------------------------------------------- 1 | # This file is responsible for configuring your application 2 | # and its dependencies with the aid of the Mix.Config module. 3 | # 4 | # This configuration file is loaded before any dependency and 5 | # is restricted to this project. 6 | 7 | # General application configuration 8 | use Mix.Config 9 | 10 | # Configures the endpoint 11 | config :demo, DemoWeb.Endpoint, 12 | url: [host: "localhost"], 13 | secret_key_base: "6rIwsZ0cDNSH9UOkP4oJ9Xv4cuHxKg6N1Cymoqzo5iWUEGxwQVJGyHWENCt3EMgY", 14 | render_errors: [view: DemoWeb.ErrorView, accepts: ~w(html json)], 15 | pubsub: [name: Demo.PubSub, adapter: Phoenix.PubSub.PG2] 16 | 17 | # Configures Elixir's Logger 18 | config :logger, :console, 19 | format: "$time $metadata[$level] $message\n", 20 | metadata: [:request_id] 21 | 22 | # Use Jason for JSON parsing in Phoenix 23 | config :phoenix, :json_library, Jason 24 | 25 | import_config "hooks.exs" 26 | # Import environment specific config. This must remain at the bottom 27 | # of this file so it overrides the configuration defined above. 28 | import_config "#{Mix.env()}.exs" 29 | -------------------------------------------------------------------------------- /demo/config/dev.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # For development, we disable any cache and enable 4 | # debugging and code reloading. 5 | # 6 | # The watchers configuration can be used to run external 7 | # watchers to your application. For example, we use it 8 | # with webpack to recompile .js and .css sources. 9 | config :demo, DemoWeb.Endpoint, 10 | http: [port: 4000], 11 | debug_errors: true, 12 | code_reloader: true, 13 | check_origin: false, 14 | watchers: [ 15 | node: [ 16 | "node_modules/webpack/bin/webpack.js", 17 | "--mode", 18 | "development", 19 | "--watch-stdin", 20 | cd: Path.expand("../assets", __DIR__) 21 | ] 22 | ] 23 | 24 | # ## SSL Support 25 | # 26 | # In order to use HTTPS in development, a self-signed 27 | # certificate can be generated by running the following 28 | # Mix task: 29 | # 30 | # mix phx.gen.cert 31 | # 32 | # Note that this task requires Erlang/OTP 20 or later. 33 | # Run `mix help phx.gen.cert` for more information. 34 | # 35 | # The `http:` config above can be replaced with: 36 | # 37 | # https: [ 38 | # port: 4001, 39 | # cipher_suite: :strong, 40 | # keyfile: "priv/cert/selfsigned_key.pem", 41 | # certfile: "priv/cert/selfsigned.pem" 42 | # ], 43 | # 44 | # If desired, both `http:` and `https:` keys can be 45 | # configured to run both http and https servers on 46 | # different ports. 47 | 48 | # Watch static and templates for browser reloading. 49 | config :demo, DemoWeb.Endpoint, 50 | live_reload: [ 51 | patterns: [ 52 | ~r"priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$", 53 | ~r"priv/gettext/.*(po)$", 54 | ~r"lib/demo_web/{live,views}/.*(ex)$", 55 | ~r"lib/demo_web/templates/.*(eex)$" 56 | ] 57 | ] 58 | 59 | # Do not include metadata nor timestamps in development logs 60 | config :logger, :console, format: "[$level] $message\n" 61 | 62 | # Set a higher stacktrace during development. Avoid configuring such 63 | # in production as building large stacktraces may be expensive. 64 | config :phoenix, :stacktrace_depth, 20 65 | 66 | # Initialize plugs at runtime for faster development compilation 67 | config :phoenix, :plug_init_mode, :runtime 68 | -------------------------------------------------------------------------------- /demo/config/hooks.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | config :demo, :hooks, %{ 4 | random: %{ 5 | mod: Demo.Random, 6 | access: %{ 7 | action: :value 8 | } 9 | }, 10 | counter: %{ 11 | mod: Demo.Counter, 12 | access: %{ 13 | action: :get, 14 | label: :count, 15 | default: "..." 16 | }, 17 | calls: [:increment, :decrement, :update] 18 | }, 19 | array: %{ 20 | mod: Demo.Array, 21 | access: %{ 22 | action: :value, 23 | label: :array, 24 | default: [] 25 | }, 26 | calls: [:push, :get, :del, :clear] 27 | }, 28 | dictionary: %{ 29 | mod: Demo.Dictionary, 30 | access: %{ 31 | action: :value, 32 | default: %{} 33 | }, 34 | calls: [:put, :get, :del, :clear] 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /demo/config/prod.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # For production, don't forget to configure the url host 4 | # to something meaningful, Phoenix uses this information 5 | # when generating URLs. 6 | # 7 | # Note we also include the path to a cache manifest 8 | # containing the digested version of static files. This 9 | # manifest is generated by the `mix phx.digest` task, 10 | # which you should run after static files are built and 11 | # before starting your production server. 12 | config :demo, DemoWeb.Endpoint, 13 | url: [host: "react-use-server-state.gigalixirapp.com", port: 4000], 14 | cache_static_manifest: "priv/static/cache_manifest.json" 15 | 16 | # Do not print debug messages in production 17 | config :logger, level: :info 18 | 19 | # ## SSL Support 20 | # 21 | # To get SSL working, you will need to add the `https` key 22 | # to the previous section and set your `:url` port to 443: 23 | # 24 | # config :demo, DemoWeb.Endpoint, 25 | # ... 26 | # url: [host: "example.com", port: 443], 27 | # https: [ 28 | # :inet6, 29 | # port: 443, 30 | # cipher_suite: :strong, 31 | # keyfile: System.get_env("SOME_APP_SSL_KEY_PATH"), 32 | # certfile: System.get_env("SOME_APP_SSL_CERT_PATH") 33 | # ] 34 | # 35 | # The `cipher_suite` is set to `:strong` to support only the 36 | # latest and more secure SSL ciphers. This means old browsers 37 | # and clients may not be supported. You can set it to 38 | # `:compatible` for wider support. 39 | # 40 | # `:keyfile` and `:certfile` expect an absolute path to the key 41 | # and cert in disk or a relative path inside priv, for example 42 | # "priv/ssl/server.key". For all supported SSL configuration 43 | # options, see https://hexdocs.pm/plug/Plug.SSL.html#configure/1 44 | # 45 | # We also recommend setting `force_ssl` in your endpoint, ensuring 46 | # no data is ever sent via http, always redirecting to https: 47 | # 48 | # config :demo, DemoWeb.Endpoint, 49 | # force_ssl: [hsts: true] 50 | # 51 | # Check `Plug.SSL` for all available options in `force_ssl`. 52 | 53 | # Finally import the config/prod.secret.exs which loads secrets 54 | # and configuration from environment variables. 55 | import_config "prod.secret.exs" 56 | -------------------------------------------------------------------------------- /demo/config/prod.secret.exs: -------------------------------------------------------------------------------- 1 | # In this file, we load production configuration and secrets 2 | # from environment variables. You can also hardcode secrets, 3 | # although such is generally not recommended and you have to 4 | # remember to add this file to your .gitignore. 5 | use Mix.Config 6 | 7 | secret_key_base = 8 | System.get_env("SECRET_KEY_BASE") || 9 | raise """ 10 | environment variable SECRET_KEY_BASE is missing. 11 | You can generate one by calling: mix phx.gen.secret 12 | """ 13 | 14 | config :demo, DemoWeb.Endpoint, 15 | http: [:inet6, port: String.to_integer(System.get_env("PORT") || "4000")], 16 | secret_key_base: secret_key_base 17 | 18 | # ## Using releases (Elixir v1.9+) 19 | # 20 | # If you are doing OTP releases, you need to instruct Phoenix 21 | # to start each relevant endpoint: 22 | # 23 | # config :demo, DemoWeb.Endpoint, server: true 24 | # 25 | # Then you can assemble a release by calling `mix release`. 26 | # See `mix help release` for more information. 27 | -------------------------------------------------------------------------------- /demo/config/test.exs: -------------------------------------------------------------------------------- 1 | use Mix.Config 2 | 3 | # We don't run a server during test. If one is required, 4 | # you can enable the server option below. 5 | config :demo, DemoWeb.Endpoint, 6 | http: [port: 4002], 7 | server: false 8 | 9 | # Print only warnings and errors during test 10 | config :logger, level: :warn 11 | -------------------------------------------------------------------------------- /demo/lib/demo.ex: -------------------------------------------------------------------------------- 1 | defmodule Demo do 2 | @moduledoc """ 3 | Demo keeps the contexts that define your domain 4 | and business logic. 5 | 6 | Contexts are also responsible for managing your data, regardless 7 | if it comes from the database, an external API or others. 8 | """ 9 | end 10 | -------------------------------------------------------------------------------- /demo/lib/demo/application.ex: -------------------------------------------------------------------------------- 1 | defmodule Demo.Application do 2 | # See https://hexdocs.pm/elixir/Application.html 3 | # for more information on OTP Applications 4 | @moduledoc false 5 | 6 | use Application 7 | 8 | def start(_type, _args) do 9 | # List all child processes to be supervised 10 | children = [ 11 | # Start the endpoint when the application starts 12 | DemoWeb.Endpoint, 13 | Demo.Counter, 14 | Demo.Array, 15 | Demo.Dictionary 16 | ] 17 | 18 | # See https://hexdocs.pm/elixir/Supervisor.html 19 | # for other strategies and supported options 20 | opts = [strategy: :one_for_one, name: Demo.Supervisor] 21 | Supervisor.start_link(children, opts) 22 | end 23 | 24 | # Tell Phoenix to update the endpoint configuration 25 | # whenever the application is updated. 26 | def config_change(changed, _new, removed) do 27 | DemoWeb.Endpoint.config_change(changed, removed) 28 | :ok 29 | end 30 | end 31 | -------------------------------------------------------------------------------- /demo/lib/demo/array.ex: -------------------------------------------------------------------------------- 1 | defmodule Demo.Array do 2 | use Agent 3 | 4 | @name __MODULE__ 5 | 6 | def start_link(_opts) do 7 | Agent.start_link(fn -> [] end, name: @name) 8 | end 9 | 10 | def value, do: Agent.get(@name, & &1) 11 | 12 | def push(item) do 13 | Agent.get_and_update(@name, fn state -> 14 | new_state = [item | state] 15 | {new_state, new_state} 16 | end) 17 | end 18 | 19 | def get(index) do 20 | Agent.get(@name, fn state -> 21 | value = Enum.at(state, index) 22 | 23 | {:ok, value, state} 24 | end) 25 | end 26 | 27 | def del(index) do 28 | Agent.get_and_update(@name, fn state -> 29 | new_state = List.delete_at(state, index) 30 | {new_state, new_state} 31 | end) 32 | end 33 | 34 | def clear() do 35 | Agent.update(@name, fn _ -> [] end) 36 | [] 37 | end 38 | end 39 | -------------------------------------------------------------------------------- /demo/lib/demo/counter.ex: -------------------------------------------------------------------------------- 1 | defmodule Demo.Counter do 2 | use Agent 3 | 4 | @name __MODULE__ 5 | 6 | def start_link(_opts) do 7 | Agent.start_link(fn -> 0 end, name: @name) 8 | end 9 | 10 | def get, do: Agent.get(@name, & &1) 11 | def increment, do: change(&(&1 + 1)) 12 | def decrement, do: change(&(&1 - 1)) 13 | def update(value), do: change(fn _ -> value end) 14 | 15 | defp change(fun) do 16 | Agent.get_and_update(@name, &{fun.(&1), fun.(&1)}) 17 | end 18 | end 19 | -------------------------------------------------------------------------------- /demo/lib/demo/dictionary.ex: -------------------------------------------------------------------------------- 1 | defmodule Demo.Dictionary do 2 | use Agent 3 | 4 | @name __MODULE__ 5 | 6 | def start_link(_opts) do 7 | Agent.start_link(fn -> %{} end, name: @name) 8 | end 9 | 10 | def value, do: Agent.get(@name, & &1) 11 | 12 | def put(key, value) do 13 | Agent.get_and_update(@name, fn state -> 14 | new_state = Map.put(state, key, value) 15 | {new_state, new_state} 16 | end) 17 | end 18 | 19 | def get(key) do 20 | Agent.get(@name, fn state -> 21 | value = Map.get(state, key) 22 | 23 | {:ok, value, state} 24 | end) 25 | end 26 | 27 | def del(key) do 28 | Agent.get_and_update(@name, fn state -> 29 | new_state = Map.delete(state, key) 30 | {new_state, new_state} 31 | end) 32 | end 33 | 34 | def clear() do 35 | Agent.update(@name, fn _ -> %{} end) 36 | %{} 37 | end 38 | end 39 | -------------------------------------------------------------------------------- /demo/lib/demo/random.ex: -------------------------------------------------------------------------------- 1 | defmodule Demo.Random do 2 | def value, do: :rand.uniform(1000) 3 | end 4 | -------------------------------------------------------------------------------- /demo/lib/demo_web.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb do 2 | @moduledoc """ 3 | The entrypoint for defining your web interface, such 4 | as controllers, views, channels and so on. 5 | 6 | This can be used in your application as: 7 | 8 | use DemoWeb, :controller 9 | use DemoWeb, :view 10 | 11 | The definitions below will be executed for every view, 12 | controller, etc, so keep them short and clean, focused 13 | on imports, uses and aliases. 14 | 15 | Do NOT define functions inside the quoted expressions 16 | below. Instead, define any helper function in modules 17 | and import those modules here. 18 | """ 19 | 20 | def controller do 21 | quote do 22 | use Phoenix.Controller, namespace: DemoWeb 23 | 24 | import Plug.Conn 25 | import DemoWeb.Gettext 26 | alias DemoWeb.Router.Helpers, as: Routes 27 | end 28 | end 29 | 30 | def view do 31 | quote do 32 | use Phoenix.View, 33 | root: "lib/demo_web/templates", 34 | namespace: DemoWeb 35 | 36 | # Import convenience functions from controllers 37 | import Phoenix.Controller, only: [get_flash: 1, get_flash: 2, view_module: 1] 38 | 39 | # Use all HTML functionality (forms, tags, etc) 40 | use Phoenix.HTML 41 | 42 | import DemoWeb.ErrorHelpers 43 | import DemoWeb.Gettext 44 | alias DemoWeb.Router.Helpers, as: Routes 45 | end 46 | end 47 | 48 | def router do 49 | quote do 50 | use Phoenix.Router 51 | import Plug.Conn 52 | import Phoenix.Controller 53 | end 54 | end 55 | 56 | def channel do 57 | quote do 58 | use Phoenix.Channel 59 | import DemoWeb.Gettext 60 | end 61 | end 62 | 63 | @doc """ 64 | When used, dispatch to the appropriate controller/view/etc. 65 | """ 66 | defmacro __using__(which) when is_atom(which) do 67 | apply(__MODULE__, which, []) 68 | end 69 | end 70 | -------------------------------------------------------------------------------- /demo/lib/demo_web/channels/hook_channel.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.HookChannel do 2 | use DemoWeb, :channel 3 | import Glue.Generator 4 | 5 | def join("hook:lobby", payload, socket) do 6 | if authorized?(payload) do 7 | {:ok, socket} 8 | else 9 | {:error, %{reason: "unauthorized"}} 10 | end 11 | end 12 | 13 | generate_hooks(:demo) 14 | 15 | # Add authorization logic here as required. 16 | defp authorized?(_payload) do 17 | true 18 | end 19 | end 20 | -------------------------------------------------------------------------------- /demo/lib/demo_web/channels/user_socket.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.UserSocket do 2 | use Phoenix.Socket 3 | 4 | ## Channels 5 | # channel "room:*", DemoWeb.RoomChannel 6 | channel "hook:*", DemoWeb.HookChannel 7 | 8 | # Socket params are passed from the client and can 9 | # be used to verify and authenticate a user. After 10 | # verification, you can put default assigns into 11 | # the socket that will be set for all channels, ie 12 | # 13 | # {:ok, assign(socket, :user_id, verified_user_id)} 14 | # 15 | # To deny connection, return `:error`. 16 | # 17 | # See `Phoenix.Token` documentation for examples in 18 | # performing token verification on connect. 19 | def connect(_params, socket, _connect_info) do 20 | {:ok, socket} 21 | end 22 | 23 | # Socket id's are topics that allow you to identify all sockets for a given user: 24 | # 25 | # def id(socket), do: "user_socket:#{socket.assigns.user_id}" 26 | # 27 | # Would allow you to broadcast a "disconnect" event and terminate 28 | # all active sockets and channels for a given user: 29 | # 30 | # DemoWeb.Endpoint.broadcast("user_socket:#{user.id}", "disconnect", %{}) 31 | # 32 | # Returning `nil` makes this socket anonymous. 33 | def id(_socket), do: nil 34 | end 35 | -------------------------------------------------------------------------------- /demo/lib/demo_web/controllers/demo_controller.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.DemoController do 2 | use DemoWeb, :controller 3 | 4 | def show(conn, params) do 5 | render(conn, "#{params["id"]}.html") 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /demo/lib/demo_web/controllers/page_controller.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.PageController do 2 | use DemoWeb, :controller 3 | 4 | def index(conn, _params) do 5 | render(conn, "index.html") 6 | end 7 | end 8 | -------------------------------------------------------------------------------- /demo/lib/demo_web/endpoint.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.Endpoint do 2 | use Phoenix.Endpoint, otp_app: :demo 3 | 4 | socket "/socket", DemoWeb.UserSocket, 5 | websocket: true, 6 | longpoll: false 7 | 8 | # Serve at "/" the static files from "priv/static" directory. 9 | # 10 | # You should set gzip to true if you are running phx.digest 11 | # when deploying your static files in production. 12 | plug Plug.Static, 13 | at: "/", 14 | from: :demo, 15 | gzip: false, 16 | only: ~w(css fonts images js favicon.ico robots.txt) 17 | 18 | # Code reloading can be explicitly enabled under the 19 | # :code_reloader configuration of your endpoint. 20 | if code_reloading? do 21 | socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket 22 | plug Phoenix.LiveReloader 23 | plug Phoenix.CodeReloader 24 | end 25 | 26 | plug Plug.RequestId 27 | plug Plug.Telemetry, event_prefix: [:phoenix, :endpoint] 28 | 29 | plug Plug.Parsers, 30 | parsers: [:urlencoded, :multipart, :json], 31 | pass: ["*/*"], 32 | json_decoder: Phoenix.json_library() 33 | 34 | plug Plug.MethodOverride 35 | plug Plug.Head 36 | 37 | # The session will be stored in the cookie and signed, 38 | # this means its contents can be read but not tampered with. 39 | # Set :encryption_salt if you would also like to encrypt it. 40 | plug Plug.Session, 41 | store: :cookie, 42 | key: "_demo_key", 43 | signing_salt: "fGL1bCE3" 44 | 45 | plug DemoWeb.Router 46 | end 47 | -------------------------------------------------------------------------------- /demo/lib/demo_web/gettext.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.Gettext do 2 | @moduledoc """ 3 | A module providing Internationalization with a gettext-based API. 4 | 5 | By using [Gettext](https://hexdocs.pm/gettext), 6 | your module gains a set of macros for translations, for example: 7 | 8 | import DemoWeb.Gettext 9 | 10 | # Simple translation 11 | gettext("Here is the string to translate") 12 | 13 | # Plural translation 14 | ngettext("Here is the string to translate", 15 | "Here are the strings to translate", 16 | 3) 17 | 18 | # Domain-based translation 19 | dgettext("errors", "Here is the error message to translate") 20 | 21 | See the [Gettext Docs](https://hexdocs.pm/gettext) for detailed usage. 22 | """ 23 | use Gettext, otp_app: :demo 24 | end 25 | -------------------------------------------------------------------------------- /demo/lib/demo_web/router.ex: -------------------------------------------------------------------------------- 1 | defmodule DemoWeb.Router do 2 | use DemoWeb, :router 3 | 4 | pipeline :browser do 5 | plug :accepts, ["html"] 6 | plug :fetch_session 7 | plug :fetch_flash 8 | plug :protect_from_forgery 9 | plug :put_secure_browser_headers 10 | end 11 | 12 | pipeline :api do 13 | plug :accepts, ["json"] 14 | end 15 | 16 | scope "/", DemoWeb do 17 | pipe_through :browser 18 | 19 | get "/", PageController, :index 20 | get "/demos/:id", DemoController, :show 21 | end 22 | 23 | # Other scopes may use custom stacks. 24 | # scope "/api", DemoWeb do 25 | # pipe_through :api 26 | # end 27 | end 28 | -------------------------------------------------------------------------------- /demo/lib/demo_web/templates/demo/array.html.eex: -------------------------------------------------------------------------------- 1 |Array Demo
2 | 3 | -------------------------------------------------------------------------------- /demo/lib/demo_web/templates/demo/counter.html.eex: -------------------------------------------------------------------------------- 1 |Counter Demo
2 | 3 | -------------------------------------------------------------------------------- /demo/lib/demo_web/templates/demo/dictionary.html.eex: -------------------------------------------------------------------------------- 1 |Dictionary Demo
2 | 3 | -------------------------------------------------------------------------------- /demo/lib/demo_web/templates/demo/read-only.html.eex: -------------------------------------------------------------------------------- 1 |Read-only Demo
2 | 3 | -------------------------------------------------------------------------------- /demo/lib/demo_web/templates/layout/analytics.html.eex: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /demo/lib/demo_web/templates/layout/app.html.eex: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
12 |