feat(plugin): add SDK v1 and v2 compatibility with config handling

- Update build.js to include config JSON replacement
- Enhance instance.js with SDK version detection, unified DOM methods, and load promises
- Add version logging and initialization checks

Author: Armaldio

README.md

@@ -5,7 +5,7 @@ A plugin that integrate with Pipelab <br>
 Author: Armaldio <br>
 Website: https://github.com/CynToolkit/construct-plugin <br>
 Addon Url: https://github.com/CynToolkit/construct-plugin <br>
-Download Latest Version : [Version: 2.1.2](https://github.com/CynToolkit/construct-plugin/releases/latest) <br>
+Download Latest Version : [Version: 2.1.3](https://github.com/CynToolkit/construct-plugin/releases/latest) <br>
 <sub>Made using [c3ide2-framework](https://github.com/ConstructFund/c3ide2-framework) </sub><br>
 
 ## Table of Contents

build.js

@@ -573,6 +573,7 @@ try {
     const pluginWithPluginInfo = plugin
       .replaceAll("//<-- PLUGIN_INFO -->", pluginPluginInfo)
       .replaceAll("//<-- INSTANCE -->", instance)
+      .replaceAll("//<-- CONFIG -->", `config = ${JSON.stringify(config, undefined, 2)}`)
       .replaceAll("//<-- DOM_COMPONENT_ID -->", `DOM_COMPONENT_ID = "${config.id}";`)
       .replaceAll("//<-- C3_INSTANCE -->", `const C3 = ${sdk === 'v1' ? 'self' : 'globalThis'}.C3;`)
       .replaceAll("//<-- SDK_VERSION -->", `sdk = "${sdk}"`)

src/instance.js

@@ -215,6 +215,10 @@ const defaultSteamId = {
 let DOM_COMPONENT_ID = ''
 //<-- DOM_COMPONENT_ID -->
 
+let config = {}
+//<-- CONFIG -->
+
+
 /**
  * @typedef {string | undefined} Tag
  */
@@ -223,6 +227,8 @@ let DOM_COMPONENT_ID = ''
 export function getInstanceJs(parentClass, addonTriggers, C3) {
   // @ts-ignore
   return class Pipelab extends parentClass {
+    _additionalLoadPromises = []
+
     /** @type {SDK.IObjectInstance | undefined} */
     _inst;
 
@@ -349,6 +355,9 @@ export function getInstanceJs(parentClass, addonTriggers, C3) {
      * @param {any} _properties
      */
     constructor(inst, _properties) {
+      console.info('Pipelab v' + config.version)
+      console.info('SDK ' + sdk)
+
       let dummyInst = undefined
       if (sdk === 'v1') {
         dummyInst = inst
@@ -379,8 +388,38 @@ export function getInstanceJs(parentClass, addonTriggers, C3) {
         this._trigger = this.Trigger;
       }
 
-      this.runtime.sdk.addLoadPromise(
-        this._postToDOMAsync("get-fullscreen-state")
+      if (sdk === "v1") {
+        this.c3runtime = this._runtime
+      } else {
+        this.c3runtime = this.runtime
+      }
+
+      if (sdk === "v1") {
+        this.addLoadPromise = this.c3runtime.AddLoadPromise
+      } else {
+        this.addLoadPromise = this.c3runtime.sdk.addLoadPromise
+      }
+
+      if (sdk === "v1") {
+        this.postToDOMAsync = this.PostToDOMAsync
+      } else {
+        this.postToDOMAsync = this._postToDOMAsync
+      }
+
+      if (sdk === "v1") {
+        this.postToDOM = this.PostToDOM
+      } else {
+        this.postToDOM = this._postToDOM
+      }
+
+      if (sdk === "v1") {
+        this.addDOMMessageHandler = this.AddDOMMessageHandler
+      } else {
+        this.addDOMMessageHandler = this._addDOMMessageHandler
+      }
+
+      this?.addLoadPromise?.(
+        this.postToDOMAsync("get-fullscreen-state")
         .then(
           /** @type {import("./sdk.js").PostFullscreenState} */
           data =>
@@ -389,7 +428,7 @@ export function getInstanceJs(parentClass, addonTriggers, C3) {
         })
       );
 
-      this._addDOMMessageHandler('fullscreen-state-changed', (data) => {
+      this.addDOMMessageHandler('fullscreen-state-changed', (data) => {
         this._fullscreenState = data.state
       })
     }
@@ -427,6 +466,10 @@ export function getInstanceJs(parentClass, addonTriggers, C3) {
     wrap(base, callback, fallback, force) {
       // @ts-expect-error
       return (/** @type {Parameters<T>} */ ...args) => {
+        if (!this._isInitialized) {
+          console.warn("Plugin has no been initialized. Please use the according action at the start of layout")
+        }
+
         // is initialized
         if (this._isInitialized) {
           // and is connected to an engine
@@ -980,12 +1023,12 @@ export function getInstanceJs(parentClass, addonTriggers, C3) {
       await this.ws?.sendAndWaitForResponse(order)
     }, (toggle) => {
       // Use DOM handler for fullscreen operations
-      if (this.runtime.platformInfo.exportType === 'preview') {
+      if (this.c3runtime.platformInfo.exportType === 'preview') {
         /** @type {import('./sdk.js').PostFullscreenState} */
         const state = {
           state: toggle === 0 ? 0 : 1
         }
-        this._postToDOM('set-fullscreen', state)
+        this.postToDOM('set-fullscreen', state)
       }
     })
     _SetFullscreen = this._SetFullscreenBase

src/plugin.js

@@ -71,7 +71,7 @@ let WorldInstanceVar = sdk === 'v1'
 let DOMInstanceVar = sdk === 'v1'
   ? self.IDOMInstance
   : globalThis.IDOMInstance
-  
+
 const parentClass = {
   object: {
     scripting: InstanceVar,