PHPackages callcocam/packages-tall - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. callcocam/packages-tall ActivePackage[Utility & Helpers](/categories/utility) callcocam/packages-tall ======================= The packages table form. 0139PHP Since Sep 14Pushed 3y ago1 watchersCompare [ Source](https://github.com/callcocam/packages-tall)[ Packagist](https://packagist.org/packages/callcocam/packages-tall)[ RSS](/packages/callcocam-packages-tall/feed)WikiDiscussions main Synced 4w ago READMEChangelogDependenciesVersions (1)Used By (0) \#TAL FORM TABLE \#ALTERANDO O MIX PARA INCLUIR o MIX DO PACOTE ``` mix .js('resources/js/app.js', 'public/js') .js('vendor/callcocam/packages-tall/tall-theme/resources/js/app.js', 'public/js/assets') .postCss('resources/css/app.css', 'public/css', [ require('postcss-import'), require('tailwindcss'), ]) .postCss('vendor/callcocam/packages-tall/tall-theme/resources/css/app.css', 'public/css/assets', [ require('postcss-import'), require('tailwindcss'), ]) .copy('vendor/callcocam/packages-tall/tall-theme/resources/js/scroll.js', 'public/js/asset/scroll.js') .react(); ``` \#INSTALL SORTABLE ``` https://github.com/livewire/sortable ./vendor/bin/sail npm i livewire-sortable --save-dev ``` \#INSTALL PACKAGES JS ``` ./vendor/bin/sail npm i @tailwindcss/aspect-ratio ./vendor/bin/sail npm i tw-elements ``` \#ALTER MODE USER ``` use Illuminate\Foundation\Auth\User as Authenticatable; para use Tall\Acl\Models\User as Authenticatable; Registra a Factory Menu em config/app.php 'aliases' 'Menu' => Tall\Menus\Facades\Menu::class, ``` \#ADD PHPMYADMIN DOCKERCOMPOSER ``` pode ser abaixo do serviço do mysql phpmyadmin: image: phpmyadmin/phpmyadmin:latest links: - mysql ports: - 8001:80 environment: - PMA_ARBITRARY=1 - UPLOAD_LIMIT=100m networks: - sail ``` ``` #ALTERAR A TABLE SESSIONS ``` Schema::create('sessions', function (Blueprint $table) { $table->string('id')->primary(); //$table->foreignId('user\_id')->nullable()->index(); $table->foreignUuid('user\_id')->nullable()->index(); $table->string('ip\_address', 45)->nullable(); $table->text('user\_agent')->nullable(); $table->longText('payload'); $table->integer('last\_activity')->index(); }); tambem pode dar alguns comflitos com a tabela de users ``` ``` \#PUBLICAR AS FACTORIES E SEEDERS ``` ./vendor/bin/sail artisan vendor:publish --tag=tenant-factories --force or sail artisan vendor:publish --tag=tenant-factories --force ``` \#PUBLICAR OS JS FILES PRINCIPALMENTE PARA O ADMIN ``` ./vendor/bin/sail artisan vendor:publish --tag=tall-theme-js --force or sail artisan vendor:publish --tag=tall-theme-js --force ``` \#RODAR AS MIGRATIONS E SEEDERS Use a tag --seed para criar dados fakes ``` banco novo --> ./vendor/bin/sail artisan migrate --seed recriar banco --> ./vendor/bin/sail artisan migrate:fresh --seed Será gerado um user: email: test@example.com password: password ``` \#PUBLICAR AS CONFIG ``` ./vendor/bin/sail artisan vendor:publish --tag=tall-theme-config --force ``` \#PUBLICAR AS VIEWS ``` ./vendor/bin/sail artisan vendor:publish --tag=tall-theme-views --force ``` \#PUBLICAR AS VIEWS ``` ./vendor/bin/sail artisan vendor:publish --tag=tall-theme-img --force ``` Migrating from Vite to Laravel Mix ---------------------------------- [](#migrating-from-vite-to-laravel-mix) ### Install Laravel Mix [](#install-laravel-mix) First, you will need to install Laravel Mix using your npm package manager of choice: ``` npm install --save-dev laravel-mix ``` ### Configure Mix [](#configure-mix) Create a `webpack.mix.js` file in the root of your project: ``` const mix = require('laravel-mix'); /* |-------------------------------------------------------------------------- | Mix Asset Management |-------------------------------------------------------------------------- | | Mix provides a clean, fluent API for defining some Webpack build steps | for your Laravel applications. By default, we are compiling the CSS | file for the application as well as bundling up all the JS files. | */ mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ // ]); ``` ### Update NPM scripts [](#update-npm-scripts) Update your NPM scripts in `package.json`: ``` "scripts": { - "dev": "vite", - "build": "vite build" + "dev": "npm run development", + "development": "mix", + "watch": "mix watch", + "watch-poll": "mix watch -- --watch-options-poll=1000", + "hot": "mix watch --hot", + "prod": "npm run production", + "production": "mix --production" } ``` #### Inertia [](#inertia) Vite requires a helper function to import page components which is not required with Laravel Mix. You can remove this as follows: ``` - import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'; createInertiaApp({ title: (title) => `${title} - ${appName}`, - resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')), + resolve: (name) => require(`./Pages/${name}.vue`), setup({ el, app, props, plugin }) { return createApp({ render: () => h(app, props) }) .use(plugin) .mixin({ methods: { route } }) .mount(el); }, }); ``` ### Update environment variables [](#update-environment-variables) You will need to update the environment variables that are explicitly exposed in your `.env` files and in hosting environments such as Forge to use the `MIX_` prefix instead of `VITE_`: ``` - VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}" - VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" + MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" + MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" ``` You will also need to update these references in your JavaScript code to use the new variable name and Node syntax: ``` - key: import.meta.env.VITE_PUSHER_APP_KEY, - cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER, + key: process.env.MIX_PUSHER_APP_KEY, + cluster: process.env.MIX_PUSHER_APP_CLUSTER, ``` ### Remove CSS imports from your JavaScript entry point(s) [](#remove-css-imports-from-your-javascript-entry-points) If you are importing your CSS via JavaScript, you will need to remove these statements: ``` - import '../css/app.css'; ``` ### Replace `@vite` with `mix()` [](#replace-vite-with-mix) You will need to replace the `@vite` Blade directive with `` and `` tags and the `mix()` helper: ``` - @viteReactRefresh - @vite('resources/js/app.js') + + ``` ### Remove Vite and the Laravel Plugin [](#remove-vite-and-the-laravel-plugin) Vite and the Laravel Plugin can now be uninstalled: ``` npm remove vite laravel-vite-plugin ``` Next, you may remove your Vite configuration file: ``` rm vite.config.js ``` ### Configure tailwind.config [](#configure-tailwindconfig) ``` const defaultTheme = require('tailwindcss/defaultTheme'); module.exports = { presets:[ require('./vendor/wireui/wireui/tailwind.config.js'), require('./vendor/callcocam/packages-tall/tailwind.config.js'), ], content: [ './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', './vendor/laravel/jetstream/**/*.blade.php', './storage/framework/views/*.php', './resources/views/**/*.blade.php', './vendor/wireui/wireui/resources/**/*.blade.php', './vendor/wireui/wireui/ts/**/*.ts', './vendor/wireui/wireui/src/View/**/*.php' ], theme: { extend: { fontFamily: { sans: ['Nunito', ...defaultTheme.fontFamily.sans], }, }, }, plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')], }; ``` ### Health Score 17 — LowBetter than 6% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity10 Limited adoption so far Community10 Small or concentrated contributor base Maturity24 Early-stage or recently created project Bus Factor1 Top contributor holds 50.8% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/d8c19b5df92b5462627f423cb2128ed0f312817ac150d19c3572d67904f0751b?d=identicon)[callcocam](/maintainers/callcocam) --- Top Contributors [![webcall](https://avatars.githubusercontent.com/u/7212238?v=4)](https://github.com/webcall "webcall (67 commits)")[![SigaSmart](https://avatars.githubusercontent.com/u/29053245?v=4)](https://github.com/SigaSmart "SigaSmart (52 commits)")[![callcocam](https://avatars.githubusercontent.com/u/7425411?v=4)](https://github.com/callcocam "callcocam (13 commits)") ### Embed Badge ![Health badge](/badges/callcocam-packages-tall/health.svg) ``` [![Health](https://phpackages.com/badges/callcocam-packages-tall/health.svg)](https://phpackages.com/packages/callcocam-packages-tall) ``` ### Alternatives [robinherbots/jquery.inputmask Inputmask is a javascript library which creates an input mask. Inputmask can run against vanilla javascript, jQuery and jqlite. 6.5k276.6k4](/packages/robinherbots-jqueryinputmask)[webman/captcha Captcha generator 1484.2k25](/packages/webman-captcha) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)