Customizing Your Sprinkle

This guide assumes that you've already completed the installation guide and successfully managed to get UserFrosting working in your local development environment using the Skeleton. If not, please do that now - feel free to ask for help if you're running into trouble!

Custom Namespace and Name

The Skeleton application, used as a base installation for every new installation since UserFrosting 5, is a great way to start your UserFrosting project. It comes with some default values which you can change to make your App yours, starting with the PHP Namespace, info in the composer.json, and the sprinkle name in the Sprinkle Recipe.

composer.json

The most important part to edit here is the Namespace. The namespace tells Composer where to look for source code in a PHP application. By default, the base namespace in the Skeleton is UserFrosting\App, but you can change this to whatever you want. The usual scheme is {Vendor}\{Project}, where Vendor is your brand and Project your project name, but there's no law you have to follow here.

The namespace is defined in the composer.json file in the base directory of your sprinkle. The default file looks like this :

Original composer.json

{
    "name": "userfrosting/userfrosting",
    "type": "project",
    "description": "A secure, modern user management system for PHP.",
    "keywords": ["php user management", "usercake", "bootstrap"],
    "homepage": "https://github.com/userfrosting/UserFrosting",
    "license" : "MIT",
    "authors" : [
        {
            "name": "Alexander Weissman",
            "homepage": "https://alexanderweissman.com"
        },
        {
            "name": "Louis Charette",
            "homepage": "https://bbqsoftwares.com"
        },
        {
            "name": "Jordan Mele",
            "email": "[email protected]",
            "homepage": "https://djmm.me"
        }
    ],
    "require": {
        "php": "^8.0",
        "ext-gd": "*",
        "userfrosting/framework": "^5.0",
        "userfrosting/sprinkle-core": "^5.0",
        "userfrosting/sprinkle-account": "^5.0",
        "userfrosting/sprinkle-admin": "^5.0",
        "userfrosting/theme-adminlte": "^5.0"
    },
    "require-dev": {
        "friendsofphp/php-cs-fixer": "^3.0",
        "phpstan/phpstan": "^1.1",
        "phpstan/phpstan-deprecation-rules": "^1.0",
        "phpstan/phpstan-mockery": "^1.0",
        "phpstan/phpstan-phpunit": "^1.0",
        "phpstan/phpstan-strict-rules": "^1.0",
        "phpunit/phpunit": "^9.5",
        "mockery/mockery": "^1.2",
        "league/factory-muffin": "^3.0",
        "league/factory-muffin-faker": "^2.0"
    },
    "minimum-stability": "dev",
    "prefer-stable": true,
    "autoload": {
        "psr-4": {
            "UserFrosting\\App\\": "app/src"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "UserFrosting\\Tests\\App\\": "app/tests/"
        }
    },
    "scripts": {
        "post-create-project-cmd" : "php bakery bake"
    }
}

Let's change thing up. All the metadata can be customized to reflect your project, and we'll define the new namespace to Owlfancy\Site :

Modified composer.json

{
    "name": "owlfancy/site",
    "type": "userfrosting-sprinkle",
    "description": "Site sprinkle for owlfancy.com.",
    "license" : "MIT",
    "authors" : [
        {
            "name": "David Attenborough",
            "homepage": "https://attenboroughsreef.com"
        }
    ],
    "require": {
        "php": "^8.0",
        "ext-gd": "*",
        "userfrosting/framework": "^5.0",
        "userfrosting/sprinkle-core": "^5.0",
        "userfrosting/sprinkle-account": "^5.0",
        "userfrosting/sprinkle-admin": "^5.0",
        "userfrosting/theme-adminlte": "^5.0"
    },
    "require-dev": {
        "friendsofphp/php-cs-fixer": "^3.0",
        "phpstan/phpstan": "^1.1",
        "phpstan/phpstan-deprecation-rules": "^1.0",
        "phpstan/phpstan-mockery": "^1.0",
        "phpstan/phpstan-phpunit": "^1.0",
        "phpstan/phpstan-strict-rules": "^1.0",
        "phpunit/phpunit": "^9.5",
        "mockery/mockery": "^1.2",
        "league/factory-muffin": "^3.0",
        "league/factory-muffin-faker": "^2.0"
    },
    "minimum-stability": "dev",
    "prefer-stable": true,
    "autoload": {
        "psr-4": {
            "Owlfancy\\Site\\": "app/src"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Owlfancy\\Site\\Tests\\": "app/tests/"
        }
    }
}

The important part here is the autoload.psr-4 key. This tells Composer to map the root src/ directory of your sprinkle to the root namespace Owlfancy\Site\.

The next step is to run Composer from your project directory, so that it can detect the changes in composer.json and update the appropriate mappings. You only need to run this once, when you make any changes to the composer.json file - any new classes that you add to src/ will be automatically picked up in the future.

$ composer update

The recipe

The next step is to update every reference of UserFrosting\App to Owlfancy\Site, in each PHP files inside app/src/. But there's one file that might require a bit more attention. The recipe, located in app/src/MyApp.php can be renamed to reflect your project. For example, we can rename it to app/src/Owlfancy.php. The class name should also be renamed to Owlfancy. We'll also edit the getName() method, to reflect our project name :

<?php

namespace Owlfancy\Site;

use Owlfancy\Site\Bakery\HelloCommand;
use UserFrosting\Sprinkle\Account\Account;
use UserFrosting\Sprinkle\Admin\Admin;
use UserFrosting\Sprinkle\BakeryRecipe;
use UserFrosting\Sprinkle\Core\Core;
use UserFrosting\Sprinkle\SprinkleRecipe;
use UserFrosting\Theme\AdminLTE\AdminLTE;

class Owlfancy implements
    SprinkleRecipe,
    BakeryRecipe
{
    public function getName(): string
    {
        return 'Owlfancy';
    }

    // ...
}

The entry files

There's still one last thing to edit. Since we changed the recipe from UserFrosting\App\MyApp to Owlfancy\Site\Owlfancy, we also need to update that in the entry files, which are public/index.php and bakery:

/public/index.php

<?php

// First off, we'll grab the Composer dependencies
require_once __DIR__ . '/../vendor/autoload.php';

// Workaround to get php built-in server to access legacy assets
// @see : https://github.com/slimphp/Slim/issues/359#issuecomment-363076423
if (PHP_SAPI == 'cli-server') {
    $_SERVER['SCRIPT_NAME'] = '/index.php';
}

use Owlfancy\Site\Owlfancy; // <-- Here
use UserFrosting\UserFrosting;

$uf = new UserFrosting(Owlfancy::class); // <-- Here
$uf->run();

/bakery

#!/usr/bin/env php
<?php

/**
 * Require composer autoload file. Not having this file means Composer might not be installed / run
 */
if (!file_exists(__DIR__ . '/vendor/autoload.php')) {
    die("ERROR :: File `".__DIR__."/vendor/autoload.php` not found. This indicate that composer has not yet been run on this install. Install composer and run `composer install` from the project root directory. Check the documentation for more details.\n");
} else {
    require_once __DIR__ . '/vendor/autoload.php';
}

use Owlfancy\Site\Owlfancy; // <-- Here
use UserFrosting\Bakery\Bakery;

/**
 * Get and run CLI App
 */
$bakery = new Bakery(Owlfancy::class); // <-- Here
$bakery->run();

Configuration settings

Next, let's try setting some basic configuration settings. To do this, simply create a new subdirectory in your sprinkle, config, and inside that create a file default.php:

app
└── config
    └── default.php

In default.php, add the following:

<?php

    /**
     * Sample site configuration file for UserFrosting. You should definitely set these values!
     *
     */
    return [
        'address_book' => [
            'admin' => [
                'name'  => 'Squawkbot'
            ]
        ],
        'debug' => [
            'smtp' => true
        ],
        'site' => [
            'author'    =>      'David Attenborough',
            'title'     =>      'Owl Fancy',
            // URLs
            'uri' => [
                'author' => 'https://attenboroughsreef.com'
            ]
        ],
        'php' => [
            'timezone' => 'Europe/London'
        ]
    ];

This customizes some basic properties for our application - you can set your site title, author, author's URL, and timezone. Reload the page, and you should see the new site title appear in the upper left corner:

The template for this page dynamically pulls that particular piece of text from your new configuration file. Note that your value for site.title overrides the value of site.title in the core sprinkle's configuration file.