4 |
5 | ## Installation
6 |
7 | ```shell
8 | npm install-clean
9 | ```
10 |
11 | ## Local Development
12 |
13 | ```shell
14 | npm run start
15 | ```
16 |
17 | This command starts a local development server and open up a browser window. Most changes are reflected live without having to restart the server.
18 |
19 | ## Build
20 |
21 | ```shell
22 | npm run build
23 | ```
24 |
25 | This command generates static content into the `build` directory and can be served using any static contents hosting service.
26 |
--------------------------------------------------------------------------------
/api/ai-playground-result-controller.tag.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | id: "tag_ai-playground-result-controller"
3 | title: "Ai Playground result controller"
4 | description: "Ai Playground result controller"
5 | custom_edit_url: null
6 | ---
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | ```mdx-code-block
15 | import DocCardList from '@theme/DocCardList';
16 | import {useCurrentSidebarCategory} from '@docusaurus/theme-common';
17 |
18 | %llm, %@} />
8 |
9 | ### Placeholder conversion specification
10 |
11 | import ApplePlaceholders from './placeholderConversion/_apple.mdx'
12 |
13 |
22 |
31 | );
32 | };
33 |
--------------------------------------------------------------------------------
/platform/shared/_ScreenRecording.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 |
3 | import { ScreenWrapper } from './_ScreenWrapper';
4 |
5 | type Props = React.DetailedHTMLProps<
6 | React.VideoHTMLAttributes
23 |
29 |
24 |
25 |
27 |
28 | Tolgee
26 |
13 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/platform/shared/_ScreenshotWrapper.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { ScreenWrapper } from './_ScreenWrapper';
3 | import clsx from 'clsx';
4 |
5 | type Props = React.DetailedHTMLProps<
6 | React.ImgHTMLAttributes
14 |
15 |
16 |
17 |
18 | {children}
19 |
12 |
15 | );
16 | };
17 |
--------------------------------------------------------------------------------
/src/component/GradientText.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode } from 'react';
2 | import clsx from 'clsx';
3 |
4 | type GradientTextOwnProps{description}
}
14 |
18 |
19 | {title}
20 |
21 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/src/component/externalScripts/appendScript.ts:
--------------------------------------------------------------------------------
1 | export const appendScript = (
2 | url?: string,
3 | defer = true,
4 | dataset: DOMStringMap = {},
5 | innerHTML?: string
6 | ) => {
7 | const script = document.createElement('script');
8 | if (url) {
9 | script.src = url;
10 | }
11 | Object.entries(dataset).forEach(([key, value]) => {
12 | script.dataset[key] = value;
13 | });
14 | script.defer = defer;
15 | script.async = true;
16 | if (innerHTML) {
17 | script.innerHTML = innerHTML;
18 | }
19 | document.head.append(script);
20 | return () => {
21 | document.head.removeChild(script);
22 | };
23 | };
24 |
--------------------------------------------------------------------------------
/src/component/externalScripts/getTypebotScript.ts:
--------------------------------------------------------------------------------
1 | export const getTypebotScript = (typebotToken: string) => {
2 | return `
3 | import Typebot from 'https://cdn.jsdelivr.net/npm/@typebot.io/js@0.2/dist/web.js';
4 |
5 | Typebot.initBubble({
6 | typebot: '${typebotToken}',
7 | theme: {
8 | button: { backgroundColor: 'var(--ifm-color-primary)' },
9 | },
10 | });
11 | `;
12 | };
13 |
--------------------------------------------------------------------------------
/src/component/githubButton/GithubButton.css:
--------------------------------------------------------------------------------
1 | .github-btn {
2 | @apply flex
3 | items-center
4 | border
5 | border-solid
6 | border-emphasis-400
7 | rounded-[20px]
8 | text-sm
9 | gap-[6px]
10 | px-3
11 | py-[7px]
12 | text-home-text;
13 | }
14 |
15 | .github-btn--container {
16 | @apply flex
17 | items-center
18 | text-home-text
19 | hover:text-emphasis-1000;
20 | }
21 |
22 | .github-btn--count {
23 | @apply text-[18px]
24 | text-home-text
25 | hover:text-emphasis-1000
26 | hover:no-underline;
27 | }
28 |
29 | .github-btn--logo {
30 | width: 20px !important;
31 | height: 20px;
32 | }
33 |
--------------------------------------------------------------------------------
/src/component/images/Docs.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/component/initPosthog.ts:
--------------------------------------------------------------------------------
1 | import posthog from 'posthog-js';
2 |
3 | export function initPosthog({ token, host }: { token: string; host: string }) {
4 | posthog.init(token, {
5 | api_host: host,
6 | person_profiles: 'identified_only',
7 | capture_pageview: false,
8 | persistence: 'memory',
9 | });
10 | }
11 |
--------------------------------------------------------------------------------
/src/component/pageComponents/header/PageHeader.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import clsx from 'clsx';
3 |
4 | export const PageHeader: FC<{
5 | className?: string;
6 | noPadding?: boolean;
7 | children?: React.ReactNode;
8 | }> = (props) => (
9 | {text}
22 | 23 | {linkText} 24 | 25 |
14 |
16 |
17 | )}
18 | {items.map((item, index) => (
19 |