/*@jsxRuntime automatic @jsxImportSource react*/ /* 1. Register with a new account or login to your existing 2. Create your app, and sync it with your GitHub repository and branch Tip: Your puzzlet repo doesn't need to be the same as where you store your app code. Prompt templates are accessible via our secure CDN. 1. Initialize your puzzlet configuration in the root of your repo. ```bash npx npx @puzzlet/cli@latest init ``` 2. Push the changes to your synced branch. 1. Run the dev command in the root of your repo and navigate to the web url ```bash npx npx @puzzlet/cli@latest dev -p 9005 ``` 2. Create a new prompt template and save it. Publish Local

3. Commit your change, and push to your synced branch. 4. Observe the prompt now available on the hosted Puzzlet platform. Publish Hosted

1. Create a new prompt template, and click publish. Publish Hosted

2. Observe the prompt now available as a commit in your GitHub repository. Publish Hosted

1. Run your prompt or a workflow (multiple prompts) ```typescript TypeScript - Single import { Puzzlet } from "@puzzlet/sdk"; import { PromptTemplateRuntime } from "@puzzlet/prompt-template"; const client = new Puzzlet({ apiKey, appId }); client.initTracing({ disableBatch: true }); async function run () { const json = await client.fetchTemplate(".json"); const promptTemplate = PromptTemplateRuntime.load(json); await promptTemplate.runSingle(""); } await run(); ``` ```typescript TypeScript - Workflow import { Puzzlet, workflow } from "@puzzlet/sdk"; import { PromptTemplateRuntime } from "@puzzlet/prompt-template"; const puzzletClient = new Puzzlet({ apiKey, appId, }); puzzletClient.initTracing({ disableBatch: true, }); class Test { @trace({ name: 'my_demo_workflow' }) async run() { const json = await puzzletClient.fetchTemplate(".json"); const templateRuntime = PromptTemplateRuntime.load(json); await templateRuntime.runDependencyChain(""); } } ``` ```python Python - Coming Soon # Python Support Coming Soon ``` 2. View the results in your dashboard Publish Hosted

*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ p: "p" }, _provideComponents(), props.components), {Heading} = _components; if (!Heading) _missingMdxReference("Heading", true); return _jsxs(_Fragment, { children: [_jsx(Heading, { level: "1", id: "under-construction", children: "Under Construction…" }), "\n", _jsx(_components.p, { children: "We’re overhauling our docs. These will be up again soon!" }), "\n"] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, props) })) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }

Getting Started

​Under Construction…

Under Construction…