update panorama api and css

Author: iwasinminedream

.github/workflows/deploy.yml

@@ -4,6 +4,8 @@ on:
   push:
     branches: source
   workflow_dispatch:   # <-- добавлен ручной триггер
+  repository_dispatch:  # <-- триггер от внешнего репозитория
+    types: [dota-data-updated]
 
 jobs:
   deploy:

api/src/components/layout/NavBar.tsx

@@ -15,6 +15,7 @@ export const NavBar = () => (
     <NavBarLink to="/vscripts">Lua API</NavBarLink>
     <NavBarLink to="/events">Game Events</NavBarLink>
     <NavBarLink to="/panorama/api">Panorama API</NavBarLink>
+    <NavBarLink to="/panorama/css">Panorama CSS</NavBarLink>
     <NavBarLink to="/panorama/events">Panorama Events</NavBarLink>
     <NavBarLink to="/modifiers">Modifiers</NavBarLink>
     <NavBarLink to="/convars">Convars</NavBarLink>

api/src/pages/data.ts

@@ -3,6 +3,8 @@ import { Declaration } from "~components/Docs/api";
 import vscriptsEvents from "@moddota/dota-data/files/events";
 import panoramaEvents from "@moddota/dota-data/files/panorama/events";
 import panoramaEnums from "@moddota/dota-data/files/panorama/enums";
+import panoramaApi from "@moddota/dota-data/files/panorama/api";
+import panoramaCss from "@moddota/dota-data/files/panorama/css";
 import { orderBy } from "lodash";
 import { DeclarationsContextType } from "~components/Docs/DeclarationsContext";
 
@@ -76,9 +78,27 @@ export const scopes = {
   },
   panorama: {
     root: "/panorama/api",
-    declarations: sort(
-      panoramaEnums.map((declaration) => ({
-        kind: "enum",
+    declarations: sort([
+      // Add API interfaces as classes with methods
+      ...panoramaApi.map((iface) => ({
+        kind: "class" as const,
+        name: iface.name,
+        description: iface.description,
+        isStarred: false,
+        members: iface.members.map((member) => ({
+          kind: "function" as const,
+          name: member.name,
+          description: member.description,
+          args: member.args.map((arg) => ({
+            name: arg.name,
+            types: arg.type ? [arg.type] : ["any"],
+          })),
+          returns: member.returns ? [member.returns] : ["void"],
+        })),
+      })),
+      // Add enums
+      ...panoramaEnums.map((declaration) => ({
+        kind: "enum" as const,
         name: declaration.name,
         isStarred: false,
         members: declaration.members.map((member) => ({
@@ -87,6 +107,22 @@ export const scopes = {
           value: member.value,
         })),
       })),
+    ]),
+  },
+  panoramaCss: {
+    root: "/panorama/css",
+    declarations: sort(
+      Object.entries(panoramaCss).map(([name, property]) => ({
+        kind: "function" as const,
+        name: name,
+        description: property.description,
+        isStarred: false,
+        args: property.examples?.map((example, i) => ({
+          name: `example${i + 1}`,
+          types: [example],
+        })) || [],
+        returns: ["void"],
+      })),
     ),
   },
   panoramaEvents: {

api/src/pages/index.tsx

@@ -4,7 +4,8 @@ import styled from "styled-components";
 
 const EventsPage = React.lazy(() => import(/* webpackChunkName: "events" */ "./events"));
 const VScriptsPage = React.lazy(() => import(/* webpackChunkName: "vscripts" */ "./vscripts"));
-const PanoramaApiPage = React.lazy(() => import(/* webpackChunkName: "panorama_events" */ "./panorama/api"));
+const PanoramaApiPage = React.lazy(() => import(/* webpackChunkName: "panorama_api" */ "./panorama/api"));
+const PanoramaCssPage = React.lazy(() => import(/* webpackChunkName: "panorama_css" */ "./panorama/css"));
 const PanoramaEventsPage = React.lazy(() => import(/* webpackChunkName: "panorama_events" */ "./panorama/events"));
 const ModifiersPage = React.lazy(() => import(/* webpackChunkName: "modifiers" */ "./modifiers"));
 const ConvarsPage = React.lazy(() => import(/* webpackChunkName: "convars" */ "./convars"));
@@ -25,6 +26,7 @@ export function AppRoutes() {
       <Route path="/events/:scope?" component={EventsPage} />
       <Route path="/vscripts/:scope?" component={VScriptsPage} />
       <Route path="/panorama/api/:scope?" component={PanoramaApiPage} />
+      <Route path="/panorama/css/:scope?" component={PanoramaCssPage} />
       <Route path="/panorama/events/:scope?" component={PanoramaEventsPage} />
       <Route path="/modifiers" component={ModifiersPage} />
       <Route path="/convars" component={ConvarsPage} />

api/src/pages/panorama/css/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+import { scopes } from "../../data";
+import DeclarationsPage from "../../DeclarationsPage";
+
+export default function PanoramaCssPage() {
+  return <DeclarationsPage context={scopes.panoramaCss} hoist={[]}></DeclarationsPage>;
+}