'Premier Pro CEP panel not visible in extentions

I am trying to make a panel for Premier Pro. I have just started and tried to get my extension as an option in premier pro. But I am not able to see it in extensions. Here is my code

manifest.xml

<?xml version='1.0' encoding='UTF-8'?>
<!-- 1) -->
<ExtensionManifest ExtensionBundleId="com.my.test" ExtensionBundleVersion="1.0.0" Version="10.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <ExtensionList>
        <!-- 2) -->
        <Extension Id="com.my.test.panel" Version="1.0.0" />
    </ExtensionList>
    <ExecutionEnvironment>
        <HostList>
            <!-- 3) -->
            <Host Name="PPRO" Version="22.0" />
        </HostList>
        <LocaleList>
            <Locale Code="All" />
        </LocaleList>
        <RequiredRuntimeList>
            <RequiredRuntime Name="CSXS" Version="10.0" />
        </RequiredRuntimeList>
    </ExecutionEnvironment>
    <DispatchInfoList>
        <!-- 2) -->
        <Extension Id="com.my.test.panel">
            <DispatchInfo>
                <Resources>
                    <!-- 4) -->
                    <MainPath>./client/index.html</MainPath>
                    <!-- 5) -->
                    <ScriptPath>./host/index.jsx</ScriptPath>
                    <CEFCommandLine />
                </Resources>
                <Lifecycle>
                    <AutoVisible>true</AutoVisible>
                </Lifecycle>
                <UI>
                    <Type>Panel</Type>
                    <!-- 6) -->
                    <Menu>My First Panel</Menu>
                    <Geometry>
                        <Size>
                            <!-- 7) -->
                            <Height>500</Height>
                            <Width>350</Width>
                        </Size>
                    </Geometry>
                    <Icons />
                </UI>
            </DispatchInfo>
        </Extension>
    </DispatchInfoList>
</ExtensionManifest>

index.html

<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Trigger</title>
</head>
<body style="background: white;">
Hello World
</body>
</html>

My project structure

enter image description here

I have save my project "myextension" in "~/Library/Application Support/Adobe/CEP/extensions/" location in my mac

I have also ran below command to set Adobe application into debug mode

defaults write com.adobe.CSXS.10.plist PlayerDebugMode 1 && killall -u `whoami` cfprefsd

But the "extensions" option in premier pro is greyed out.

enter image description here

How can I get myextension to show here and work?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source