diff --git a/deco.ts b/deco.ts
index 2c10a41ad..83038d2d9 100644
--- a/deco.ts
+++ b/deco.ts
@@ -10,6 +10,8 @@ const compatibilityApps = [{
const config = {
apps: [
+ app("posthog"),
+ app("decopilot-app"),
app("smarthint"),
app("ra-trustvox"),
app("anthropic"),
@@ -45,6 +47,7 @@ const config = {
app("crux"),
app("decohub"),
app("htmx"),
+ app("sap"),
...compatibilityApps,
],
};
diff --git a/decohub/apps/nuvemshop.ts b/decohub/apps/nuvemshop.ts
index f054972a1..ed6f5b479 100644
--- a/decohub/apps/nuvemshop.ts
+++ b/decohub/apps/nuvemshop.ts
@@ -1 +1 @@
-export { default, Preview } from "../../nuvemshop/mod.ts";
+export { default, preview } from "../../nuvemshop/mod.ts";
diff --git a/decohub/apps/posthog.ts b/decohub/apps/posthog.ts
new file mode 100644
index 000000000..c4cf74803
--- /dev/null
+++ b/decohub/apps/posthog.ts
@@ -0,0 +1 @@
+export { default, preview } from "../../posthog/mod.ts";
diff --git a/decohub/apps/vtex.ts b/decohub/apps/vtex.ts
index d709eb624..66a661a55 100644
--- a/decohub/apps/vtex.ts
+++ b/decohub/apps/vtex.ts
@@ -1,9 +1,7 @@
export { default } from "../../vtex/mod.ts";
-
-import { AppRuntime } from "deco/types.ts";
import { PreviewVtex } from "../../vtex/preview/Preview.tsx";
import { Markdown } from "../components/Markdown.tsx";
-
+import { type AppRuntime } from "@deco/deco";
export const preview = async (props: AppRuntime) => {
const markdownContent = await Markdown(
new URL("../../vtex/README.md", import.meta.url).href,
diff --git a/decohub/manifest.gen.ts b/decohub/manifest.gen.ts
index fd9a5d81c..7cbfb7cd1 100644
--- a/decohub/manifest.gen.ts
+++ b/decohub/manifest.gen.ts
@@ -18,20 +18,21 @@ import * as $$$$$$$$$$$12 from "./apps/linx.ts";
import * as $$$$$$$$$$$13 from "./apps/magento.ts";
import * as $$$$$$$$$$$14 from "./apps/mailchimp.ts";
import * as $$$$$$$$$$$15 from "./apps/nuvemshop.ts";
-import * as $$$$$$$$$$$16 from "./apps/power-reviews.ts";
-import * as $$$$$$$$$$$17 from "./apps/ra-trustvox.ts";
-import * as $$$$$$$$$$$18 from "./apps/resend.ts";
-import * as $$$$$$$$$$$19 from "./apps/shopify.ts";
-import * as $$$$$$$$$$$20 from "./apps/smarthint.ts";
-import * as $$$$$$$$$$$21 from "./apps/sourei.ts";
-import * as $$$$$$$$$$$22 from "./apps/typesense.ts";
-import * as $$$$$$$$$$$23 from "./apps/verified-reviews.ts";
-import * as $$$$$$$$$$$24 from "./apps/vnda.ts";
-import * as $$$$$$$$$$$25 from "./apps/vtex.ts";
-import * as $$$$$$$$$$$26 from "./apps/wake.ts";
-import * as $$$$$$$$$$$27 from "./apps/wap.ts";
-import * as $$$$$$$$$$$28 from "./apps/weather.ts";
-import * as $$$$$$$$$$$29 from "./apps/workflows.ts";
+import * as $$$$$$$$$$$16 from "./apps/posthog.ts";
+import * as $$$$$$$$$$$17 from "./apps/power-reviews.ts";
+import * as $$$$$$$$$$$18 from "./apps/ra-trustvox.ts";
+import * as $$$$$$$$$$$19 from "./apps/resend.ts";
+import * as $$$$$$$$$$$20 from "./apps/shopify.ts";
+import * as $$$$$$$$$$$21 from "./apps/smarthint.ts";
+import * as $$$$$$$$$$$22 from "./apps/sourei.ts";
+import * as $$$$$$$$$$$23 from "./apps/typesense.ts";
+import * as $$$$$$$$$$$24 from "./apps/verified-reviews.ts";
+import * as $$$$$$$$$$$25 from "./apps/vnda.ts";
+import * as $$$$$$$$$$$26 from "./apps/vtex.ts";
+import * as $$$$$$$$$$$27 from "./apps/wake.ts";
+import * as $$$$$$$$$$$28 from "./apps/wap.ts";
+import * as $$$$$$$$$$$29 from "./apps/weather.ts";
+import * as $$$$$$$$$$$30 from "./apps/workflows.ts";
const manifest = {
"apps": {
@@ -51,20 +52,21 @@ const manifest = {
"decohub/apps/magento.ts": $$$$$$$$$$$13,
"decohub/apps/mailchimp.ts": $$$$$$$$$$$14,
"decohub/apps/nuvemshop.ts": $$$$$$$$$$$15,
- "decohub/apps/power-reviews.ts": $$$$$$$$$$$16,
- "decohub/apps/ra-trustvox.ts": $$$$$$$$$$$17,
- "decohub/apps/resend.ts": $$$$$$$$$$$18,
- "decohub/apps/shopify.ts": $$$$$$$$$$$19,
- "decohub/apps/smarthint.ts": $$$$$$$$$$$20,
- "decohub/apps/sourei.ts": $$$$$$$$$$$21,
- "decohub/apps/typesense.ts": $$$$$$$$$$$22,
- "decohub/apps/verified-reviews.ts": $$$$$$$$$$$23,
- "decohub/apps/vnda.ts": $$$$$$$$$$$24,
- "decohub/apps/vtex.ts": $$$$$$$$$$$25,
- "decohub/apps/wake.ts": $$$$$$$$$$$26,
- "decohub/apps/wap.ts": $$$$$$$$$$$27,
- "decohub/apps/weather.ts": $$$$$$$$$$$28,
- "decohub/apps/workflows.ts": $$$$$$$$$$$29,
+ "decohub/apps/posthog.ts": $$$$$$$$$$$16,
+ "decohub/apps/power-reviews.ts": $$$$$$$$$$$17,
+ "decohub/apps/ra-trustvox.ts": $$$$$$$$$$$18,
+ "decohub/apps/resend.ts": $$$$$$$$$$$19,
+ "decohub/apps/shopify.ts": $$$$$$$$$$$20,
+ "decohub/apps/smarthint.ts": $$$$$$$$$$$21,
+ "decohub/apps/sourei.ts": $$$$$$$$$$$22,
+ "decohub/apps/typesense.ts": $$$$$$$$$$$23,
+ "decohub/apps/verified-reviews.ts": $$$$$$$$$$$24,
+ "decohub/apps/vnda.ts": $$$$$$$$$$$25,
+ "decohub/apps/vtex.ts": $$$$$$$$$$$26,
+ "decohub/apps/wake.ts": $$$$$$$$$$$27,
+ "decohub/apps/wap.ts": $$$$$$$$$$$28,
+ "decohub/apps/weather.ts": $$$$$$$$$$$29,
+ "decohub/apps/workflows.ts": $$$$$$$$$$$30,
},
"name": "decohub",
"baseUrl": import.meta.url,
diff --git a/decohub/mod.ts b/decohub/mod.ts
index fedb45095..3f4a2c56d 100644
--- a/decohub/mod.ts
+++ b/decohub/mod.ts
@@ -1,10 +1,8 @@
-import { ImportMap } from "deco/blocks/app.ts";
-import { buildImportMap } from "deco/blocks/utils.tsx";
-import { notUndefined } from "deco/engine/core/utils.ts";
-import { type App, AppModule, type FnContext } from "deco/mod.ts";
import { Markdown } from "./components/Markdown.tsx";
import manifest, { Manifest } from "./manifest.gen.ts";
-
+import { buildImportMap, ImportMap } from "@deco/deco/blocks";
+import { notUndefined } from "@deco/deco/utils";
+import { type App, AppModule, type FnContext } from "@deco/deco";
/**
* @title App
*/
@@ -13,14 +11,11 @@ export interface DynamicApp {
name: string;
importMap?: ImportMap;
}
-
export interface State {
enableAdmin?: boolean;
apps: DynamicApp[];
}
-
const DENY_DYNAMIC_IMPORT = Deno.env.get("DENY_DYNAMIC_IMPORT") === "true";
-
/**
* @title Deco Hub
* @description Unlock apps and integrations on deco.cx
@@ -29,16 +24,19 @@ const DENY_DYNAMIC_IMPORT = Deno.env.get("DENY_DYNAMIC_IMPORT") === "true";
*/
const ADMIN_APP = "decohub/apps/admin.ts";
const FILES_APP = "decohub/apps/files.ts";
-export default async function App(
- state: State,
-): Promise
> {
+export default async function App(state: State): Promise> {
const resolvedAdminImport = import.meta.resolve("../admin/mod.ts");
const resolvedFilesImport = import.meta.resolve("../files/mod.ts");
const baseImportMap = buildImportMap(manifest);
const appModules = DENY_DYNAMIC_IMPORT ? [] : await Promise.all(
(state?.apps ?? []).filter(Boolean).map(async (app) => {
const appMod = await import(app.importUrl).catch((err) => {
- console.error("error when importing app", app.name, app.importUrl, err);
+ console.error(
+ "error when importing app",
+ app.name,
+ app.importUrl,
+ err,
+ );
return null;
});
if (!appMod) {
@@ -53,25 +51,22 @@ export default async function App(
}),
);
const [dynamicApps, enhancedImportMap] = appModules.filter(notUndefined)
- .reduce(
- ([apps, importmap], app) => {
- const appTs = `${app.name}.ts`;
- const appName = `${manifest.name}/apps/${appTs}`;
- return [{
- ...apps,
- [appName]: app.module,
- }, {
- ...importmap,
- ...app.importMap ?? {},
- imports: {
- ...importmap?.imports ?? {},
- ...app.importMap?.imports ?? {},
- [appName]: app.importUrl,
- },
- }];
- },
- [{} as Record, baseImportMap],
- );
+ .reduce(([apps, importmap], app) => {
+ const appTs = `${app.name}.ts`;
+ const appName = `${manifest.name}/apps/${appTs}`;
+ return [{
+ ...apps,
+ [appName]: app.module,
+ }, {
+ ...importmap,
+ ...app.importMap ?? {},
+ imports: {
+ ...importmap?.imports ?? {},
+ ...app.importMap?.imports ?? {},
+ [appName]: app.importUrl,
+ },
+ }];
+ }, [{} as Record, baseImportMap]);
return {
manifest: {
...manifest,
@@ -81,12 +76,8 @@ export default async function App(
...manifest.apps,
...state.enableAdmin // this is an optimization to not include the admin code for everyone in case of play is not being used.
? {
- [ADMIN_APP]: await import(
- resolvedAdminImport
- ),
- [FILES_APP]: await import(
- resolvedFilesImport
- ),
+ [ADMIN_APP]: await import(resolvedAdminImport),
+ [FILES_APP]: await import(resolvedFilesImport),
}
: {},
},
@@ -108,9 +99,7 @@ export default async function App(
},
};
}
-
export type AppContext = FnContext;
-
export const Preview = await Markdown(
new URL("./README.md", import.meta.url).href,
);
diff --git a/decopilot-app/README.md b/decopilot-app/README.md
new file mode 100644
index 000000000..ff64f100f
--- /dev/null
+++ b/decopilot-app/README.md
@@ -0,0 +1,6 @@
+decopilot is deco.cx's LLM interface
+
+This app wrapps various LLM clients into comprehensive set of loaders/actions/workflows
+allowing for a standardized use of different architectures integrated withing deco.cx's base engine
+
+To better understand how to set up your API tokens and use the features in this app, follow the guide below:
\ No newline at end of file
diff --git a/decopilot-app/actions/chain/runChain.ts b/decopilot-app/actions/chain/runChain.ts
new file mode 100644
index 000000000..f36892920
--- /dev/null
+++ b/decopilot-app/actions/chain/runChain.ts
@@ -0,0 +1,122 @@
+import type { AppContext } from "../../mod.ts";
+
+import type {
+ Attachment,
+ LLMChainResponseType,
+ LLMResponseType,
+ Provider,
+ TextOnly,
+} from "../../types.ts";
+
+// import { LLMAgent } from "../../types.ts";
+import runPrompt from "../prompt/runPrompt.ts";
+import getSavedPrompts from "../../loaders/getSavedPrompts.ts";
+
+interface Props {
+ /**
+ * @format dynamic-options
+ * @options decopilot-app/loaders/listAvailableChains.ts
+ */
+ name: string;
+ attachments?: Attachment[];
+}
+
+export default async function action(
+ { name, attachments }: Props,
+ _req: Request,
+ ctx: AppContext,
+): Promise {
+ const chain = ctx.chains.find((p) => p.name === name);
+
+ if (!chain) {
+ throw new Error(`Chain with name: ${name} not found`);
+ }
+
+ let runResponse: LLMResponseType | null = null;
+
+ const providerArray: Provider[] = [];
+ const modelArray: string[] = [];
+
+ let runAttachments = attachments; // Initial attachments from Props
+ console.log(runAttachments);
+
+ // Check the ChainType first
+ if (chain.chainType === "Simple") {
+ // Process Simple chain (only Prompts)
+ for (const block of chain.blockNames) {
+ if (block.blockType === "Prompt") {
+ // const selected_prompt: Prompt | null
+ const selected_prompt = getSavedPrompts(
+ { name: block.blockNames },
+ _req,
+ ctx,
+ );
+
+ if (!selected_prompt) {
+ throw new Error(
+ `Prompt with Agent Name ${block.blockNames} not found`,
+ );
+ }
+
+ // const promptData = {
+ // name: selected_prompt.name, // Assuming the Prompt has an agentName property
+ // // prompt: selected_prompt.prompt,
+ // runAttachments
+ // };
+
+ // Call runPrompt and use the output as the next attachment
+ const response = await runPrompt(
+ { promptName: selected_prompt.name, attachments },
+ _req,
+ ctx,
+ );
+
+ console.log(response);
+
+ providerArray.push(response.provider);
+ modelArray.push(response.model);
+
+ const response_message = response.llm_response.map(
+ (resp) => resp?.message?.content,
+ ).filter(
+ (content) => content !== null,
+ ) as string[];
+
+ runAttachments = [
+ reassembleAttachmentToText(response_message.join("\n")),
+ ];
+ console.log(runAttachments);
+ // Store the last response content
+ runResponse = response;
+ }
+ }
+ } else if (chain.chainType === "Complex") {
+ // Process Complex chain (may include LLMAgents)
+ // (Implement Complex chain handling here)
+ }
+
+ if (!runResponse) {
+ throw new Error(
+ "No valid response was received during the chain execution.",
+ );
+ }
+
+ const response: LLMChainResponseType = {
+ id: "chain_response_id", // Replace with an actual ID
+ created: Date.now(),
+ provider: providerArray, // Example provider
+ model: modelArray, // Example model
+ llm_response: runResponse.llm_response,
+ };
+
+ return response;
+}
+
+// Helper functions to identify the content type
+function reassembleAttachmentToText(message: string): TextOnly {
+ // Simply reassemble the message into the expected TextOnly format
+ return {
+ type: "TextOnly",
+ call_text: message,
+ };
+}
diff --git a/decopilot-app/actions/prompt/runPrompt.ts b/decopilot-app/actions/prompt/runPrompt.ts
new file mode 100644
index 000000000..0715ba6d7
--- /dev/null
+++ b/decopilot-app/actions/prompt/runPrompt.ts
@@ -0,0 +1,48 @@
+import { callAnthropic } from "../../clients/llmClientObjects.ts";
+import type { AppContext } from "../../mod.ts";
+import type { Attachment, LLMResponseType, Prompt } from "../../types.ts";
+
+interface Props {
+ promptName?: string;
+ inlinePrompt?: Prompt;
+ attachments?: Attachment[];
+}
+
+export default async function action(
+ {
+ promptName,
+ inlinePrompt,
+ attachments,
+ }: Props,
+ _req: Request,
+ ctx: AppContext,
+): Promise {
+ let prompt: Prompt | undefined;
+
+ if (!promptName && !inlinePrompt) {
+ throw new Error(`No prompt provided`);
+ }
+ if (promptName && inlinePrompt) {
+ throw new Error(`Only provide prompt name or inline prompt, not both.`);
+ }
+
+ if (promptName) {
+ prompt = ctx.content.find((p) => p.name === promptName);
+ if (!prompt) {
+ throw new Error(`Prompt with name: ${promptName} not found`);
+ }
+ } else if (inlinePrompt) {
+ prompt = inlinePrompt;
+ }
+
+ // Type guard to ensure 'prompt' is defined before proceeding
+ if (!prompt) {
+ throw new Error("Prompt is undefined");
+ }
+
+ if (prompt.provider === "Anthropic") {
+ return await callAnthropic(prompt, ctx, attachments ?? []);
+ }
+
+ throw new Error(`Provider ${prompt.provider} is not supported`);
+}
diff --git a/decopilot-app/actions/prompt/runSavedPrompts.ts b/decopilot-app/actions/prompt/runSavedPrompts.ts
new file mode 100644
index 000000000..b844e88a6
--- /dev/null
+++ b/decopilot-app/actions/prompt/runSavedPrompts.ts
@@ -0,0 +1,30 @@
+import { callAnthropic } from "../../clients/llmClientObjects.ts";
+import type { AppContext } from "../../mod.ts";
+import type { Attachment, LLMResponseType } from "../../types.ts";
+
+interface Props {
+ /**
+ * @format dynamic-options
+ * @options decopilot-app/loaders/listAvailablePrompts.ts
+ */
+ called_prompt: string;
+ attachments?: Attachment[];
+}
+
+export default async function action(
+ { called_prompt, attachments }: Props,
+ _req: Request,
+ ctx: AppContext,
+): Promise {
+ const prompt = ctx.content.find((p) => p.name === called_prompt);
+
+ if (!prompt) {
+ throw new Error(`Prompt with Name: ${called_prompt} not found`);
+ }
+
+ if (prompt.provider === "Anthropic") {
+ return await callAnthropic(prompt, ctx, attachments ?? []);
+ }
+
+ throw new Error(`Provider ${prompt.provider} is not supported`);
+}
diff --git a/decopilot-app/clients/llmClientObjects.ts b/decopilot-app/clients/llmClientObjects.ts
new file mode 100644
index 000000000..b23993617
--- /dev/null
+++ b/decopilot-app/clients/llmClientObjects.ts
@@ -0,0 +1,78 @@
+import { AppContext as AnthropicAppContext } from "../../anthropic/mod.ts";
+import { allowedModels } from "../../anthropic/actions/code.ts";
+
+import { AppContext } from "../mod.ts";
+import { Attachment, LLMResponseType, Prompt } from "../types.ts";
+import assembleFinalPrompt from "../utils/assembleComplexPrompt.ts";
+
+export const callAnthropic = async (
+ prompt: Prompt,
+ ctx: AppContext,
+ attachments?: Attachment[],
+): Promise => {
+ const appCtx = ctx as unknown as AnthropicAppContext;
+
+ // deno-lint-ignore no-explicit-any
+ const modelToUse = allowedModels.includes(prompt.model as any)
+ ? (prompt.model as typeof allowedModels[number])
+ : "claude-3-opus-20240229"; // fallback to a default model if not valid
+
+ let callMessage = prompt.prompt;
+ let message_text: string;
+ const final_message: string[] = [];
+ // let Clientresponse : any
+ const tools_used: string[] = [];
+
+ if (prompt.advanced || attachments) {
+ callMessage = await assembleFinalPrompt(prompt, attachments);
+ }
+
+ const Clientresponse = await appCtx.invoke("anthropic/actions/invoke.ts", {
+ messages: [
+ { role: "user", content: callMessage },
+ ],
+ availableFunctions: prompt.advanced?.availableFunctions,
+ tool_choice: { type: "any" },
+ model: modelToUse,
+ max_tokens: 4096,
+ temperature: 0.0,
+ });
+ console.log(Clientresponse);
+
+ for (const block of Clientresponse.content) {
+ if (block.type == "text") {
+ message_text = block.text;
+ final_message.push(message_text);
+ } else if (block.type == "tool_use") {
+ const key = block.name.replace(/__/g, "/") + ".ts";
+ message_text = `used tool:\n ${key}\n inputs:\n ${
+ JSON.stringify(block.input)
+ }`; //change this to be able to actually use this
+ tools_used.push(block.name);
+ final_message.push(message_text);
+ }
+ }
+
+ const response: LLMResponseType = {
+ id: Clientresponse.id,
+ created: 0,
+ provider: "Anthropic", // Provider is Anthropic
+ model: modelToUse,
+ tools: tools_used,
+ llm_response: [{
+ message: {
+ role: Clientresponse.role ?? "unknown", // Adjust based on actual response structure
+ content: final_message.join("\n") ?? "", // Adjust based on actual response structure
+ },
+ index: 0,
+ }],
+ };
+ return response;
+ // logica pra chamar a openai
+};
+
+export type Caller = (
+ prompt: Prompt,
+ attachments: Attachment[],
+ ctx: AppContext,
+) => Promise;
diff --git a/decopilot-app/deps.ts b/decopilot-app/deps.ts
new file mode 100644
index 000000000..af6068755
--- /dev/null
+++ b/decopilot-app/deps.ts
@@ -0,0 +1 @@
+export { default as OpenAI } from "https://deno.land/x/openai@v4.59.0/mod.ts";
diff --git a/decopilot-app/loaders/getSavedPrompts.ts b/decopilot-app/loaders/getSavedPrompts.ts
new file mode 100644
index 000000000..d25c75f8c
--- /dev/null
+++ b/decopilot-app/loaders/getSavedPrompts.ts
@@ -0,0 +1,21 @@
+import { AppContext } from "../mod.ts";
+import { Prompt } from "../types.ts";
+
+interface Props {
+ name: string;
+}
+
+/**
+ * @title Decopilot App - Get Saved Prompt
+ * @description Retrieves a saved prompt from app array
+ */
+const loader = (
+ props: Props,
+ _request: Request,
+ ctx: AppContext,
+): Prompt | null => {
+ const foundPrompt = ctx.content.find(({ name }) => name === props.name);
+ return foundPrompt || null; // Return null if no prompt is found
+};
+
+export default loader;
diff --git a/decopilot-app/loaders/listAvailableChains.ts b/decopilot-app/loaders/listAvailableChains.ts
new file mode 100644
index 000000000..39439ee27
--- /dev/null
+++ b/decopilot-app/loaders/listAvailableChains.ts
@@ -0,0 +1,45 @@
+import { AppContext } from "../mod.ts";
+// import { Prompt } from "../types.ts";
+
+/**
+ * @title Decopilot App - Get Saved Prompt
+ * @description Retrieves a saved prompt from app array
+ */
+import { allowCorsFor } from "@deco/deco";
+
+interface Props {
+ term?: string;
+}
+
+export default function ProductsLoader(
+ _props: Props,
+ req: Request,
+ ctx: AppContext,
+) {
+ // Allow Cors
+ Object.entries(allowCorsFor(req)).map(([name, value]) => {
+ ctx.response.headers.set(name, value);
+ });
+
+ // fetch X api
+ const foundChain = ctx.chains.map(({ name }) => name);
+
+ return foundChain;
+
+ //TODO Add prompts to resolvables like blog
+ // export async function getRecordsByPath(
+ // ctx: AppContext,
+ // path: string,
+ // accessor: string,
+ // ): Promise {
+ // const resolvables: Record> = await ctx.get({
+ // __resolveType: "resolvables",
+ // });
+
+ // const current = Object.entries(resolvables).flatMap(([key, value]) => {
+ // return key.startsWith(path) ? value : [];
+ // });
+
+ // return (current as Record[]).map((item) => item[accessor]);
+ // }
+}
diff --git a/decopilot-app/loaders/listAvailablePrompts.ts b/decopilot-app/loaders/listAvailablePrompts.ts
new file mode 100644
index 000000000..23bb92ddb
--- /dev/null
+++ b/decopilot-app/loaders/listAvailablePrompts.ts
@@ -0,0 +1,45 @@
+import { AppContext } from "../mod.ts";
+// import { Prompt } from "../types.ts";
+
+/**
+ * @title Decopilot App - Get Saved Prompt
+ * @description Retrieves a saved prompt from app array
+ */
+import { allowCorsFor } from "@deco/deco";
+
+interface Props {
+ term?: string;
+}
+
+export default function ProductsLoader(
+ _props: Props,
+ req: Request,
+ ctx: AppContext,
+) {
+ // Allow Cors
+ Object.entries(allowCorsFor(req)).map(([name, value]) => {
+ ctx.response.headers.set(name, value);
+ });
+
+ // fetch X api
+ const foundPrompt = ctx.content.map(({ name }) => name);
+
+ return foundPrompt;
+
+ //TODO Add prompts to resolvables like blog
+ // export async function getRecordsByPath(
+ // ctx: AppContext,
+ // path: string,
+ // accessor: string,
+ // ): Promise {
+ // const resolvables: Record> = await ctx.get({
+ // __resolveType: "resolvables",
+ // });
+
+ // const current = Object.entries(resolvables).flatMap(([key, value]) => {
+ // return key.startsWith(path) ? value : [];
+ // });
+
+ // return (current as Record[]).map((item) => item[accessor]);
+ // }
+}
diff --git a/decopilot-app/manifest.gen.ts b/decopilot-app/manifest.gen.ts
new file mode 100644
index 000000000..320d2c6d7
--- /dev/null
+++ b/decopilot-app/manifest.gen.ts
@@ -0,0 +1,29 @@
+// DO NOT EDIT. This file is generated by deco.
+// This file SHOULD be checked into source version control.
+// This file is automatically updated during development when running `dev.ts`.
+
+import * as $$$$$$$$$0 from "./actions/chain/runChain.ts";
+import * as $$$$$$$$$1 from "./actions/prompt/runPrompt.ts";
+import * as $$$$$$$$$2 from "./actions/prompt/runSavedPrompts.ts";
+import * as $$$0 from "./loaders/getSavedPrompts.ts";
+import * as $$$1 from "./loaders/listAvailableChains.ts";
+import * as $$$2 from "./loaders/listAvailablePrompts.ts";
+
+const manifest = {
+ "loaders": {
+ "decopilot-app/loaders/getSavedPrompts.ts": $$$0,
+ "decopilot-app/loaders/listAvailableChains.ts": $$$1,
+ "decopilot-app/loaders/listAvailablePrompts.ts": $$$2,
+ },
+ "actions": {
+ "decopilot-app/actions/chain/runChain.ts": $$$$$$$$$0,
+ "decopilot-app/actions/prompt/runPrompt.ts": $$$$$$$$$1,
+ "decopilot-app/actions/prompt/runSavedPrompts.ts": $$$$$$$$$2,
+ },
+ "name": "decopilot-app",
+ "baseUrl": import.meta.url,
+};
+
+export type Manifest = typeof manifest;
+
+export default manifest;
diff --git a/decopilot-app/mod.ts b/decopilot-app/mod.ts
new file mode 100644
index 000000000..6a924795a
--- /dev/null
+++ b/decopilot-app/mod.ts
@@ -0,0 +1,71 @@
+//IMPORTS-------------------------------------------------------------
+import { PreviewDecopilot } from "./preview/Preview.tsx";
+import { Markdown } from "../decohub/components/Markdown.tsx";
+
+import type { App as A, AppContext as AC, AppRuntime } from "@deco/deco";
+
+import {
+ Chain,
+ Credentials,
+ // LLMResponseType,
+ Prompt,
+} from "./types.ts";
+
+import manifest, { Manifest } from "./manifest.gen.ts";
+
+import OpenAIApp from "../openai/mod.ts";
+
+import AnthropicApp from "../anthropic/mod.ts";
+
+//EXPORTS-------------------------------------------------------------
+
+// export type AppManifest = ManifestOf;
+
+export type App = ReturnType;
+export type AppContext = AC & { prompt: Prompt };
+
+export interface Props {
+ credentials: Credentials[];
+ content: Prompt[];
+ chains: Chain[];
+}
+
+//APP-------------------------------------------------------------
+/**
+ * @title decopilot-app
+ */
+export default function Decopilot({
+ credentials,
+ content,
+ chains,
+ ...props
+}: Props) {
+ const deps = credentials.map(
+ (credential) =>
+ credential.llmProvider === "Anthropic"
+ ? AnthropicApp({ apiKey: credential.key })
+ : OpenAIApp({ apiKey: credential.key }),
+ );
+
+ const state = { ...props, content, chains };
+
+ const ctx: A = {
+ state,
+ manifest,
+ dependencies: deps,
+ };
+
+ return ctx;
+}
+export const preview = async (props: AppRuntime) => {
+ const markdownContent = await Markdown(
+ new URL("./README.md", import.meta.url).href,
+ );
+ return {
+ Component: PreviewDecopilot,
+ props: {
+ ...props,
+ markdownContent,
+ },
+ };
+};
diff --git a/decopilot-app/preview/Preview.tsx b/decopilot-app/preview/Preview.tsx
new file mode 100644
index 000000000..2a9c691ce
--- /dev/null
+++ b/decopilot-app/preview/Preview.tsx
@@ -0,0 +1,353 @@
+import type { JSX } from "preact";
+import { PreviewContainer } from "../../utils/preview.tsx";
+import { App } from "../mod.ts";
+import { type AppRuntime, type BaseContext } from "@deco/deco";
+
+export interface Props {
+ publicUrl: string;
+}
+
+export const PreviewDecopilot = (
+ app: AppRuntime & {
+ markdownContent: () => JSX.Element;
+ },
+) => {
+ return (
+ ,
+ },
+ {
+ title: "Setting Up",
+ content: ,
+ },
+ {
+ title: "App Definitions",
+ content: ,
+ },
+ {
+ title: "Using App",
+ content: ,
+ },
+ ]}
+ />
+ );
+};
+
+export function SettingUp() {
+ return (
+
+
Setting Up the App
+
+ To get started with the app, you'll need to configure the API keys for
+ the respective LLM (Large Language Model) providers. These keys are
+ required to authenticate and interact with the models.
+
+
+
Steps to Configure API Keys:
+
+ -
+ Navigate to the Settings tab within the app.
+
+ -
+ Enter the API keys for the models you wish to use (e.g., OpenAI,
+ Anthropic). The keys can be obtained from the providerβs website or
+ developer portal.
+
+ -
+ The API keys will be securely stored as secrets and will only be
+ accessible by you.
+
+ -
+ After adding the keys, click Save{" "}
+ to apply the changes.
+
+
+
+
What Happens After Setting Up:
+
+ Once your API keys are set up, you'll be able to fully access the app's
+ features, such as sending prompts to the LLMs and receiving responses.
+
+
+
Add Credentials image here to visualize the setup process
+
+
Understanding App Concepts
+
+ The app is structured around three primary components:{" "}
+ Prompts, Agents, and{" "}
+ Chains. Each serves a specific function to enhance how
+ you interact with LLMs.
+
+
+
Prompts
+
+ A Prompt{" "}
+ is the simplest form of interaction with an LLM. It sends a request to
+ the model to generate a response based on the provided input. Prompts
+ can be configured with additional parameters such as attachments,
+ advanced settings, and even function calls.
+
+
+ -
+ Advanced Settings:{" "}
+ Includes additional context, examples, or restrictions to refine the
+ output of the LLM.
+
+ -
+ Attachments:{" "}
+ Local files or text that are passed along with the prompt to provide
+ more detailed context or input.
+
+ -
+ Function Calls:{" "}
+ Available in certain models (like OpenAI's GPT-4), functions allow the
+ prompt to invoke external services or tools.
+
+
+
+
Agents
+
+ An Agent{" "}
+ is a more complex block that may contain multiple operations, including
+ LLM calls, loaders, and actions. Agents are typically used for more
+ sophisticated tasks that require more than just a single LLM call. For
+ example, an agent can process user input, search a vector database, and
+ then trigger an LLM call based on the results.
+
+
+
Chains
+
+ A Chain{" "}
+ is a predefined sequence of Prompts and/or Agents that execute in a
+ specific order. Chains allow you to automate workflows by organizing
+ multiple steps into a repeatable process. There are two types of Chains:
+
+
+ -
+ Simple Chains:{" "}
+ A straightforward, linear flow where each step occurs sequentially.
+
+ -
+ Complex Chains:{" "}
+ Involve conditional logic, loops, and can include both Prompts and
+ Agents. They allow more dynamic workflows and decisions.
+
+
+
+
+ Add an image to illustrate the interaction between Prompts, Agents, and
+ Chains
+
+
+
Available Actions
+
+ The app provides two main functions for interacting with LLMs:
+ runPrompt and runChain.
+
+
+ -
+ runPrompt: This function can be used to execute
+ prompts. It accepts either prompts defined within the app or inline
+ prompts created dynamically as
Prompt types.
+
+ -
+ runChain: This function runs a predefined sequence of
+ prompts and agents, organized as chains.
+
+
+
+
Using Actions
+
+ The runPrompt{" "}
+ function can be invoked using either a saved prompt or a newly defined
+ inline prompt.
+
+
+
Defined Prompt
+
+ To use a saved prompt, you can call runPrompt{" "}
+ as follows:
+
+
+
+{`await invoke["decopilot-app"].actions.prompt.runPrompt({
+ promptName: "",
+ attachments: [],
+});
+`}
+
+
+
+
Inline Prompt
+
+ You can also define a prompt inline, by manually creating a{" "}
+ Prompt object and calling runPrompt:
+
+
+
+{`const inlinePrompt = {
+ name: "inline_prompt",
+ provider: "Anthropic",
+ model: "claude-3-haiku-20240307", // Dynamic options available
+ prompt: "Tell me a funny joke"
+};
+
+await invoke["decopilot-app"].actions.prompt.runPrompt({
+ inlinePrompt: inlinePrompt,
+ attachments: [{
+ call_text: "Brasileiro",
+ type: "TextOnly",
+ }],
+});
+`}
+
+
+
+
Attachments
+
+ Attachments are the local inputs that are passed when calling your
+ prompts. These can be provided by the system or the user, depending on
+ the context. Attachments can be used to provide additional details or
+ specific content for processing (like a piece of code to edit).
+ Attachments can either be files (via URLs) or plain text.
+
+
+
Tools
+
+ Tools are functions that can be invoked during the flow, either in
+ prompts or agents. These tools are triggered using your LLM provider's
+ function or tool-calling features (if the provider supports it). For
+ example, a tool might allow for additional API calls or data
+ transformations during the prompt execution.
+
+
+
Types
+
+ Below are some of the most important types used when interacting with
+ the app.
+
+
+
Attachment
+
+ Attachments are inputs provided to prompts. They can either be files
+ (e.g., CSV, images, JSON) or plain text:
+
+
+ -
+ AttachmentExtension: File extensions supported for
+ attachments, including
.csv, .jpeg,{" "}
+ .png, and .json.
+
+ -
+ TextOnly: For text-based attachments, you provide a
+ string via the
call_text property.
+
+ -
+ FileURL: For file-based attachments, you provide a
+ URL via
fileUrl and specify the file type using{" "}
+ AttachmentExtension.
+
+
+
+
Prompt
+
+ Prompts are the smallest units of interaction with LLMs. They consist of
+ various properties like:
+
+
+ -
+ name: The name of the prompt.
+
+ -
+ provider: The provider for the LLM (e.g., Anthropic,
+ OpenAI).
+
+ -
+ model: The LLM model to use (e.g., Claude-3 or
+ GPT-4).
+
+ -
+ prompt: The actual content or question being sent to
+ the LLM.
+
+ -
+ advanced: Optional advanced settings (via{" "}
+
PromptDetails) that can include context, examples,
+ restrictions, and available functions.
+
+
+
+
Chain
+
+ A chain is a sequence of prompts or agents executed in a predefined
+ order. Chains can either be:
+
+
+ -
+ Simple: A linear sequence of prompts.
+
+ -
+ Complex: Can include both prompts and agents, with
+ conditional logic or loops.
+
+
+
+ Chains use the following key types:
+
+
+ -
+ ChainType: Specifies whether the chain is{" "}
+
Simple or Complex.
+
+ -
+ ComponentArray: Represents the components (Prompts or
+ Agents) that make up the chain, using
blockNames and{" "}
+ blockType.
+
+
+
+
LLMResponseType and LLMChainResponseType
+
+ These types represent the structure of the responses returned by the
+ LLM. Key fields include:
+
+
+ -
+ provider: The LLM provider (e.g., OpenAI, Anthropic).
+
+ -
+ model: The model used (e.g., GPT-4).
+
+ -
+ llm_response: An array containing the messages and
+ content returned by the LLM.
+
+ -
+ usage: Token usage details, including prompt,
+ completion, and total tokens.
+
+
+
-
- HTMX
-
-
-
- high power tools for HTML
-
-
-htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
+High power tools for HTML
-htmx is small (~14k min.gzβd), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
+HTMX gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
-
+HTMX is small (~14k min.gzβd), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
diff --git a/htmx/mod.ts b/htmx/mod.ts
index f84c19453..0919997db 100644
--- a/htmx/mod.ts
+++ b/htmx/mod.ts
@@ -1,9 +1,8 @@
-import { App, FnContext } from "deco/mod.ts";
+import { Markdown } from "../decohub/components/Markdown.tsx";
+import { PreviewContainer } from "../utils/preview.tsx";
import manifest, { Manifest } from "./manifest.gen.ts";
-import { previewFromMarkdown } from "../utils/preview.ts";
-
+import { type App, type FnContext } from "@deco/deco";
export type AppContext = FnContext;
-
export type Extension =
| "ajax-header"
| "alpine-morph"
@@ -27,18 +26,14 @@ export type Extension =
| "ws"
| "path-params"
| "sse";
-
export interface Props {
/** @default 1.9.11 */
version?: string;
-
/** @defaul https://cdn.jsdelivr.net/npm */
cdn?: string;
-
/** @title HTMX extensions to include */
extensions?: Extension[];
}
-
/**
* @title HTMX
* @description high power tools for HTML.
@@ -55,7 +50,24 @@ export default function Site(state: Props): App> {
manifest,
};
}
-
-export const preview = previewFromMarkdown(
- new URL("./README.md", import.meta.url),
-);
+export const preview = async () => {
+ const markdownContent = await Markdown(
+ new URL("./README.md", import.meta.url).href,
+ );
+ return {
+ Component: PreviewContainer,
+ props: {
+ name: "HTMX",
+ owner: "deco.cx",
+ description: "High power tools for HTML",
+ logo: "https://raw.githubusercontent.com/deco-cx/apps/main/htmx/logo.png",
+ images: [],
+ tabs: [
+ {
+ title: "About",
+ content: markdownContent(),
+ },
+ ],
+ },
+ };
+};
diff --git a/htmx/sections/Deferred.tsx b/htmx/sections/Deferred.tsx
index 1ff504fbb..9c4f7a392 100644
--- a/htmx/sections/Deferred.tsx
+++ b/htmx/sections/Deferred.tsx
@@ -1,9 +1,8 @@
-import type { Section } from "deco/blocks/section.ts";
-import { useSection } from "deco/hooks/useSection.ts";
-import { asResolved, isDeferred } from "deco/mod.ts";
import { shouldForceRender } from "../../utils/deferred.ts";
import { AppContext } from "../mod.ts";
-
+import { type Section } from "@deco/deco/blocks";
+import { useSection } from "@deco/deco/hooks";
+import { asResolved, isDeferred } from "@deco/deco";
/**
* @titleBy type
* @description fires once when the element is first loaded
@@ -13,7 +12,6 @@ interface Load {
/** @hide true */
delay?: number;
}
-
/**
* @titleBy type
* @description fires once when an element first scrolls into the viewport
@@ -21,7 +19,6 @@ interface Load {
interface Revealed {
type: "revealed";
}
-
/**
* @titleBy type
* @description fires once when an element first intersects the viewport.
@@ -31,7 +28,6 @@ interface Intersect {
/** @description a floating point number between 0.0 and 1.0, indicating what amount of intersection to fire the event on */
threshold?: number;
}
-
export interface Props {
sections: Section[];
/** @hide true */
@@ -39,10 +35,8 @@ export interface Props {
trigger?: Load | Revealed | Intersect;
loading?: "lazy" | "eager";
}
-
const Deferred = (props: Props) => {
const { sections, loading, trigger } = props;
-
if (loading === "eager") {
return (
<>
@@ -50,16 +44,13 @@ const Deferred = (props: Props) => {
);
}
-
const href = useSection({
props: { loading: "eager" },
});
-
const triggerList: (string | number)[] = [trigger?.type ?? "load", "once"];
if (trigger?.type === "load" && trigger.delay !== undefined) {
triggerList.push(`delay:${trigger.delay}ms`);
}
-
return (
<>
{
);
};
-
export const loader = async (props: Props, req: Request, ctx: AppContext) => {
const url = new URL(req.url);
const shouldRender = props.loading === "eager" ||
@@ -86,12 +76,9 @@ export const loader = async (props: Props, req: Request, ctx: AppContext) => {
: props.sections;
return { ...props, sections, loading: "eager" };
}
-
return { ...props, sections: [] };
};
-
const DEFERRED = true;
-
export const onBeforeResolveProps = (props: Props) => {
return {
...props,
@@ -99,5 +86,4 @@ export const onBeforeResolveProps = (props: Props) => {
sections: asResolved(props.sections, DEFERRED),
};
};
-
export default Deferred;
diff --git a/htmx/sections/htmx.tsx b/htmx/sections/htmx.tsx
index 629810c39..5a8d4f7b0 100644
--- a/htmx/sections/htmx.tsx
+++ b/htmx/sections/htmx.tsx
@@ -1,21 +1,18 @@
import { Head } from "$fresh/runtime.ts";
-import { SectionProps } from "deco/mod.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import { AppContext, Extension } from "../mod.ts";
-
+import { type SectionProps } from "@deco/deco";
+import { useScript } from "@deco/deco/hooks";
const script = (extensions: Extension[]) => {
if (extensions.length > 0) {
if (document.readyState === "complete") {
document.body.setAttribute("hx-ext", extensions.join(","));
return;
}
-
globalThis.onload = () => {
document.body.setAttribute("hx-ext", extensions.join(","));
};
}
};
-
function Section({ version, cdn, extensions }: SectionProps
) {
return (
@@ -37,9 +34,7 @@ function Section({ version, cdn, extensions }: SectionProps) {
);
}
-
export const loader = (_props: unknown, _req: Request, ctx: AppContext) => {
return { version: ctx.version!, cdn: ctx.cdn!, extensions: ctx.extensions! };
};
-
export default Section;
diff --git a/implementation/mod.ts b/implementation/mod.ts
index fa7c7ff55..b5b00f5fc 100644
--- a/implementation/mod.ts
+++ b/implementation/mod.ts
@@ -1,7 +1,7 @@
-import type { App, AppContext as AC } from "deco/mod.ts";
+import { Markdown } from "../decohub/components/Markdown.tsx";
+import { PreviewContainer } from "../utils/preview.tsx";
import manifest, { Manifest } from "./manifest.gen.ts";
-import { previewFromMarkdown } from "../utils/preview.ts";
-
+import { type App, type AppContext as AC } from "@deco/deco";
export type Agency =
| "2B Digital"
| "Adaptio"
@@ -38,7 +38,6 @@ export type Agency =
| "Wecode"
| "Wedigi"
| "Wicomm";
-
export interface State {
serviceProvider?: Agency;
/**
@@ -46,20 +45,35 @@ export interface State {
*/
expectedGoLive?: string;
}
-
/**
* @title Implementer
* @description The agency that's implementing your store
* @category Tool
+ * @logo https://raw.githubusercontent.com/deco-cx/apps/main/ai-assistants/logo.png
*/
-export default function App(
- state: State,
-): App {
+export default function App(state: State): App {
return { manifest, state };
}
-
export type AppContext = AC>;
-
-export const preview = previewFromMarkdown(
- new URL("./README.md", import.meta.url),
-);
+export const preview = async () => {
+ const markdownContent = await Markdown(
+ new URL("./README.md", import.meta.url).href,
+ );
+ return {
+ Component: PreviewContainer,
+ props: {
+ name: "Implementer",
+ owner: "deco.cx",
+ description: "The agency that's implementing your store",
+ logo:
+ "https://raw.githubusercontent.com/deco-cx/apps/main/ai-assistants/logo.png",
+ images: [],
+ tabs: [
+ {
+ title: "About",
+ content: markdownContent(),
+ },
+ ],
+ },
+ };
+};
diff --git a/konfidency/README.md b/konfidency/README.md
index 293add965..c5849f1fe 100644
--- a/konfidency/README.md
+++ b/konfidency/README.md
@@ -1,23 +1,7 @@
-
-
-
- 
-
-
-
-
-
- Product's reviews and store reviews.
-
-
-
- Extensions to inprove your experience in deco.cx.
-
+Extensions to inprove your experience in deco.cx.
-
Konfidency is a solution to verify the authenticity of the review and return the desired reviews quantity in your store.
-
# Installation
1. Install via decohub
diff --git a/konfidency/loaders/productDetailsPage.ts b/konfidency/loaders/productDetailsPage.ts
index 0806b256e..7dce10635 100644
--- a/konfidency/loaders/productDetailsPage.ts
+++ b/konfidency/loaders/productDetailsPage.ts
@@ -1,9 +1,8 @@
-import { logger } from "deco/observability/mod.ts";
import { ProductDetailsPage } from "../../commerce/types.ts";
import { ExtensionOf } from "../../website/loaders/extension.ts";
import { AppContext } from "../mod.ts";
import { toReview } from "../utils/transform.ts";
-
+import { logger } from "@deco/deco/o11y";
export interface Props {
/**
* @description The default value is 5
@@ -14,7 +13,6 @@ export interface Props {
*/
page?: number;
}
-
export default function productDetailsPage(
{ pageSize = 5, page = 1 }: Props,
_req: Request,
@@ -25,7 +23,6 @@ export default function productDetailsPage(
if (!productDetailsPage) {
return null;
}
-
try {
const reviews = await api["GET /:customer/:sku/summary"]({
customer,
@@ -34,7 +31,6 @@ export default function productDetailsPage(
sku: productDetailsPage.product.inProductGroupWithID as string,
}).then((res) => res.json());
const { aggregateRating, review } = toReview(reviews.reviews[0]);
-
return {
...productDetailsPage,
product: {
@@ -44,8 +40,9 @@ export default function productDetailsPage(
},
};
} catch (error) {
- logger.error(`{ errorName: ${error.name},
- errorMessage: ${error.message} }`);
+ const errorObj = error as { name: string; message: string };
+ logger.error(`{ errorName: ${errorObj.name},
+ errorMessage: ${errorObj.message} }`);
return productDetailsPage;
}
};
diff --git a/konfidency/mod.ts b/konfidency/mod.ts
index 7712297dc..335ebda29 100644
--- a/konfidency/mod.ts
+++ b/konfidency/mod.ts
@@ -1,31 +1,44 @@
-import type { App, AppContext as AC } from "deco/mod.ts";
-import manifest, { Manifest } from "./manifest.gen.ts";
+import { Markdown } from "../decohub/components/Markdown.tsx";
import { createHttpClient } from "../utils/http.ts";
+import { PreviewContainer } from "../utils/preview.tsx";
+import manifest, { Manifest } from "./manifest.gen.ts";
import type { API } from "./utils/client.ts";
-import { previewFromMarkdown } from "../utils/preview.ts";
-
+import { type App, type AppContext as AC } from "@deco/deco";
export interface Props {
customer: string;
}
-
export interface State extends Props {
api: ReturnType>;
}
/**
* @title konfidency
*/
-export default function App(
- state: State,
-): App {
+export default function App(state: State): App {
const api = createHttpClient({
base: `https://reviews-api.konfidency.com.br`,
});
-
return { manifest, state: { ...state, api } };
}
-
export type AppContext = AC>;
-
-export const preview = previewFromMarkdown(
- new URL("./README.md", import.meta.url),
-);
+export const preview = async () => {
+ const markdownContent = await Markdown(
+ new URL("./README.md", import.meta.url).href,
+ );
+ return {
+ Component: PreviewContainer,
+ props: {
+ name: "Konfidency",
+ owner: "deco.cx",
+ description: "Product's reviews and store reviews.",
+ logo:
+ "https://auth.deco.cx/storage/v1/object/public/assets/1/user_content/konfidency.png",
+ images: [],
+ tabs: [
+ {
+ title: "About",
+ content: markdownContent(),
+ },
+ ],
+ },
+ };
+};
diff --git a/linx-impulse/mod.ts b/linx-impulse/mod.ts
index 5ab111fb3..d033260e2 100644
--- a/linx-impulse/mod.ts
+++ b/linx-impulse/mod.ts
@@ -1,8 +1,3 @@
-import type {
- App as A,
- AppContext as AC,
- AppMiddlewareContext as AMC,
-} from "deco/mod.ts";
import { createHttpClient } from "../utils/http.ts";
import type { Secret } from "../website/loaders/secret.ts";
import manifest, { Manifest } from "./manifest.gen.ts";
@@ -10,11 +5,15 @@ import { middleware } from "./middleware.ts";
import { ChaordicAPI } from "./utils/chaordic.ts";
import { LinxAPI } from "./utils/client.ts";
import { EventsAPI } from "./utils/events.ts";
-
+import { PreviewContainer } from "../utils/preview.tsx";
+import {
+ type App as A,
+ type AppContext as AC,
+ type AppMiddlewareContext as AMC,
+} from "@deco/deco";
export type App = ReturnType;
export type AppContext = AC;
export type AppMiddlewareContext = AMC;
-
/** @title LINX Impulse */
export interface State {
/**
@@ -38,9 +37,7 @@ export interface State {
salesChannel?: string;
enableMobileSource?: boolean;
}
-
export const color = 0xFF6A3B;
-
/**
* @title Linx Impulse
* @description Build, manage and deliver B2B, B2C and Marketplace commerce experiences.
@@ -53,26 +50,19 @@ export default function Linx({ secretKey, ...props }: State) {
"x-secret-key",
typeof secretKey === "string" ? secretKey : secretKey?.get() ?? "",
);
- props.origin && headers.set(
- "origin",
- props.origin,
- );
-
+ props.origin && headers.set("origin", props.origin);
const eventsApi = createHttpClient({
base: "https://api.event.linximpulse.net/",
headers,
});
-
const api = createHttpClient
- 
+