TILs - Fueling Curiosity, One Insight at a Time

rails new my-project
  cd my-project

rails tailwindcss:install

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

@tailwind base;
  @tailwind components;
  @tailwind utilities;

./bin/dev

const defaultTheme = require('tailwindcss/defaultTheme')

  module.exports = {
    content: [
      './public/*.html',
      './app/helpers/**/*.rb',
      './app/javascript/**/*.js',
      './app/views/**/*.{erb,haml,html,slim}'
    ],
    theme: {
      extend: {
        fontFamily: {
          helvetica: ['Helvetica', 'Arial', 'sans-serif'],
        },
      },
    },
    plugins: [
      require('@tailwindcss/forms'),
      require('@tailwindcss/aspect-ratio'),
      require('@tailwindcss/typography'),
      require('@tailwindcss/container-queries'),
    ]
  }

<h1 class="container mx-auto mt-16 px-5 font-helvetica flex">
    Hello world!
</h1>

sudo apt-get update
sudo apt-get install software-properties-common
sudo apt-add-repository ppa:ansible/ansible
sudo apt-get update
sudo apt-get install ansible

hostname    : vagrant 
hostname -I : 10.0.2.15.

ssh-keygen 
cat ~/.ssh/id_rsa.pub
ssh-copy-id root@10.0.2.15.

sudo nano ~/.ssh/authorized_keys

sudo nano /etc/ansible/hosts
vagrant

ansible -m ping all

output ---> 
vagrant | SUCCESS => {
    "ansible_facts": {
        "discovered_interpreter_python": "/usr/bin/python"
    },
    "changed": false,
    "ping": "pong"

vi nginx-playbook.yml

ansible-playbook nginx-playbook.yml

PLAY [Install and configure Nginx] *************************************************************************************************************************************************************************

TASK [Gathering Facts] *************************************************************************************************************************************************************************************
ok: [vagrant]

TASK [Update apt package cache] ****************************************************************************************************************************************************************************
changed: [vagrant]

TASK [Install Nginx] ***************************************************************************************************************************************************************************************
ok: [vagrant]

TASK [Start Nginx service] *********************************************************************************************************************************************************************************
ok: [vagrant]

PLAY RECAP *************************************************************************************************************************************************************************************************
vagrant                    : ok=4    changed=1    unreachable=0    failed=0    skipped=0    rescued=0    ignored=0

void main(){
  const alphabets = [a,b,c];
  const person = {'id': 1, 'name': "Sibtain"};


  print(alphabets.runtimeType); // JSArray<Object>
  print(person.runtimeType); // ConstantStringMap<String, Object>
}

class RoomAvailabilityFormContract < Dry::Validation::Contract
  params do
    required(:date_from).filled(:string)
    required(:date_to).filled(:string)
  end

  rule(:date_to) do
    date_from = Date.parse(values[:date_from]) 
    date_to = Date.parse(values[:date_to])

    if date_to && date_from && date_to <= date_from
      key.failure('date_to must be ahead of date_from')
    end
  end
end

rule(:date_from, :date_to) do
    date_from = Date.parse(values[:date_from]) 
    date_to = Date.parse(values[:date_to])

    if date_to && date_from && date_to <= date_from
      key.failure('date_to must be ahead of date_from')
    end
  end

{
 "collection": "@nestjs/schematics",
 "sourceRoot": "src",
 "compilerOptions": {
 "assets": [
   { "include": "emails/templates/*.ejs", "outDir": "dist/src" }
 ],
 "watchAssets": true
 }
}

An action 'up' was attempted on the machine 'default',
but another process is already executing an action on the machine.
Vagrant locks each machine for access by only one process at a time.
Please wait until the other Vagrant process finishes modifying this
machine, then try again.

./bin/rails generate stimulus controllerName
./bin/rails stimulus:manifest:update

import { Controller } from "@hotwired/stimulus";

// Connects to data-controller="tooltip"
export default class extends Controller {
  connect() {}

  toggleToolTip(event) {
    event.preventDefault();
    this.element.lastElementChild.classList.toggle("hidden");
  }
}

<div class="relative" data-controller="tooltip">
        <%= link_to "#", id: "avatar-link", data: { action: "click->tooltip#toggleToolTip" } do %>
          <%= image_tag(your_image, alt: "Avatar", class: "...classnames") %>
        <% end %>
        <div class="..classnames hidden" id="tooltip-container">
          ... your tooltip contents
        </div>
</div>