Static Params Example

import { z } from 'zod';
import { prefix, get, operation } from 'vovk';
import { withZod } from 'vovk-zod';
 
@prefix('static-params')
export default class StaticParamsController {
  @operation({
    summary: 'Static Params',
    description: 'Get the static params: section and page',
  })
  @get('{section}/page{page}.json', {
    staticParams: [
      { section: 'a', page: '1' },
      { section: 'a', page: '2' },
      { section: 'a', page: '3' },
      { section: 'b', page: '1' },
      { section: 'b', page: '2' },
      { section: 'b', page: '3' },
    ],
  })
  static getStaticParams = withZod({
    params: z.object({
      section: z.enum(['a', 'b']),
      page: z.enum(['1', '2', '3']),
    }),
    handle: async (_req, { section, page }) => {
      return { section, page };
    },
  });
}
 

'use client';
import { useState } from 'react';
import { StaticParamsRPC } from '@/client';
import { VovkParams, type VovkReturnType } from 'vovk';
 
export default function StaticParamsExample() {
  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof StaticParamsRPC.getStaticParams>>();
  const [section, setSection] = useState<VovkParams<typeof StaticParamsRPC.getStaticParams>['section']>('a');
  const [page, setPage] = useState<VovkParams<typeof StaticParamsRPC.getStaticParams>['page']>('1');
 
  return (
    <>
      <label>Section:</label>
      <select value={section} onChange={(e) => setSection(e.target.value as typeof section)}>
        {['a', 'b'].map((key: string) => (
          <option key={key} value={key}>
            {key}
          </option>
        ))}
      </select>
      <br />
      <label>Page:</label>
      <select value={page} onChange={(e) => setPage(e.target.value as typeof page)}>
        {['1', '2', '3'].map((key: string) => (
          <option key={key} value={key}>
            {key}
          </option>
        ))}
      </select>
      <br />
      <button
        onClick={async () => {
          setServerResponse(await StaticParamsRPC.getStaticParams({ params: { section, page } }));
        }}
      >
        Get Static Params Response
      </button>
      <div>{serverResponse ? JSON.stringify(serverResponse) : ''}</div>
    </>
  );
}
 

import { generateStaticAPI, initSegment } from 'vovk';
import OpenApiController from '../../../../modules/static/openapi/OpenApiController.ts';
import StaticParamsController from '../../../../modules/static/staticParams/StaticParamsController.ts';
 
const controllers = {
  OpenApiRPC: OpenApiController,
  StaticParamsRPC: StaticParamsController,
};
 
export type Controllers = typeof controllers;
 
export function generateStaticParams() {
  return generateStaticAPI(controllers);
}
 
export const { GET } = initSegment({
  segmentName: 'static',
  emitSchema: true,
  controllers,
  onError: (error) => {
    console.error(error);
  },
});