James Lutley jameslutley

Introduction

Laravel-Mix is "an elegant wrapper around Webpack for the 80% use case". It has nothing to do with Elixir's Mix and does not require Laravel to work!

Set up

Create a new phoenix application with mix phx.new. You may choose to add the --no-brunch flag to stop brunch from being intiailized, but I personally prefer leaving that in and replacing brunch so that the folder structure is set up for me.

$ mix phx.new demo

Install Laravel-Mix

Tested with Phoenix 1.3

1) Installing sass, font-awesome and bootstrap package's using Brunch

First, install the Sass, Font Awesome, bootstrap(and deps) package:

cd assets

npm install --save-dev sass-brunch
npm install --save font-awesome

Vim without NERD tree or CtrlP

I used to use NERD tree for quite a while, then switched to CtrlP for something a little more lightweight. My setup now includes zero file browser or tree view, and instead uses native Vim fuzzy search and auto-directory switching.

Fuzzy Search

There is a super sweet feature in Vim whereby you can fuzzy find your files using **/*, e.g.:

:vs **/*<partial file name><Tab>

The Complete Guide to Nested Forms in Phoenix

I recently spent some time dealing with nested forms in Phoenix. Nested forms are great when you want to create multiple database records in a single transaction and associate them with each other. I am new to Phoenix and really struggled to find any resources that helped me with my specific problem. I decided to document what I learned in the process in hopes of helping others that are new to Elixir and Phoenix.

Here is my attempt at a one stop shop to learn everything you will need to know about nested forms. If you would like to view the GitHub repo you can check it out here.

Thanks to Heartbeat and Jose for excellent blog posts on nested forms. Also shoutout to Josh for showing me some examples at Ruby

	#!/usr/bin/swift

	// DISCLAIMER

	// This script modifies an unencrypted file associated with the trial version of Final Cut Pro.
	// Under the DMCA (17 U.S.C. § 1201), this modification does not qualify as circumvention of a technological
	// protection measure (TPM), as it does not involve bypassing encryption, authentication, or similar protections.
	// Distributing this code is therefore legal under the DMCA.

	// This script is intended for educational and research purposes, such as exploring trial-related file structures,

	let cssImport = require('postcss-import')
	let cssNext = require('postcss-cssnext')
	let glob = require('glob-all')
	let mix = require('laravel-mix')
	let purgeCss = require('purgecss-webpack-plugin')
	let tailwind = require('tailwindcss')

	mix.js('resources/assets/js/app.js', 'public/js')
	.postCss('resources/assets/css/app.css', 'public/css/app.css', [
	cssImport(),

	<?php

	namespace App\Walker;

	use Roots\Soil\Nav\NavWalker as Soil;

	/**
	* Return if Soil does not exist.
	*/
	if (!class_exists('Roots\Soil\Nav\NavWalker')) {

	### /etc/nginx/sites-available/default
	server {

	listen 80 default_server;
	listen [::]:80 default_server;

	root /var/www/html;

	index index.html index.htm index.php;

	require 'google_drive'

	while true do
	begin
	session = GoogleDrive::Session.from_config("config.json")

	session.files(q: "trashed = false and (name contains 'unadjustednonraw' or name contains 'facetile' or name contains 'thumb' or name contains 'mini' or name contains 'largepv') and mimeType = 'image/jpeg' and modifiedTime > '2017-08-01T12:00:00'") do \|file\|
	puts file.name
	file.delete
	end

	<% # app/views/layouts/admin.html.erb %>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Admin Interface</title>
	<%= csrf_meta_tags %>

	<% # Optionally use admin-specific assets here instead of the normal application assets %>
	<%= stylesheet_link_tag 'admin', media: 'all', 'data-turbolinks-track': 'reload' %>