27 | {data.resource.expression ? (
28 | <>
29 |
30 | Cron:
31 | {data.resource.expression}
32 |
33 |
34 | Description:
35 |
36 | {cronstrue.toString(data.resource.expression, {
37 | verbose: true,
38 | })}
39 |
40 |
41 |
42 | ) : (
43 |
44 | Rate:
45 | Every {data.resource.rate}
46 |
47 | )}
48 |
49 | ),
50 | }}
51 | />
52 | )
53 | }
54 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/architecture/nodes/SecretNode.tsx:
--------------------------------------------------------------------------------
1 | import { type ComponentType } from 'react'
2 |
3 | import type { Secret } from '@/types'
4 | import type { NodeProps } from 'reactflow'
5 | import NodeBase, { type NodeBaseData } from './NodeBase'
6 |
7 | export type SecretNodeData = NodeBaseData
8 |
9 | export const SecretNode: ComponentType> = (props) => {
10 | const { data } = props
11 |
12 | return (
13 |
24 | )
25 | }
26 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/architecture/nodes/ServiceNode.tsx:
--------------------------------------------------------------------------------
1 | import { type ComponentType } from 'react'
2 |
3 | import type { Edge, NodeProps } from 'reactflow'
4 | import NodeBase, { type NodeBaseData } from './NodeBase'
5 | import { Button } from '@/components/ui/button'
6 |
7 | type ServiceData = {
8 | filePath: string
9 | }
10 |
11 | export interface ServiceNodeData extends NodeBaseData {
12 | connectedEdges: Edge[]
13 | }
14 |
15 | export const ServiceNode: ComponentType> = (
16 | props,
17 | ) => {
18 | const { data } = props
19 |
20 | const Icon = data.icon
21 |
22 | return (
23 |
32 |
33 |
34 | Open in VSCode
35 |
36 |
37 | ),
38 | }}
39 | />
40 | )
41 | }
42 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/architecture/nodes/TopicNode.tsx:
--------------------------------------------------------------------------------
1 | import { type ComponentType } from 'react'
2 |
3 | import type { Topic } from '@/types'
4 | import type { NodeProps } from 'reactflow'
5 | import NodeBase, { type NodeBaseData } from './NodeBase'
6 |
7 | export type TopicNodeData = NodeBaseData
8 |
9 | export const TopicNode: ComponentType> = (props) => {
10 | const { data } = props
11 | //http://localhost:4001/topics/updates
12 | return (
13 |
25 | )
26 | }
27 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/architecture/nodes/WebsitesNode.tsx:
--------------------------------------------------------------------------------
1 | import { type ComponentType } from 'react'
2 |
3 | import type { Website } from '@/types'
4 | import type { NodeProps } from 'reactflow'
5 | import NodeBase, { type NodeBaseData } from './NodeBase'
6 | import SitesList from '@/components/websites/SitesList'
7 |
8 | export type WebsitesNodeData = NodeBaseData
9 |
10 | export const WebsitesNode: ComponentType> = (
11 | props,
12 | ) => {
13 | const { data } = props
14 |
15 | const websites = data.resource
16 |
17 | const rootWebsite = websites.find((website) =>
18 | /localhost:\d+$/.test(website.url.replace(/\/$/, '')),
19 | )
20 |
21 | const description = `${websites.length === 1 ? 'website' : 'websites'} stored in a bucket and served via CDN.`
22 |
23 | return (
24 | site !== rootWebsite)}
37 | />
38 | ) : null,
39 | }}
40 | />
41 | )
42 | }
43 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/architecture/nodes/WebsocketNode.tsx:
--------------------------------------------------------------------------------
1 | import { type ComponentType } from 'react'
2 |
3 | import type { WebSocket } from '@/types'
4 | import type { NodeProps } from 'reactflow'
5 | import NodeBase, { type NodeBaseData } from './NodeBase'
6 |
7 | export type WebsocketNodeData = NodeBaseData
8 |
9 | export const WebsocketNode: ComponentType> = (
10 | props,
11 | ) => {
12 | const { data } = props
13 |
14 | return (
15 |
27 | {data.resource.targets ? (
28 | <>
29 |
30 | Events:
31 | {Object.keys(data.resource.targets).join(', ')}
32 |
33 |
34 | ) : null}
35 |
36 | ),
37 | }}
38 | />
39 | )
40 | }
41 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/databases/DatabasesMenu.tsx:
--------------------------------------------------------------------------------
1 | import { TrashIcon } from '@heroicons/react/20/solid'
2 |
3 | import { useHistory } from '../../lib/hooks/use-history'
4 | import ResourceDropdownMenu from '../shared/ResourceDropdownMenu'
5 | import {
6 | DropdownMenuGroup,
7 | DropdownMenuItem,
8 | DropdownMenuLabel,
9 | DropdownMenuSeparator,
10 | } from '../ui/dropdown-menu'
11 |
12 | interface Props {
13 | storageKey: string
14 | selected: string
15 | onAfterClear: () => void
16 | }
17 |
18 | const DatabasesMenu: React.FC = ({
19 | storageKey,
20 | selected,
21 | onAfterClear,
22 | }) => {
23 | const clearHistory = async () => {
24 | localStorage.removeItem(storageKey)
25 |
26 | onAfterClear()
27 | }
28 |
29 | return (
30 |
31 |
32 | Database Menu
33 |
34 |
35 |
36 |
37 |
38 | Clear Saved Query
39 |
40 |
41 |
42 | )
43 | }
44 |
45 | export default DatabasesMenu
46 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/events/EventsHistory.tsx:
--------------------------------------------------------------------------------
1 | import type {
2 | EventHistoryItem,
3 | EventResource,
4 | TopicHistoryItem,
5 | } from '../../types'
6 | import { formatJSON } from '@/lib/utils'
7 | import CodeEditor from '../apis/CodeEditor'
8 | import HistoryAccordion from '../shared/HistoryAccordion'
9 |
10 | interface Props {
11 | history: EventHistoryItem[]
12 | selectedWorker: EventResource
13 | workerType: 'schedules' | 'topics' | 'jobs'
14 | }
15 |
16 | const EventsHistory: React.FC = ({
17 | selectedWorker,
18 | workerType,
19 | history,
20 | }) => {
21 | const requestHistory = history
22 | .sort((a, b) => b.time - a.time)
23 | .filter((h) => h.event)
24 | .filter((h) => h.event.name === selectedWorker.name)
25 |
26 | if (!requestHistory.length) {
27 | return There is no history.
28 | }
29 |
30 | return (
31 |
32 |
{
34 | let payload = ''
35 |
36 | if (workerType === 'topics' || workerType === 'jobs') {
37 | payload = (h.event as TopicHistoryItem['event']).payload
38 | }
39 |
40 | const formattedPayload = payload ? formatJSON(payload) : ''
41 |
42 | return {
43 | label: h.event.name,
44 | time: h.time,
45 | success: Boolean(h.event.success),
46 | content: formattedPayload ? (
47 |
58 | ) : undefined,
59 | }
60 | })}
61 | />
62 |
40 |
41 |
47 |
48 |
Loading...
49 |
37 |
38 | {title}
39 |
40 | {headerSiblings}
41 |
42 | {description && {description}}
43 |
44 | )}
45 |
46 | {children}
47 |
48 | {footer && {footer}}
49 |
50 | )
51 | }
52 |
53 | export default SectionCard
54 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/src/components/shared/TextField.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from '@/lib/utils'
2 | import type {
3 | ForwardRefExoticComponent,
4 | InputHTMLAttributes,
5 | SVGProps,
6 | } from 'react'
7 | import { Input } from '../ui/input'
8 | import { Label } from '../ui/label'
9 |
10 | interface Props extends InputHTMLAttributes {
11 | label: string
12 | hideLabel?: boolean
13 | id: string
14 | icon?: ForwardRefExoticComponent>
15 | }
16 |
17 | const TextField = ({
18 | label,
19 | hideLabel,
20 | id,
21 | icon: Icon,
22 | ...inputProps
23 | }: Props) => {
24 | return (
25 |
26 |
29 |
32 | {Icon && (
33 |
34 |
35 |
36 | )}
37 |
42 |
43 |
22 |
23 |
24 |
25 | {isDragActive
26 | ? `Drop the ${multiple ? 'files' : 'file'} here ...`
27 | : `Drag or click to add ${multiple ? 'files' : 'file'}.`}
28 |
29 |
12 |
Root Site:
13 |
25 | {subsites.length > 0 ? (
26 | <>
27 |
Subsites:
28 |
29 | {subsites.map((website) => (
30 |
45 | ))}
46 |
47 |
48 | ) : null}
49 |
11 |
404
12 |
15 | Route not found
16 |
17 |
18 |
23 |
2 |
3 | ## About Nitric
4 |
5 | This is a [Nitric](https://nitric.io) TypeScript project, but Nitric is a framework for rapid development of cloud-native and serverless applications in many languages.
6 |
7 | Using Nitric you define your apps in terms of the resources they need, then write the code for serverless function based APIs, event subscribers and scheduled jobs.
8 |
9 | Apps built with Nitric can be deployed to AWS, Azure or Google Cloud all from the same code base so you can focus on your products, not your cloud provider.
10 |
11 | Nitric makes it easy to:
12 |
13 | - Create smart [serverless functions and APIs](https://nitric.io/docs/apis)
14 | - Build reliable distributed apps that use [events](https://nitric.io/docs/messaging/topics) and/or [queues](https://nitric.io/docs/messaging/queues)
15 | - Securely store, retrieve and rotate [secrets](https://nitric.io/docs/secrets)
16 | - Read and write files from [buckets](https://nitric.io/docs/storage)
17 |
18 | ## Learning Nitric
19 |
20 | Nitric provides detailed and intuitive [documentation](https://nitric.io/docs) and [guides](https://nitric.io/docs/getting-started) to help you get started quickly.
21 |
22 | If you'd rather chat with the maintainers or community, come and join our [Discord](https://nitric.io/chat) server, [GitHub Discussions](https://github.com/nitrictech/nitric/discussions) or find us on [Twitter](https://twitter.com/nitric_io).
23 |
24 | ## Running this project
25 |
26 | To run this project you'll need the [Nitric CLI](https://nitric.io/docs/installation) installed, then you can use the CLI commands to run, build or deploy the project.
27 |
28 | You'll also want to make sure the project's required dependencies have been installed.
29 |
30 | ```bash
31 | # install dependencies
32 | npm install
33 |
34 | # run locally
35 | npm run dev
36 | ```
37 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "docs-website",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "vite build",
9 | "preview": "vite preview"
10 | },
11 | "devDependencies": {
12 | "vite": "^6.1.0"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/public/vite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/src/counter.js:
--------------------------------------------------------------------------------
1 | export function setupCounter(element) {
2 | let counter = 0
3 | const setCounter = (count) => {
4 | counter = count
5 | element.innerHTML = `count is ${counter}`
6 | }
7 | element.addEventListener('click', () => setCounter(counter + 1))
8 | setCounter(0)
9 | }
10 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/src/javascript.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/pkg/dashboard/frontend/test-app/docs-website/src/main.js:
--------------------------------------------------------------------------------
1 | import './style.css'
2 | import javascriptLogo from './javascript.svg'
3 | import viteLogo from '/vite.svg'
4 | import { setupCounter } from './counter.js'
5 |
6 | document.querySelector('#app').innerHTML = `
7 |
8 |
9 | 
10 |
11 |
12 | 
13 |
14 |
Hello Nitric Docs Test!
15 |
16 |
17 |
18 |
19 | Click on the Vite logo to learn more
20 |
21 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
Hello Nitric!
15 |
16 |
17 |
18 |
19 | Click on the Vite logo to learn more
20 |
21 |
6 |
7 |