append fetched favicon to existing object for citations

Doyin Atobaru answered on March 13, 2025 Popularity 1/10 Helpfulness 1/10

answer append fetched favicon to existing object for citations

append fetched favicon to existing object for citations

Comment

//citations.json
{
    "texts": [
      {
        "id": "1",
        "title": "ChatGPT Deep Learning",
        "content": "ChatGPT is powered by deep learning models{1}. These models are trained on vast datasets{2}.",
        "citations": {
          "1": { "source": "OpenAI", "url": "https://openai.com/research/gpt" },
          "2": { "source": "MIT Press", "url": "https://mitpress.mit.edu" }
        }
      },
      {
        "id": "2",
        "title": "AI Safety",
        "content": "AI safety research is crucial{3}. Ethical AI helps prevent biases{4}.",
        "citations": {
          "3": { "source": "DeepMind", "url": "https://deepmind.com/research/safety" },
          "4": { "source": "Stanford AI Lab", "url": "https://ai.stanford.edu" }
        }
      },
      {
        "id": "3",
        "title": "Walmart AI Integrations",
        "content": "Walmart AI safety research is crucial{3}. Ethical AI helps prevent biases{4}.",
        "citations": {
          "3": { "source": "Walmart", "url": "https://walmart.com/research/safety" },
          "4": { "source": "Stanford AI Lab", "url": "https://ai.stanford.edu" }
        }
      }
    ]
  }
   

useEffect(() => {
    import("@/lib/citations.json").then((data) => {
      const texts: TextBlock[] = data.default.texts;

      const fetchFavicons = async () => {
        const updatedTexts: TextBlock[] = texts.map((text) => {
          const updatedCitations = { ...text.citations };
          Object.keys(updatedCitations).forEach((id) => {
            const baseUrl = new URL(updatedCitations[id].url).origin;
            updatedCitations[id].favicon = `https://www.google.com/s2/favicons?domain=${baseUrl}`;
          });
          return { ...text, citations: updatedCitations };
        });

        setTextBlocks(updatedTexts);
        setLoading(false);
      };

      fetchFavicons();
    });
  }, []);

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: append citations favicon javascript object

Link to this answer
Share Copy Link

Contributed on Mar 13 2025

Doyin Atobaru

0 Answers Avg Quality 2/10

append fetched favicon to existing object for citations

Contents

More Related Answers

append fetched favicon to existing object for citations

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.