Faça sua pergunta e obtenha um resumo do documento referenciando esta página e o provedor AI de sua escolha
Ao integrar o servidor MCP Intlayer ao seu assistente de IA, você pode recuperar todos os documentos diretamente de ChatGPT, DeepSeek, Cursor, VSCode, etc.
Ver a documentação do servidor MCPO conteúdo desta página foi traduzido com uma IA.
Veja a última versão do conteúdo original em inglêsSe você tiver uma ideia para melhorar esta documentação, sinta-se à vontade para contribuir enviando uma pull request no GitHub.
Link do GitHub para a documentaçãoCopiar o Markdown do documento para a área de transferência
Busca por Função
Intlayer permite que você declare funções de conteúdo em seus módulos de conteúdo, que podem ser síncronas ou assíncronas. Quando a aplicação é construída, o Intlayer executa essas funções para obter o resultado da função. O valor retornado deve ser um objeto JSON ou um valor simples como uma string ou número.
Aviso: a busca por função atualmente não está disponível em declarações de conteúdo JSON e em arquivos de declarações de conteúdo remotas.
Declarações de Função
Aqui está um exemplo de uma função síncrona simples buscando conteúdo:
Copiar o código para a área de transferência
import type { Dictionary } from "intlayer";const functionContent = { key: "function_content", content: { text: () => "This is the content rendered by a function", },} satisfies Dictionary;export default functionContent;
Neste exemplo, a chave text contém uma função que retorna uma string. Este conteúdo pode ser renderizado em seus componentes React usando os pacotes interpretadores do Intlayer, como o react-intlayer.
Busca de Função Assíncrona
Além das funções síncronas, o Intlayer suporta funções assíncronas, permitindo que você busque dados de fontes externas ou simule a recuperação de dados com dados fictícios.
Abaixo está um exemplo de uma função assíncrona que simula uma busca em um servidor:
Copiar o código para a área de transferência
import { setTimeout } from "node:timers/promises";import type { Dictionary } from "intlayer";const fakeFetch = async (): Promise<string> => { // Aguarde 200ms para simular uma busca no servidor return await setTimeout(200).then( () => "Este é o conteúdo buscado do servidor" );};const asyncFunctionContent = { key: "async_function", content: { text: fakeFetch },} satisfies Dictionary;export default asyncFunctionContent;
Neste caso, a função fakeFetch simula um atraso para imitar o tempo de resposta do servidor. O Intlayer executa a função assíncrona e usa o resultado como o conteúdo para a chave text.
Usando Conteúdo Baseado em Função em Componentes React
Para usar conteúdo baseado em função em um componente React, você precisa importar useIntlayer de react-intlayer e chamá-lo com o ID do conteúdo para recuperar o conteúdo. Aqui está um exemplo:
Copiar o código para a área de transferência
import type { FC } from "react";import { useIntlayer } from "react-intlayer";const MyComponent: FC = () => { const functionContent = useIntlayer("function_content"); const asyncFunctionContent = useIntlayer("async_function_content"); return ( <div> <p>{functionContent.text}</p> {/* Saída: Este é o conteúdo renderizado por uma função */} <p>{asyncFunctionContent.text}</p> {/* Saída: Este é o conteúdo obtido do servidor */} </div> );};export default MyComponent;
Histórico do Documento
- 5.5.10 - 2025-06-29: Histórico inicial