commit b87b93a1a4560be92197f7adb9e1baf7a037703a · notnite.com/moonlight

+19

packages/core-extensions/src/appPanels/index.ts

···

       1
       1
       +
       import type { ExtensionWebpackModule, Patch } from "@moonlight-mod/types";

     

       2
       2
       +
       

     

       3
       3
       +
       export const patches: Patch[] = [

     

       4
       4
       +
         {

     

       5
       5
       +
           find: 'setProperty("--custom-app-panels-height"',

     

       6
       6
       +
           replace: [

     

       7
       7
       +
             {

     

       8
       8
       +
               match: /\(0,.\.jsx\)\((.\..),{section:/,

     

       9
       9
       +
               replacement: (prev, el) => `...require("appPanels_appPanels").default.getPanels(${el}),${prev}`

     

       10
       10
       +
             }

     

       11
       11
       +
           ]

     

       12
       12
       +
         }

     

       13
       13
       +
       ];

     

       14
       14
       +
       

     

       15
       15
       +
       export const webpackModules: Record<string, ExtensionWebpackModule> = {

     

       16
       16
       +
         appPanels: {

     

       17
       17
       +
           dependencies: [{ id: "react" }]

     

       18
       18
       +
         }

     

       19
       19
       +
       };

+10

packages/core-extensions/src/appPanels/manifest.json

···

       1
       1
       +
       {

     

       2
       2
       +
         "id": "appPanels",

     

       3
       3
       +
         "apiLevel": 2,

     

       4
       4
       +
         "meta": {

     

       5
       5
       +
           "name": "App Panels",

     

       6
       6
       +
           "tagline": "An API for adding panels around the user/voice controls",

     

       7
       7
       +
           "authors": ["NotNite"],

     

       8
       8
       +
           "tags": ["library"]

     

       9
       9
       +
         }

     

       10
       10
       +
       }

+23

packages/core-extensions/src/appPanels/webpackModules/appPanels.ts

···

       1
       1
       +
       import type { AppPanels as AppPanelsType } from "@moonlight-mod/types/coreExtensions/appPanels";

     

       2
       2
       +
       import React from "@moonlight-mod/wp/react";

     

       3
       3
       +
       

     

       4
       4
       +
       const panels: Record<string, React.FC<any>> = {};

     

       5
       5
       +
       

     

       6
       6
       +
       export const AppPanels: AppPanelsType = {

     

       7
       7
       +
         addPanel(section, element) {

     

       8
       8
       +
           panels[section] = element;

     

       9
       9
       +
         },

     

       10
       10
       +
         getPanels(panel) {

     

       11
       11
       +
           return Object.entries(panels).map(([section, element]) =>

     

       12
       12
       +
             React.createElement(

     

       13
       13
       +
               panel,

     

       14
       14
       +
               {

     

       15
       15
       +
                 section

     

       16
       16
       +
               },

     

       17
       17
       +
               React.createElement(element)

     

       18
       18
       +
             )

     

       19
       19
       +
           );

     

       20
       20
       +
         }

     

       21
       21
       +
       };

     

       22
       22
       +
       

     

       23
       23
       +
       export default AppPanels;

+1

packages/types/src/coreExtensions.ts

···

       4
       4
        
       export * as ContextMenu from "./coreExtensions/contextMenu";

     

       5
       5
        
       export * as Notices from "./coreExtensions/notices";

     

       6
       6
        
       export * as Moonbase from "./coreExtensions/moonbase";

     

       7
       7
       +
       export * as AppPanels from "./coreExtensions/appPanels";

+4

packages/types/src/coreExtensions/appPanels.ts

···

       1
       1
       +
       export type AppPanels = {

     

       2
       2
       +
         addPanel: (section: string, element: React.FC<any>) => void;

     

       3
       3
       +
         getPanels: (el: React.FC<any>) => React.ReactNode;

     

       4
       4
       +
       };

+5 -2

packages/types/src/discord/require.ts

···

       1
       1
       +
       import { AppPanels } from "../coreExtensions/appPanels";

     

       1
       2
        
       import { ContextMenu, EvilItemParser } from "../coreExtensions/contextMenu";

     

       2
       3
        
       import { Markdown } from "../coreExtensions/markdown";

     

       4
       4
       +
       import { Moonbase } from "../coreExtensions/moonbase";

     

       5
       5
       +
       import { Notices } from "../coreExtensions/notices";

     

       3
       6
        
       import { Settings } from "../coreExtensions/settings";

     

       4
       7
        
       import { Spacepack } from "../coreExtensions/spacepack";

     

       5
       5
       -
       import { Notices } from "../coreExtensions/notices";

     

       6
       6
       -
       import { Moonbase } from "../coreExtensions/moonbase";

     

       7
       8
        
       

     

       8
       9
        
       declare function WebpackRequire(id: string): any;

     

       10
       10
       +
       

     

       11
       11
       +
       declare function WebpackRequire(id: "appPanels_appPanels"): AppPanels;

     

       9
       12
        
       

     

       10
       13
        
       declare function WebpackRequire(id: "contextMenu_evilMenu"): EvilItemParser;

     

       11
       14
        
       declare function WebpackRequire(id: "contextMenu_contextMenu"): ContextMenu;

+6

packages/types/src/import.d.ts

···

       1
       1
       +
       declare module "@moonlight-mod/wp/appPanels_appPanels" {

     

       2
       2
       +
         import { CoreExtensions } from "@moonlight-mod/types";

     

       3
       3
       +
         const AppPanels: CoreExtensions.AppPanels.AppPanels;

     

       4
       4
       +
         export = AppPanels;

     

       5
       5
       +
       }

     

       6
       6
       +
       

     

       1
       7
        
       declare module "@moonlight-mod/wp/common_stores";

     

       2
       8
        
       

     

       3
       9
        
       declare module "@moonlight-mod/wp/contextMenu_evilMenu" {