You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
« Previous
Version 15
Next »
So you’re writing an interface and you make some useful routines and then you realize that you’d like to use this library in other components.
How do you do this?
You can create libraries which are then re-usable from any other Iguana X component.
Step 1: Add a component using green [+ COMPONENT] button
Create a Component
Assuming you already have Installation taken care of.
Components are created in the Dashboard, using the the [+COMPONENT] button.
STEP 1: Go to the dashboard and click +Component
STEP 2: Select a component, name it and describe it
You can click on Learn More in the component description to access its documentation. All of the iNTERFACEWARE Collections components are documented for your reference.
Select a component
Name your component
Add Tags
Click to Add the component
STEP 3: Click on the component to open its component card - note the Name, Description and Tags
Tags are used to categorize and add functionality to components. For example, #autostart is used by IguanaX to determine if components should be automatically started when the IguanaX server starts up.
See Component Cards for more information.
STEP 4: Configure custom fields on the component
Many components have Custom Fields which you can edit and set by clicking the ellipsis beside each one. The idea is that many components need to be configured for the environment they are in without the need to fully Edit a Component.
STEP 5: Stop and start the component using the button in the top left corner of the card
You can start and stop components using the button in the top left corner:
You can also do it from the list of components on the left of the dashboard and using Bulk Actions in the dashboard.
STEP 6: Link the components together
When one component feeds into another component, it’s linked by a queue where data is securely stored on disc and fed into the next component. Click Edit Connections and follow the steps here: Edit Connections.
That shows the core operation of IguanaX. The real power comes from being able to Edit a Component.
Step 3: Create a directory FOO
Click the Create Folder icon
Enter the folder name and click and click the green [CREATE] button
You should see something like this:
Step 4: Create a file BAR.lua in the FOO directory and add a function
Select the Create File menu optin on the FOO folder
Enter the folder name and click and click the green [CREATE] button
Create a function in the BAR.lua file, you can paste this example:
function FOObar()
return "The world needs more FOO";
end
You should see something like this:
Step 5: Commit the changes and push them to the upstream repo
Click the Commit changes toolbar button
The commit dialogue will open, enter a commit message and click the green [COMMIT] button
Click the Push changes to remote toolbar button
The upstream repository will look something like this:
NOTE: FOO is currently just a folder
Step 6: Convert FOO to a library by right clicking on it and choosing the "Create Library" menu option
Open the folder menu by right clicking on FOO, or clicking the 3 dot menu
Choose Create Library to convert the FOO folder into a Library
Click the green [CREATE] button in the confirmation dialogue
This will bring you to the Repository Management dialogue
Once you are in the Repository Management screen you can set your upstream repository
Step 7: Commit and push the FOO library changes
See Step 5 for detailed screenshots (the first three steps below are the same)
Click the Commit changes toolbar button
The commit dialogue will open, enter a commit message and click the green [COMMIT] button
Click the Push changes to remote toolbar button
The component upstream repository will look something like this:
NOTE: Notice that FOO was converted from a folder (in step 3) to a reference to the FOO library
The FOO library upstream repository will look something like this:
NOTE: That the the FOO library should have the BAR.lua file in it.
Step 8: Now import the FOO library into another component using the FOO library URL
Get the FOO library URL
Edit the target component in the Translator
Click the Add library button to open the Import Library dialogue
Enter the FOO library details in the LIBRARY DETAILS section of the Import Library dialogue
Type in the library name FOO
Paste the URL you copied above into the GIT url field
Click the green [IMPORT] button to import the library
Screen Recording 2023-11-10 at 18.46.24.mov
Step 9: Optionally add the FOO library to a collection
You can also add your libraries to a collection so they will show up in the Import Library dialogue list.
Choose the Add to Collection option from the right click menu
Choose an existing collection or create a new collection in the Add to collection dialogue
In this example I will choose an existing collection Test Lib collection
This will open the Edit Collection dialogue for the chosen collection
Here I can edit the details for libraries in this collection
In this case I will just update the description for FOO
Click the green [SAVE] button to add the new library
Now when I open the Add Library dialogue and filter for FOO it is there in the list