imsus

Design Thinking

X → Graph → Effect<A, E, R>
│              │   │  │  │
│              │   │  │  └─ what each node needs     (§5)
│              │   │  └──── where the graph breaks   (§4)
│              │   └─────── what flows through nodes  (§2)
│              │
│ └─ nodes = functions, edges = data flow

imsus

/**
 * Readable Footer Extension
 *
 * Replaces pi's default footer with one that has clear labels
 * so you can actually understand what each number means.
 *
 * Auto-enables on startup. Toggle with: /readable-footer
 *
 * Self-contained: no relative imports, safe to drop into any
 * pi extensions folder as a single file.

imsus

var pesticide_id = '__bookmarklet__pesticide__';
var pesticide_element = document.getElementById(pesticide_id);

if (!pesticide_element) {
	pesticide_element = document.createElement('style');
	pesticide_element.id = '__bookmarklet__pesticide__';
	pesticide_element.innerHTML = `body{outline:1px solid #2980b9!important}article{outline:1px solid #3498db!important}nav{outline:1px solid #0088c3!important}aside{outline:1px solid #33a0ce!important}section{outline:1px solid #66b8da!important}header{outline:1px solid #99cfe7!important}footer{outline:1px solid #cce7f3!important}h1{outline:1px solid #162544!important}h2{outline:1px solid #314e6e!important}h3{outline:1px solid #3e5e85!important}h4{outline:1px solid #449baf!important}h5{outline:1px solid #c7d1cb!important}h6{outline:1px solid #4371d0!important}main{outline:1px solid #2f4f90!important}address{outline:1px solid #1a2c51!important}div{outline:1px solid #036cdb!important}p{outline:1px solid #ac050b!important}hr{outline:1px solid #ff063f!important}pre{outline:

imsus

{
    "screens": [
        {
            "height": 768,
            "highlighted": false,
            "id": "b14b5495-0b85-4daf-973b-68ba4eaccdea",
            "name": "<sm",
            "userAgent": "Google Chrome",
            "visible": true,
            "width": 480

imsus

Usage

1. Add unocss-forms.ts somewhere in your code (example src/styles/unocss-forms.ts)
2. Reference unocss-forms in unocss.config.ts preflight key. See code below for further changes
3. Reload dev server

// unocss.config.ts

import {

imsus

<?php

namespace App\Services\Vite;

use Illuminate\Support\Str;

class ViteAssetsTransformer
{
    public static function transform($entry)
    {

imsus

module.exports = {
  cacheId: "imsus.dev-production",
  globDirectory: "./public",
  globPatterns: ["**/*.{css,js,eot,ttf,woff,woff2,otf}"],
  swDest: "./public/service-worker.js",
  modifyURLPrefix: {
    "": "/",
  },
  clientsClaim: true,
  skipWaiting: true,

imsus

Motivation:

1. I need Dynamic Import needed for lazyload Inertia Pages
2. I also need Mix.extract() function enabled on webpack.mix.js in order to separate bundle based on vendor
3. If we doing both without "mini-css-extract-plugin" app.css will be build with 0 bytes.

After tinkering for 2 hours, I find a way how to integrate "mini-css-extract-plugin" to laravel mix. Since this is the root cause of the "0 bytes of css" problem.

Info: My folder structure for resources

imsus

/* eslint-disable camelcase */
const axios = require(`axios`)
const cheerio = require(`cheerio`)

const parseResponse = response => {
  const $ = cheerio.load(response.data)
  const scripts = $(`html > body > script`)
  // Code smells #40 and #42
  // I should verify why i get the script before the body tag
  let id = 0

imsus

<?php

use PhpCsFixer\Config;
use PhpCsFixer\Finder;

$rules = [
    'binary_operator_spaces' => [
        'operators' => ['=>' => null]
    ],
    'blank_line_after_namespace' => true,