blueprintframework / framework

Powerful, fast and developer-friendly extension framework for Pterodactyl. Utilize extension APIs, inject HTML, modify stylesheets, package extensions and so much more.

Open-source modding framework for the Pterodactyl panel.

Website · Community · Documentation

🧩 Introduction

Blueprint is an open-source extension framework/manager for Pterodactyl. Developers can create versatile, easy-to-install extensions that system administrators can install within minutes (usually even seconds!) without having to custom-code compatibility across multiple panel modifications.

We aim to introduce new developers to Blueprint with easy to understand guides, documentation, developer commands, community support and more.

Learn more about Blueprint or find your next extension.

📷 Showcase

💖 Sponsors

Sponsors help fund development, upkeep and maintenance. Interested in sponsoring Blueprint?

Company	About
HostEZ	US & EU Rust & Minecraft Hosting. DDoS Protected bare metal, VPS and colocation with low latency, high uptime and maximum availability. EZ!

👥 Contributors

Contributors help shape the future of the Blueprint modding framework. To start contributing you have to fork this repository and open a pull request.

🌟 Stargazers

🔗 Related Links

Pterodactyl is a free, open-source game server management panel built with PHP, React, and Go.
BlueprintFramework/docker is the image for running Blueprint and Pterodactyl with Docker.
BlueprintFramework/templates is a repository with initialization templates for extension development.
BlueprintFramework/web is our open-source documentation and landing website.

$\color{#4b4950}{\textsf{© 2023-2024 Ivy (prpl.wtf)}}$

framework's Issues

How can I uninstall blueprint

I am having a problem with it I just need a answer

Replace admin cache refresh overlay with a notification/banner.

"Installed extensions" API endpoint

Would this be a good idea? Might be nice to have an endpoint like this with extension identifiers and metadata.

Installing Blueprint on Docker (on Unraid) discussion.

is there any way to install this on unraid?

Allow installing and removing multiple extensions at once.

API for creating Artisan commands.

Application version is hardcoded in Blueprint since commit `ba264be`

Related to commit ba264be by @itsvic-dev

Currently this causes Blueprint to always replace the version with 1.11.5 instead of the version the end-user is running. This is not intended and we might need to find other ways to achieve the same thing we're currently utilizing this file for.

Icons displaying too large.

cant install, error after bash blueprint.sh

Current Behavior

07:26:49 INFO: Searching and validating framework dependencies..
07:26:49 INFO: Linking directories and filesystems..
07:26:49 INFO: Replacing internal placeholders..
07:26:49 INPUT: Would you like to put your application into maintenance while Blueprint is installing? (Y/n)
Y
07:26:52 INFO: Put application into maintenance mode.
07:26:52 INFO: Flushing view, config and route cache..
07:26:53 INPUT: Would you like to migrate your database? (Y/n)
Y
07:26:54 INFO: Running database migrations..

   INFO  Nothing to migrate.

07:26:56 INFO: Changing Pterodactyl file ownership to 'www-data:www-data'..
07:26:56 INFO: Rebuilding panel assets..
yarn run v1.22.22
$ yarn run clean && cross-env NODE_ENV=production ./node_modules/.bin/webpack --mode production --progress
$ cd public/assets && find . \( -name "*.js" -o -name "*.map" \) -type f -delete
10% building 1/2 modules 1 active /var/www/pterodactyl/node_modules/babel-loader/lib/index.js!/var/www/pterodactyl/resources/scripts/index.tsxBrowserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
Hash: e34fbe2730e64783002f
Version: webpack 4.43.0
Time: 12801ms
Built at: 03.07.2024 07:27:10
 15 assets
Entrypoint main = bundle.a67cac0e.js
 [12] ./node_modules/history/esm/history.js + 2 modules 30.6 KiB {5} [built]
      |    3 modules
 [15] ./node_modules/react-router/esm/react-router.js + 1 modules 29.2 KiB {5} [built]
      |    2 modules
 [17] ./resources/scripts/api/http.ts 4.07 KiB {5} [built]
 [18] ./resources/scripts/state/index.ts + 7 modules 5.07 KiB {5} [built]
      | ./resources/scripts/state/index.ts 359 bytes [built]
      | ./resources/scripts/state/flashes.ts 1.7 KiB [built]
      | ./resources/scripts/state/user.ts 1.54 KiB [built]
      | ./resources/scripts/state/permissions.ts 393 bytes [built]
      | ./resources/scripts/state/settings.ts 177 bytes [built]
      | ./resources/scripts/state/progress.ts 408 bytes [built]
      | ./resources/scripts/api/account/updateAccountEmail.ts 239 bytes [built]
      | ./resources/scripts/api/getSystemPermissions.ts 277 bytes [built]
 [29] ./resources/scripts/helpers.ts 1.08 KiB {5} [built]
 [37] ./node_modules/react-transition-group/esm/index.js + 4 modules 22.6 KiB {5} [built]
      |    5 modules
 [51] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./resources/scripts/assets/tailwind.css 50.9 KiB {5} [built]
 [52] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./resources/scripts/blueprint/css/extensions.css 426 bytes {5} [built]
 [53] ./resources/scripts/state/server/index.ts + 5 modules 5.83 KiB {5} [built]
      | ./resources/scripts/state/server/index.ts 2.38 KiB [built]
      | ./resources/scripts/state/server/socket.ts 284 bytes [built]
      | ./resources/scripts/state/server/files.ts 1.45 KiB [built]
      | ./resources/scripts/state/server/subusers.ts 575 bytes [built]
      | ./resources/scripts/state/server/schedules.ts 584 bytes [built]
      | ./resources/scripts/state/server/databases.ts 584 bytes [built]
 [81] ./node_modules/react-i18next/dist/es/index.js + 9 modules 30.2 KiB {5} [built]
      |    10 modules
 [97] multi react-hot-loader/patch ./resources/scripts/index.tsx 40 bytes {5} [built]
[151] ./resources/scripts/index.tsx + 23 modules 122 KiB {5} [built]
      | ./resources/scripts/index.tsx 584 bytes [built]
      | ./resources/scripts/blueprint/css/extensions.css 421 bytes [built]
      | ./resources/scripts/i18n.ts 1.08 KiB [built]
      | ./resources/scripts/assets/css/GlobalStylesheet.ts 1.94 KiB [built]
      | ./resources/scripts/api/interceptors.ts 772 bytes [built]
      | ./resources/scripts/assets/tailwind.css 410 bytes [built]
      |     + 18 hidden modules
[411] ./resources/scripts/routers/AuthenticationRouter.tsx + 11 modules 30.7 KiB {3} [built]
      | ./resources/scripts/routers/AuthenticationRouter.tsx 1.57 KiB [built]
      | ./resources/scripts/api/auth/login.ts 748 bytes [built]
      | ./resources/scripts/api/auth/requestPasswordResetEmail.ts 295 bytes [built]
      | ./resources/scripts/api/auth/performPasswordReset.ts 432 bytes [built]
      | ./resources/scripts/api/auth/loginCheckpoint.ts 493 bytes [built]
      |     + 7 hidden modules
[412] ./resources/scripts/routers/DashboardRouter.tsx + 10 modules 25.1 KiB {4} [built]
      | ./resources/scripts/routers/DashboardRouter.tsx 1.22 KiB [built]
      | ./resources/scripts/blueprint/extends/routers/DashboardRouter.tsx 2.74 KiB [built]
      | ./resources/scripts/api/server/getServerResourceUsage.ts 767 bytes [built]
      |     + 8 hidden modules
[413] ./resources/scripts/routers/ServerRouter.tsx + 9 modules 24.8 KiB {6} [built]
      | ./resources/scripts/routers/ServerRouter.tsx 3.91 KiB [built]
      | ./resources/scripts/blueprint/extends/routers/ServerRouter.tsx 6.29 KiB [built]
      | ./resources/scripts/plugins/Websocket.ts 2.46 KiB [built]
      | ./resources/scripts/api/server/getWebsocketToken.ts 354 bytes [built]
      |     + 6 hidden modules
    + 400 hidden modules

ERROR in resources/scripts/components/elements/custom/Alert.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import styled from 'styled-components/macro';
    4 | import getTheme from '@/api/getThemeData';
    5 | import AlertDescription from '@/components/elements/custom/AlertDescription';

ERROR in resources/scripts/components/elements/custom/CollapseBtn.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import styled from 'styled-components/macro';
    4 |
    5 | const HideShowIcon = styled.div`

ERROR in resources/scripts/components/elements/custom/DarkModeToggler.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 |
    4 | export default () => {
    5 |     if (localStorage.getItem('modes') == 'darkMode'){

ERROR in resources/scripts/components/elements/custom/social/Billing.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/elements/custom/social/Discord.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/elements/custom/social/Knowledgebase.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/elements/custom/social/Status.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/elements/custom/social/Website.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/NavigationBarServer.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import { Link, NavLink } from 'react-router-dom';
    4 | import { useStoreState } from 'easy-peasy';
    5 | import { ApplicationStore } from '@/state';

ERROR in resources/scripts/components/NavigationBarServer.tsx:18:21
TS2307: Cannot find module '@/routers/SideBarElements' or its corresponding type declarations.
    16 | import { useState, useEffect } from 'react';
    17 | import getTheme from '@/api/getThemeData';
  > 18 | import { Nav } from '@/routers/SideBarElements';
       |                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^
    19 | import * as Lang from '@/lang';
    20 |
    21 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/dashboard/search/SearchContainer.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import useEventListener from '@/plugins/useEventListener';
    4 | import SearchModal from '@/components/dashboard/search/SearchModal';
    5 | import styled from 'styled-components/macro';

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/Alert.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import styled from 'styled-components/macro';
    4 | import getTheme from '@/api/getThemeData';
    5 | import AlertDescription from '@/components/elements/custom/AlertDescription';

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/CollapseBtn.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import styled from 'styled-components/macro';
    4 |
    5 | const HideShowIcon = styled.div`

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/DarkModeToggler.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 |
    4 | export default () => {
    5 |     if (localStorage.getItem('modes') == 'darkMode'){

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/social/Billing.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/social/Discord.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/social/Knowledgebase.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/social/Status.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/elements/custom/social/Website.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import React, { useEffect, useState } from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import getTheme from '@/api/getThemeData';
    4 |
    5 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/NavigationBar.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import { Link, NavLink } from 'react-router-dom';
    4 | import { useStoreState } from 'easy-peasy';
    5 | import { ApplicationStore } from '@/state';

ERROR in resources/scripts/components/resources/scripts/components/NavigationBarServer.tsx:2:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    1 | import * as React from 'react';
  > 2 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    3 | import { Link, NavLink } from 'react-router-dom';
    4 | import { useStoreState } from 'easy-peasy';
    5 | import { ApplicationStore } from '@/state';

ERROR in resources/scripts/components/resources/scripts/components/NavigationBarServer.tsx:18:21
TS2307: Cannot find module '@/routers/SideBarElements' or its corresponding type declarations.
    16 | import { useState, useEffect } from 'react';
    17 | import getTheme from '@/api/getThemeData';
  > 18 | import { Nav } from '@/routers/SideBarElements';
       |                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^
    19 | import * as Lang from '@/lang';
    20 |
    21 | export default () => {

ERROR in resources/scripts/components/resources/scripts/components/server/console/ServerConsoleContainer.tsx:12:24
TS2307: Cannot find module '@/components/server/console/TopElement' or its corresponding type declarations.
    10 | import StatGraphs from '@/components/server/console/StatGraphs';
    11 | import ServerDetailsBlock from '@/components/server/console/ServerDetailsBlock';
  > 12 | import TopElement from '@/components/server/console/TopElement';
       |                        ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    13 | import SideGraph from '@/components/server/console/SideGraph';
    14 | import { Alert } from '@/components/elements/alert';
    15 | import styled  from 'styled-components/macro';

ERROR in resources/scripts/components/resources/scripts/components/server/console/ServerConsoleContainer.tsx:13:23
TS2307: Cannot find module '@/components/server/console/SideGraph' or its corresponding type declarations.
    11 | import ServerDetailsBlock from '@/components/server/console/ServerDetailsBlock';
    12 | import TopElement from '@/components/server/console/TopElement';
  > 13 | import SideGraph from '@/components/server/console/SideGraph';
       |                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    14 | import { Alert } from '@/components/elements/alert';
    15 | import styled  from 'styled-components/macro';
    16 | import { Server_is_transferred, Server_is_installing, Node_is_maintenance } from '@/lang';

ERROR in resources/scripts/components/resources/scripts/components/server/console/SideGraph.tsx:12:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    10 | import styled,{ css }  from 'styled-components/macro';
    11 | import useWebsocketEvent from '@/plugins/useWebsocketEvent';
  > 12 | import * as Icon from 'react-feather';
       |                       ^^^^^^^^^^^^^^^
    13 | import { Connecting, Installing, Transferring } from '@/lang';
    14 |
    15 | const DetailsItem = styled.div`

ERROR in resources/scripts/components/resources/scripts/components/server/console/TopElement.tsx:6:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    4 | import CopyOnClick from '@/components/elements/CopyOnClick';
    5 | import { ip } from '@/lib/formatters';
  > 6 | import * as Icon from 'react-feather';
      |                       ^^^^^^^^^^^^^^^
    7 |
    8 | const DetailsItem = styled.div`
    9 |     position:relative;

ERROR in resources/scripts/components/resources/scripts/components/server/startup/VariableBox.tsx:100:37
TS2769: No overload matches this call.
  Overload 1 of 3, '(props: Omit<Omit<Pick<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | ... 1 more ... | keyof SelectHTMLAttributes<...>> & { ...; } & Props, never> & Partial<...>, "theme"> & { ...; } & { ...; }): ReactElement<...>', gave the following error.
    Type 'string | null' is not assignable to type 'string | number | readonly string[] | undefined'.
      Type 'null' is not assignable to type 'string | number | readonly string[] | undefined'.
  Overload 2 of 3, '(props: Omit<Omit<Pick<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | ... 1 more ... | keyof SelectHTMLAttributes<...>> & { ...; } & Props, never> & Partial<...>, "theme"> & { ...; } & { ...; }): ReactElement<...>', gave the following error.
    Type 'string | null' is not assignable to type 'string | number | readonly string[] | undefined'.
  Overload 3 of 3, '(props: StyledComponentPropsWithAs<"select", any, Props, never, "select">): ReactElement<StyledComponentPropsWithAs<"select", any, Props, never, "select">, string | JSXElementConstructor<...>>', gave the following error.
    Type 'string | null' is not assignable to type 'string | number | readonly string[] | undefined'.
     98 |                                     onChange={(e) => setVariableValue(e.target.value)}
     99 |                                     name={variable.envVariable}
  > 100 |                                     defaultValue={variable.serverValue}
        |                                     ^^^^^^^^^^^^
    101 |                                     disabled={!canEdit || !variable.isEditable}
    102 |                                 >
    103 |                                     {selectValues.map((selectValue) => (

ERROR in resources/scripts/components/resources/scripts/components/server/startup/VariableBox.tsx:123:37
TS2769: No overload matches this call.
  Overload 1 of 3, '(props: Omit<Omit<Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | ... 1 more ... | keyof InputHTMLAttributes<...>> & { ...; } & Props, never> & Partial<...>, "theme"> & { ...; } & { ...; }): ReactElement<...>', gave the following error.
    Type 'string | null' is not assignable to type 'string | number | readonly string[] | undefined'.
  Overload 2 of 3, '(props: Omit<Omit<Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | ... 1 more ... | keyof InputHTMLAttributes<...>> & { ...; } & Props, never> & Partial<...>, "theme"> & { ...; } & { ...; }): ReactElement<...>', gave the following error.
    Type 'string | null' is not assignable to type 'string | number | readonly string[] | undefined'.
  Overload 3 of 3, '(props: StyledComponentPropsWithAs<"input", any, Props, never, "input">): ReactElement<StyledComponentPropsWithAs<"input", any, Props, never, "input">, string | JSXElementConstructor<...>>', gave the following error.
    Type 'string | null' is not assignable to type 'string | number | readonly string[] | undefined'.
    121 |                                     readOnly={!canEdit || !variable.isEditable}
    122 |                                     name={variable.envVariable}
  > 123 |                                     defaultValue={variable.serverValue}
        |                                     ^^^^^^^^^^^^
    124 |                                     placeholder={variable.defaultValue}
    125 |                                 />
    126 |                             </>

ERROR in resources/scripts/components/resources/scripts/routers/routes.ts:17:23
TS2307: Cannot find module 'react-feather' or its corresponding type declarations.
    15 | import ServerActivityLogContainer from '@/components/server/ServerActivityLogContainer';
    16 | import * as Lang from '@/lang';
  > 17 | import * as Icon from 'react-feather';
       |                       ^^^^^^^^^^^^^^^
    18 |
    19 | // Each of the router files is already code split out appropriately — so
    20 | // all of the items above will only be loaded in when that router is loaded.

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:19:76
TS2339: Property 'nestId' does not exist on type 'Server'.
    17 |   const match = useRouteMatch<{ id: string }>();
    18 |
  > 19 |   const nestId = ServerContext.useStoreState((state) => state.server.data?.nestId);
       |                                                                            ^^^^^^
    20 |   const eggId = ServerContext.useStoreState((state) => state.server.data?.eggId);
    21 |
    22 |   const to = (value: string, url = false) => {

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:20:75
TS2339: Property 'eggId' does not exist on type 'Server'.
    18 |
    19 |   const nestId = ServerContext.useStoreState((state) => state.server.data?.nestId);
  > 20 |   const eggId = ServerContext.useStoreState((state) => state.server.data?.eggId);
       |                                                                           ^^^^^
    21 |
    22 |   const to = (value: string, url = false) => {
    23 |     return `${(url ? match.url : match.path).replace(/\/*$/, '')}/${value.replace(/^\/+/, '')}`;

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:63:82
TS2339: Property 'nestId' does not exist on type 'Server'.
    61 |   const location = useLocation();
    62 |
  > 63 |   const serverNestId = ServerContext.useStoreState((state) => state.server.data?.nestId);
       |                                                                                  ^^^^^^
    64 |   const serverEggId = ServerContext.useStoreState((state) => state.server.data?.eggId);
    65 |
    66 |   const to = (value: string, url = false) => {

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:64:81
TS2339: Property 'eggId' does not exist on type 'Server'.
    62 |
    63 |   const serverNestId = ServerContext.useStoreState((state) => state.server.data?.nestId);
  > 64 |   const serverEggId = ServerContext.useStoreState((state) => state.server.data?.eggId);
       |                                                                                 ^^^^^
    65 |
    66 |   const to = (value: string, url = false) => {
    67 |     return `${(url ? match.url : match.path).replace(/\/*$/, '')}/${value.replace(/^\/+/, '')}`;

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:74:73
TS2339: Property 'nestIds' does not exist on type 'ServerRouteDefinition'.
    72 |       <TransitionRouter>
    73 |         <Switch location={location}>
  > 74 |           {routes.server.map(({ path, permission, component: Component, nestIds, eggIds, nestId, eggId }) => {
       |                                                                         ^^^^^^^
    75 |             return (
    76 |               ((nestIds && nestIds.includes(serverNestId ?? 0)) ||
    77 |                 (eggIds && eggIds.includes(serverEggId ?? 0)) ||

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:74:82
TS2339: Property 'eggIds' does not exist on type 'ServerRouteDefinition'.
    72 |       <TransitionRouter>
    73 |         <Switch location={location}>
  > 74 |           {routes.server.map(({ path, permission, component: Component, nestIds, eggIds, nestId, eggId }) => {
       |                                                                                  ^^^^^^
    75 |             return (
    76 |               ((nestIds && nestIds.includes(serverNestId ?? 0)) ||
    77 |                 (eggIds && eggIds.includes(serverEggId ?? 0)) ||

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:74:90
TS2339: Property 'nestId' does not exist on type 'ServerRouteDefinition'.
    72 |       <TransitionRouter>
    73 |         <Switch location={location}>
  > 74 |           {routes.server.map(({ path, permission, component: Component, nestIds, eggIds, nestId, eggId }) => {
       |                                                                                          ^^^^^^
    75 |             return (
    76 |               ((nestIds && nestIds.includes(serverNestId ?? 0)) ||
    77 |                 (eggIds && eggIds.includes(serverEggId ?? 0)) ||

ERROR in resources/scripts/components/resources/scripts/routers/ServerElements.tsx:74:98
TS2339: Property 'eggId' does not exist on type 'ServerRouteDefinition'.
    72 |       <TransitionRouter>
    73 |         <Switch location={location}>
  > 74 |           {routes.server.map(({ path, permission, component: Component, nestIds, eggIds, nestId, eggId }) => {
       |                                                                                                  ^^^^^
    75 |             return (
    76 |               ((nestIds && nestIds.includes(serverNestId ?? 0)) ||
    77 |                 (eggIds && eggIds.includes(serverEggId ?? 0)) ||

ERROR in resources/scripts/components/resources/scripts/routers/ServerRouter.tsx:28:45
TS2307: Cannot find module '@/routers/ServerElements' or its corresponding type declarations.
    26 | import CollapseBtn from '@/components/elements/custom/CollapseBtn';
    27 | import SearchContainer from '@/components/dashboard/search/SearchContainer';
  > 28 | import { Navigation, ComponentLoader } from '@/routers/ServerElements';
       |                                             ^^^^^^^^^^^^^^^^^^^^^^^^^^
    29 |
    30 | const ContainerBlock = styled.div`
    31 |     display:flex;

ERROR in resources/scripts/components/resources/scripts/routers/SideBarElements.tsx:14:76
TS2339: Property 'nestId' does not exist on type 'Server'.
    12 |   const match = useRouteMatch<{ id: string }>();
    13 |
  > 14 |   const nestId = ServerContext.useStoreState((state) => state.server.data?.nestId);
       |                                                                            ^^^^^^
    15 |   const eggId = ServerContext.useStoreState((state) => state.server.data?.eggId);
    16 |
    17 |   const to = (value: string, url = false) => {

ERROR in resources/scripts/components/resources/scripts/routers/SideBarElements.tsx:15:75
TS2339: Property 'eggId' does not exist on type 'Server'.
    13 |
    14 |   const nestId = ServerContext.useStoreState((state) => state.server.data?.nestId);
  > 15 |   const eggId = ServerContext.useStoreState((state) => state.server.data?.eggId);
       |                                                                           ^^^^^
    16 |
    17 |   const to = (value: string, url = false) => {
    18 |     return `${(url ? match.url : match.path).replace(/\/*$/, '')}/${value.replace(/^\/+/, '')}`;
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
07:27:10 INFO: Syncing Blueprint-related database values..
07:27:11 SUCCESS: Blueprint has completed its installation process.

Expected Behavior

thats the install working...

Steps to Reproduce

following the tutorial and execude bash blueprint.sh

Blueprint Version

latest ?

Panel Version

1.11.7

Is there an existing issue for this?

• I have searched the existing issues before opening this issue.
• I have provided all relevant details and tested my reproduction steps.
• I have checked to my best capabilities and believe this is a bug with the software, and not a configuration issue with my specific system.
• I have made sure to check that this bug is the fault of Blueprint and is not caused by stock Pterodactyl.

Weak Hardware

Hi! Regarding an email I sent, I'm now creating the issue. On my hardware, it's not possible for me to install Blueprint and a theme that requires it, as my server seems to be too weak. I have 512mb of RAM and a 1vcore processor, which appears to be insufficient. For those who have managed to install it: What resources do you have available? How powerful are your servers? What should I keep in mind?

Blueprint should not assume certain things about the environment

• Certain distros do not have a /usr/local directory (such as NixOS), or even a /usr/bin! (NixOS has it, but it only contains env) Because of this, the blueprint alias does not get installed if /usr/local/bin is not present or if it's not writable to by the current user.
• The installer falls apart anywhere outside of /var/www/pterodactyl. A safer assumption would be setting FOLDER="$(dirname $0)". #40
• When setting up symlinks to .blueprint, Blueprint will create absolute links. If the panel directory is renamed, Blueprint will partially break. #30

Update upstream `parse_yaml` script

Might be useful as the script got some recent commits

Access forbidden to admin panel.

Use ShellCheck for CI

Having ShellCheck for the CI workflow would be useful for catching bugs caused by shell edge-cases and enforcing safe practices. You can view its extensive list in the wiki. There are over 100 issues in blueprint.sh at present.

Script requires ZIP, while readme doesn't say so

While I understand the common sense part, there are people who won't know that they just run sudo apt install zip xD

No puzzle icon in the corner.

I installed, and it said it succeeded, but I do not see a puzzle icon in the admin panel. Tried installing a plugin (recolor), and it said it succeeded too but nothing changed.

Database Migrations broken

Current Behavior

when installing extension, the migration files get copied but php artisan migrate --force never gets ran

Expected Behavior

php artisan migrate --force gets ran after finishing all extensions

Steps to Reproduce

Install any extension with migrations defined

Blueprint Version

beta-2024-07

Panel Version

1.11.7

Is there an existing issue for this?

• I have searched the existing issues before opening this issue.
• I have provided all relevant details and tested my reproduction steps.
• I have checked to my best capabilities and believe this is a bug with the software, and not a configuration issue with my specific system.
• I have made sure to check that this bug is the fault of Blueprint and is not caused by stock Pterodactyl.

Bug on admin overview

So every time i click on the admin it doesnt load the site (which triggers my cloudflare crash site) but everything else works. You can go to admin but you cant click on overview if you click it it says the same thing. Then i tried without an account to see if admin overview triggers the same thing but it sayed the pterodactyl error code which means the page works but not when i click it with admin. This all happened after i installed the blueprint.

Also on the admin overview i remember i had installed a statics thing and it worked maybe thay could be the problem?

Version: 1.11.3

API for working with Laravel schedules.

devloper mode not working

Current Behavior

idk why i am getting this while enabling devloper mode

Expected Behavior

i have followed docs and tried to enable developer mode

Steps to Reproduce

i have followed docs and tried to enable developer mode

Blueprint Version

beta-F248

Panel Version

1.11.7

Is there an existing issue for this?

• I have searched the existing issues before opening this issue.
• I have provided all relevant details and tested my reproduction steps.
• I have checked to my best capabilities and believe this is a bug with the software, and not a configuration issue with my specific system.
• I have made sure to check that this bug is the fault of Blueprint and is not caused by stock Pterodactyl.