{"id":36985206,"url":"https://github.com/polashmahmud/dishari","last_synced_at":"2026-01-13T23:01:06.566Z","repository":{"id":327521173,"uuid":"1109622269","full_name":"polashmahmud/Dishari","owner":"polashmahmud","description":"A dynamic sidebar menu builder for Laravel, Inertia.js, and Vue 3 with Shadcn UI support and drag-and-drop management.","archived":false,"fork":false,"pushed_at":"2025-12-05T14:56:27.000Z","size":75,"stargazers_count":2,"open_issues_count":6,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-13T19:44:45.542Z","etag":null,"topics":["admin-panel","drag-and-drop","dynamic-menu","inertiajs","laravel","laravel-package","menu-builder","recursive-menu","shadcn-ui","sidebar","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/polashmahmud.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-04T04:01:21.000Z","updated_at":"2025-12-15T08:07:16.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/polashmahmud/Dishari","commit_stats":null,"previous_names":["polashmahmud/dishari"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/polashmahmud/Dishari","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/polashmahmud%2FDishari","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/polashmahmud%2FDishari/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/polashmahmud%2FDishari/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/polashmahmud%2FDishari/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/polashmahmud","download_url":"https://codeload.github.com/polashmahmud/Dishari/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/polashmahmud%2FDishari/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28405148,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-13T21:51:37.118Z","status":"ssl_error","status_checked_at":"2026-01-13T21:45:14.585Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-panel","drag-and-drop","dynamic-menu","inertiajs","laravel","laravel-package","menu-builder","recursive-menu","shadcn-ui","sidebar","vuejs"],"created_at":"2026-01-13T23:01:05.743Z","updated_at":"2026-01-13T23:01:06.556Z","avatar_url":"https://github.com/polashmahmud.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg width=\"2752\" height=\"1536\" alt=\"Dishari Menu Management\" src=\"https://github.com/user-attachments/assets/4cbf1c1f-dd6f-4b06-aea3-1570a0dae195\" /\u003e\n\n# Dishari Menu Management\n\nA powerful and flexible menu management package for Laravel applications built with Inertia.js and Vue 3. This package provides a drag-and-drop interface for managing nested menus, complete with icon support, groups, and active status toggling.\n\n## Features\n\n- 📱 **Drag \u0026 Drop Interface**: Intuitive UI for reordering and nesting menu items.\n- 🌳 **Nested Structure**: Support for unlimited levels of nested submenus.\n- 📂 **Menu Groups**: Organize menus into logical groups (e.g., Platform, Settings).\n- 🎨 **Icon Integration**: Built-in support for Lucide icons with a searchable picker.\n- ⚡ **Inertia.js \u0026 Vue 3**: Seamless integration with modern Laravel stacks.\n- 🛠 **Fully Customizable**: Publishable Vue components to match your application's design.\n\n## Installation\n\n### 1. Require the Package\n\nInstall the package via Composer:\n\n```bash\ncomposer require polashmahmud/dishari\n```\n\n### 2. Run the Installer\n\nRun the `dishari:install` command to publish the configuration, migrations, and frontend assets.\n\n```bash\nphp artisan dishari:install\n```\n\nDuring installation, you will be asked to provide a **directory name** (default: `dishari`).\nThis determines where the frontend files will be published:\n\n- **Pages**: `resources/js/pages/{directoryName}`\n- **Components**: `resources/js/components/{directoryName}`\n\n### 3. Run Migrations\n\nRun the migrations to create the menu tables:\n\n```bash\nphp artisan migrate\n```\n\n### 4. Compile Assets\n\nRecompile your assets to include the new components:\n\n```bash\nnpm run dev\n```\n\n## Frontend Integration\n\nTo display the dynamic menu in your application, you need to update your Sidebar component (usually `resources/js/components/AppSidebar.vue` or similar).\n\n### 1. Update Menu Data Source\n\nLocate your sidebar component and replace the static menu items with the `useDishari` hook.\n\n**Remove static data like this:**\n\n```typescript\nconst mainNavItems: NavItem[] = [\n    {\n        title: 'Dashboard',\n        href: dashboard(),\n        icon: LayoutGrid,\n    },\n];\n```\n\n**Add the dynamic hook:**\n\n```typescript\nimport { useDishari } from '@/lib/useDishari';\n\nconst { menus: mainNavItems } = useDishari();\n```\n\n### 2. Import the NavMain Component\n\nYou need to import the `NavMain` component that was published to your project. The path depends on the **directory name** you chose during installation.\n\nIf you chose `dishari` (default):\n\n```typescript\nimport NavMain from '@/components/dishari/NavMain.vue';\n```\n\nIf you chose `menu`:\n\n```typescript\nimport NavMain from '@/components/menu/NavMain.vue';\n```\n\n**Full Example (`AppSidebar.vue`):**\n\n```vue\n\u003cscript setup lang=\"ts\"\u003e\nimport { useDishari } from '@/lib/useDishari';\n// Import from the folder you chose during installation (e.g., 'dishari' or 'menu')\nimport NavMain from '@/components/dishari/NavMain.vue';\n\nconst { menus: mainNavItems } = useDishari();\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n    \u003cSidebar\u003e\n        \u003cSidebarContent\u003e\n            \u003c!-- Pass the dynamic items to the component --\u003e\n            \u003cNavMain :items=\"mainNavItems\" /\u003e\n        \u003c/SidebarContent\u003e\n    \u003c/Sidebar\u003e\n\u003c/template\u003e\n```\n\n## Usage\n\n### Accessing the Management Interface\n\nOnce installed, you can access the menu management interface at:\n\n```\n/menu-management\n```\n\n### Configuration\n\nThe configuration file is located at `config/dishari.php`. You can customize the directory name, cache settings, and authentication requirements.\n\n```php\nreturn [\n    'directory_name' =\u003e 'dishari', // The folder name for published Vue files\n    'auto_share' =\u003e true,          // Automatically share menu data with Inertia\n    // ...\n];\n```\n\n## Requirements\n\n- PHP 8.2+\n- Laravel 11+\n- Inertia.js\n- Vue 3\n- Tailwind CSS\n- Shadcn Vue (recommended)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolashmahmud%2Fdishari","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpolashmahmud%2Fdishari","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolashmahmud%2Fdishari/lists"}