Trouble with Forge App

Jim Gilliam

I don't understand why my test app isn't working. One of the console errors says it can't find the resource, but the macro app deployed successfully to my dev environment.

Here is the index.js (backend)

 

import ForgeUI, { render, Fragment, Macro, useState } from "@forge/ui";

const App = () => {

const flareHelpUrl = "{enter URL here}";

  return (

    <Fragment>

      <Macro>

        {/* Embed the entire help system in an iframe */}

        <iframe

          src={flareHelpUrl}

          width="100%"

          height="600px"

          frameBorder="0"

          title="MadCap Flare Help System"

          allowFullScreen

        ></iframe>

      </Macro>

    </Fragment>

  );

};

// Export the run function as needed by Forge

export const run = render(<App />);

Here is my manifest.yml

 

modules:

  macro:

    - key: ccignitehelp-embed

      function: main

      title: "Embed Full Help System"

      description: "Embed the full MadCap Flare Help system."

      outputType: inline

  function:

    - key: main

      handler: index.run

permissions:

  scopes:

    - read:confluence-content.summary

    - write:confluence-content

app:

    runtime:

      name: nodejs20.x

    id: ari:cloud:ecosystem::app/...............

Lucas Modzelewski _Lumo_

If you are using chat GPT, it's cut off date is before lots of important changes  

eg. @Forge/ui was replaces with @Forge/react 

Check this to see how you can upgrade macro from UI kit 1 to UI kit: https://developer.atlassian.com/platform/forge/ui-kit/upgrade-to-ui-kit-latest/#confluence-macro-configuration 

Also for any development related question there is dedicated for dev community: https://community.developer.atlassian.com/