diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml deleted file mode 100644 index 431fc60..0000000 --- a/.github/workflows/main.yml +++ /dev/null @@ -1,68 +0,0 @@ -name: Build - -on: - workflow_dispatch: - pull_request: - push: - branches: - - '**' - -jobs: - native: - strategy: - fail-fast: false - matrix: - # Disabling the linux build for now - # os: [ubuntu-latest, macos-latest, windows-latest] - os: [macos-latest, windows-latest] - runs-on: ${{ matrix.os }} - steps: - - uses: actions/checkout@v3 - with: - submodules: true - - - uses: actions/setup-node@v3 - with: - node-version: 18 - - - name: JUCE Linux Dependencies - shell: bash - if: ${{ matrix.os == 'ubuntu-latest' }} - run: | - sudo apt-get update - sudo apt-get install -y freeglut3-dev - sudo apt-get install -y g++ - sudo apt-get install -y libasound2-dev - sudo apt-get install -y libcurl4-openssl-dev - sudo apt-get install -y libfreetype6-dev - sudo apt-get install -y libjack-jackd2-dev - sudo apt-get install -y libx11-dev - sudo apt-get install -y libxcomposite-dev - sudo apt-get install -y libxcursor-dev - sudo apt-get install -y libxinerama-dev - sudo apt-get install -y libxrandr-dev - sudo apt-get install -y mesa-common-dev - - - name: Build - shell: bash - run: | - set -x - set -e - - npm install - npm run build - - - name: Artifact naming - shell: bash - run: | - echo "ARTIFACT_DATESTRING=$(date +'%Y-%m-%d')" >> $GITHUB_ENV - echo "ARTIFACT_OS=$(echo $RUNNER_OS | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV - - - uses: actions/upload-artifact@v3 - with: - name: srvb-${{ env.ARTIFACT_OS }}-${{ env.ARTIFACT_DATESTRING }} - path: | - native/build/scripted/SRVB_artefacts/Release/VST3/ - native/build/scripted/SRVB_artefacts/Release/AU/ - !native/build/scripted/SRVB_artefacts/Release/VST3/*.lib - !native/build/scripted/SRVB_artefacts/Release/VST3/*.exp diff --git a/.gitignore b/.gitignore index 126959e..7792296 100644 --- a/.gitignore +++ b/.gitignore @@ -8,6 +8,7 @@ pnpm-debug.log* lerna-debug.log* # Builds +native node_modules build dist diff --git a/.gitmodules b/.gitmodules index e1c24ee..bd547be 100644 --- a/.gitmodules +++ b/.gitmodules @@ -6,4 +6,5 @@ url = https://github.com/juce-framework/JUCE.git [submodule "choc"] path = native/choc - url = https://github.com/nick-thompson/choc.git + url = https://github.com/cristianvogel/choc + branch = cristians-edits diff --git a/README.md b/README.md index 5b360d9..922266a 100644 --- a/README.md +++ b/README.md @@ -1,93 +1 @@ -# SRVB - -SRVB is a small digital reverb audio plugin (VST3/AU) for MacOS and Windows. - -This project demonstrates one way to write an audio plugin using JavaScript and -familiar web technologies, and while there are several variants on this approach, -it is meant to be both a compelling example and a good starting point for audio -plugins made with a similar architecture. - -## Overview - -The software architecture in this plugin is much like [Tauri](https://tauri.app/) and similar to -[Electron](https://www.electronjs.org/). The user interface is a simple Vite, React, and Tailwind app -at the root of the repository, which is packaged into the plugin app bundle and loaded into a native -webview instance owned by the plugin at runtime. - -The audio processing algorithm in the `dsp/` directory is also written in -JavaScript using [Elementary](https://elementary.audio), and is run in a separate -engine which directs the underlying native plugin audio processing. The native -plugin itself provides the harness for these two frontend JavaScript bundles, -and interfaces with the plugin host (typically a DAW) to coordinate the user -interface and the audio processing loop. - -## Elementary - -If you're new to Elementary Audio, [Elementary](https://elementary.audio) is a JavaScript/C++ library for building audio applications. - -* **Declarative:** Elementary makes it simple to create interactive audio processes through functional, declarative programming. Describe your audio process as a function of your application state, and Elementary will efficiently update the underlying audio engine as necessary. -* **Dynamic:** Most audio processing frameworks and tools facilitate building static processes. But what happens as your audio requirements change throughout the user journey? Elementary is designed to facilitate and adapt to the dynamic nature of modern audio applications. -* **Portable:** By decoupling the JavaScript API from the underlying audio engine (the "what" from the "how"), Elementary enables writing portable applications. Whether the underlying engine is running in the browser, an audio plugin, or an embedded device, the JavaScript layer remains the same. - -Find more in the [Elementary repository on GitHub](https://github.com/elemaudio/elementary) and the documentation [on the website](https://elementary.audio/). - -## Getting Started - -### Dependencies - -Before running the following steps, please make sure you have the following dependencies installed and -available at the command line: - -* [CMake](https://cmake.org/) -* [Node.js](https://nodejs.org/en) -* Bash: the build steps below expect to run scripts in a Bash environment. For Windows machines, consider running the following steps in a Git Bash environment, or with WSL. - -Next, we fetch the SRVB project and its dependencies, - -```bash -# Clone the project with its submodules -git clone --recurse-submodules https://github.com/elemaudio/srvb.git -cd srvb - -# Install npm dependencies -npm install -``` - -### Develop -```bash -npm run dev -``` - -In develop mode, the native plugin is compiled to fetch its JavaScript assets from localhost, where subsequently we -run the Vite dev server to serve those assets. This arrangement enables Vite's hot reloading behavior for developing -the plugin while it's running inside a host. - -### Release -```bash -npm run build -``` - -In release builds, the JavaScript bundles are packaged into the plugin app bundle so that the resulting bundle -is relocatable, thereby enabling distribution to end users. - -### Troubleshooting - -* After a successful build with either `npm run dev` or `npm run build`, you - should have local plugin binaries built and copied into the correct - audio plugin directories on your machine. If you don't see them, look in - `./native/build/scripted/SRVB_artefacts` and copy them manually -* **Note**: the CMake build on Windows attempts to copy the VST3 plugin binary - into `C:\Program Files`, a step that requires admin permissions. Therefore - you should either run your build as an admin, or disable the copy plugin step - in `native/CMakeLists.txt` and manually copy the plugin binary after build. -* **Note**: especially on MacOS, certain plugin hosts such as Ableton Live have - strict security settings that prevent them from recognizing local unsigned - binaries. You'll want to either add a codesign step to your build, or - configure the security settings of your host to address this. - -## License - -[MIT](./LICENSE.md) - -This project also uses [JUCE](https://juce.com/), which is licensed GPLv3. Please consult JUCE's license -agreement if you intend to distribute your own plugin based on this template. +# Under construction diff --git a/dsp/main.js b/dsp/main.js index 7057940..3b89585 100644 --- a/dsp/main.js +++ b/dsp/main.js @@ -2,7 +2,6 @@ import {Renderer, el} from '@elemaudio/core'; import {RefMap} from './RefMap'; import srvb from './srvb'; - // This project demonstrates writing a small FDN reverb effect in Elementary. // // First, we initialize a custom Renderer instance that marshals our instruction @@ -20,7 +19,7 @@ let refs = new RefMap(core); let prevState = null; function shouldRender(prevState, nextState) { - return (prevState === null) || (prevState.sampleRate !== nextState.sampleRate); + return (prevState === null) || (nextState ===null) || (prevState.sampleRate !== nextState.sampleRate); } // The important piece: here we register a state change callback with the native diff --git a/how_to_update_choc.md b/how_to_update_choc.md new file mode 100644 index 0000000..5d0769d --- /dev/null +++ b/how_to_update_choc.md @@ -0,0 +1,166 @@ +Important to update CHOC that is used in the native/choc submodule and also probably in Elementary submodule + +here is copilot guide. + + +cristianvogel: npm command to install everything including git submodules + +GitHub Copilot: ```bash +npm install && git submodule update --init --recursive +``` + +cristianvogel: remove all cache of git submodules + +GitHub Copilot: ```bash +git submodule deinit -f --all && git rm -rf .git/modules +``` + +cristianvogel: fatal: No url found for submodule path 'native/choc' in .gitmodules + + +There is no url registred in .gitmodules file + +GitHub Copilot: To resolve the issue of a missing URL for the submodule path 'native/choc' in the [`.gitmodules`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.gitmodules%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.gitmodules") file, you need to add the submodule information for 'native/choc' to the [`.gitmodules`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.gitmodules%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.gitmodules") file. This involves specifying the path and URL of the submodule. Here's how you can do it: + +1. Open the [`.gitmodules`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.gitmodules%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.gitmodules") file in your editor. +2. Add the following lines to register the 'native/choc' submodule: + +```properties +[submodule "choc"] + path = native/choc + url = +``` + +Replace `` with the actual URL of the 'choc' Git repository. + +3. Save the `.gitmodules` file. +4. Run the following commands in your terminal to synchronize your local configuration: + +```bash +git submodule init +git submodule update +``` + +This will initialize the new submodule and clone it into the specified path. + +cristianvogel: i am trying to remove this submodule referenence but it dosn't seem to de-install + +GitHub Copilot: To remove a submodule reference, such as `elementary` or `juce`, from your Git repository, you need to follow these steps. Let's use `elementary` as an example: + +1. **Delete the submodule entry from [`.gitmodules`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.gitmodules%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.gitmodules") file**: Open the [`.gitmodules`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.gitmodules%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.gitmodules") file and remove the section related to `elementary`. + + ```properties + [submodule "elementary"] + path = native/elementary + url = https://github.com/elemaudio/elementary.git + ``` + +2. **Stage the `.gitmodules` changes**: After editing the `.gitmodules` file, stage the changes for commit. + + ```bash + git add .gitmodules + ``` + +3. **Delete the submodule section from [`.git/config`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.git%2Fconfig%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.git/config")**: Open your [`.git/config`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.git%2Fconfig%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.git/config") file in a text editor and remove the submodule section related to `elementary`. + + ```ini + [submodule "elementary"] + url = https://github.com/elemaudio/elementary.git + ``` + +4. **Unstage and remove the submodule files**: Run the following commands to unstage the submodule path and then remove the submodule directory from your working directory. + + ```bash + git rm --cached native/elementary + rm -rf native/elementary + ``` + +5. **Remove the submodule's [`.git`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.git%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.git") directory**: Delete the [`.git`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.git%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.git") directory located in the submodule's directory. Since you've already removed the directory in the previous step, this is more of a general step if you need to manually remove any leftover [`.git`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.git%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.git") directories. + +6. **Commit your changes**: Commit the removal of the submodule. + + ```bash + git commit -m "Removed elementary submodule" + ``` + +7. **Delete the submodule's entry from the `.git/modules` directory**: Finally, remove the submodule's data from the `.git/modules` directory. + + ```bash + rm -rf .git/modules/native/elementary + ``` + +Repeat these steps for any other submodule you wish to remove, such as `juce`. Make sure to adjust the paths and names accordingly. + +cristianvogel: how do i specifiy a specific branch and commit for a submodule + +GitHub Copilot: To specify a specific branch and commit for a submodule in Git, follow these steps: + +1. **Navigate to the submodule directory**: First, change your current working directory to the submodule's directory. + + ```bash + cd path/to/submodule + ``` + + Replace `path/to/submodule` with the actual path to your submodule, such as `native/elementary`. + +2. **Checkout the specific branch**: Checkout the branch you want to track in the submodule. + + ```bash + git checkout branch-name + ``` + + Replace `branch-name` with the name of the branch you want to use. + +3. **Pull or reset to the specific commit**: If you want the latest commit from that branch, you can simply pull. However, if you need a specific commit, use `git reset` or `git checkout` to move to that commit. + + - To pull the latest changes (if you're tracking a branch): + + ```bash + git pull + ``` + + - To move to a specific commit: + + ```bash + git reset --hard commit-hash + ``` + + or + + ```bash + git checkout commit-hash + ``` + + Replace `commit-hash` with the hash of the commit you want to use. + +4. **Update the submodule reference in the main project**: After you have checked out the specific branch and commit in the submodule, navigate back to the root of your main project and stage the submodule changes. + + ```bash + cd ../.. + git add path/to/submodule + ``` + + This adds the new state of the submodule to your main project. + +5. **Commit the change**: Commit the update to the submodule reference in your main project. + + ```bash + git commit -m "Update submodule to specific branch and commit" + ``` + +6. **(Optional) Push the changes**: If you want these changes to be reflected in the remote repository, push them. + + ```bash + git push + ``` + +**Note**: If you want to ensure that the submodule is always checked out to a specific branch when others clone or pull from the main repository, you can add the `branch` option to the [`.gitmodules`](command:_github.copilot.openRelativePath?%5B%7B%22scheme%22%3A%22file%22%2C%22authority%22%3A%22%22%2C%22path%22%3A%22%2FUsers%2Fcristianvogel%2FDesktop%2FProgramming%2FSRVB-withCablesUI%2Fsrvb-fork%2F.gitmodules%22%2C%22query%22%3A%22%22%2C%22fragment%22%3A%22%22%7D%5D "/Users/cristianvogel/Desktop/Programming/SRVB-withCablesUI/srvb-fork/.gitmodules") file. This doesn't lock the submodule to a specific commit but ensures the specified branch is checked out. + +```properties +[submodule "submodule-name"] + path = path/to/submodule + url = https://example.com/submodule.git + branch = branch-name +``` + +Replace `submodule-name`, `path/to/submodule`, `https://example.com/submodule.git`, and `branch-name` with your submodule's name, path, URL, and branch name, respectively. After adding the branch to `.gitmodules`, remember to commit and push the `.gitmodules` file as well. \ No newline at end of file diff --git a/index.html b/index.html index 6c396ed..c9a1df2 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,41 @@ - - - Elementary Effects Plugin + Four GL Dials + + + + -
- + +
+ + diff --git a/native/CMakeLists.txt b/native/CMakeLists.txt index b25ac63..d1bf4a4 100644 --- a/native/CMakeLists.txt +++ b/native/CMakeLists.txt @@ -1,8 +1,8 @@ cmake_minimum_required(VERSION 3.15) -project(Elem_SRVB VERSION 0.1.0) +project(NEL_SRVB VERSION 0.1.0) -set(TARGET_NAME SRVB) +set(TARGET_NAME NEL_SRVB) set(ASSETS_DIR ${CMAKE_SOURCE_DIR}/../dist/) option(JUCE_ENABLE_MODULE_SOURCE_GROUPS "Enable Module Source Groups" ON) @@ -12,34 +12,93 @@ option(ELEM_DEV_LOCALHOST "Run against localhost for static assets" OFF) add_subdirectory(juce) add_subdirectory(elementary/runtime) +if (WIN32) + if(CMAKE_SIZEOF_VOID_P EQUAL 8) + set(PC_ARCH "x64") + else() + set(PC_ARCH "x32") + endif() +endif() + juce_add_plugin(${TARGET_NAME} - BUNDLE_ID "audio.elementary.srvb" - COMPANY_NAME "Elementary Audio" - COMPANY_WEBSITE "https://www.elementary.audio" - COMPANY_EMAIL "nick@elementary.audio" - PLUGIN_MANUFACTURER_CODE Elem # A four-character manufacturer id with at least one upper-case character - PLUGIN_CODE Srvb # A unique four-character plugin id with at least one upper-case character + BUNDLE_ID "audio.neverenginelabs.NEL_SRVB" + COMPANY_NAME "NeverEngineLabs" + COMPANY_WEBSITE "https://neverenginelabs.com" + COMPANY_EMAIL "support@neverenginelabs.com" + PLUGIN_MANUFACTURER_CODE NLVB # A four-character manufacturer id with at least one upper-case character + PLUGIN_CODE ShRv # A unique four-character plugin id with at least one upper-case character COPY_PLUGIN_AFTER_BUILD FALSE # We enable this manually below after adding a copy step - APP_SANDBOX_ENABLED TRUE + APP_SANDBOX_ENABLED TRUE APP_SANDBOX_OPTIONS com.apple.security.network.client com.apple.security.files.user-selected.read-write FORMATS AU VST3 # The formats to build. Other valid formats are: AAX Unity VST AU AUv3 - PRODUCT_NAME ${TARGET_NAME}) # The name of the final executable, which can differ from the target name + PRODUCT_NAME "NELShifterMesh_${CMAKE_OSX_ARCHITECTURES}${PC_ARCH}_${BUILD_VERSION}") # The name of the final executable, which can differ from the target name + + # Keyzy Client Library + # Replace KeyzyClientLibraryX.X.X with your actual library version + +set(KeyzyClientLibrary_VERSION "v143") + +if(WIN32) + if(MSVC_VERSION EQUAL 1910) # VS 2017 + set(VS_VERSION "VS2017") + elseif(MSVC_VERSION EQUAL 1920) # VS 2019 + set(VS_VERSION "VS2019") + elseif(MSVC_VERSION GREATER_EQUAL 1930) # VS 2022 or later + set(VS_VERSION "VS2022") + endif() + + if(CMAKE_SIZEOF_VOID_P EQUAL 8) + set(ARCH "64") + else() + set(ARCH "86") + endif() + + # Set MD or MT based on your project requirements + set(MD_MT "MD") + + set(DEBUG_OR_RELEASE "$<$:D>$<$:R>") + + set(LIB_DIR ${CMAKE_CURRENT_SOURCE_DIR}/KeyzyClientLibrary/${VS_VERSION}/${DEBUG_OR_RELEASE}${ARCH}${MD_MT}_x64_${KeyzyClientLibrary_VERSION}) + + target_link_libraries(${TARGET_NAME} PRIVATE ${LIB_DIR}/Lib/KeyzyClient.lib) + +elseif(APPLE) + if(IOS) + set(LIB_DIR ${CMAKE_CURRENT_SOURCE_DIR}/KeyzyClientLibrary/XcodeiOS) + else() + # Choose the correct library based on your target architectures + set(LIB_DIR ${CMAKE_CURRENT_SOURCE_DIR}/KeyzyClientLibrary/XcodeAppleSiliconIntel64) + endif() + + find_library(KEYZY_CLIENT_LIB KeyzyClient PATHS ${LIB_DIR}/Lib) + if(NOT KEYZY_CLIENT_LIB) + message(FATAL_ERROR "KeyzyClient library not found") + endif() + target_link_libraries(${TARGET_NAME} PRIVATE ${KEYZY_CLIENT_LIB}) +endif() + +target_include_directories(${TARGET_NAME} PRIVATE + $) # Copy static assets post build if (NOT ELEM_DEV_LOCALHOST) get_target_property(ACTIVE_TARGETS ${TARGET_NAME} JUCE_ACTIVE_PLUGIN_TARGETS) - foreach(ACTIVE_TARGET IN LISTS ACTIVE_TARGETS) - message(STATUS "Adding resource copy step from ${ASSETS_DIR} for ${ACTIVE_TARGET}") - - get_target_property(ARTIFACT_FILE ${ACTIVE_TARGET} JUCE_PLUGIN_ARTEFACT_FILE) - set(RESOURCE_DIR "${ARTIFACT_FILE}/Contents/Resources/") - - add_custom_command(TARGET ${ACTIVE_TARGET} POST_BUILD - COMMAND ${CMAKE_COMMAND} -E rm -rf "${RESOURCE_DIR}/dist" - COMMAND ${CMAKE_COMMAND} -E make_directory "${RESOURCE_DIR}/dist" - COMMAND ${CMAKE_COMMAND} -E copy_directory "${ASSETS_DIR}" "${RESOURCE_DIR}/dist" - VERBATIM) - endforeach() +foreach(ACTIVE_TARGET IN LISTS ACTIVE_TARGETS) + message(STATUS "Adding resource copy step from ${ASSETS_DIR} for ${ACTIVE_TARGET}") + + get_target_property(ARTIFACT_FILE ${ACTIVE_TARGET} JUCE_PLUGIN_ARTEFACT_FILE) + set(RESOURCE_DIR "${ARTIFACT_FILE}/Contents/Resources/") + +add_custom_command(TARGET ${ACTIVE_TARGET} POST_BUILD + COMMAND ${CMAKE_COMMAND} -E rm -rf "${RESOURCE_DIR}/dist" + COMMAND ${CMAKE_COMMAND} -E echo "Removed directory: ${RESOURCE_DIR}/dist" + COMMAND ${CMAKE_COMMAND} -E make_directory "${RESOURCE_DIR}/dist" + COMMAND ${CMAKE_COMMAND} -E echo "Created directory: ${RESOURCE_DIR}/dist" + COMMAND ${CMAKE_COMMAND} -E copy_directory "${ASSETS_DIR}" "${RESOURCE_DIR}/dist" + COMMAND ${CMAKE_COMMAND} -E echo "Copied directory: ${ASSETS_DIR} to ${RESOURCE_DIR}/dist" + VERBATIM) + +endforeach() endif() # Enable copy step @@ -50,35 +109,42 @@ endif() target_sources(${TARGET_NAME} PRIVATE PluginProcessor.cpp - WebViewEditor.cpp) + WebViewEditor.cpp + ) target_include_directories(${TARGET_NAME} PRIVATE ${CMAKE_CURRENT_SOURCE_DIR}/choc/gui - ${CMAKE_CURRENT_SOURCE_DIR}/choc/javascript) + ${CMAKE_CURRENT_SOURCE_DIR}/choc/javascript +) target_compile_features(${TARGET_NAME} PRIVATE cxx_std_17) -target_compile_definitions(${TARGET_NAME} + + target_compile_definitions(${TARGET_NAME} PRIVATE ELEM_DEV_LOCALHOST=${ELEM_DEV_LOCALHOST} JUCE_VST3_CAN_REPLACE_VST2=0 JUCE_USE_CURL=0) -target_link_libraries(${TARGET_NAME} + target_link_libraries(${TARGET_NAME} PRIVATE juce::juce_audio_basics - juce::juce_audio_devices - juce::juce_audio_plugin_client + # juce::juce_audio_devices + # juce::juce_audio_plugin_client juce::juce_audio_processors juce::juce_audio_utils - juce::juce_core - juce::juce_data_structures - juce::juce_dsp - juce::juce_events - juce::juce_graphics - juce::juce_gui_basics + # juce::juce_core + # juce::juce_data_structures + # juce::juce_dsp + # juce::juce_events + # juce::juce_graphics + # juce::juce_gui_basics juce::juce_gui_extra - runtime) + runtime + ) + + + diff --git a/native/PluginProcessor.cpp b/native/PluginProcessor.cpp index 2b7ab85..2de7224 100644 --- a/native/PluginProcessor.cpp +++ b/native/PluginProcessor.cpp @@ -3,19 +3,18 @@ #include - //============================================================================== // A quick helper for locating bundled asset files juce::File getAssetsDirectory() { #if JUCE_MAC auto assetsDir = juce::File::getSpecialLocation(juce::File::SpecialLocationType::currentApplicationFile) - .getChildFile("Contents/Resources/dist"); + .getChildFile("Contents/Resources/dist"); #elif JUCE_WINDOWS auto assetsDir = juce::File::getSpecialLocation(juce::File::SpecialLocationType::currentExecutableFile) // Plugin.vst3/Contents//Plugin.vst3 - .getParentDirectory() // Plugin.vst3/Contents// - .getParentDirectory() // Plugin.vst3/Contents/ - .getChildFile("Resources/dist"); + .getParentDirectory() // Plugin.vst3/Contents// + .getParentDirectory() // Plugin.vst3/Contents/ + .getChildFile("Resources/dist"); #else #error "We only support Mac and Windows here yet." #endif @@ -25,10 +24,11 @@ juce::File getAssetsDirectory() //============================================================================== EffectsPluginProcessor::EffectsPluginProcessor() - : AudioProcessor (BusesProperties() - .withInput ("Input", juce::AudioChannelSet::stereo(), true) - .withOutput ("Output", juce::AudioChannelSet::stereo(), true)) - , jsContext(choc::javascript::createQuickJSContext()) + : AudioProcessor(BusesProperties() + .withInput("Input", juce::AudioChannelSet::stereo(), true) + .withOutput("Output", juce::AudioChannelSet::stereo(), true)), + jsContext(choc::javascript::createQuickJSContext()), + jsContext2(choc::javascript::createQuickJSContext()) { // Initialize parameters from the manifest file #if ELEM_DEV_LOCALHOST @@ -43,55 +43,146 @@ EffectsPluginProcessor::EffectsPluginProcessor() auto manifestFileContents = manifestFile.loadFileAsString().toStdString(); #endif - auto manifest = elem::js::parseJSON(manifestFileContents); + const auto manifest = elem::js::parseJSON(manifestFileContents); if (!manifest.isObject()) return; - auto parameters = manifest.getWithDefault("parameters", elem::js::Array()); + const auto parameters = manifest.getWithDefault("parameters", elem::js::Array()); + createParameters(parameters); - for (size_t i = 0; i < parameters.size(); ++i) { - auto descrip = parameters[i]; + // The view state property has to have some value so that when state is loaded + // from the host, the key exists and is populated. + meshState.insert_or_assign(MESH_STATE_PROPERTY, "{}" ); +} - if (!descrip.isObject()) +EffectsPluginProcessor::~EffectsPluginProcessor() +{ + for (auto &p : getParameters()) + { + p->removeListener(this); + } +} + +//============================================================================== +void EffectsPluginProcessor::createParameters(const std::vector ¶meters) +{ + for (const auto ¶meter : parameters) + { + if (!parameter.isObject()) continue; - auto paramId = descrip.getWithDefault("paramId", elem::js::String("unknown")); - auto name = descrip.getWithDefault("name", elem::js::String("Unknown")); - auto minValue = descrip.getWithDefault("min", elem::js::Number(0)); - auto maxValue = descrip.getWithDefault("max", elem::js::Number(1)); - auto defValue = descrip.getWithDefault("defaultValue", elem::js::Number(0)); + auto paramId = parameter.getWithDefault("paramId", elem::js::String("unknown")); + auto name = parameter.getWithDefault("name", elem::js::String("Unknown")); + auto minValue = parameter.getWithDefault("min", elem::js::Number(0)); + auto maxValue = parameter.getWithDefault("max", elem::js::Number(1)); + auto defaultValue = parameter.getWithDefault("defaultValue", elem::js::Number(0)); + auto step = parameter.getWithDefault("step", elem::js::Number(0)); - auto* p = new juce::AudioParameterFloat( + auto *p = new juce::AudioParameterFloat( juce::ParameterID(paramId, 1), name, - {static_cast(minValue), static_cast(maxValue)}, - defValue - ); + {static_cast(minValue), static_cast(maxValue), static_cast(step)}, + static_cast(defaultValue)); + + // Keep a map from parameter ID to the juce audio parameter + // to avoid looping over the parameter list every time one changes + parameterMap.insert({paramId, p}); p->addListener(this); addParameter(p); // Push a new ParameterReadout onto the list to represent this parameter - paramReadouts.emplace_back(ParameterReadout { static_cast(defValue), false }); + parameterReadouts.emplace_back(ParameterReadout{static_cast(defaultValue), false}); // Update our state object with the default parameter value - state.insert_or_assign(paramId, defValue); + state.insert_or_assign(paramId, defaultValue); } } -EffectsPluginProcessor::~EffectsPluginProcessor() +juce::AudioProcessorEditor *EffectsPluginProcessor::createEditor() { - for (auto& p : getParameters()) + const auto editor = new WebViewEditor(this, getAssetsDirectory(), 905, 600); + + + // ----------- + // semi-online license activation + // ----------- + // From docs: + // You may need to use semi-online activation without giving a serial number. + // First two cases are: + // 1- You may choose to renew weekly the offline license of the users with Semi Online activation. + // You don't want to ask the serial number again and again. + // 2- You may set Offline License Life (recommended) to 30 days. After 30 days, the offline license + // will be INVALID. Then you will need to activate it again without a serial number. + editor->handleUnlockEvent = [this](choc::value::Value &v) { - p->removeListener(this); - } -} + const bool hasSerial = v.hasObjectMember("serial") && v["serial"].isString() && v["serial"].getString().length() > 0; + bool shouldActivate = licenseStatus != Keyzy::LicenseStatus::VALID; -//============================================================================== -juce::AudioProcessorEditor* EffectsPluginProcessor::createEditor() -{ - return new WebViewEditor(this, getAssetsDirectory(), 800, 704); + if (!hasSerial && shouldActivate) + { + licenseStatus = licenseActivator.activateSemiOnline(); + } + else if (hasSerial && shouldActivate && hasSerial) + { + const auto serial = v["serial"].getString(); + licenseStatus = licenseActivator.activateSemiOnline(serial.data()); + } + + sendJavascriptToUI("globalThis.__onUnlock__('" + unlock::errorStatuses(licenseStatus) + "')"); + // also send back the current host info + juce::PluginHostType hostType; + std::string hostDescription = static_cast(hostType.getHostDescription()); + sendJavascriptToUI("globalThis.__hostInfo__('" + hostDescription + "')"); + }; + + editor->ready = [this]() + { + // Flush the error log queue to the UI + while (!errorLogQueue.empty()) + { + auto sent = sendJavascriptToUI(errorLogQueue.front()); + errorLogQueue.pop(); + } + dispatchStateChange(); + dispatchMeshStateChange(); + }; + + + // When setting a parameter value, we simply tell the host. This will in turn fire + // a parameterValueChanged event, which will catch and propagate through dispatching + // a state change event + editor->setParameterValue = [this](const std::string ¶mId, float value) + { + if (parameterMap.count(paramId) > 0) + { + parameterMap[paramId]->setValueNotifyingHost(value); + } + }; + + editor->setMeshState = [this](choc::value::Value &v) + { + meshState.insert_or_assign(MESH_STATE_PROPERTY, v.toString()); + dispatchStateChange(); + // dispatchMeshStateChange(); <--- was causing feedback loop! + }; + + + + +#if ELEM_DEV_LOCALHOST + editor->reload = [this]() + { + initJavaScriptEngine(); + initSecondJavaScriptEngine(); + dispatchStateChange(); + dispatchMeshStateChange(); + }; + +#endif + + return editor; } bool EffectsPluginProcessor::hasEditor() const @@ -102,7 +193,7 @@ bool EffectsPluginProcessor::hasEditor() const //============================================================================== const juce::String EffectsPluginProcessor::getName() const { - return JucePlugin_Name; + return "NELShifterMesh"; } bool EffectsPluginProcessor::acceptsMidi() const @@ -122,14 +213,14 @@ bool EffectsPluginProcessor::isMidiEffect() const double EffectsPluginProcessor::getTailLengthSeconds() const { - return 0.0; + return 3.0; } //============================================================================== int EffectsPluginProcessor::getNumPrograms() { - return 1; // NB: some hosts don't cope very well if you tell them there are 0 programs, - // so this should be at least 1, even if you're not really implementing programs. + return 1; // NB: some hosts don't cope very well if you tell them there are 0 programs, + // so this should be at least 1, even if you're not really implementing programs. } int EffectsPluginProcessor::getCurrentProgram() @@ -137,12 +228,12 @@ int EffectsPluginProcessor::getCurrentProgram() return 0; } -void EffectsPluginProcessor::setCurrentProgram (int /* index */) {} -const juce::String EffectsPluginProcessor::getProgramName (int /* index */) { return {}; } -void EffectsPluginProcessor::changeProgramName (int /* index */, const juce::String& /* newName */) {} +void EffectsPluginProcessor::setCurrentProgram(int /* index */) {} +const juce::String EffectsPluginProcessor::getProgramName(int /* index */) { return {}; } +void EffectsPluginProcessor::changeProgramName(int /* index */, const juce::String & /* newName */) {} //============================================================================== -void EffectsPluginProcessor::prepareToPlay (double sampleRate, int samplesPerBlock) +void EffectsPluginProcessor::prepareToPlay(double sampleRate, int samplesPerBlock) { // Some hosts call `prepareToPlay` on the real-time thread, some call it on the main thread. // To address the discrepancy, we check whether anything has changed since our last known @@ -151,11 +242,12 @@ void EffectsPluginProcessor::prepareToPlay (double sampleRate, int samplesPerBlo // // JUCE will synchronously handle the async update if it understands // that we're already on the main thread. - if (sampleRate != lastKnownSampleRate || samplesPerBlock != lastKnownBlockSize) { + if (sampleRate != lastKnownSampleRate || samplesPerBlock != lastKnownBlockSize) + { lastKnownSampleRate = sampleRate; lastKnownBlockSize = samplesPerBlock; - shouldInitialize.store(true); + runtimeSwapRequired.store(true); } // Now that the environment is set up, push our current state @@ -168,42 +260,59 @@ void EffectsPluginProcessor::releaseResources() // spare memory, etc. } -bool EffectsPluginProcessor::isBusesLayoutSupported (const AudioProcessor::BusesLayout& layouts) const +bool EffectsPluginProcessor::isBusesLayoutSupported(const AudioProcessor::BusesLayout &layouts) const { return true; } -void EffectsPluginProcessor::processBlock (juce::AudioBuffer& buffer, juce::MidiBuffer& /* midiMessages */) +void EffectsPluginProcessor::processBlock(juce::AudioBuffer &buffer, juce::MidiBuffer & /* midiMessages */) { + + // If the license is invalid, we clear the buffer and return + if (licenseStatus != Keyzy::LicenseStatus::VALID) + { + buffer.clear(); + return; + } + // Copy the input so that our input and output buffers are distinct scratchBuffer.makeCopyOf(buffer, true); - // Clear the output buffer to prevent any garbage if our runtime isn't ready - buffer.clear(); - // Process the elementary runtime - if (runtime != nullptr) { + if (runtime != nullptr && !runtimeSwapRequired) + + { runtime->process( - const_cast(scratchBuffer.getArrayOfWritePointers()), + const_cast(scratchBuffer.getArrayOfWritePointers()), getTotalNumInputChannels(), - const_cast(buffer.getArrayOfWritePointers()), + const_cast(buffer.getArrayOfWritePointers()), buffer.getNumChannels(), buffer.getNumSamples(), - nullptr - ); + nullptr); + } + else + { + // Clear the output buffer to prevent any garbage if our runtime isn't ready + buffer.clear(); + } + + if (runtimeSwapRequired) + { + shouldInitialize.store(true); + triggerAsyncUpdate(); } } -void EffectsPluginProcessor::parameterValueChanged (int parameterIndex, float newValue) +void EffectsPluginProcessor::parameterValueChanged(int parameterIndex, float newValue) { // Mark the updated parameter value in the dirty list - auto& pr = *std::next(paramReadouts.begin(), parameterIndex); + auto &readout = *std::next(parameterReadouts.begin(), parameterIndex); - pr.store({ newValue, true }); + readout.store({newValue, true}); triggerAsyncUpdate(); } -void EffectsPluginProcessor::parameterGestureChanged (int, bool) +void EffectsPluginProcessor::parameterGestureChanged(int, bool) { // Not implemented } @@ -213,33 +322,35 @@ void EffectsPluginProcessor::handleAsyncUpdate() { // First things first, we check the flag to identify if we should initialize the Elementary // runtime and engine. - if (shouldInitialize.exchange(false)) { - // TODO: This is definitely not thread-safe! It could delete a Runtime instance while - // the real-time thread is using it. Depends on when the host will call prepareToPlay. + if (shouldInitialize.exchange(false)) + { runtime = std::make_unique>(lastKnownSampleRate, lastKnownBlockSize); initJavaScriptEngine(); + initSecondJavaScriptEngine(); + runtimeSwapRequired.store(false); } // Next we iterate over the current parameter values to update our local state // object, which we in turn dispatch into the JavaScript engine - auto& params = getParameters(); + auto ¶ms = getParameters(); // Reduce over the changed parameters to resolve our updated processor state - for (size_t i = 0; i < paramReadouts.size(); ++i) + for (size_t i = 0; i < parameterReadouts.size(); ++i) { // We atomically exchange an arbitrary value with a dirty flag false, because // we know that the next time we exchange, if the dirty flag is still false, the // value can be considered arbitrary. Only when we exchange and find the dirty flag // true do we consider the value as having been written by the processor since // we last looked. - auto& current = *std::next(paramReadouts.begin(), i); - auto pr = current.exchange({0.0f, false}); + auto ¤t = *std::next(parameterReadouts.begin(), i); + const auto pr = current.exchange({0.0f, false}); if (pr.dirty) { - if (auto* pf = dynamic_cast(params[i])) { + if (const auto *pf = dynamic_cast(params[i])) + { auto paramId = pf->paramID.toStdString(); - state.insert_or_assign(paramId, elem::js::Number(pr.value)); + state.insert_or_assign(paramId, static_cast(pr.value)); } } } @@ -252,183 +363,256 @@ void EffectsPluginProcessor::initJavaScriptEngine() jsContext = choc::javascript::createQuickJSContext(); // Install some native interop functions in our JavaScript environment - jsContext.registerFunction("__postNativeMessage__", [this](choc::javascript::ArgumentList args) { - auto const batch = elem::js::parseJSON(args[0]->toString()); - auto const rc = runtime->applyInstructions(batch); + jsContext.registerFunction(NATIVE_MESSAGE_FUNCTION_NAME, [this](choc::javascript::ArgumentList args) + { + const auto batch = elem::js::parseJSON(args[0]->toString()); + const auto rc = runtime->applyInstructions(batch); if (rc != elem::ReturnCode::Ok()) { dispatchError("Runtime Error", elem::ReturnCode::describe(rc)); } - return choc::value::Value(); - }); - - jsContext.registerFunction("__log__", [this](choc::javascript::ArgumentList args) { - const auto* kDispatchScript = R"script( -(function() { - console.log(...JSON.parse(%)); - return true; -})(); -)script"; - - // Forward logs to the editor if it's available; then logs show up in one place. - // - // If not available, we fall back to std out. - if (auto* editor = static_cast(getActiveEditor())) { - auto v = choc::value::createEmptyArray(); - - for (size_t i = 0; i < args.numArgs; ++i) { - v.addArrayElement(*args[i]); - } - - auto expr = juce::String(kDispatchScript).replace("%", elem::js::serialize(choc::json::toString(v))).toStdString(); - editor->getWebViewPtr()->evaluateJavascript(expr); - } else { - for (size_t i = 0; i < args.numArgs; ++i) { - DBG(choc::json::toString(*args[i])); - } - } - - return choc::value::Value(); - }); + return choc::value::Value(); }); // A simple shim to write various console operations to our native __log__ handler - jsContext.evaluate(R"shim( -(function() { - if (typeof globalThis.console === 'undefined') { - globalThis.console = { - log(...args) { - __log__('[embedded:log]', ...args); - }, - warn(...args) { - __log__('[embedded:warn]', ...args); - }, - error(...args) { - __log__('[embedded:error]', ...args); - } - }; - } -})(); - )shim"); + jsContext.evaluateExpression(jsFunctions::consoleLogScript); - // Load and evaluate our Elementary js main file -#if ELEM_DEV_LOCALHOST - auto dspEntryFile = juce::URL("http://localhost:5173/dsp.main.js"); - auto dspEntryFileContents = dspEntryFile.readEntireTextStream().toStdString(); -#else - auto dspEntryFile = getAssetsDirectory().getChildFile("dsp.main.js"); + const auto dspEntryFileContents = loadDspEntryFileContents(); - if (!dspEntryFile.existsAsFile()) + if (dspEntryFileContents.has_value()) + { + jsContext.evaluateExpression(dspEntryFileContents.value()); + } + else + { return; - - auto dspEntryFileContents = dspEntryFile.loadFileAsString().toStdString(); -#endif - jsContext.evaluate(dspEntryFileContents); + } // Re-hydrate from current state - const auto* kHydrateScript = R"script( -(function() { - if (typeof globalThis.__receiveHydrationData__ !== 'function') - return false; + const auto expr = serialize(jsFunctions::hydrateScript, runtime->snapshot()); + jsContext.evaluateExpression(expr); +} + +void EffectsPluginProcessor::initSecondJavaScriptEngine() +{ + jsContext2 = choc::javascript::createQuickJSContext(); + + // Install some native interop functions in our JavaScript environment + jsContext2.registerFunction(NATIVE_MESSAGE_FUNCTION_NAME, [this](choc::javascript::ArgumentList args) + { + const auto batch = elem::js::parseJSON(args[0]->toString()); + + // const auto rc = runtime->applyInstructions(batch); + // if (rc != elem::ReturnCode::Ok()) { + // dispatchError("Runtime Error", elem::ReturnCode::describe(rc)); + // } - globalThis.__receiveHydrationData__(%); - return true; -})(); -)script"; + return choc::value::Value(); }); - auto expr = juce::String(kHydrateScript).replace("%", elem::js::serialize(elem::js::serialize(runtime->snapshot()))).toStdString(); - jsContext.evaluate(expr); + + const auto patchEntryFileContents = loadPatchEntryFileContents(); + + if (patchEntryFileContents.has_value()) + { + jsContext2.evaluateExpression(patchEntryFileContents.value()); + } + else + { + return; + } + + } void EffectsPluginProcessor::dispatchStateChange() { - const auto* kDispatchScript = R"script( -(function() { - if (typeof globalThis.__receiveStateChange__ !== 'function') - return false; - - globalThis.__receiveStateChange__(%); - return true; -})(); -)script"; - // Need the double serialize here to correctly form the string script. The first // serialize produces the payload we want, the second serialize ensures we can replace // the % character in the above block and produce a valid javascript expression. auto localState = state; - localState.insert_or_assign("sampleRate", lastKnownSampleRate); - - auto expr = juce::String(kDispatchScript).replace("%", elem::js::serialize(elem::js::serialize(localState))).toStdString(); - + localState.insert_or_assign(SAMPLE_RATE_PROPERTY, lastKnownSampleRate); + const auto expr = serialize(jsFunctions::dispatchScript, localState); // First we try to dispatch to the UI if it's available, because running this step will // just involve placing a message in a queue. - if (auto* editor = static_cast(getActiveEditor())) { - editor->getWebViewPtr()->evaluateJavascript(expr); + sendJavascriptToUI(expr); + // Next we dispatch to the local engine which will evaluate any necessary JavaScript synchronously + // here on the main thread + try + { + jsContext.evaluateExpression(expr); + } + catch (std::exception &e) + { + dispatchError("DSP JS:", e.what()); } +} +void EffectsPluginProcessor::dispatchMeshStateChange() +{ + // Need the double serialize here to correctly form the string script. The first + // serialize produces the payload we want, the second serialize ensures we can replace + // the % character in the above block and produce a valid javascript expression. + auto localState = meshState; + const auto expr = serialize(jsFunctions::dispatchMeshStateScript, localState); + // First we try to dispatch to the UI if it's available, because running this step will + // just involve placing a message in a queue. + sendJavascriptToUI(expr); // Next we dispatch to the local engine which will evaluate any necessary JavaScript synchronously // here on the main thread - jsContext.evaluate(expr); + try + { + jsContext.evaluateExpression(expr); + } + catch (std::exception &e) + { + dispatchError("DSP JS:", e.what()); + } } -void EffectsPluginProcessor::dispatchError(std::string const& name, std::string const& message) +void EffectsPluginProcessor::dispatchError(std::string const &name, std::string const &message) { - const auto* kDispatchScript = R"script( -(function() { - if (typeof globalThis.__receiveError__ !== 'function') - return false; - - let e = new Error(%); - e.name = @; - - globalThis.__receiveError__(e); - return true; -})(); -)script"; - // Need the serialize here to correctly form the string script. - auto expr = juce::String(kDispatchScript).replace("@", elem::js::serialize(name)).replace("%", elem::js::serialize(message)).toStdString(); + const auto expr = juce::String(jsFunctions::errorScript).replace("@", elem::js::serialize(name)).replace("%", elem::js::serialize(message)).toStdString(); // First we try to dispatch to the UI if it's available, because running this step will // just involve placing a message in a queue. - if (auto* editor = static_cast(getActiveEditor())) { - editor->getWebViewPtr()->evaluateJavascript(expr); + if (!sendJavascriptToUI(expr)) + { + if (errorLogQueue.size() == MAX_ERROR_LOG_QUEUE_SIZE) + { + errorLogQueue.pop(); + } + errorLogQueue.push(expr); } // Next we dispatch to the local engine which will evaluate any necessary JavaScript synchronously // here on the main thread - jsContext.evaluate(expr); + jsContext.evaluateExpression(expr); +} + +std::optional EffectsPluginProcessor::loadDspEntryFileContents() const +{ + // Load and evaluate our Elementary js main file +#if ELEM_DEV_LOCALHOST + auto dspEntryFile = juce::URL("http://localhost:5173/dsp.main.js"); + auto dspEntryFileContents = dspEntryFile.readEntireTextStream().toStdString(); +#else + auto dspEntryFile = getAssetsDirectory().getChildFile(MAIN_DSP_JS_FILE); + + if (!dspEntryFile.existsAsFile()) + return std::nullopt; + + auto dspEntryFileContents = dspEntryFile.loadFileAsString().toStdString(); +#endif + + return dspEntryFileContents; +} + +std::optional EffectsPluginProcessor::loadPatchEntryFileContents() const +{ + // Load and evaluate our Elementary js main file +#if ELEM_DEV_LOCALHOST + auto patchEntryFile = juce::URL("http://localhost:5173/patch.main.js"); + auto patchEntryFileContents = patchEntryFile.readEntireTextStream().toStdString(); +#else + auto patchEntryFile = getAssetsDirectory().getChildFile(MAIN_PATCH_JS_FILE); + + if (!patchEntryFile.existsAsFile()) + return std::nullopt; + + auto patchEntryFileContents = patchEntryFile.loadFileAsString().toStdString(); +#endif + + return patchEntryFileContents; +} + + +bool EffectsPluginProcessor::sendJavascriptToUI(const std::string &expr) const +{ + if (const auto *editor = dynamic_cast(getActiveEditor())) + { + editor->executeJavascript(expr); + return true; + } + return false; +} + +std::string EffectsPluginProcessor::serialize(const std::string &function, const elem::js::Object &data, const juce::String &replacementChar) +{ + return juce::String(function).replace(replacementChar, elem::js::serialize(elem::js::serialize(data))).toStdString(); +} + +std::string EffectsPluginProcessor::serialize(const std::string &function, const choc::value::Value &data, const juce::String &replacementChar) +{ + return juce::String(function).replace(replacementChar, choc::json::toString(data)).toStdString(); } //============================================================================== -void EffectsPluginProcessor::getStateInformation (juce::MemoryBlock& destData) +void EffectsPluginProcessor::getStateInformation(juce::MemoryBlock &destData) { - auto serialized = elem::js::serialize(state); - destData.replaceAll((void *) serialized.c_str(), serialized.size()); + + // serialise the secondary store for meshData + // then insert it into the data to be stored by the host + state.insert_or_assign(MESH_STATE_PROPERTY, meshState.at(MESH_STATE_PROPERTY)); + // seriliase the whole package + const auto serializedState = elem::js::serialize(state); + // stash + destData.replaceAll((void *)serializedState.c_str(), serializedState.size()); + // remove the meshData from the active param state updates + // so the meshData doesn't get sent on every update + state.erase(MESH_STATE_PROPERTY); } -void EffectsPluginProcessor::setStateInformation (const void* data, int sizeInBytes) +void EffectsPluginProcessor::setStateInformation(const void *data, int sizeInBytes) { - try { - auto str = std::string(static_cast(data), sizeInBytes); - auto parsed = elem::js::parseJSON(str); + auto parsed = elem::js::parseJSON("{}"); + // restore the data the host stashed previously + const auto jsonString = std::string(static_cast(data), sizeInBytes); + // try to deserialise the whole stashed data string + try + { + parsed = elem::js::parseJSON(jsonString); + } + catch (...) + { + dispatchError("Stored data error:", parsed.toString()); + } + + // try to re-assign the local stores from the stashed data + try + { auto o = parsed.getObject(); - for (auto &i: o) { - std::map::iterator it; - it = state.find(i.first); - if (it != state.end()) { - state.insert_or_assign(i.first, i.second); + for (auto &[key, value] : o) + { + if (key != MESH_STATE_PROPERTY) + { + if (state.count(key) > 0) + { + state.insert_or_assign(key, value); + } + } + else + { + meshState.insert_or_assign(MESH_STATE_PROPERTY, value); } } - } catch(...) { + dispatchStateChange(); + dispatchMeshStateChange(); + } + + catch (...) + { // Failed to parse the incoming state, or the state we did parse was not actually - // an object type. How you handle it is up to you, here we just ignore it + // an object type. How you handle it is up to you. + dispatchError("State Error", "Failed to restore mesh!"); } + + } //============================================================================== // This creates new instances of the plugin.. -juce::AudioProcessor* JUCE_CALLTYPE createPluginFilter() +juce::AudioProcessor *JUCE_CALLTYPE createPluginFilter() { return new EffectsPluginProcessor(); } diff --git a/native/PluginProcessor.h b/native/PluginProcessor.h index d828257..efe4129 100644 --- a/native/PluginProcessor.h +++ b/native/PluginProcessor.h @@ -6,6 +6,7 @@ #include #include +#include //============================================================================== class EffectsPluginProcessor @@ -14,21 +15,23 @@ class EffectsPluginProcessor private juce::AsyncUpdater { public: + void createParameters(const std::vector ¶meters); + //============================================================================== EffectsPluginProcessor(); ~EffectsPluginProcessor() override; //============================================================================== - juce::AudioProcessorEditor* createEditor() override; + juce::AudioProcessorEditor *createEditor() override; bool hasEditor() const override; //============================================================================== - void prepareToPlay (double sampleRate, int samplesPerBlock) override; + void prepareToPlay(double sampleRate, int samplesPerBlock) override; void releaseResources() override; - bool isBusesLayoutSupported (const juce::AudioProcessor::BusesLayout& layouts) const override; + bool isBusesLayoutSupported(const juce::AudioProcessor::BusesLayout &layouts) const override; - void processBlock (juce::AudioBuffer&, juce::MidiBuffer&) override; + void processBlock(juce::AudioBuffer &, juce::MidiBuffer &) override; //============================================================================== const juce::String getName() const override; @@ -41,55 +44,289 @@ class EffectsPluginProcessor //============================================================================== int getNumPrograms() override; int getCurrentProgram() override; - void setCurrentProgram (int index) override; - const juce::String getProgramName (int index) override; - void changeProgramName (int index, const juce::String& newName) override; + void setCurrentProgram(int index) override; + const juce::String getProgramName(int index) override; + void changeProgramName(int index, const juce::String &newName) override; //============================================================================== - void getStateInformation (juce::MemoryBlock& destData) override; - void setStateInformation (const void* data, int sizeInBytes) override; + void getStateInformation(juce::MemoryBlock &destData) override; + void setStateInformation(const void *data, int sizeInBytes) override; //============================================================================== /** Implement the AudioProcessorParameter::Listener interface. */ - void parameterValueChanged (int parameterIndex, float newValue) override; - void parameterGestureChanged (int parameterIndex, bool gestureIsStarting) override; + void parameterValueChanged(int parameterIndex, float newValue) override; + void parameterGestureChanged(int parameterIndex, bool gestureIsStarting) override; //============================================================================== /** Implement the AsyncUpdater interface. */ void handleAsyncUpdate() override; //============================================================================== + /** Internal helper for initializing the embedded JS engine. */ void initJavaScriptEngine(); + void initSecondJavaScriptEngine(); /** Internal helper for propagating processor state changes. */ void dispatchStateChange(); - void dispatchError(std::string const& name, std::string const& message); + + /** INternal helper for mesh data view state changes */ + void dispatchMeshStateChange(); + + /** error to UI */ + void dispatchError(std::string const &name, std::string const &message); private: + std::string MESH_STATE_PROPERTY = "meshState"; + + std::string MAIN_DSP_JS_FILE = "dsp.main.js"; + + std::string MAIN_PATCH_JS_FILE = "patch.main.js"; + + std::string SAMPLE_RATE_PROPERTY = "sampleRate"; + + std::string NATIVE_MESSAGE_FUNCTION_NAME = "__postNativeMessage__"; + + std::string LOG_FUNCTION_NAME = "__log__"; + + // The maximum number of error messages to keep in the queue + size_t MAX_ERROR_LOG_QUEUE_SIZE = 200; + + std::optional loadDspEntryFileContents() const; + + std::optional loadPatchEntryFileContents() const; + + /** + * + * @param expr javascript expression to evaluate in the view context + * @return true if the view exists, false if not + */ + bool sendJavascriptToUI(const std::string &expr) const; + + static std::string serialize(const std::string &function, const elem::js::Object &data, const juce::String &replacementChar = "%"); + static std::string serialize(const std::string &function, const choc::value::Value &data, const juce::String &replacementChar = "%"); + //============================================================================== - std::atomic shouldInitialize { false }; + std::atomic runtimeSwapRequired{false}; + std::atomic shouldInitialize{false}; double lastKnownSampleRate = 0; int lastKnownBlockSize = 0; + //===== js stores and context ==// elem::js::Object state; + elem::js::Object meshState; choc::javascript::Context jsContext; + choc::javascript::Context jsContext2; juce::AudioBuffer scratchBuffer; std::unique_ptr> runtime; + std::map parameterMap; + std::queue errorLogQueue; + //============================================================================== // A simple "dirty list" abstraction here for propagating realtime parameter // value changes - struct ParameterReadout { + struct ParameterReadout + { float value = 0; bool dirty = false; }; - std::list> paramReadouts; + std::list> parameterReadouts; static_assert(std::atomic::is_always_lock_free); //============================================================================== - JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (EffectsPluginProcessor) + // Keyzy License Activator + // Keyzy::ProductData productData{"YOUR_APP_ID", "YOUR_API_KEY", "YOUR_PRODUCT_CODE", "YOUR_CRYPTION_KEY"}; + + Keyzy::ProductData productData // hidden + Keyzy::KeyzyLicenseActivator licenseActivator{productData}; + Keyzy::LicenseStatus licenseStatus = Keyzy::LicenseStatus::NOT_AUTHORIZED; + + //============================================================================== + JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR(EffectsPluginProcessor) }; + +namespace unlock +{ + inline std::string errorStatuses(Keyzy::LicenseStatus status) + { + switch (status) + { + case Keyzy::LicenseStatus::EXPIRED: + return "Expired"; + + case Keyzy::LicenseStatus::INVALID: + return "Invalid"; + + case Keyzy::LicenseStatus::NOT_AUTHORIZED: + return "Not authorized"; + + case Keyzy::LicenseStatus::SERIAL_INVALID: + return "Serial invalid"; + + case Keyzy::LicenseStatus::PRODUCT_NOT_EXIST: + return "Product does not exist"; + + case Keyzy::LicenseStatus::PRODUCT_NOT_EXIST_FOR_USER: + return "Product does not exist"; + + case Keyzy::LicenseStatus::PRODUCT_NOT_ACTIVE: + return "Product is not active"; + + case Keyzy::LicenseStatus::SKU_NOT_EXIST: + return "SKU does not exist"; + + case Keyzy::LicenseStatus::SKU_NOT_ACTIVE: + return "SKU is not active"; + + case Keyzy::LicenseStatus::REACHED_MAX_NUMBER_OF_HOST: + return "Reached maximum number of host"; + + case Keyzy::LicenseStatus::PRODUCT_NOT_EXIST_FOR_SKU: + return "Product does not exist for this SKU"; + + case Keyzy::LicenseStatus::ACTIVATION_DEACTIVATED: + return "Activation is deactivated"; + + case Keyzy::LicenseStatus::SUBSCRIPTION_LICENSE_EXPIRED: + return "Subscription license expired!"; + + case Keyzy::LicenseStatus::SUBSCRIPTION_LICENSE_NOT_STARTED: + return "Subscription license not started!"; + + case Keyzy::LicenseStatus::TRIAL_LICENSE_EXPIRED: + return "Trial license expired!"; + + case Keyzy::LicenseStatus::TRIAL_LICENSE_NOT_STARTED: + return "Trial license not started!"; + + case Keyzy::LicenseStatus::CANNOT_KEEP_SERIAL: + return "Cannot keep serial!"; + + case Keyzy::LicenseStatus::CANNOT_KEEP_LICENSE_FILE: + return "Cannot keep license file!"; + + case Keyzy::LicenseStatus::ACTIVATION_DELETED: + return "Activation deleted!"; + + case Keyzy::LicenseStatus::CLIENT_SERIAL_DOES_NOT_EXIST: + return "Client serial does not exist!"; + + case Keyzy::LicenseStatus::CONNECTION_ERROR: + return "Connection Error!"; + + case Keyzy::LicenseStatus::TOO_MANY_REQUESTS: + return "Too Many Requests!"; + + case Keyzy::LicenseStatus::NO_ACTIVE_SUBSCRIPTION: + return "No Active Subscription!"; + + case Keyzy::LicenseStatus::CURRENT_LICENSE_DOES_NOT_EXIST: + return "Current license does not exist!"; + + case Keyzy::LicenseStatus::UPGRADE_LICENSE_DOES_NOT_EXIST: + return "Upgrade license does not exist!"; + + case Keyzy::LicenseStatus::UPGRADE_LICENSE_DOES_NOT_MATCH: + return "Upgrade license does not match for upgrade with current license!"; + + case Keyzy::LicenseStatus::ANOTHER_TRIAL_LICENSE_ALREADY_ACTIVATED: + return "Another trial license has already been activated on this device!"; + + case Keyzy::LicenseStatus::SKU_NUMBER_VALIDATION: + return "sku_number parameter cannot be validated!"; + + case Keyzy::LicenseStatus::PRODUCT_CODE_VALIDATION: + return "product_code parameter cannot be validated!"; + + case Keyzy::LicenseStatus::NAME_VALIDATION: + return "name parameter cannot be validated!"; + + case Keyzy::LicenseStatus::EMAIL_VALIDATION: + return "email parameter cannot be validated!"; + + case Keyzy::LicenseStatus::NO_FREE_LICENSES: + return "You do not have any free licenses for this sku. Please generate new licenses for this sku!"; + + case Keyzy::LicenseStatus::NAME_OR_EMAIL_VALIDATION: + return "Either the name or email filed must be filled!"; + + case Keyzy::LicenseStatus::LICENSE_NOT_EXIST_NOT_ASSIGNED_DEALER_ALREADY_DEPOSITED: + return "The license does not exist or is not assigned to a dealer or is already deposited!"; + + case Keyzy::LicenseStatus::VALID: // Just in case + return "Valid"; + + default: + return "Unknown"; + } + } +} + +namespace jsFunctions +{ + inline auto consoleLogScript = R"shim( +(function() { + if (typeof globalThis.console === 'undefined') { + globalThis.console = { + log(...args) { + __log__('[embedded:log]', ...args); + }, + warn(...args) { + __log__('[embedded:warn]', ...args); + }, + error(...args) { + __log__('[embedded:error]', ...args); + } + }; + } +})(); + )shim"; + + inline auto hydrateScript = R"script( +(function() { + if (typeof globalThis.__receiveHydrationData__ !== 'function') + return false; + + globalThis.__receiveHydrationData__(%); + return true; +})(); +)script"; + + inline auto dispatchScript = R"script( +(function() { + if (typeof globalThis.__receiveStateChange__ !== 'function') + return false; + + globalThis.__receiveStateChange__(%); + return true; +})(); +)script"; + + //// seperated for Mesh state send + inline auto dispatchMeshStateScript = R"script( +(function() { + if (typeof globalThis.__receiveMeshStateChange__ !== 'function') + return false; + + globalThis.__receiveMeshStateChange__(%); + return true; +})(); +)script"; + + inline auto errorScript = R"script( +(function() { + if (typeof globalThis.__receiveError__ !== 'function') + return false; + + let e = new Error(%); + e.name = @; + + globalThis.__receiveError__(e); + return true; +})(); +)script"; +} diff --git a/native/WebViewEditor.cpp b/native/WebViewEditor.cpp index 5a39609..a2873ba 100644 --- a/native/WebViewEditor.cpp +++ b/native/WebViewEditor.cpp @@ -1,22 +1,23 @@ #include "PluginProcessor.h" #include "WebViewEditor.h" - // A helper for reading numbers from a choc::Value, which seems to opportunistically parse // JSON numbers into ints or 32-bit floats whenever it wants. -double numberFromChocValue(const choc::value::ValueView& v) { +double numberFromChocValue(const choc::value::ValueView &v) +{ return ( - v.isFloat32() ? (double) v.getFloat32() - : (v.isFloat64() ? v.getFloat64() - : (v.isInt32() ? (double) v.getInt32() - : (double) v.getInt64()))); + v.isFloat32() ? (double)v.getFloat32() + : (v.isFloat64() ? v.getFloat64() + : (v.isInt32() ? (double)v.getInt32() + : (double)v.getInt64()))); } -std::string getMimeType(std::string const& ext) { - static std::unordered_map mimeTypes { - { ".html", "text/html" }, - { ".js", "application/javascript" }, - { ".css", "text/css" }, +std::string getMimeType(std::string const &ext) +{ + static std::unordered_map mimeTypes{ + {".html", "text/html"}, + {".js", "application/javascript"}, + {".css", "text/css"}, }; if (mimeTypes.count(ext) > 0) @@ -26,19 +27,22 @@ std::string getMimeType(std::string const& ext) { } //============================================================================== -WebViewEditor::WebViewEditor(juce::AudioProcessor* proc, juce::File const& assetDirectory, int width, int height) +WebViewEditor::WebViewEditor(juce::AudioProcessor *proc, juce::File const &assetDirectory, int width, int height) : juce::AudioProcessorEditor(proc) { - setSize(720, 444); + setSize(width, height); + setResizable(true, false); choc::ui::WebView::Options opts; #if JUCE_DEBUG - opts.enableDebugMode = true; + opts.enableDebugMode = false; #endif -#if ! ELEM_DEV_LOCALHOST - opts.fetchResource = [=](const choc::ui::WebView::Options::Path& p) -> std::optional { +#if !ELEM_DEV_LOCALHOST + opts.enableDebugMode = false; + opts.fetchResource = [=](const choc::ui::WebView::Options::Path &p) -> std::optional + { auto relPath = "." + (p == "/" ? "/index.html" : p); auto f = assetDirectory.getChildFile(relPath); juce::MemoryBlock mb; @@ -46,93 +50,95 @@ WebViewEditor::WebViewEditor(juce::AudioProcessor* proc, juce::File const& asset if (!f.existsAsFile() || !f.loadFileAsData(mb)) return {}; - return choc::ui::WebView::Options::Resource { - std::vector(mb.begin(), mb.end()), - getMimeType(f.getFileExtension().toStdString()) - }; + return choc::ui::WebView::Options::Resource{ + std::string(mb.begin(), mb.end()), + getMimeType(f.getFileExtension().toStdString())}; + + + + + }; #endif - webView = std::make_unique(opts); + webView = std::make_unique(opts); #if JUCE_MAC - viewContainer.setView(webView->getViewHandle()); + viewContainer.setView(webView->getViewHandle()); #elif JUCE_WINDOWS viewContainer.setHWND(webView->getViewHandle()); #else #error "We only support MacOS and Windows here yet." #endif - addAndMakeVisible(viewContainer); - viewContainer.setBounds({0, 0, 720, 440}); + addAndMakeVisible(viewContainer); + viewContainer.setBounds({0, 0, 905, 600}); - // Install message passing handlers - webView->bind("__postNativeMessage__", [=](const choc::value::ValueView& args) -> choc::value::Value { + // Install message passing handlers + webView->bind(POST_NATIVE_MESSAGE, [=](const choc::value::ValueView &args) -> choc::value::Value + { if (args.isArray()) { - auto eventName = args[0].getString(); + const auto eventName = args[0].getString(); // When the webView loads it should send a message telling us that it has established // its message-passing hooks and is ready for a state dispatch - if (eventName == "ready") { - if (auto* ptr = dynamic_cast(getAudioProcessor())) { - ptr->dispatchStateChange(); - } + if (eventName == READY_EVENT) { + ready(); } -#if ELEM_DEV_LOCALHOST - if (eventName == "reload") { - if (auto* ptr = dynamic_cast(getAudioProcessor())) { - ptr->initJavaScriptEngine(); - ptr->dispatchStateChange(); - } + if (eventName == RELOAD_EVENT) { + reload(); } -#endif - if (eventName == "setParameterValue" && args.size() > 1) { + if (eventName == SET_PARAMETER_VALUE && args.size() > 1) { return handleSetParameterValueEvent(args[1]); } + + if (eventName == SET_MESH_STATE && args.size() > 1) { + // Take a copy of the value and pass it to the view state change handler. + auto value = choc::value::Value(args[1]); + setMeshState(value); + } + + // For Keyzy send an unlock event with an object containing the serial number + if (eventName == UNLOCK_EVENT && args.size() > 1) { + auto value = choc::value::Value(args[1]); + handleUnlockEvent(value); + } } - return {}; - }); + return {}; + }); #if ELEM_DEV_LOCALHOST - webView->navigate("http://localhost:5173"); + webView->navigate("http://localhost:5173"); #endif -} + } -choc::ui::WebView* WebViewEditor::getWebViewPtr() -{ - return webView.get(); -} + void WebViewEditor::paint(juce::Graphics &g) + { + } -void WebViewEditor::paint (juce::Graphics& g) -{ -} + void WebViewEditor::resized() + { + viewContainer.setBounds(getLocalBounds()); + } -void WebViewEditor::resized() -{ - viewContainer.setBounds(getLocalBounds()); -} + void WebViewEditor::executeJavascript(const std::string &script) const + { + webView->evaluateJavascript(script); + } -//============================================================================== -choc::value::Value WebViewEditor::handleSetParameterValueEvent(const choc::value::ValueView& e) { - // When setting a parameter value, we simply tell the host. This will in turn fire - // a parameterValueChanged event, which will catch and propagate through dispatching - // a state change event - if (e.isObject() && e.hasObjectMember("paramId") && e.hasObjectMember("value")) { - auto const& paramId = e["paramId"].getString(); - double const v = numberFromChocValue(e["value"]); - - for (auto& p : getAudioProcessor()->getParameters()) { - if (auto* pf = dynamic_cast(p)) { - if (pf->paramID.toStdString() == paramId) { - pf->setValueNotifyingHost(v); - break; - } - } + //============================================================================== + choc::value::Value WebViewEditor::handleSetParameterValueEvent(const choc::value::ValueView &e) const + { + if (e.isObject() && e.hasObjectMember("paramId") && e.hasObjectMember("value")) + { + auto const ¶mId = e["paramId"].getString(); + double const v = numberFromChocValue(e["value"]); + + setParameterValue(std::string{paramId}, static_cast(v)); } - } - return choc::value::Value(); -} + return {}; + } diff --git a/native/WebViewEditor.h b/native/WebViewEditor.h index 5504d10..9a9c1ed 100644 --- a/native/WebViewEditor.h +++ b/native/WebViewEditor.h @@ -5,7 +5,6 @@ #include - //============================================================================== // A simple juce::AudioProcessorEditor that holds a choc::WebView and sets the // WebView instance to cover the entire region of the editor. @@ -13,20 +12,35 @@ class WebViewEditor : public juce::AudioProcessorEditor { public: //============================================================================== - WebViewEditor(juce::AudioProcessor* proc, juce::File const& assetDirectory, int width, int height); + WebViewEditor(juce::AudioProcessor *proc, juce::File const &assetDirectory, int width, int height); + + //============================================================================== + void paint(juce::Graphics &g) override; + void resized() override; //============================================================================== - choc::ui::WebView* getWebViewPtr(); + // Keyzy + std::function handleUnlockEvent = [](choc::value::Value &) {}; //============================================================================== - void paint (juce::Graphics& g) override; - void resized() override; + std::function setMeshState = [](choc::value::Value &) {}; + std::function setParameterValue = [](const std::string &, float) {}; + std::function reload = []() {}; + std::function ready = []() {}; + + void executeJavascript(const std::string &script) const; private: - //============================================================================== - choc::value::Value handleSetParameterValueEvent(const choc::value::ValueView& e); + std::string POST_NATIVE_MESSAGE = "__postNativeMessage__"; + std::string READY_EVENT = "ready"; + std::string RELOAD_EVENT = "reload"; + std::string SET_PARAMETER_VALUE = "setParameterValue"; + std::string SET_MESH_STATE = "setMeshState"; + std::string UNLOCK_EVENT = "unlock"; + std::string HOST_INFO = "hostInfo"; + + choc::value::Value handleSetParameterValueEvent(const choc::value::ValueView &e) const; - //============================================================================== std::unique_ptr webView; #if JUCE_MAC @@ -34,6 +48,6 @@ class WebViewEditor : public juce::AudioProcessorEditor #elif JUCE_WINDOWS juce::HWNDComponent viewContainer; #else - #error "We only support MacOS and Windows here yet." +#error "We only support MacOS and Windows here yet." #endif }; diff --git a/native/choc b/native/choc index 090fd7c..b086c62 160000 --- a/native/choc +++ b/native/choc @@ -1 +1 @@ -Subproject commit 090fd7cf41ea2b5d317420af45097cc22a975656 +Subproject commit b086c628c82f2e12c794ad2642b11b41ef6f50e1 diff --git a/package-lock.json b/package-lock.json index f8a3141..37ac7ef 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,26 +9,22 @@ "version": "0.0.0", "dependencies": { "@elemaudio/core": "^3.0.0", - "@heroicons/react": "^2.0.18", - "@use-gesture/react": "^10.2.27", "cpy-cli": "^4.2.0", "esbuild": "^0.17.8", "invariant": "^2.2.4", - "react": "^18.2.0", - "react-dom": "^18.2.0", "resize-observer-polyfill": "^1.5.1", "rimraf": "^5.0.0", + "worker-timers": "^8.0.2", "zustand": "^4.3.8" }, "devDependencies": { - "@types/react": "^18.0.37", - "@types/react-dom": "^18.0.11", - "@vitejs/plugin-react": "^4.0.0", + "@sveltejs/vite-plugin-svelte": "^3.1.1", "autoprefixer": "^10.4.14", "concurrently": "^8.2.2", "postcss": "^8.4.24", + "svelte": "^5.0.0-next.184", "tailwindcss": "^3.3.2", - "vite": "^4.3.9", + "vite": "^5.0.0", "zx": "^7.2.3" } }, @@ -58,287 +54,43 @@ } }, "node_modules/@babel/code-frame": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz", - "integrity": "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==", + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz", + "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==", "dependencies": { - "@babel/highlight": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/compat-data": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz", - "integrity": "sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/core": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz", - "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==", - "dev": true, - "dependencies": { - "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helpers": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", - "semver": "^6.3.0" - }, - "engines": { - "node": ">=6.9.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/babel" - } - }, - "node_modules/@babel/generator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz", - "integrity": "sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==", - "dev": true, - "dependencies": { - "@babel/types": "^7.22.5", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-compilation-targets": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz", - "integrity": "sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==", - "dev": true, - "dependencies": { - "@babel/compat-data": "^7.22.5", - "@babel/helper-validator-option": "^7.22.5", - "browserslist": "^4.21.3", - "lru-cache": "^5.1.1", - "semver": "^6.3.0" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" - } - }, - "node_modules/@babel/helper-environment-visitor": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz", - "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz", - "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==", - "dev": true, - "dependencies": { - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dev": true, - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-imports": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz", - "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==", - "dev": true, - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-module-transforms": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz", - "integrity": "sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==", - "dev": true, - "dependencies": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-module-imports": "^7.22.5", - "@babel/helper-simple-access": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-plugin-utils": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz", - "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-simple-access": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", - "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", - "dev": true, - "dependencies": { - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz", - "integrity": "sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==", - "dev": true, - "dependencies": { - "@babel/types": "^7.22.5" + "@babel/highlight": "^7.24.7", + "picocolors": "^1.0.0" }, "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-string-parser": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz", - "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz", - "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==", - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-validator-option": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz", - "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helpers": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz", - "integrity": "sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==", - "dev": true, - "dependencies": { - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5" - }, + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz", + "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/highlight": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz", - "integrity": "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==", - "dependencies": { - "@babel/helper-validator-identifier": "^7.22.5", - "chalk": "^2.0.0", - "js-tokens": "^4.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/parser": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz", - "integrity": "sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==", - "dev": true, - "bin": { - "parser": "bin/babel-parser.js" - }, - "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/@babel/plugin-transform-react-jsx-self": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz", - "integrity": "sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==", - "dev": true, - "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, - "node_modules/@babel/plugin-transform-react-jsx-source": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz", - "integrity": "sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==", - "dev": true, + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz", + "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-validator-identifier": "^7.24.7", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" }, "engines": { "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" } }, "node_modules/@babel/runtime": { - "version": "7.23.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", - "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", - "dev": true, + "version": "7.24.8", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz", + "integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==", "dependencies": { "regenerator-runtime": "^0.14.0" }, @@ -346,55 +98,6 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/template": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz", - "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/types": "^7.22.5" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/traverse": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz", - "integrity": "sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/types": "^7.22.5", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/types": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz", - "integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==", - "dev": true, - "dependencies": { - "@babel/helper-string-parser": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5", - "to-fast-properties": "^2.0.0" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@elemaudio/core": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@elemaudio/core/-/core-3.0.0.tgz", @@ -405,6 +108,22 @@ "shallowequal": "^1.1.0" } }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", + "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, "node_modules/@esbuild/android-arm": { "version": "0.17.19", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", @@ -735,14 +454,6 @@ "node": ">=12" } }, - "node_modules/@heroicons/react": { - "version": "2.0.18", - "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.18.tgz", - "integrity": "sha512-7TyMjRrZZMBPa+/5Y8lN0iyvUU/01PeMGX2+RE7cQWpEUIcb4QotzUObFkJDejj/HUH4qjP/eQ0gzzKs2f+6Yw==", - "peerDependencies": { - "react": ">= 16" - } - }, "node_modules/@isaacs/cliui": { "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", @@ -785,14 +496,14 @@ } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", "dev": true, "dependencies": { - "@jridgewell/set-array": "^1.0.1", + "@jridgewell/set-array": "^1.2.1", "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" + "@jridgewell/trace-mapping": "^0.3.24" }, "engines": { "node": ">=6.0.0" @@ -808,9 +519,9 @@ } }, "node_modules/@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", "dev": true, "engines": { "node": ">=6.0.0" @@ -823,21 +534,15 @@ "dev": true }, "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.18", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", - "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", "dev": true, "dependencies": { - "@jridgewell/resolve-uri": "3.1.0", - "@jridgewell/sourcemap-codec": "1.4.14" + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" } }, - "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": { - "version": "1.4.14", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", - "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", - "dev": true - }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -879,120 +584,340 @@ "node": ">=14" } }, - "node_modules/@types/fs-extra": { - "version": "11.0.3", - "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.3.tgz", - "integrity": "sha512-sF59BlXtUdzEAL1u0MSvuzWd7PdZvZEtnaVkzX5mjpdWTJ8brG0jUqve3jPCzSzvAKKMHTG8F8o/WMQLtleZdQ==", + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.1.tgz", + "integrity": "sha512-lncuC4aHicncmbORnx+dUaAgzee9cm/PbIqgWz1PpXuwc+sa1Ct83tnqUDy/GFKleLiN7ZIeytM6KJ4cAn1SxA==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "@types/jsonfile": "*", - "@types/node": "*" - } + "optional": true, + "os": [ + "android" + ] }, - "node_modules/@types/jsonfile": { - "version": "6.1.3", - "resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.3.tgz", - "integrity": "sha512-/yqTk2SZ1wIezK0hiRZD7RuSf4B3whFxFamB1kGStv+8zlWScTMcHanzfc0XKWs5vA1TkHeckBlOyM8jxU8nHA==", + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.1.tgz", + "integrity": "sha512-F/tkdw0WSs4ojqz5Ovrw5r9odqzFjb5LIgHdHZG65dFI1lWTWRVy32KDJLKRISHgJvqUeUhdIvy43fX41znyDg==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "@types/node": "*" - } - }, - "node_modules/@types/minimist": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", - "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==" + "optional": true, + "os": [ + "android" + ] }, - "node_modules/@types/node": { - "version": "18.18.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.8.tgz", - "integrity": "sha512-OLGBaaK5V3VRBS1bAkMVP2/W9B+H8meUfl866OrMNQqt7wDgdpWPp5o6gmIc9pB+lIQHSq4ZL8ypeH1vPxcPaQ==", + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.1.tgz", + "integrity": "sha512-vk+ma8iC1ebje/ahpxpnrfVQJibTMyHdWpOGZ3JpQ7Mgn/3QNHmPq7YwjZbIE7km73dH5M1e6MRRsnEBW7v5CQ==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "undici-types": "~5.26.4" - } - }, - "node_modules/@types/normalize-package-data": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", - "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==" - }, - "node_modules/@types/prop-types": { - "version": "15.7.5", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", - "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", - "dev": true + "optional": true, + "os": [ + "darwin" + ] }, - "node_modules/@types/ps-tree": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/@types/ps-tree/-/ps-tree-1.1.4.tgz", - "integrity": "sha512-CJyu2BqU/aZN/s8Ili3jiMctqXfTjCaWXirEcjRD8y1lUQZJ8eNohnal8+LXeWFs1VbdAOrCIdgATFsv+lnQ5Q==", - "dev": true + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.1.tgz", + "integrity": "sha512-IgpzXKauRe1Tafcej9STjSSuG0Ghu/xGYH+qG6JwsAUxXrnkvNHcq/NL6nz1+jzvWAnQkuAJ4uIwGB48K9OCGA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] }, - "node_modules/@types/react": { - "version": "18.2.14", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.14.tgz", - "integrity": "sha512-A0zjq+QN/O0Kpe30hA1GidzyFjatVvrpIvWLxD+xv67Vt91TWWgco9IvrJBkeyHm1trGaFS/FSGqPlhyeZRm0g==", + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.1.tgz", + "integrity": "sha512-P9bSiAUnSSM7EmyRK+e5wgpqai86QOSv8BwvkGjLwYuOpaeomiZWifEos517CwbG+aZl1T4clSE1YqqH2JRs+g==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "@types/prop-types": "*", - "@types/scheduler": "*", - "csstype": "^3.0.2" - } + "optional": true, + "os": [ + "linux" + ] }, - "node_modules/@types/react-dom": { - "version": "18.2.6", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.6.tgz", - "integrity": "sha512-2et4PDvg6PVCyS7fuTc4gPoksV58bW0RwSxWKcPRcHZf0PRUGq03TKcD/rUHe3azfV6/5/biUBJw+HhCQjaP0A==", + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.1.tgz", + "integrity": "sha512-5RnjpACoxtS+aWOI1dURKno11d7krfpGDEn19jI8BuWmSBbUC4ytIADfROM1FZrFhQPSoP+KEa3NlEScznBTyQ==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "@types/react": "*" - } + "optional": true, + "os": [ + "linux" + ] }, - "node_modules/@types/scheduler": { - "version": "0.16.3", - "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", - "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==", - "dev": true + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.1.tgz", + "integrity": "sha512-8mwmGD668m8WaGbthrEYZ9CBmPug2QPGWxhJxh/vCgBjro5o96gL04WLlg5BA233OCWLqERy4YUzX3bJGXaJgQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] }, - "node_modules/@types/which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@types/which/-/which-3.0.1.tgz", - "integrity": "sha512-OJWjr4k8gS1HXuOnCmQbBrQez+xqt/zqfp5PhgbKtsmEFEuojAg23arr+TiTZZ1TORdUF9RKXb/WKEpT1dwgSg==", - "dev": true + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.1.tgz", + "integrity": "sha512-dJX9u4r4bqInMGOAQoGYdwDP8lQiisWb9et+T84l2WXk41yEej8v2iGKodmdKimT8cTAYt0jFb+UEBxnPkbXEQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.1.tgz", + "integrity": "sha512-V72cXdTl4EI0x6FNmho4D502sy7ed+LuVW6Ym8aI6DRQ9hQZdp5sj0a2usYOlqvFBNKQnLQGwmYnujo2HvjCxQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.1.tgz", + "integrity": "sha512-f+pJih7sxoKmbjghrM2RkWo2WHUW8UbfxIQiWo5yeCaCM0TveMEuAzKJte4QskBp1TIinpnRcxkquY+4WuY/tg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.1.tgz", + "integrity": "sha512-qb1hMMT3Fr/Qz1OKovCuUM11MUNLUuHeBC2DPPAWUYYUAOFWaxInaTwTQmc7Fl5La7DShTEpmYwgdt2hG+4TEg==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.1.tgz", + "integrity": "sha512-7O5u/p6oKUFYjRbZkL2FLbwsyoJAjyeXHCU3O4ndvzg2OFO2GinFPSJFGbiwFDaCFc+k7gs9CF243PwdPQFh5g==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.1.tgz", + "integrity": "sha512-pDLkYITdYrH/9Cv/Vlj8HppDuLMDUBmgsM0+N+xLtFd18aXgM9Nyqupb/Uw+HeidhfYg2lD6CXvz6CjoVOaKjQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.1.tgz", + "integrity": "sha512-W2ZNI323O/8pJdBGil1oCauuCzmVd9lDmWBBqxYZcOqWD6aWqJtVBQ1dFrF4dYpZPks6F+xCZHfzG5hYlSHZ6g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.1.tgz", + "integrity": "sha512-ELfEX1/+eGZYMaCIbK4jqLxO1gyTSOIlZr6pbC4SRYFaSIDVKOnZNMdoZ+ON0mrFDp4+H5MhwNC1H/AhE3zQLg==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] }, - "node_modules/@use-gesture/core": { - "version": "10.2.27", - "resolved": "https://registry.npmjs.org/@use-gesture/core/-/core-10.2.27.tgz", - "integrity": "sha512-V4XV7hn9GAD2MYu8yBBVi5iuWBsAMfjPRMsEVzoTNGYH72tf0kFP+OKqGKc8YJFQIJx6yj+AOqxmEHOmx2/MEA==" + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.1.tgz", + "integrity": "sha512-yjk2MAkQmoaPYCSu35RLJ62+dz358nE83VfTePJRp8CG7aMg25mEJYpXFiD+NcevhX8LxD5OP5tktPXnXN7GDw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] }, - "node_modules/@use-gesture/react": { - "version": "10.2.27", - "resolved": "https://registry.npmjs.org/@use-gesture/react/-/react-10.2.27.tgz", - "integrity": "sha512-7E5vnWCxeslWlxwZ8uKIcnUZVMTRMZ8cvSnLLKF1NkyNb3PnNiAzoXM4G1vTKJKRhgOTeI6wK1YsEpwo9ABV5w==", + "node_modules/@sveltejs/vite-plugin-svelte": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.1.tgz", + "integrity": "sha512-rimpFEAboBBHIlzISibg94iP09k/KYdHgVhJlcsTfn7KMBhc70jFX/GRWkRdFCc2fdnk+4+Bdfej23cMDnJS6A==", + "dev": true, "dependencies": { - "@use-gesture/core": "10.2.27" + "@sveltejs/vite-plugin-svelte-inspector": "^2.1.0", + "debug": "^4.3.4", + "deepmerge": "^4.3.1", + "kleur": "^4.1.5", + "magic-string": "^0.30.10", + "svelte-hmr": "^0.16.0", + "vitefu": "^0.2.5" + }, + "engines": { + "node": "^18.0.0 || >=20" }, "peerDependencies": { - "react": ">= 16.8.0" + "svelte": "^4.0.0 || ^5.0.0-next.0", + "vite": "^5.0.0" } }, - "node_modules/@vitejs/plugin-react": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.1.tgz", - "integrity": "sha512-g25lL98essfeSj43HJ0o4DMp0325XK0ITkxpgChzJU/CyemgyChtlxfnRbjfwxDGCTRxTiXtQAsdebQXKMRSOA==", + "node_modules/@sveltejs/vite-plugin-svelte-inspector": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.1.0.tgz", + "integrity": "sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==", "dev": true, "dependencies": { - "@babel/core": "^7.22.5", - "@babel/plugin-transform-react-jsx-self": "^7.22.5", - "@babel/plugin-transform-react-jsx-source": "^7.22.5", - "react-refresh": "^0.14.0" + "debug": "^4.3.4" + }, + "engines": { + "node": "^18.0.0 || >=20" }, + "peerDependencies": { + "@sveltejs/vite-plugin-svelte": "^3.0.0", + "svelte": "^4.0.0 || ^5.0.0-next.0", + "vite": "^5.0.0" + } + }, + "node_modules/@sveltejs/vite-plugin-svelte/node_modules/svelte-hmr": { + "version": "0.16.0", + "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz", + "integrity": "sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==", + "dev": true, "engines": { - "node": "^14.18.0 || >=16.0.0" + "node": "^12.20 || ^14.13.1 || >= 16" + }, + "peerDependencies": { + "svelte": "^3.19.0 || ^4.0.0" + } + }, + "node_modules/@types/estree": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "dev": true + }, + "node_modules/@types/fs-extra": { + "version": "11.0.3", + "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.3.tgz", + "integrity": "sha512-sF59BlXtUdzEAL1u0MSvuzWd7PdZvZEtnaVkzX5mjpdWTJ8brG0jUqve3jPCzSzvAKKMHTG8F8o/WMQLtleZdQ==", + "dev": true, + "dependencies": { + "@types/jsonfile": "*", + "@types/node": "*" + } + }, + "node_modules/@types/jsonfile": { + "version": "6.1.3", + "resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.3.tgz", + "integrity": "sha512-/yqTk2SZ1wIezK0hiRZD7RuSf4B3whFxFamB1kGStv+8zlWScTMcHanzfc0XKWs5vA1TkHeckBlOyM8jxU8nHA==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, + "node_modules/@types/minimist": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", + "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==" + }, + "node_modules/@types/node": { + "version": "18.18.8", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.8.tgz", + "integrity": "sha512-OLGBaaK5V3VRBS1bAkMVP2/W9B+H8meUfl866OrMNQqt7wDgdpWPp5o6gmIc9pB+lIQHSq4ZL8ypeH1vPxcPaQ==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@types/normalize-package-data": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", + "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==" + }, + "node_modules/@types/ps-tree": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@types/ps-tree/-/ps-tree-1.1.4.tgz", + "integrity": "sha512-CJyu2BqU/aZN/s8Ili3jiMctqXfTjCaWXirEcjRD8y1lUQZJ8eNohnal8+LXeWFs1VbdAOrCIdgATFsv+lnQ5Q==", + "dev": true + }, + "node_modules/@types/which": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@types/which/-/which-3.0.1.tgz", + "integrity": "sha512-OJWjr4k8gS1HXuOnCmQbBrQez+xqt/zqfp5PhgbKtsmEFEuojAg23arr+TiTZZ1TORdUF9RKXb/WKEpT1dwgSg==", + "dev": true + }, + "node_modules/acorn": { + "version": "8.12.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz", + "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==", + "dev": true, + "bin": { + "acorn": "bin/acorn" }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-typescript": { + "version": "1.4.13", + "resolved": "https://registry.npmjs.org/acorn-typescript/-/acorn-typescript-1.4.13.tgz", + "integrity": "sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==", + "dev": true, "peerDependencies": { - "vite": "^4.2.0" + "acorn": ">=8.9.0" } }, "node_modules/aggregate-error": { @@ -1054,6 +979,15 @@ "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", "dev": true }, + "node_modules/aria-query": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", + "dev": true, + "dependencies": { + "dequal": "^2.0.3" + } + }, "node_modules/arrify": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/arrify/-/arrify-3.0.0.tgz", @@ -1098,6 +1032,15 @@ "postcss": "^8.1.0" } }, + "node_modules/axobject-query": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz", + "integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==", + "dev": true, + "dependencies": { + "dequal": "^2.0.3" + } + }, "node_modules/balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", @@ -1123,11 +1066,11 @@ } }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -1534,12 +1477,6 @@ "url": "https://github.com/chalk/supports-color?sponsor=1" } }, - "node_modules/convert-source-map": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", - "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", - "dev": true - }, "node_modules/cp-file": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/cp-file/-/cp-file-9.1.0.tgz", @@ -1621,12 +1558,6 @@ "node": ">=4" } }, - "node_modules/csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", - "dev": true - }, "node_modules/data-uri-to-buffer": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz", @@ -1653,9 +1584,9 @@ } }, "node_modules/debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "version": "4.3.5", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz", + "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==", "dev": true, "dependencies": { "ms": "2.1.2" @@ -1711,6 +1642,24 @@ "node": ">=0.10.0" } }, + "node_modules/deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/didyoumean": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", @@ -1817,6 +1766,22 @@ "node": ">=0.8.0" } }, + "node_modules/esm-env": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz", + "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==", + "dev": true + }, + "node_modules/esrap": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/esrap/-/esrap-1.2.2.tgz", + "integrity": "sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.15", + "@types/estree": "^1.0.1" + } + }, "node_modules/event-stream": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz", @@ -1866,6 +1831,18 @@ "node": ">= 6" } }, + "node_modules/fast-unique-numbers": { + "version": "9.0.7", + "resolved": "https://registry.npmjs.org/fast-unique-numbers/-/fast-unique-numbers-9.0.7.tgz", + "integrity": "sha512-K6hYNu8ZsVb7mwmd9OKxHmw4aLa+IFiBxt1e/FZVFFta94ZgNAHqIgUtDzd7AJaVoo/CoNTgr6sj1Dbj3PQPKg==", + "dependencies": { + "@babel/runtime": "^7.24.8", + "tslib": "^2.6.3" + }, + "engines": { + "node": ">=18.2.0" + } + }, "node_modules/fastq": { "version": "1.15.0", "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", @@ -1898,9 +1875,9 @@ } }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -1990,9 +1967,9 @@ "dev": true }, "node_modules/fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", "dev": true, "hasInstallScript": true, "optional": true, @@ -2017,15 +1994,6 @@ "fx": "index.js" } }, - "node_modules/gensync": { - "version": "1.0.0-beta.2", - "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", - "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", - "dev": true, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/get-caller-file": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", @@ -2090,15 +2058,6 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "dev": true, - "engines": { - "node": ">=4" - } - }, "node_modules/globby": { "version": "13.2.0", "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.0.tgz", @@ -2290,6 +2249,15 @@ "node": ">=0.10.0" } }, + "node_modules/is-reference": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz", + "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==", + "dev": true, + "dependencies": { + "@types/estree": "*" + } + }, "node_modules/isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", @@ -2326,35 +2294,11 @@ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, - "node_modules/jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "dev": true, - "bin": { - "jsesc": "bin/jsesc" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/json-parse-even-better-errors": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==" }, - "node_modules/json5": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", - "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", - "dev": true, - "bin": { - "json5": "lib/cli.js" - }, - "engines": { - "node": ">=6" - } - }, "node_modules/jsonfile": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", @@ -2386,6 +2330,15 @@ "node": ">=0.10.0" } }, + "node_modules/kleur": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz", + "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/lilconfig": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", @@ -2400,6 +2353,12 @@ "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==" }, + "node_modules/locate-character": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz", + "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==", + "dev": true + }, "node_modules/locate-path": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", @@ -2431,13 +2390,13 @@ "loose-envify": "cli.js" } }, - "node_modules/lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "node_modules/magic-string": { + "version": "0.30.10", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz", + "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==", "dev": true, "dependencies": { - "yallist": "^3.0.2" + "@jridgewell/sourcemap-codec": "^1.4.15" } }, "node_modules/make-dir": { @@ -2603,9 +2562,9 @@ } }, "node_modules/nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", "dev": true, "funding": [ { @@ -2935,10 +2894,9 @@ } }, "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==" }, "node_modules/picomatch": { "version": "2.3.1", @@ -2970,9 +2928,9 @@ } }, "node_modules/postcss": { - "version": "8.4.24", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz", - "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==", + "version": "8.4.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz", + "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==", "dev": true, "funding": [ { @@ -2989,9 +2947,9 @@ } ], "dependencies": { - "nanoid": "^3.3.6", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "nanoid": "^3.3.7", + "picocolors": "^1.0.1", + "source-map-js": "^1.2.0" }, "engines": { "node": "^10 || ^12 || >=14" @@ -3166,6 +3124,7 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -3173,32 +3132,11 @@ "node": ">=0.10.0" } }, - "node_modules/react-dom": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", - "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", - "dependencies": { - "loose-envify": "^1.1.0", - "scheduler": "^0.23.0" - }, - "peerDependencies": { - "react": "^18.2.0" - } - }, - "node_modules/react-refresh": { - "version": "0.14.0", - "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", - "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", - "dev": true, + "node_modules/read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", + "dev": true, "dependencies": { "pify": "^2.3.0" } @@ -3288,8 +3226,7 @@ "node_modules/regenerator-runtime": { "version": "0.14.0", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz", - "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==", - "dev": true + "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==" }, "node_modules/require-directory": { "version": "2.1.1", @@ -3332,18 +3269,37 @@ } }, "node_modules/rollup": { - "version": "3.25.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.25.2.tgz", - "integrity": "sha512-VLnkxZMDr3jpxgtmS8pQZ0UvhslmF4ADq/9w4erkctbgjCqLW9oa89fJuXEs4ZmgyoF7Dm8rMDKSS5b5u2hHUg==", + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.1.tgz", + "integrity": "sha512-Elx2UT8lzxxOXMpy5HWQGZqkrQOtrVDDa/bm9l10+U4rQnVzbL/LgZ4NOM1MPIDyHk69W4InuYDF5dzRh4Kw1A==", "dev": true, + "dependencies": { + "@types/estree": "1.0.5" + }, "bin": { "rollup": "dist/bin/rollup" }, "engines": { - "node": ">=14.18.0", + "node": ">=18.0.0", "npm": ">=8.0.0" }, "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.18.1", + "@rollup/rollup-android-arm64": "4.18.1", + "@rollup/rollup-darwin-arm64": "4.18.1", + "@rollup/rollup-darwin-x64": "4.18.1", + "@rollup/rollup-linux-arm-gnueabihf": "4.18.1", + "@rollup/rollup-linux-arm-musleabihf": "4.18.1", + "@rollup/rollup-linux-arm64-gnu": "4.18.1", + "@rollup/rollup-linux-arm64-musl": "4.18.1", + "@rollup/rollup-linux-powerpc64le-gnu": "4.18.1", + "@rollup/rollup-linux-riscv64-gnu": "4.18.1", + "@rollup/rollup-linux-s390x-gnu": "4.18.1", + "@rollup/rollup-linux-x64-gnu": "4.18.1", + "@rollup/rollup-linux-x64-musl": "4.18.1", + "@rollup/rollup-win32-arm64-msvc": "4.18.1", + "@rollup/rollup-win32-ia32-msvc": "4.18.1", + "@rollup/rollup-win32-x64-msvc": "4.18.1", "fsevents": "~2.3.2" } }, @@ -3378,18 +3334,10 @@ "tslib": "^2.1.0" } }, - "node_modules/scheduler": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", - "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", - "dependencies": { - "loose-envify": "^1.1.0" - } - }, "node_modules/semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "bin": { "semver": "bin/semver.js" } @@ -3450,9 +3398,9 @@ } }, "node_modules/source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", "dev": true, "engines": { "node": ">=0.10.0" @@ -3675,6 +3623,30 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/svelte": { + "version": "5.0.0-next.184", + "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.0.0-next.184.tgz", + "integrity": "sha512-oHWNajXOytt/5s2Ark3o/CP7bHLx+o/QZjTkCtU1dECqSmYyGqrIsoZi0Cx0VBdXAHMqI+1/T70ppaL1cL7LEw==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.2.1", + "@jridgewell/sourcemap-codec": "^1.4.15", + "@types/estree": "^1.0.5", + "acorn": "^8.11.3", + "acorn-typescript": "^1.4.13", + "aria-query": "^5.3.0", + "axobject-query": "^4.0.0", + "esm-env": "^1.0.0", + "esrap": "^1.2.2", + "is-reference": "^3.0.2", + "locate-character": "^3.0.0", + "magic-string": "^0.30.5", + "zimmerframe": "^1.1.2" + }, + "engines": { + "node": ">=18" + } + }, "node_modules/tailwindcss": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz", @@ -3757,15 +3729,6 @@ "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==", "dev": true }, - "node_modules/to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "dev": true, - "engines": { - "node": ">=4" - } - }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -3804,10 +3767,9 @@ "dev": true }, "node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", - "dev": true + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", + "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==" }, "node_modules/undici-types": { "version": "5.26.5", @@ -3862,65 +3824,476 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true + }, + "node_modules/validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dependencies": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "node_modules/vite": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.3.tgz", + "integrity": "sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==", + "dev": true, + "dependencies": { + "esbuild": "^0.21.3", + "postcss": "^8.4.39", + "rollup": "^4.13.0" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || >=20.0.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/vite/node_modules/@esbuild/android-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", + "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/android-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", + "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/android-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", + "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/darwin-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", + "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/darwin-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", + "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", + "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/freebsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", + "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", + "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", + "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", + "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-loong64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", + "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-mips64el": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", + "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-ppc64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", + "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-riscv64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", + "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-s390x": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", + "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/linux-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", + "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/netbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", + "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/openbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", + "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/sunos-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", + "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/win32-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", + "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/vite/node_modules/@esbuild/win32-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", + "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dependencies": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" + "node_modules/vite/node_modules/@esbuild/win32-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", + "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" } }, - "node_modules/vite": { - "version": "4.3.9", - "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz", - "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==", + "node_modules/vite/node_modules/esbuild": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", + "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", "dev": true, - "dependencies": { - "esbuild": "^0.17.5", - "postcss": "^8.4.23", - "rollup": "^3.21.0" - }, + "hasInstallScript": true, "bin": { - "vite": "bin/vite.js" + "esbuild": "bin/esbuild" }, "engines": { - "node": "^14.18.0 || >=16.0.0" + "node": ">=12" }, "optionalDependencies": { - "fsevents": "~2.3.2" - }, + "@esbuild/aix-ppc64": "0.21.5", + "@esbuild/android-arm": "0.21.5", + "@esbuild/android-arm64": "0.21.5", + "@esbuild/android-x64": "0.21.5", + "@esbuild/darwin-arm64": "0.21.5", + "@esbuild/darwin-x64": "0.21.5", + "@esbuild/freebsd-arm64": "0.21.5", + "@esbuild/freebsd-x64": "0.21.5", + "@esbuild/linux-arm": "0.21.5", + "@esbuild/linux-arm64": "0.21.5", + "@esbuild/linux-ia32": "0.21.5", + "@esbuild/linux-loong64": "0.21.5", + "@esbuild/linux-mips64el": "0.21.5", + "@esbuild/linux-ppc64": "0.21.5", + "@esbuild/linux-riscv64": "0.21.5", + "@esbuild/linux-s390x": "0.21.5", + "@esbuild/linux-x64": "0.21.5", + "@esbuild/netbsd-x64": "0.21.5", + "@esbuild/openbsd-x64": "0.21.5", + "@esbuild/sunos-x64": "0.21.5", + "@esbuild/win32-arm64": "0.21.5", + "@esbuild/win32-ia32": "0.21.5", + "@esbuild/win32-x64": "0.21.5" + } + }, + "node_modules/vitefu": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz", + "integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==", + "dev": true, "peerDependencies": { - "@types/node": ">= 14", - "less": "*", - "sass": "*", - "stylus": "*", - "sugarss": "*", - "terser": "^5.4.0" + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" }, "peerDependenciesMeta": { - "@types/node": { - "optional": true - }, - "less": { - "optional": true - }, - "sass": { - "optional": true - }, - "stylus": { - "optional": true - }, - "sugarss": { - "optional": true - }, - "terser": { + "vite": { "optional": true } } @@ -3957,6 +4330,37 @@ "node": ">= 8" } }, + "node_modules/worker-timers": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/worker-timers/-/worker-timers-8.0.2.tgz", + "integrity": "sha512-Xna4rPTforH+a3/Kyukf9diO8MDdKY/nuDU77Ptx3SPi+2V/QfWGdwGUxVOk4oFyCnRoe71ZjH6axjyVWO5Nqw==", + "dependencies": { + "@babel/runtime": "^7.24.8", + "tslib": "^2.6.3", + "worker-timers-broker": "^7.0.3", + "worker-timers-worker": "^8.0.2" + } + }, + "node_modules/worker-timers-broker": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/worker-timers-broker/-/worker-timers-broker-7.0.3.tgz", + "integrity": "sha512-LG/xWCCOg6UwRnmAzy05wCvn3jIO60AcpT/CgG3TmaYK93+biainiivSVHGK6VEBeJzETrFAKZ9JgW8gkae+Ag==", + "dependencies": { + "@babel/runtime": "^7.24.8", + "fast-unique-numbers": "^9.0.7", + "tslib": "^2.6.3", + "worker-timers-worker": "^8.0.2" + } + }, + "node_modules/worker-timers-worker": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/worker-timers-worker/-/worker-timers-worker-8.0.2.tgz", + "integrity": "sha512-Bx8grqm3TyHLorTMBbtoL+fAMwTBgx+c4IiE23fCNinlUpqTISEa9UXR6GAjgHAB2GlZjNLgisLjx9a6CKFV3Q==", + "dependencies": { + "@babel/runtime": "^7.24.8", + "tslib": "^2.6.3" + } + }, "node_modules/wrap-ansi": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", @@ -4089,12 +4493,6 @@ "node": ">=10" } }, - "node_modules/yallist": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", - "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", - "dev": true - }, "node_modules/yaml": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz", @@ -4170,6 +4568,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/zimmerframe": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz", + "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==", + "dev": true + }, "node_modules/zustand": { "version": "4.3.8", "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz", @@ -4268,252 +4672,38 @@ } }, "@babel/code-frame": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz", - "integrity": "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==", - "requires": { - "@babel/highlight": "^7.22.5" - } - }, - "@babel/compat-data": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.5.tgz", - "integrity": "sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA==", - "dev": true - }, - "@babel/core": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz", - "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==", - "dev": true, - "requires": { - "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helpers": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", - "semver": "^6.3.0" - } - }, - "@babel/generator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.5.tgz", - "integrity": "sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - } - }, - "@babel/helper-compilation-targets": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.5.tgz", - "integrity": "sha512-Ji+ywpHeuqxB8WDxraCiqR0xfhYjiDE/e6k7FuIaANnoOFxAHskHChz4vA1mJC9Lbm01s1PVAGhQY4FUKSkGZw==", - "dev": true, - "requires": { - "@babel/compat-data": "^7.22.5", - "@babel/helper-validator-option": "^7.22.5", - "browserslist": "^4.21.3", - "lru-cache": "^5.1.1", - "semver": "^6.3.0" - } - }, - "@babel/helper-environment-visitor": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz", - "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==", - "dev": true - }, - "@babel/helper-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz", - "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==", - "dev": true, - "requires": { - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-imports": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz", - "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-transforms": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.5.tgz", - "integrity": "sha512-+hGKDt/Ze8GFExiVHno/2dvG5IdstpzCq0y4Qc9OJ25D4q3pKfiIP/4Vp3/JvhDkLKsDK2api3q3fpIgiIF5bw==", - "dev": true, - "requires": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-module-imports": "^7.22.5", - "@babel/helper-simple-access": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-plugin-utils": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz", - "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==", - "dev": true - }, - "@babel/helper-simple-access": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", - "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.5.tgz", - "integrity": "sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==", - "dev": true, + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz", + "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==", "requires": { - "@babel/types": "^7.22.5" + "@babel/highlight": "^7.24.7", + "picocolors": "^1.0.0" } }, - "@babel/helper-string-parser": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz", - "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==", - "dev": true - }, "@babel/helper-validator-identifier": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz", - "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==" - }, - "@babel/helper-validator-option": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz", - "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==", - "dev": true - }, - "@babel/helpers": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.5.tgz", - "integrity": "sha512-pSXRmfE1vzcUIDFQcSGA5Mr+GxBV9oiRKDuDxXvWQQBCh8HoIjs/2DlDB7H8smac1IVrB9/xdXj2N3Wol9Cr+Q==", - "dev": true, - "requires": { - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5" - } + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz", + "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==" }, "@babel/highlight": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz", - "integrity": "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==", - "requires": { - "@babel/helper-validator-identifier": "^7.22.5", - "chalk": "^2.0.0", - "js-tokens": "^4.0.0" - } - }, - "@babel/parser": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.5.tgz", - "integrity": "sha512-DFZMC9LJUG9PLOclRC32G63UXwzqS2koQC8dkx+PLdmt1xSePYpbT/NbsrJy8Q/muXz7o/h/d4A7Fuyixm559Q==", - "dev": true - }, - "@babel/plugin-transform-react-jsx-self": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.22.5.tgz", - "integrity": "sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==", - "dev": true, + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz", + "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==", "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-react-jsx-source": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.22.5.tgz", - "integrity": "sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-validator-identifier": "^7.24.7", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" } }, "@babel/runtime": { - "version": "7.23.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", - "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", - "dev": true, + "version": "7.24.8", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz", + "integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==", "requires": { "regenerator-runtime": "^0.14.0" } }, - "@babel/template": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz", - "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/types": "^7.22.5" - } - }, - "@babel/traverse": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.5.tgz", - "integrity": "sha512-7DuIjPgERaNo6r+PZwItpjCZEa5vyw4eJGufeLxrPdBXBoLcCJCIasvK6pK/9DVNrLZTLFhUGqaC6X/PA007TQ==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/types": "^7.22.5", - "debug": "^4.1.0", - "globals": "^11.1.0" - } - }, - "@babel/types": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz", - "integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==", - "dev": true, - "requires": { - "@babel/helper-string-parser": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5", - "to-fast-properties": "^2.0.0" - } - }, "@elemaudio/core": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@elemaudio/core/-/core-3.0.0.tgz", @@ -4524,6 +4714,13 @@ "shallowequal": "^1.1.0" } }, + "@esbuild/aix-ppc64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", + "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", + "dev": true, + "optional": true + }, "@esbuild/android-arm": { "version": "0.17.19", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz", @@ -4656,12 +4853,6 @@ "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==", "optional": true }, - "@heroicons/react": { - "version": "2.0.18", - "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.18.tgz", - "integrity": "sha512-7TyMjRrZZMBPa+/5Y8lN0iyvUU/01PeMGX2+RE7cQWpEUIcb4QotzUObFkJDejj/HUH4qjP/eQ0gzzKs2f+6Yw==", - "requires": {} - }, "@isaacs/cliui": { "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", @@ -4690,81 +4881,224 @@ } } }, - "@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true + }, + "@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "dev": true + }, + "@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "dev": true, + "requires": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "requires": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + } + }, + "@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==" + }, + "@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "requires": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + } + }, + "@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "optional": true + }, + "@rollup/rollup-android-arm-eabi": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.1.tgz", + "integrity": "sha512-lncuC4aHicncmbORnx+dUaAgzee9cm/PbIqgWz1PpXuwc+sa1Ct83tnqUDy/GFKleLiN7ZIeytM6KJ4cAn1SxA==", + "dev": true, + "optional": true + }, + "@rollup/rollup-android-arm64": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.1.tgz", + "integrity": "sha512-F/tkdw0WSs4ojqz5Ovrw5r9odqzFjb5LIgHdHZG65dFI1lWTWRVy32KDJLKRISHgJvqUeUhdIvy43fX41znyDg==", + "dev": true, + "optional": true + }, + "@rollup/rollup-darwin-arm64": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.1.tgz", + "integrity": "sha512-vk+ma8iC1ebje/ahpxpnrfVQJibTMyHdWpOGZ3JpQ7Mgn/3QNHmPq7YwjZbIE7km73dH5M1e6MRRsnEBW7v5CQ==", + "dev": true, + "optional": true + }, + "@rollup/rollup-darwin-x64": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.1.tgz", + "integrity": "sha512-IgpzXKauRe1Tafcej9STjSSuG0Ghu/xGYH+qG6JwsAUxXrnkvNHcq/NL6nz1+jzvWAnQkuAJ4uIwGB48K9OCGA==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.1.tgz", + "integrity": "sha512-P9bSiAUnSSM7EmyRK+e5wgpqai86QOSv8BwvkGjLwYuOpaeomiZWifEos517CwbG+aZl1T4clSE1YqqH2JRs+g==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-arm-musleabihf": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.1.tgz", + "integrity": "sha512-5RnjpACoxtS+aWOI1dURKno11d7krfpGDEn19jI8BuWmSBbUC4ytIADfROM1FZrFhQPSoP+KEa3NlEScznBTyQ==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-arm64-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.1.tgz", + "integrity": "sha512-8mwmGD668m8WaGbthrEYZ9CBmPug2QPGWxhJxh/vCgBjro5o96gL04WLlg5BA233OCWLqERy4YUzX3bJGXaJgQ==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-arm64-musl": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.1.tgz", + "integrity": "sha512-dJX9u4r4bqInMGOAQoGYdwDP8lQiisWb9et+T84l2WXk41yEej8v2iGKodmdKimT8cTAYt0jFb+UEBxnPkbXEQ==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.1.tgz", + "integrity": "sha512-V72cXdTl4EI0x6FNmho4D502sy7ed+LuVW6Ym8aI6DRQ9hQZdp5sj0a2usYOlqvFBNKQnLQGwmYnujo2HvjCxQ==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-riscv64-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.1.tgz", + "integrity": "sha512-f+pJih7sxoKmbjghrM2RkWo2WHUW8UbfxIQiWo5yeCaCM0TveMEuAzKJte4QskBp1TIinpnRcxkquY+4WuY/tg==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-s390x-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.1.tgz", + "integrity": "sha512-qb1hMMT3Fr/Qz1OKovCuUM11MUNLUuHeBC2DPPAWUYYUAOFWaxInaTwTQmc7Fl5La7DShTEpmYwgdt2hG+4TEg==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-x64-gnu": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.1.tgz", + "integrity": "sha512-7O5u/p6oKUFYjRbZkL2FLbwsyoJAjyeXHCU3O4ndvzg2OFO2GinFPSJFGbiwFDaCFc+k7gs9CF243PwdPQFh5g==", + "dev": true, + "optional": true + }, + "@rollup/rollup-linux-x64-musl": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.1.tgz", + "integrity": "sha512-pDLkYITdYrH/9Cv/Vlj8HppDuLMDUBmgsM0+N+xLtFd18aXgM9Nyqupb/Uw+HeidhfYg2lD6CXvz6CjoVOaKjQ==", "dev": true, - "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - } + "optional": true }, - "@jridgewell/resolve-uri": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", - "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", - "dev": true + "@rollup/rollup-win32-arm64-msvc": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.1.tgz", + "integrity": "sha512-W2ZNI323O/8pJdBGil1oCauuCzmVd9lDmWBBqxYZcOqWD6aWqJtVBQ1dFrF4dYpZPks6F+xCZHfzG5hYlSHZ6g==", + "dev": true, + "optional": true }, - "@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "dev": true + "@rollup/rollup-win32-ia32-msvc": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.1.tgz", + "integrity": "sha512-ELfEX1/+eGZYMaCIbK4jqLxO1gyTSOIlZr6pbC4SRYFaSIDVKOnZNMdoZ+ON0mrFDp4+H5MhwNC1H/AhE3zQLg==", + "dev": true, + "optional": true }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", - "dev": true + "@rollup/rollup-win32-x64-msvc": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.1.tgz", + "integrity": "sha512-yjk2MAkQmoaPYCSu35RLJ62+dz358nE83VfTePJRp8CG7aMg25mEJYpXFiD+NcevhX8LxD5OP5tktPXnXN7GDw==", + "dev": true, + "optional": true }, - "@jridgewell/trace-mapping": { - "version": "0.3.18", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", - "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "@sveltejs/vite-plugin-svelte": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.1.tgz", + "integrity": "sha512-rimpFEAboBBHIlzISibg94iP09k/KYdHgVhJlcsTfn7KMBhc70jFX/GRWkRdFCc2fdnk+4+Bdfej23cMDnJS6A==", "dev": true, "requires": { - "@jridgewell/resolve-uri": "3.1.0", - "@jridgewell/sourcemap-codec": "1.4.14" + "@sveltejs/vite-plugin-svelte-inspector": "^2.1.0", + "debug": "^4.3.4", + "deepmerge": "^4.3.1", + "kleur": "^4.1.5", + "magic-string": "^0.30.10", + "svelte-hmr": "^0.16.0", + "vitefu": "^0.2.5" }, "dependencies": { - "@jridgewell/sourcemap-codec": { - "version": "1.4.14", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", - "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", - "dev": true + "svelte-hmr": { + "version": "0.16.0", + "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz", + "integrity": "sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==", + "dev": true, + "requires": {} } } }, - "@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", - "requires": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" - } - }, - "@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==" - }, - "@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "@sveltejs/vite-plugin-svelte-inspector": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.1.0.tgz", + "integrity": "sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==", + "dev": true, "requires": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" + "debug": "^4.3.4" } }, - "@pkgjs/parseargs": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", - "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", - "optional": true + "@types/estree": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "dev": true }, "@types/fs-extra": { "version": "11.0.3", @@ -4804,74 +5138,30 @@ "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==" }, - "@types/prop-types": { - "version": "15.7.5", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", - "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", - "dev": true - }, "@types/ps-tree": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/@types/ps-tree/-/ps-tree-1.1.4.tgz", "integrity": "sha512-CJyu2BqU/aZN/s8Ili3jiMctqXfTjCaWXirEcjRD8y1lUQZJ8eNohnal8+LXeWFs1VbdAOrCIdgATFsv+lnQ5Q==", "dev": true }, - "@types/react": { - "version": "18.2.14", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.14.tgz", - "integrity": "sha512-A0zjq+QN/O0Kpe30hA1GidzyFjatVvrpIvWLxD+xv67Vt91TWWgco9IvrJBkeyHm1trGaFS/FSGqPlhyeZRm0g==", - "dev": true, - "requires": { - "@types/prop-types": "*", - "@types/scheduler": "*", - "csstype": "^3.0.2" - } - }, - "@types/react-dom": { - "version": "18.2.6", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.6.tgz", - "integrity": "sha512-2et4PDvg6PVCyS7fuTc4gPoksV58bW0RwSxWKcPRcHZf0PRUGq03TKcD/rUHe3azfV6/5/biUBJw+HhCQjaP0A==", - "dev": true, - "requires": { - "@types/react": "*" - } - }, - "@types/scheduler": { - "version": "0.16.3", - "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", - "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==", - "dev": true - }, "@types/which": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/@types/which/-/which-3.0.1.tgz", "integrity": "sha512-OJWjr4k8gS1HXuOnCmQbBrQez+xqt/zqfp5PhgbKtsmEFEuojAg23arr+TiTZZ1TORdUF9RKXb/WKEpT1dwgSg==", "dev": true }, - "@use-gesture/core": { - "version": "10.2.27", - "resolved": "https://registry.npmjs.org/@use-gesture/core/-/core-10.2.27.tgz", - "integrity": "sha512-V4XV7hn9GAD2MYu8yBBVi5iuWBsAMfjPRMsEVzoTNGYH72tf0kFP+OKqGKc8YJFQIJx6yj+AOqxmEHOmx2/MEA==" - }, - "@use-gesture/react": { - "version": "10.2.27", - "resolved": "https://registry.npmjs.org/@use-gesture/react/-/react-10.2.27.tgz", - "integrity": "sha512-7E5vnWCxeslWlxwZ8uKIcnUZVMTRMZ8cvSnLLKF1NkyNb3PnNiAzoXM4G1vTKJKRhgOTeI6wK1YsEpwo9ABV5w==", - "requires": { - "@use-gesture/core": "10.2.27" - } + "acorn": { + "version": "8.12.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz", + "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==", + "dev": true }, - "@vitejs/plugin-react": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.1.tgz", - "integrity": "sha512-g25lL98essfeSj43HJ0o4DMp0325XK0ITkxpgChzJU/CyemgyChtlxfnRbjfwxDGCTRxTiXtQAsdebQXKMRSOA==", + "acorn-typescript": { + "version": "1.4.13", + "resolved": "https://registry.npmjs.org/acorn-typescript/-/acorn-typescript-1.4.13.tgz", + "integrity": "sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==", "dev": true, - "requires": { - "@babel/core": "^7.22.5", - "@babel/plugin-transform-react-jsx-self": "^7.22.5", - "@babel/plugin-transform-react-jsx-source": "^7.22.5", - "react-refresh": "^0.14.0" - } + "requires": {} }, "aggregate-error": { "version": "4.0.1", @@ -4917,6 +5207,15 @@ "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", "dev": true }, + "aria-query": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", + "dev": true, + "requires": { + "dequal": "^2.0.3" + } + }, "arrify": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/arrify/-/arrify-3.0.0.tgz", @@ -4936,6 +5235,15 @@ "postcss-value-parser": "^4.2.0" } }, + "axobject-query": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz", + "integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==", + "dev": true, + "requires": { + "dequal": "^2.0.3" + } + }, "balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", @@ -4958,11 +5266,11 @@ } }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browserslist": { @@ -5233,12 +5541,6 @@ } } }, - "convert-source-map": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", - "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", - "dev": true - }, "cp-file": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/cp-file/-/cp-file-9.1.0.tgz", @@ -5290,12 +5592,6 @@ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", - "dev": true - }, "data-uri-to-buffer": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz", @@ -5312,9 +5608,9 @@ } }, "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "version": "4.3.5", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz", + "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==", "dev": true, "requires": { "ms": "2.1.2" @@ -5346,6 +5642,18 @@ } } }, + "deepmerge": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", + "dev": true + }, + "dequal": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", + "dev": true + }, "didyoumean": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", @@ -5436,6 +5744,22 @@ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==" }, + "esm-env": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz", + "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==", + "dev": true + }, + "esrap": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/esrap/-/esrap-1.2.2.tgz", + "integrity": "sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.15", + "@types/estree": "^1.0.1" + } + }, "event-stream": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz", @@ -5478,6 +5802,15 @@ } } }, + "fast-unique-numbers": { + "version": "9.0.7", + "resolved": "https://registry.npmjs.org/fast-unique-numbers/-/fast-unique-numbers-9.0.7.tgz", + "integrity": "sha512-K6hYNu8ZsVb7mwmd9OKxHmw4aLa+IFiBxt1e/FZVFFta94ZgNAHqIgUtDzd7AJaVoo/CoNTgr6sj1Dbj3PQPKg==", + "requires": { + "@babel/runtime": "^7.24.8", + "tslib": "^2.6.3" + } + }, "fastq": { "version": "1.15.0", "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", @@ -5497,9 +5830,9 @@ } }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "requires": { "to-regex-range": "^5.0.1" } @@ -5561,9 +5894,9 @@ "dev": true }, "fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", "dev": true, "optional": true }, @@ -5578,12 +5911,6 @@ "integrity": "sha512-rIYQBmx85Jfhd3pkSw06YPgvSvfTi022ZXTeFDkcCZGCs5nt3sjqFBGtcMFe1TR2S00RDz63be0ab5mhCiOLBw==", "dev": true }, - "gensync": { - "version": "1.0.0-beta.2", - "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", - "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", - "dev": true - }, "get-caller-file": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", @@ -5629,12 +5956,6 @@ "is-glob": "^4.0.3" } }, - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "dev": true - }, "globby": { "version": "13.2.0", "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.0.tgz", @@ -5777,6 +6098,15 @@ "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==" }, + "is-reference": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz", + "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==", + "dev": true, + "requires": { + "@types/estree": "*" + } + }, "isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", @@ -5802,23 +6132,11 @@ "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "dev": true - }, "json-parse-even-better-errors": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==" }, - "json5": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", - "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", - "dev": true - }, "jsonfile": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", @@ -5839,6 +6157,12 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==" }, + "kleur": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz", + "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==", + "dev": true + }, "lilconfig": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", @@ -5850,6 +6174,12 @@ "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==" }, + "locate-character": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz", + "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==", + "dev": true + }, "locate-path": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", @@ -5872,13 +6202,13 @@ "js-tokens": "^3.0.0 || ^4.0.0" } }, - "lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "magic-string": { + "version": "0.30.10", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz", + "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==", "dev": true, "requires": { - "yallist": "^3.0.2" + "@jridgewell/sourcemap-codec": "^1.4.15" } }, "make-dir": { @@ -6000,9 +6330,9 @@ } }, "nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", "dev": true }, "nested-error-stacks": { @@ -6217,10 +6547,9 @@ } }, "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==" }, "picomatch": { "version": "2.3.1", @@ -6240,14 +6569,14 @@ "dev": true }, "postcss": { - "version": "8.4.24", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz", - "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==", + "version": "8.4.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz", + "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==", "dev": true, "requires": { - "nanoid": "^3.3.6", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "nanoid": "^3.3.7", + "picocolors": "^1.0.1", + "source-map-js": "^1.2.0" } }, "postcss-import": { @@ -6341,25 +6670,11 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "peer": true, "requires": { "loose-envify": "^1.1.0" } }, - "react-dom": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz", - "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", - "requires": { - "loose-envify": "^1.1.0", - "scheduler": "^0.23.0" - } - }, - "react-refresh": { - "version": "0.14.0", - "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", - "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", - "dev": true - }, "read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -6425,8 +6740,7 @@ "regenerator-runtime": { "version": "0.14.0", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz", - "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==", - "dev": true + "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==" }, "require-directory": { "version": "2.1.1", @@ -6453,11 +6767,28 @@ } }, "rollup": { - "version": "3.25.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.25.2.tgz", - "integrity": "sha512-VLnkxZMDr3jpxgtmS8pQZ0UvhslmF4ADq/9w4erkctbgjCqLW9oa89fJuXEs4ZmgyoF7Dm8rMDKSS5b5u2hHUg==", - "dev": true, - "requires": { + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.1.tgz", + "integrity": "sha512-Elx2UT8lzxxOXMpy5HWQGZqkrQOtrVDDa/bm9l10+U4rQnVzbL/LgZ4NOM1MPIDyHk69W4InuYDF5dzRh4Kw1A==", + "dev": true, + "requires": { + "@rollup/rollup-android-arm-eabi": "4.18.1", + "@rollup/rollup-android-arm64": "4.18.1", + "@rollup/rollup-darwin-arm64": "4.18.1", + "@rollup/rollup-darwin-x64": "4.18.1", + "@rollup/rollup-linux-arm-gnueabihf": "4.18.1", + "@rollup/rollup-linux-arm-musleabihf": "4.18.1", + "@rollup/rollup-linux-arm64-gnu": "4.18.1", + "@rollup/rollup-linux-arm64-musl": "4.18.1", + "@rollup/rollup-linux-powerpc64le-gnu": "4.18.1", + "@rollup/rollup-linux-riscv64-gnu": "4.18.1", + "@rollup/rollup-linux-s390x-gnu": "4.18.1", + "@rollup/rollup-linux-x64-gnu": "4.18.1", + "@rollup/rollup-linux-x64-musl": "4.18.1", + "@rollup/rollup-win32-arm64-msvc": "4.18.1", + "@rollup/rollup-win32-ia32-msvc": "4.18.1", + "@rollup/rollup-win32-x64-msvc": "4.18.1", + "@types/estree": "1.0.5", "fsevents": "~2.3.2" } }, @@ -6478,18 +6809,10 @@ "tslib": "^2.1.0" } }, - "scheduler": { - "version": "0.23.0", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", - "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", - "requires": { - "loose-envify": "^1.1.0" - } - }, "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==" + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==" }, "shallowequal": { "version": "1.1.0", @@ -6526,9 +6849,9 @@ "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==" }, "source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", "dev": true }, "spawn-command": { @@ -6694,6 +7017,27 @@ "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", "dev": true }, + "svelte": { + "version": "5.0.0-next.184", + "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.0.0-next.184.tgz", + "integrity": "sha512-oHWNajXOytt/5s2Ark3o/CP7bHLx+o/QZjTkCtU1dECqSmYyGqrIsoZi0Cx0VBdXAHMqI+1/T70ppaL1cL7LEw==", + "dev": true, + "requires": { + "@ampproject/remapping": "^2.2.1", + "@jridgewell/sourcemap-codec": "^1.4.15", + "@types/estree": "^1.0.5", + "acorn": "^8.11.3", + "acorn-typescript": "^1.4.13", + "aria-query": "^5.3.0", + "axobject-query": "^4.0.0", + "esm-env": "^1.0.0", + "esrap": "^1.2.2", + "is-reference": "^3.0.2", + "locate-character": "^3.0.0", + "magic-string": "^0.30.5", + "zimmerframe": "^1.1.2" + } + }, "tailwindcss": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz", @@ -6762,12 +7106,6 @@ "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==", "dev": true }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "dev": true - }, "to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -6794,10 +7132,9 @@ "dev": true }, "tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", - "dev": true + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", + "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==" }, "undici-types": { "version": "5.26.5", @@ -6843,17 +7180,211 @@ } }, "vite": { - "version": "4.3.9", - "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz", - "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==", + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.3.tgz", + "integrity": "sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==", "dev": true, "requires": { - "esbuild": "^0.17.5", - "fsevents": "~2.3.2", - "postcss": "^8.4.23", - "rollup": "^3.21.0" + "esbuild": "^0.21.3", + "fsevents": "~2.3.3", + "postcss": "^8.4.39", + "rollup": "^4.13.0" + }, + "dependencies": { + "@esbuild/android-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", + "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", + "dev": true, + "optional": true + }, + "@esbuild/android-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", + "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", + "dev": true, + "optional": true + }, + "@esbuild/android-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", + "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", + "dev": true, + "optional": true + }, + "@esbuild/darwin-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", + "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==", + "dev": true, + "optional": true + }, + "@esbuild/darwin-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", + "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", + "dev": true, + "optional": true + }, + "@esbuild/freebsd-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", + "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", + "dev": true, + "optional": true + }, + "@esbuild/freebsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", + "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", + "dev": true, + "optional": true + }, + "@esbuild/linux-arm": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", + "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", + "dev": true, + "optional": true + }, + "@esbuild/linux-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", + "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", + "dev": true, + "optional": true + }, + "@esbuild/linux-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", + "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", + "dev": true, + "optional": true + }, + "@esbuild/linux-loong64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", + "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", + "dev": true, + "optional": true + }, + "@esbuild/linux-mips64el": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", + "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", + "dev": true, + "optional": true + }, + "@esbuild/linux-ppc64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", + "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", + "dev": true, + "optional": true + }, + "@esbuild/linux-riscv64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", + "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", + "dev": true, + "optional": true + }, + "@esbuild/linux-s390x": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", + "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", + "dev": true, + "optional": true + }, + "@esbuild/linux-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", + "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", + "dev": true, + "optional": true + }, + "@esbuild/netbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", + "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", + "dev": true, + "optional": true + }, + "@esbuild/openbsd-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", + "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", + "dev": true, + "optional": true + }, + "@esbuild/sunos-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", + "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", + "dev": true, + "optional": true + }, + "@esbuild/win32-arm64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", + "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", + "dev": true, + "optional": true + }, + "@esbuild/win32-ia32": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", + "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", + "dev": true, + "optional": true + }, + "@esbuild/win32-x64": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", + "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", + "dev": true, + "optional": true + }, + "esbuild": { + "version": "0.21.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", + "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", + "dev": true, + "requires": { + "@esbuild/aix-ppc64": "0.21.5", + "@esbuild/android-arm": "0.21.5", + "@esbuild/android-arm64": "0.21.5", + "@esbuild/android-x64": "0.21.5", + "@esbuild/darwin-arm64": "0.21.5", + "@esbuild/darwin-x64": "0.21.5", + "@esbuild/freebsd-arm64": "0.21.5", + "@esbuild/freebsd-x64": "0.21.5", + "@esbuild/linux-arm": "0.21.5", + "@esbuild/linux-arm64": "0.21.5", + "@esbuild/linux-ia32": "0.21.5", + "@esbuild/linux-loong64": "0.21.5", + "@esbuild/linux-mips64el": "0.21.5", + "@esbuild/linux-ppc64": "0.21.5", + "@esbuild/linux-riscv64": "0.21.5", + "@esbuild/linux-s390x": "0.21.5", + "@esbuild/linux-x64": "0.21.5", + "@esbuild/netbsd-x64": "0.21.5", + "@esbuild/openbsd-x64": "0.21.5", + "@esbuild/sunos-x64": "0.21.5", + "@esbuild/win32-arm64": "0.21.5", + "@esbuild/win32-ia32": "0.21.5", + "@esbuild/win32-x64": "0.21.5" + } + } } }, + "vitefu": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz", + "integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==", + "dev": true, + "requires": {} + }, "web-streams-polyfill": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz", @@ -6874,6 +7405,37 @@ "isexe": "^2.0.0" } }, + "worker-timers": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/worker-timers/-/worker-timers-8.0.2.tgz", + "integrity": "sha512-Xna4rPTforH+a3/Kyukf9diO8MDdKY/nuDU77Ptx3SPi+2V/QfWGdwGUxVOk4oFyCnRoe71ZjH6axjyVWO5Nqw==", + "requires": { + "@babel/runtime": "^7.24.8", + "tslib": "^2.6.3", + "worker-timers-broker": "^7.0.3", + "worker-timers-worker": "^8.0.2" + } + }, + "worker-timers-broker": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/worker-timers-broker/-/worker-timers-broker-7.0.3.tgz", + "integrity": "sha512-LG/xWCCOg6UwRnmAzy05wCvn3jIO60AcpT/CgG3TmaYK93+biainiivSVHGK6VEBeJzETrFAKZ9JgW8gkae+Ag==", + "requires": { + "@babel/runtime": "^7.24.8", + "fast-unique-numbers": "^9.0.7", + "tslib": "^2.6.3", + "worker-timers-worker": "^8.0.2" + } + }, + "worker-timers-worker": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/worker-timers-worker/-/worker-timers-worker-8.0.2.tgz", + "integrity": "sha512-Bx8grqm3TyHLorTMBbtoL+fAMwTBgx+c4IiE23fCNinlUpqTISEa9UXR6GAjgHAB2GlZjNLgisLjx9a6CKFV3Q==", + "requires": { + "@babel/runtime": "^7.24.8", + "tslib": "^2.6.3" + } + }, "wrap-ansi": { "version": "8.1.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", @@ -6964,12 +7526,6 @@ "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", "dev": true }, - "yallist": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", - "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", - "dev": true - }, "yaml": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz", @@ -7026,6 +7582,12 @@ "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==" }, + "zimmerframe": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz", + "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==", + "dev": true + }, "zustand": { "version": "4.3.8", "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.3.8.tgz", diff --git a/package.json b/package.json index 0d3eed2..7883378 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "dev": "npm run dev-native && concurrently \"npm run dev-dsp\" \"vite\"", "dev-native": "zx scripts/build-native.mjs --dev", "dev-dsp": "esbuild dsp/main.js --watch --bundle --outfile=public/dsp.main.js", + "dev-ui": "vite", "build-native": "zx scripts/build-native.mjs", "build-dsp": "esbuild dsp/main.js --bundle --outfile=public/dsp.main.js", "build-ui": "vite build", @@ -18,26 +19,22 @@ }, "dependencies": { "@elemaudio/core": "^3.0.0", - "@heroicons/react": "^2.0.18", - "@use-gesture/react": "^10.2.27", "cpy-cli": "^4.2.0", "esbuild": "^0.17.8", "invariant": "^2.2.4", - "react": "^18.2.0", - "react-dom": "^18.2.0", "resize-observer-polyfill": "^1.5.1", "rimraf": "^5.0.0", + "worker-timers": "^8.0.2", "zustand": "^4.3.8" }, "devDependencies": { - "@types/react": "^18.0.37", - "@types/react-dom": "^18.0.11", - "@vitejs/plugin-react": "^4.0.0", + "@sveltejs/vite-plugin-svelte": "^3.1.1", "autoprefixer": "^10.4.14", "concurrently": "^8.2.2", "postcss": "^8.4.24", + "svelte": "^5.0.0-next.184", "tailwindcss": "^3.3.2", - "vite": "^4.3.9", + "vite": "^5.0.0", "zx": "^7.2.3" } } diff --git a/public/assets/65bbe44771656d76fa1e7e54_voro.png b/public/assets/65bbe44771656d76fa1e7e54_voro.png new file mode 100644 index 0000000..804cfe9 Binary files /dev/null and b/public/assets/65bbe44771656d76fa1e7e54_voro.png differ diff --git a/public/assets/ChivoMono-Medium-msdf.json b/public/assets/ChivoMono-Medium-msdf.json new file mode 100644 index 0000000..f018459 --- /dev/null +++ b/public/assets/ChivoMono-Medium-msdf.json @@ -0,0 +1 @@ +{"pages":["ChivoMono-Medium.png"],"chars":[{"id":106,"index":315,"char":"j","width":16,"height":42,"xoffset":2,"yoffset":11,"xadvance":25,"chnl":15,"x":0,"y":0,"page":0},{"id":81,"index":149,"char":"Q","width":27,"height":39,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":0,"y":43,"page":0},{"id":103,"index":285,"char":"g","width":26,"height":37,"xoffset":0,"yoffset":16,"xadvance":25,"chnl":15,"x":17,"y":0,"page":0},{"id":98,"index":251,"char":"b","width":23,"height":35,"xoffset":2,"yoffset":11,"xadvance":25,"chnl":15,"x":0,"y":83,"page":0},{"id":100,"index":258,"char":"d","width":23,"height":35,"xoffset":0,"yoffset":11,"xadvance":25,"chnl":15,"x":0,"y":119,"page":0},{"id":102,"index":284,"char":"f","width":23,"height":35,"xoffset":1,"yoffset":10,"xadvance":25,"chnl":15,"x":0,"y":155,"page":0},{"id":48,"index":462,"char":"0","width":24,"height":34,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":0,"y":191,"page":0},{"id":51,"index":465,"char":"3","width":25,"height":34,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":24,"y":83,"page":0},{"id":54,"index":468,"char":"6","width":25,"height":34,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":28,"y":38,"page":0},{"id":56,"index":470,"char":"8","width":25,"height":34,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":44,"y":0,"page":0},{"id":57,"index":471,"char":"9","width":25,"height":34,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":24,"y":118,"page":0},{"id":67,"index":30,"char":"C","width":26,"height":34,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":24,"y":153,"page":0},{"id":71,"index":65,"char":"G","width":26,"height":34,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":25,"y":188,"page":0},{"id":79,"index":115,"char":"O","width":27,"height":34,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":50,"y":73,"page":0},{"id":83,"index":156,"char":"S","width":26,"height":34,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":54,"y":35,"page":0},{"id":104,"index":292,"char":"h","width":23,"height":34,"xoffset":1,"yoffset":11,"xadvance":25,"chnl":15,"x":70,"y":0,"page":0},{"id":105,"index":296,"char":"i","width":23,"height":34,"xoffset":2,"yoffset":11,"xadvance":25,"chnl":15,"x":50,"y":108,"page":0},{"id":107,"index":318,"char":"k","width":24,"height":34,"xoffset":1,"yoffset":11,"xadvance":25,"chnl":15,"x":51,"y":143,"page":0},{"id":108,"index":321,"char":"l","width":23,"height":34,"xoffset":1,"yoffset":11,"xadvance":25,"chnl":15,"x":74,"y":108,"page":0},{"id":49,"index":463,"char":"1","width":24,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":25,"y":223,"page":0},{"id":50,"index":464,"char":"2","width":25,"height":33,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":50,"y":223,"page":0},{"id":52,"index":466,"char":"4","width":26,"height":33,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":78,"y":70,"page":0},{"id":53,"index":467,"char":"5","width":25,"height":33,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":81,"y":35,"page":0},{"id":55,"index":469,"char":"7","width":24,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":94,"y":0,"page":0},{"id":65,"index":1,"char":"A","width":28,"height":33,"xoffset":-2,"yoffset":12,"xadvance":25,"chnl":15,"x":52,"y":178,"page":0},{"id":66,"index":29,"char":"B","width":25,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":76,"y":143,"page":0},{"id":68,"index":36,"char":"D","width":26,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":98,"y":104,"page":0},{"id":69,"index":42,"char":"E","width":23,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":105,"y":69,"page":0},{"id":70,"index":63,"char":"F","width":23,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":107,"y":34,"page":0},{"id":72,"index":72,"char":"H","width":23,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":119,"y":0,"page":0},{"id":73,"index":76,"char":"I","width":21,"height":33,"xoffset":2,"yoffset":12,"xadvance":25,"chnl":15,"x":76,"y":212,"page":0},{"id":74,"index":93,"char":"J","width":22,"height":33,"xoffset":2,"yoffset":12,"xadvance":25,"chnl":15,"x":81,"y":177,"page":0},{"id":75,"index":95,"char":"K","width":26,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":102,"y":138,"page":0},{"id":76,"index":97,"char":"L","width":22,"height":33,"xoffset":2,"yoffset":12,"xadvance":25,"chnl":15,"x":125,"y":103,"page":0},{"id":77,"index":105,"char":"M","width":25,"height":33,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":129,"y":68,"page":0},{"id":78,"index":106,"char":"N","width":23,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":131,"y":34,"page":0},{"id":80,"index":147,"char":"P","width":25,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":143,"y":0,"page":0},{"id":82,"index":150,"char":"R","width":27,"height":33,"xoffset":1,"yoffset":12,"xadvance":25,"chnl":15,"x":98,"y":211,"page":0},{"id":84,"index":164,"char":"T","width":26,"height":33,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":104,"y":172,"page":0},{"id":85,"index":170,"char":"U","width":24,"height":33,"xoffset":0,"yoffset":12,"xadvance":25,"chnl":15,"x":129,"y":137,"page":0},{"id":86,"index":197,"char":"V","width":28,"height":33,"xoffset":-2,"yoffset":12,"xadvance":25,"chnl":15,"x":148,"y":102,"page":0},{"id":87,"index":198,"char":"W","width":29,"height":33,"xoffset":-2,"yoffset":12,"xadvance":25,"chnl":15,"x":126,"y":206,"page":0},{"id":88,"index":203,"char":"X","width":29,"height":33,"xoffset":-2,"yoffset":12,"xadvance":25,"chnl":15,"x":131,"y":171,"page":0},{"id":89,"index":204,"char":"Y","width":28,"height":33,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":154,"y":136,"page":0},{"id":90,"index":213,"char":"Z","width":26,"height":33,"xoffset":-1,"yoffset":12,"xadvance":25,"chnl":15,"x":156,"y":205,"page":0},{"id":112,"index":370,"char":"p","width":23,"height":33,"xoffset":2,"yoffset":19,"xadvance":25,"chnl":15,"x":161,"y":170,"page":0},{"id":113,"index":372,"char":"q","width":23,"height":33,"xoffset":0,"yoffset":19,"xadvance":25,"chnl":15,"x":183,"y":204,"page":0},{"id":116,"index":388,"char":"t","width":24,"height":33,"xoffset":0,"yoffset":13,"xadvance":25,"chnl":15,"x":207,"y":0,"page":0},{"id":121,"index":428,"char":"y","width":25,"height":33,"xoffset":0,"yoffset":20,"xadvance":25,"chnl":15,"x":177,"y":0,"page":0},{"id":119,"index":422,"char":"w","width":29,"height":25,"xoffset":-2,"yoffset":20,"xadvance":25,"chnl":15,"x":207,"y":34,"page":0},{"id":43,"index":663,"char":"+","width":26,"height":25,"xoffset":0,"yoffset":20,"xadvance":25,"chnl":15,"x":177,"y":34,"page":0},{"id":97,"index":223,"char":"a","width":25,"height":26,"xoffset":1,"yoffset":19,"xadvance":25,"chnl":15,"x":155,"y":60,"page":0},{"id":99,"index":252,"char":"c","width":23,"height":26,"xoffset":0,"yoffset":19,"xadvance":25,"chnl":15,"x":0,"y":226,"page":0},{"id":101,"index":263,"char":"e","width":24,"height":26,"xoffset":0,"yoffset":19,"xadvance":25,"chnl":15,"x":232,"y":0,"page":0},{"id":109,"index":328,"char":"m","width":25,"height":26,"xoffset":0,"yoffset":19,"xadvance":25,"chnl":15,"x":177,"y":87,"page":0},{"id":110,"index":329,"char":"n","width":23,"height":26,"xoffset":1,"yoffset":19,"xadvance":25,"chnl":15,"x":181,"y":60,"page":0},{"id":111,"index":338,"char":"o","width":24,"height":26,"xoffset":0,"yoffset":19,"xadvance":25,"chnl":15,"x":207,"y":60,"page":0},{"id":114,"index":373,"char":"r","width":26,"height":26,"xoffset":0,"yoffset":19,"xadvance":25,"chnl":15,"x":207,"y":87,"page":0},{"id":115,"index":379,"char":"s","width":23,"height":26,"xoffset":1,"yoffset":19,"xadvance":25,"chnl":15,"x":232,"y":60,"page":0},{"id":117,"index":394,"char":"u","width":25,"height":26,"xoffset":1,"yoffset":20,"xadvance":25,"chnl":15,"x":207,"y":114,"page":0},{"id":118,"index":421,"char":"v","width":26,"height":25,"xoffset":0,"yoffset":20,"xadvance":25,"chnl":15,"x":183,"y":141,"page":0},{"id":120,"index":427,"char":"x","width":25,"height":25,"xoffset":0,"yoffset":20,"xadvance":25,"chnl":15,"x":185,"y":167,"page":0},{"id":122,"index":437,"char":"z","width":21,"height":25,"xoffset":2,"yoffset":20,"xadvance":25,"chnl":15,"x":155,"y":34,"page":0},{"id":42,"index":580,"char":"*","width":22,"height":21,"xoffset":2,"yoffset":12,"xadvance":25,"chnl":15,"x":234,"y":87,"page":0},{"id":45,"index":588,"char":"-","width":15,"height":8,"xoffset":5,"yoffset":27,"xadvance":25,"chnl":15,"x":28,"y":73,"page":0},{"id":46,"index":569,"char":".","width":10,"height":10,"xoffset":8,"yoffset":35,"xadvance":25,"chnl":15,"x":76,"y":246,"page":0}],"info":{"face":"ChivoMono-Medium","size":42,"bold":0,"italic":0,"charset":[".","*","-","+","0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],"unicode":1,"stretchH":100,"smooth":1,"aa":1,"padding":[2,2,2,2],"spacing":[0,0]},"common":{"lineHeight":50,"base":41,"scaleW":256,"scaleH":256,"pages":1,"packed":0,"alphaChnl":0,"redChnl":0,"greenChnl":0,"blueChnl":0},"distanceField":{"fieldType":"msdf","distanceRange":4},"kernings":[]} \ No newline at end of file diff --git a/public/assets/ChivoMono-Medium.png b/public/assets/ChivoMono-Medium.png new file mode 100644 index 0000000..5a5e872 Binary files /dev/null and b/public/assets/ChivoMono-Medium.png differ diff --git a/public/assets/forkawesome-webfont.ttf b/public/assets/forkawesome-webfont.ttf new file mode 100644 index 0000000..6cf62ef Binary files /dev/null and b/public/assets/forkawesome-webfont.ttf differ diff --git a/public/assets/lib_matcaps_Chrome_Blue_Tint-White.png b/public/assets/lib_matcaps_Chrome_Blue_Tint-White.png new file mode 100644 index 0000000..81e23e9 Binary files /dev/null and b/public/assets/lib_matcaps_Chrome_Blue_Tint-White.png differ diff --git a/src/App.svelte b/src/App.svelte new file mode 100644 index 0000000..35d5fa4 --- /dev/null +++ b/src/App.svelte @@ -0,0 +1,47 @@ + + + + + + + + + +{#if cablesLoaded } + { timers[2].start( ()=> timedOut = true ) } + {#if !timedOut} + 
NEL SRVB
+ {/if} +{:else} + 
Loading...
+{/if} + + \ No newline at end of file diff --git a/src/cables-js/loader.svelte.js b/src/cables-js/loader.svelte.js new file mode 100644 index 0000000..2672ebc --- /dev/null +++ b/src/cables-js/loader.svelte.js @@ -0,0 +1,18 @@ + + +document.addEventListener("CABLES.jsLoaded", function () { + // Now CABLES is defined, proceed with initialization + CABLES.patch = new CABLES.Patch({ + patch: CABLES.exportedPatch, + prefixAssetPath: "", + assetPath: "assets/", + jsPath: "js/", + glCanvasId: "glcanvas", + glCanvasResizeToWindow: true, + onError: (e)=> console.error(e) , + onPatchLoaded: ()=> console.log("Patch loaded") , + onFinishedLoading: ()=> console.log("Cables done loading"), + canvas: { alpha: true, premultipliedAlpha: true }, // make canvas transparent + }); + }); + diff --git a/src/cables-js/patch.js b/src/cables-js/patch.js new file mode 100644 index 0000000..598b070 --- /dev/null +++ b/src/cables-js/patch.js @@ -0,0 +1,19212 @@ +var CABLES; +/******/ (() => { // webpackBootstrap +/******/ "use strict"; +/******/ // The require scope +/******/ var __webpack_require__ = {}; +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; + +// EXPORTS +__webpack_require__.d(__webpack_exports__, { + "default": () => (/* binding */ core) +}); + +// NAMESPACE OBJECT: ./src/core/base64.js +var base64_namespaceObject = {}; +__webpack_require__.r(base64_namespaceObject); +__webpack_require__.d(base64_namespaceObject, { + "b64decTypedArray": () => (b64decTypedArray), + "b64encTypesArray": () => (b64encTypesArray), + "base64Chars": () => (base64Chars), + "base64lookup": () => (base64lookup) +}); + +// NAMESPACE OBJECT: ./src/core/utils.js +var utils_namespaceObject = {}; +__webpack_require__.r(utils_namespaceObject); +__webpack_require__.d(utils_namespaceObject, { + "UTILS": () => (UTILS), + "ajax": () => (ajax), + "ajaxSync": () => (ajaxSync), + "basename": () => (basename), + "cacheBust": () => (cacheBust), + "clamp": () => (clamp), + "cleanJson": () => (cleanJson), + "copyArray": () => (copyArray), + "filename": () => (filename), + "generateUUID": () => (generateUUID), + "getShortOpName": () => (getShortOpName), + "keyCodeToName": () => (keyCodeToName), + "logStack": () => (logStack), + "map": () => (map), + "prefixedHash": () => (prefixedHash), + "request": () => (request), + "shortId": () => (shortId), + "shuffleArray": () => (shuffleArray), + "simpleId": () => (simpleId), + "smoothStep": () => (smoothStep), + "smootherStep": () => (smootherStep), + "uuid": () => (uuid) +}); + +// NAMESPACE OBJECT: ./src/core/anim.js +var anim_namespaceObject = {}; +__webpack_require__.r(anim_namespaceObject); +__webpack_require__.d(anim_namespaceObject, { + "ANIM": () => (ANIM), + "Anim": () => (Anim) +}); + +;// CONCATENATED MODULE: ./src/core/base64.js +const base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; + +// Use a lookup table to find the index. +const _base64lookup = new Uint8Array(256); +for (let i = 0; i < base64Chars.length; i++) _base64lookup[base64Chars.charCodeAt(i)] = i; + +const base64lookup = _base64lookup; + +const b64encTypesArray = function (arraybuffer) +{ + if (arraybuffer.buffer) arraybuffer = arraybuffer.buffer; + let bytes = new Uint8Array(arraybuffer), + i, + len = bytes.length, + base64 = ""; + + for (i = 0; i < len; i += 3) + { + base64 += base64Chars[bytes[i] >> 2]; + base64 += base64Chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)]; + base64 += base64Chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)]; + base64 += base64Chars[bytes[i + 2] & 63]; + } + + if (len % 3 === 2) base64 = base64.substring(0, base64.length - 1) + "="; + else if (len % 3 === 1) base64 = base64.substring(0, base64.length - 2) + "=="; + + return base64; +}; + +const b64decTypedArray = function (base64) +{ + let bufferLength = base64.length * 0.75, + len = base64.length, + i, + p = 0, + encoded1, + encoded2, + encoded3, + encoded4; + + if (base64[base64.length - 1] === "=") + { + bufferLength--; + if (base64[base64.length - 2] === "=") bufferLength--; + } + + let arraybuffer = new ArrayBuffer(bufferLength), + bytes = new Uint8Array(arraybuffer); + + for (i = 0; i < len; i += 4) + { + encoded1 = base64lookup[base64.charCodeAt(i)]; + encoded2 = base64lookup[base64.charCodeAt(i + 1)]; + encoded3 = base64lookup[base64.charCodeAt(i + 2)]; + encoded4 = base64lookup[base64.charCodeAt(i + 3)]; + + bytes[p++] = (encoded1 << 2) | (encoded2 >> 4); + bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2); + bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63); + } + + return arraybuffer; +}; + +;// CONCATENATED MODULE: ./src/core/constants.js +const CONSTANTS = { + "ANIM": { + "EASINGS": [ + "linear", + "absolute", + "smoothstep", + "smootherstep", + "Cubic In", + "Cubic Out", + "Cubic In Out", + "Expo In", + "Expo Out", + "Expo In Out", + "Sin In", + "Sin Out", + "Sin In Out", + "Quart In", + "Quart Out", + "Quart In Out", + "Quint In", + "Quint Out", + "Quint In Out", + "Back In", + "Back Out", + "Back In Out", + "Elastic In", + "Elastic Out", + "Bounce In", + "Bounce Out", + ], + "EASING_LINEAR": 0, + "EASING_ABSOLUTE": 1, + "EASING_SMOOTHSTEP": 2, + "EASING_SMOOTHERSTEP": 3, + "EASING_CUBICSPLINE": 4, + + "EASING_CUBIC_IN": 5, + "EASING_CUBIC_OUT": 6, + "EASING_CUBIC_INOUT": 7, + + "EASING_EXPO_IN": 8, + "EASING_EXPO_OUT": 9, + "EASING_EXPO_INOUT": 10, + + "EASING_SIN_IN": 11, + "EASING_SIN_OUT": 12, + "EASING_SIN_INOUT": 13, + + "EASING_BACK_IN": 14, + "EASING_BACK_OUT": 15, + "EASING_BACK_INOUT": 16, + + "EASING_ELASTIC_IN": 17, + "EASING_ELASTIC_OUT": 18, + + "EASING_BOUNCE_IN": 19, + "EASING_BOUNCE_OUT": 21, + + "EASING_QUART_IN": 22, + "EASING_QUART_OUT": 23, + "EASING_QUART_INOUT": 24, + + "EASING_QUINT_IN": 25, + "EASING_QUINT_OUT": 26, + "EASING_QUINT_INOUT": 27, + }, + + "OP": { + "OP_PORT_TYPE_VALUE": 0, + "OP_PORT_TYPE_NUMBER": 0, + "OP_PORT_TYPE_FUNCTION": 1, + "OP_PORT_TYPE_TRIGGER": 1, + "OP_PORT_TYPE_OBJECT": 2, + "OP_PORT_TYPE_TEXTURE": 2, + "OP_PORT_TYPE_ARRAY": 3, + "OP_PORT_TYPE_DYNAMIC": 4, + "OP_PORT_TYPE_STRING": 5, + + "OP_VERSION_PREFIX": "_v", + }, + + "PORT": { + "PORT_DIR_IN": 0, + "PORT_DIR_OUT": 1, + }, + + "PACO": { + "PACO_CLEAR": 0, + "PACO_VALUECHANGE": 1, + "PACO_OP_DELETE": 2, + "PACO_UNLINK": 3, + "PACO_LINK": 4, + "PACO_LOAD": 5, + "PACO_OP_CREATE": 6, + "PACO_OP_ENABLE": 7, + "PACO_OP_DISABLE": 8, + "PACO_UIATTRIBS": 9, + "PACO_VARIABLES": 10, + "PACO_TRIGGERS": 11, + "PACO_PORT_SETVARIABLE": 12, + "PACO_PORT_SETANIMATED": 13, + "PACO_PORT_ANIM_UPDATED": 14, + "PACO_DESERIALIZE": 15 + + }, +}; + +;// CONCATENATED MODULE: ./src/core/utils.js + +/** + * @external CABLES + * @namespace Utils + */ + + + +const UTILS = {}; +/** + * Merge two Float32Arrays. + * @function float32Concat + * @memberof Utils + * @param {Float32Array} first Left-hand side array + * @param {Float32Array} second Right-hand side array + * @return {Float32Array} + * @static + */ +UTILS.float32Concat = function (first, second) +{ + if (!(first instanceof Float32Array)) first = new Float32Array(first); + if (!(second instanceof Float32Array)) second = new Float32Array(second); + + const result = new Float32Array(first.length + second.length); + + result.set(first); + result.set(second, first.length); + + return result; +}; + +/** + * get op shortname: only last part of fullname and without version + * @function getShortOpName + * @memberof CABLES + * @param {String} full op name + * @static + */ +const getShortOpName = function (fullname) +{ + let name = fullname.split(".")[fullname.split(".").length - 1]; + + if (name.contains(CONSTANTS.OP.OP_VERSION_PREFIX)) + { + const n = name.split(CONSTANTS.OP.OP_VERSION_PREFIX)[1]; + name = name.substring(0, name.length - (CONSTANTS.OP.OP_VERSION_PREFIX + n).length); + } + return name; +}; + +/** + * randomize order of an array + * @function shuffleArray + * @memberof Utils + * @param {Array|Float32Array} array {Array} original + * @return {Array|Float32Array} shuffled array + * @static + */ +const shuffleArray = function (array) +{ + for (let i = array.length - 1; i > 0; i--) + { + const j = Math.floor(Math.seededRandom() * (i + 1)); + const temp = array[i]; + array[i] = array[j]; + array[j] = temp; + } + return array; +}; + + +/** + * generate a short "relativly unique" id + * @function shortId + * @memberof Utils + * @return {String} generated ID + * @static + */ + +const _shortIds = {}; +const _shortId = function () +{ + let str = Math.random().toString(36).substr(2, 9); + + if (_shortIds.hasOwnProperty(str)) str = _shortId(); + _shortIds[str] = true; + return str; +}; +const shortId = _shortId; + + +/** + * generate a UUID + * @function uuid + * @memberof Utils + * @return {String} generated UUID + * @static + */ +const _uuid = function () +{ + let d = new Date().getTime(); + const uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => + { + const r = (d + Math.random() * 16) % 16 | 0; + d = Math.floor(d / 16); + return (c == "x" ? r : (r & 0x3) | 0x8).toString(16); + }); + return uuid; +}; +const uuid = _uuid; +const generateUUID = _uuid; + + + +function cleanJson(obj) +{ + for (const i in obj) + { + if (obj[i] && typeof objValue === "object" && obj[i].constructor === Object) obj[i] = cleanJson(obj[i]); + + if (obj[i] === null || obj[i] === undefined) delete obj[i]; + else if (Array.isArray(obj[i]) && obj[i].length == 0) delete obj[i]; + } + + return obj; +} + + +/** + * @see http://stackoverflow.com/q/7616461/940217 + * @return {string} + */ +const _prefixedHash = function (str, prefix = "id") +{ + let hash = 0; + if (Array.prototype.reduce) + { + hash = str.split("").reduce((a, b) => { a = ((a << 5) - a) + b.charCodeAt(0); return a & a; }, 0); + } + else + { + if (str.length > 0) + { + for (let i = 0; i < str.length; i++) + { + let character = str.charCodeAt(i); + hash = ((hash << 5) - hash) + character; + hash &= hash; // Convert to 32bit integer + } + } + } + return prefix + "" + hash; +}; +const prefixedHash = _prefixedHash; + +/** + * generate a simple ID + * @function simpleId + * @memberof Utils + * @return {Number} new id + * @static + */ +let simpleIdCounter = 0; +const simpleId = function () +{ + simpleIdCounter++; + return simpleIdCounter; +}; + +/** + * smoothStep a value + * @function smoothStep + * @memberof Utils + * @function + * @param {Number} value value to be smoothed [0-1] + * @return {Number} smoothed value + * @static + */ +const smoothStep = function (perc) +{ + const x = Math.max(0, Math.min(1, (perc - 0) / (1 - 0))); + perc = x * x * (3 - 2 * x); // smoothstep + return perc; +}; + +/** + * smootherstep a value + * @function smootherStep + * @memberof Utils + * @param value {Number} value to be smoothed [0-1] + * @return {Number} smoothed value + * @static + */ +const smootherStep = function (perc) +{ + const x = Math.max(0, Math.min(1, (perc - 0) / (1 - 0))); + perc = x * x * x * (x * (x * 6 - 15) + 10); // smootherstep + return perc; +}; + + +/** + * clamp number / make sure its between min/max + * @function clamp + * @memberof Utils + * @param {Number} value value to be mapped + * @param {Number} min minimum value + * @param {Number} max maximum value + * @static + */ +const clamp = function (value, min, max) +{ + return Math.min(Math.max(value, min), max); +}; + +/** + * map a value in a range to a value in another range + * @function map + * @memberof Utils + * @param {Number} value value to be mapped + * @param {Number} oldMin old range minimum value + * @param {Number} oldMax old range maximum value + * @param {Number} newMin new range minimum value + * @param {Number} newMax new range maximum value + * @return {Number} mapped value + * @static + */ +const map = function (x, _oldMin, _oldMax, _newMin, _newMax, _easing) +{ + if (x >= _oldMax) return _newMax; + if (x <= _oldMin) return _newMin; + + let reverseInput = false; + const oldMin = Math.min(_oldMin, _oldMax); + const oldMax = Math.max(_oldMin, _oldMax); + if (oldMin != _oldMin) reverseInput = true; + + let reverseOutput = false; + const newMin = Math.min(_newMin, _newMax); + const newMax = Math.max(_newMin, _newMax); + if (newMin != _newMin) reverseOutput = true; + + let portion = 0; + let r = 0; + + if (reverseInput) portion = ((oldMax - x) * (newMax - newMin)) / (oldMax - oldMin); + else portion = ((x - oldMin) * (newMax - newMin)) / (oldMax - oldMin); + + if (reverseOutput) r = newMax - portion; + else r = portion + newMin; + + if (!_easing) return r; + if (_easing == 1) + { + // smoothstep + x = Math.max(0, Math.min(1, (r - _newMin) / (_newMax - _newMin))); + return _newMin + x * x * (3 - 2 * x) * (_newMax - _newMin); + } + if (_easing == 2) + { + // smootherstep + x = Math.max(0, Math.min(1, (r - _newMin) / (_newMax - _newMin))); + return _newMin + x * x * x * (x * (x * 6 - 15) + 10) * (_newMax - _newMin); + } + + return r; +}; + +/** + * @namespace Math + */ +/** + * set random seed for seededRandom() + * @memberof Math + * @type Number + * @static + */ +Math.randomSeed = 1; + + +Math.setRandomSeed = function (seed) +{ + // https://github.com/cables-gl/cables_docs/issues/622 + Math.randomSeed = seed * 50728129; + if (seed != 0) + { + Math.randomSeed = Math.seededRandom() * 17624813; + Math.randomSeed = Math.seededRandom() * 9737333; + } +}; + + +/** + * generate a seeded random number + * @function seededRandom + * @memberof Math + * @param {Number} max minimum possible random number + * @param {Number} min maximum possible random number + * @return {Number} random value + * @static + */ +Math.seededRandom = function (max, min) +{ + if (Math.randomSeed === 0) Math.randomSeed = Math.random() * 999; + max = max || 1; + min = min || 0; + + Math.randomSeed = (Math.randomSeed * 9301 + 49297) % 233280; + const rnd = Math.randomSeed / 233280.0; + + return min + rnd * (max - min); +}; + + +// ---------------------------------------------------------------- + +/** + * returns true if parameter is a number + * @function isNumeric + * @memberof Utils + * @param {Any} value The value to check. + * @return {Boolean} + * @static + */ +UTILS.isNumeric = function (n) +{ + return !isNaN(parseFloat(n)) && isFinite(n); +}; + +/** + * returns true if parameter is array + * @function isArray + * @param {Any} value Value to check + * @memberof Utils + * @return {Boolean} + * @static + */ +UTILS.isArray = function (v) +{ + return Object.prototype.toString.call(v) === "[object Array]"; +}; + +/** + * @namespace String + */ + +/** + * append a linebreak to a string + * @function endl + * @memberof String + * @return {String} string with newline break appended ('\n') + */ +String.prototype.endl = function () +{ + return this + "\n"; +}; + +/** + * return true if string starts with prefix + * @function startsWith + * @memberof String + * @param {String} prefix The prefix to check. + * @return {Boolean} + */ +String.prototype.startsWith = function (prefix) +{ + return this.indexOf(prefix) === 0; +}; + +/** + * return true if string ends with suffix + * @function endsWith + * @memberof String + * @param {String} suffix + * @return {Boolean} + */ +String.prototype.endsWith = String.prototype.endsWith || function (suffix) +{ + return this.match(suffix + "$") == suffix; +}; + +/** + * return true if string contains string + * @function contains + * @memberof String + * @param {String} searchStr + * @return {Boolean} + */ +String.prototype.contains = String.prototype.contains || function (searchStr) +{ + return this.indexOf(searchStr) > -1; +}; + + + +// ---------------------------------------------------------------- + +/** + * append a unique/random parameter to a url, so the browser is forced to reload the file, even if its cached + * @function cacheBust + * @static + * @memberof Utils + * @param {String} url The url to append the cachebuster parameter to. + * @return {String} url with cachebuster parameter + */ +const cacheBust = function (url) +{ + if (url.contains("?")) url += "&"; + else url += "?"; + return url + "cache=" + CABLES.uuid(); +}; + +/** + * copy the content of an array + * @function copyArray + * @static + * @memberof Utils + * @param {Array} sourceArray + * @param {Array} dst optional + * @return {Array} dst + */ +const copyArray = function (src, dst) +{ + if (!src) return null; + dst = dst || []; + dst.length = src.length; + for (let i = 0; i < src.length; i++) + { + dst[i] = src[i]; + } + + return dst; +}; + + +/** + * return the filename part of a url without extension + * @function basename + * @static + * @memberof Utils + * @param {String} url + * @return {String} just the filename + */ +const basename = function (url) +{ + let name = CABLES.filename(url); + + const parts2 = name.split("."); + name = parts2[0]; + + return name; +}; + +/** + * output a stacktrace to the console + * @function logStack + * @static + * @memberof Utils + */ +const logStack = function () +{ + console.log("logstack", (new Error()).stack); +}; + +/** + * return the filename part of a url + * @function filename + * @static + * @memberof Utils + * @param {String} url + * @return {String} just the filename + */ +const filename = function (url) +{ + let name = ""; + if (!url) return ""; + + if (url.startsWith("data:") && url.contains(":")) + { + const parts = url.split(","); + return parts[0]; + } + + const parts = (url + "").split("/"); + if (parts.length > 0) + { + const str = parts[parts.length - 1]; + let parts2 = str.split("?"); + name = parts2[0]; + } + + return name || ""; +}; + + +const ajaxSync = function (url, cb, method, post, contenttype) +{ + request({ + "url": url, + "cb": cb, + "method": method, + "data": post, + "contenttype": contenttype, + "sync": true, + }); +}; + +/** + * make an ajax request + * @function ajax + * @static + */ +const ajax = function (url, cb, method, post, contenttype, jsonP, headers = {}, options = {}) +{ + const requestOptions = { + "url": url, + "cb": cb, + "method": method, + "data": post, + "contenttype": contenttype, + "sync": false, + "jsonP": jsonP, + "headers": headers, + }; + if (options && options.credentials) requestOptions.credentials = options.credentials; + request(requestOptions); +}; + +const request = function (options) +{ + if (!options.hasOwnProperty("asynch")) options.asynch = true; + + let xhr; + try + { + xhr = new XMLHttpRequest(); + } + catch (e) {} + + xhr.onreadystatechange = function () + { + if (xhr.readyState != 4) return; + + if (options.cb) + { + if (xhr.status == 200 || xhr.status == 0) options.cb(false, xhr.responseText, xhr); + else options.cb(true, xhr.responseText, xhr); + } + }; + + try + { + xhr.open(options.method ? options.method.toUpperCase() : "GET", options.url, !options.sync); + } + catch (e) + { + if (options.cb && e) options.cb(true, e.msg, xhr); + } + + if (typeof options.headers === "object") + { + const keys = Object.keys(options.headers); + for (let i = 0; i < keys.length; i++) + { + const name = keys[i]; + const value = options.headers[name]; + xhr.setRequestHeader(name, value); + } + } + + if (options.credentials && options.credentials !== "omit") + { + xhr.withCredentials = true; + } + + try + { + if (!options.post && !options.data) + { + xhr.send(); + } + else + { + xhr.setRequestHeader( + "Content-type", + options.contenttype ? options.contenttype : "application/x-www-form-urlencoded", + ); + xhr.send(options.data || options.post); + } + } + catch (e) + { + if (options.cb) options.cb(true, e.msg, xhr); + } +}; + + +const keyCodeToName = function (keyCode) +{ + if (!keyCode && keyCode !== 0) return "Unidentified"; + const keys = { + "8": "Backspace", + "9": "Tab", + "12": "Clear", + "13": "Enter", + "16": "Shift", + "17": "Control", + "18": "Alt", + "19": "Pause", + "20": "CapsLock", + "27": "Escape", + "32": "Space", + "33": "PageUp", + "34": "PageDown", + "35": "End", + "36": "Home", + "37": "ArrowLeft", + "38": "ArrowUp", + "39": "ArrowRight", + "40": "ArrowDown", + "45": "Insert", + "46": "Delete", + "112": "F1", + "113": "F2", + "114": "F3", + "115": "F4", + "116": "F5", + "117": "F6", + "118": "F7", + "119": "F8", + "120": "F9", + "121": "F10", + "122": "F11", + "123": "F12", + "144": "NumLock", + "145": "ScrollLock", + "224": "Meta" + }; + if (keys[keyCode]) + { + return keys[keyCode]; + } + else + { + return String.fromCharCode(keyCode); + } +}; +// ---------------------------------------------------------------- + +window.performance = window.performance || { + "offset": Date.now(), + "now": function now() + { + return Date.now() - this.offset; + }, +}; + + + +;// CONCATENATED MODULE: ../shared/client/src/logger.js +/* eslint-disable no-console */ + +class Logger +{ + constructor(initiator) + { + this._logs = []; + this.initiator = initiator; + } + + stack(t) + { + console.info("[" + this.initiator + "] ", t); + console.log((new Error()).stack); + } + + groupCollapsed(t) + { + console.groupCollapsed("[" + this.initiator + "] " + t); + } + + table(t) + { + console.table(t); + } + + groupEnd() + { + console.groupEnd(); + } + + error(args) + { + console.error("[" + this.initiator + "]", ...arguments); + if (window.gui) window.gui.emitEvent("coreLogEvent", this.initiator, "error", arguments); + } + + info(args) + { + console.error("[" + this.initiator + "]", ...arguments); + if (window.gui) window.gui.emitEvent("coreLogEvent", this.initiator, "info", arguments); + } + + warn(args) + { + console.warn("[" + this.initiator + "]", ...arguments); + // console.log((new Error()).stack); + if (window.gui) window.gui.emitEvent("coreLogEvent", this.initiator, "warn", arguments); + } + + verbose() + { + if ((CABLES.UI && CABLES.UI.logFilter.shouldPrint(this.initiator, ...arguments)) || !CABLES.logSilent) + console.log("[" + this.initiator + "]", ...arguments); + if (window.gui) window.gui.emitEvent("coreLogEvent", this.initiator, "verbose", arguments); + } + + log(args) + { + if ((CABLES.UI && CABLES.UI.logFilter.shouldPrint(this.initiator, ...arguments)) || !CABLES.logSilent) + console.log("[" + this.initiator + "]", ...arguments); + if (window.gui) window.gui.emitEvent("coreLogEvent", this.initiator, "log", arguments); + } + + userInteraction(text) + { + // this.log({ "initiator": "userinteraction", "text": text }); + } +} + +;// CONCATENATED MODULE: ./src/core/anim_key.js + + +const Key = function (obj) +{ + this.time = 0.0; + this.value = 0.0; + // this.ui = null; + this.onChange = null; + this._easing = 0; + // this.bezTangIn = 0; + // this.bezTangOut = 0; + // this.bezTime = 0.5; + // this.bezValue = 0; + // this.bezTimeIn = -0.5; + // this.bezValueIn = 0; + + this.cb = null; + this.cbTriggered = false; + + // const bezierAnim = null; + // this._updateBezier = false; + + this.setEasing(CONSTANTS.ANIM.EASING_LINEAR); + this.set(obj); +}; + +Key.cubicSpline = function (perc, key1, key2) +{ + let + previousPoint = key1.value, + previousTangent = key1.bezTangOut, + nextPoint = key2.value, + nextTangent = key2.bezTangIn; + let t = perc; + let t2 = t * t; + let t3 = t2 * t; + + return (2 * t3 - 3 * t2 + 1) * previousPoint + (t3 - 2 * t2 + t) * previousTangent + (-2 * t3 + 3 * t2) * nextPoint + (t3 - t2) * nextTangent; +}; + +Key.easeCubicSpline = function (perc, key2) +{ + return Key.cubicSpline(perc, this, key2); +}; + + +Key.linear = function (perc, key1, key2) +{ + return parseFloat(key1.value) + parseFloat(key2.value - key1.value) * perc; +}; + +Key.easeLinear = function (perc, key2) +{ + return Key.linear(perc, this, key2); +}; + +Key.easeAbsolute = function (perc, key2) +{ + return this.value; +}; + +const easeExpoIn = function (t) +{ + return (t = 2 ** (10 * (t - 1))); +}; + +Key.easeExpoIn = function (t, key2) +{ + t = easeExpoIn(t); + return Key.linear(t, this, key2); +}; + +const easeExpoOut = function (t) +{ + t = -(2 ** (-10 * t)) + 1; + return t; +}; + +Key.easeExpoOut = function (t, key2) +{ + t = easeExpoOut(t); + return Key.linear(t, this, key2); +}; + +const easeExpoInOut = function (t) +{ + t *= 2; + if (t < 1) + { + t = 0.5 * 2 ** (10 * (t - 1)); + } + else + { + t--; + t = 0.5 * (-(2 ** (-10 * t)) + 2); + } + return t; +}; + +Key.easeExpoInOut = function (t, key2) +{ + t = easeExpoInOut(t); + return Key.linear(t, this, key2); +}; + +Key.easeSinIn = function (t, key2) +{ + t = -1 * Math.cos((t * Math.PI) / 2) + 1; + return Key.linear(t, this, key2); +}; + +Key.easeSinOut = function (t, key2) +{ + t = Math.sin((t * Math.PI) / 2); + return Key.linear(t, this, key2); +}; + +Key.easeSinInOut = function (t, key2) +{ + t = -0.5 * (Math.cos(Math.PI * t) - 1.0); + return Key.linear(t, this, key2); +}; + +const easeCubicIn = function (t) +{ + t = t * t * t; + return t; +}; + +Key.easeCubicIn = function (t, key2) +{ + t = easeCubicIn(t); + return Key.linear(t, this, key2); +}; + + +// b 0 +// c 1/2 or 1 +// d always 1 +// easeOutCubic: function (x, t, b, c, d) { +// return c*((t=t/d-1)*t*t + 1) + b; + +Key.easeInQuint = function (t, key2) +{ + t = t * t * t * t * t; + return Key.linear(t, this, key2); +}; +Key.easeOutQuint = function (t, key2) +{ + t = (t -= 1) * t * t * t * t + 1; + return Key.linear(t, this, key2); +}; +Key.easeInOutQuint = function (t, key2) +{ + if ((t /= 0.5) < 1) t = 0.5 * t * t * t * t * t; + else t = 0.5 * ((t -= 2) * t * t * t * t + 2); + return Key.linear(t, this, key2); +}; + +Key.easeInQuart = function (t, key2) +{ + t = t * t * t * t; + return Key.linear(t, this, key2); +}; + +Key.easeOutQuart = function (t, key2) +{ + // return -c * ((t=t/d-1)*t*t*t - 1) + b; + t = -1 * ((t -= 1) * t * t * t - 1); + return Key.linear(t, this, key2); +}; + +Key.easeInOutQuart = function (t, key2) +{ + if ((t /= 0.5) < 1) t = 0.5 * t * t * t * t; + else t = -0.5 * ((t -= 2) * t * t * t - 2); + return Key.linear(t, this, key2); +}; + +Key.bounce = function (t) +{ + if ((t /= 1) < 1 / 2.75) t = 7.5625 * t * t; + else if (t < 2 / 2.75) t = 7.5625 * (t -= 1.5 / 2.75) * t + 0.75; + else if (t < 2.5 / 2.75) t = 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375; + else t = 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375; + return t; +}; + +Key.easeInBounce = function (t, key2) +{ + return Key.linear(Key.bounce(t), this, key2); + // return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d); +}; + +Key.easeOutBounce = function (t, key2) +{ + return Key.linear(Key.bounce(t), this, key2); +}; + +Key.easeInElastic = function (t, key2) +{ + let s = 1.70158; + let p = 0; + let a = 1; + + const b = 0; + const d = 1; + const c = 1; + + if (t === 0) t = b; + else if ((t /= d) == 1) t = b + c; + else + { + if (!p) p = d * 0.3; + if (a < Math.abs(c)) + { + a = c; + s = p / 4; + } + else s = (p / (2 * Math.PI)) * Math.asin(c / a); + t = -(a * 2 ** (10 * (t -= 1)) * Math.sin(((t * d - s) * (2 * Math.PI)) / p)) + b; + } + + return Key.linear(t, this, key2); +}; + + +Key.easeOutElastic = function (t, key2) +{ + let s = 1.70158; + let p = 0; + let a = 1; + + const b = 0; + const d = 1; + const c = 1; + + if (t === 0) t = b; + else if ((t /= d) == 1) t = b + c; + else + { + if (!p) p = d * 0.3; + if (a < Math.abs(c)) + { + a = c; + s = p / 4; + } + else s = (p / (2 * Math.PI)) * Math.asin(c / a); + t = a * 2 ** (-10 * t) * Math.sin(((t * d - s) * (2 * Math.PI)) / p) + c + b; + } + + return Key.linear(t, this, key2); +}; + +Key.easeInBack = function (t, key2) +{ + const s = 1.70158; + t = t * t * ((s + 1) * t - s); + + return Key.linear(t, this, key2); +}; + +Key.easeOutBack = function (t, key2) +{ + const s = 1.70158; + t = (t = t / 1 - 1) * t * ((s + 1) * t + s) + 1; + + return Key.linear(t, this, key2); +}; + +Key.easeInOutBack = function (t, key2) +{ + let s = 1.70158; + const c = 1 / 2; + if ((t /= 1 / 2) < 1) t = c * (t * t * (((s *= 1.525) + 1) * t - s)); + else t = c * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2); + + return Key.linear(t, this, key2); +}; + +const easeCubicOut = function (t) +{ + t--; + t = t * t * t + 1; + return t; +}; + +Key.easeCubicOut = function (t, key2) +{ + t = easeCubicOut(t); + return Key.linear(t, this, key2); +}; + +const easeCubicInOut = function (t) +{ + t *= 2; + if (t < 1) t = 0.5 * t * t * t; + else + { + t -= 2; + t = 0.5 * (t * t * t + 2); + } + return t; +}; + +Key.easeCubicInOut = function (t, key2) +{ + t = easeCubicInOut(t); + return Key.linear(t, this, key2); +}; + +Key.easeSmoothStep = function (perc, key2) +{ + // var x = Math.max(0, Math.min(1, (perc-0)/(1-0))); + const x = Math.max(0, Math.min(1, perc)); + perc = x * x * (3 - 2 * x); // smoothstep + return Key.linear(perc, this, key2); +}; + +Key.easeSmootherStep = function (perc, key2) +{ + const x = Math.max(0, Math.min(1, (perc - 0) / (1 - 0))); + perc = x * x * x * (x * (x * 6 - 15) + 10); // smootherstep + return Key.linear(perc, this, key2); +}; + +Key.prototype.setEasing = function (e) +{ + this._easing = e; + + if (this._easing == CONSTANTS.ANIM.EASING_LINEAR) this.ease = Key.easeLinear; + else if (this._easing == CONSTANTS.ANIM.EASING_ABSOLUTE) this.ease = Key.easeAbsolute; + else if (this._easing == CONSTANTS.ANIM.EASING_SMOOTHSTEP) this.ease = Key.easeSmoothStep; + else if (this._easing == CONSTANTS.ANIM.EASING_SMOOTHERSTEP) this.ease = Key.easeSmootherStep; + else if (this._easing == CONSTANTS.ANIM.EASING_CUBIC_IN) this.ease = Key.easeCubicIn; + else if (this._easing == CONSTANTS.ANIM.EASING_CUBIC_OUT) this.ease = Key.easeCubicOut; + else if (this._easing == CONSTANTS.ANIM.EASING_CUBIC_INOUT) this.ease = Key.easeCubicInOut; + else if (this._easing == CONSTANTS.ANIM.EASING_EXPO_IN) this.ease = Key.easeExpoIn; + else if (this._easing == CONSTANTS.ANIM.EASING_EXPO_OUT) this.ease = Key.easeExpoOut; + else if (this._easing == CONSTANTS.ANIM.EASING_EXPO_INOUT) this.ease = Key.easeExpoInOut; + else if (this._easing == CONSTANTS.ANIM.EASING_SIN_IN) this.ease = Key.easeSinIn; + else if (this._easing == CONSTANTS.ANIM.EASING_SIN_OUT) this.ease = Key.easeSinOut; + else if (this._easing == CONSTANTS.ANIM.EASING_SIN_INOUT) this.ease = Key.easeSinInOut; + else if (this._easing == CONSTANTS.ANIM.EASING_BACK_OUT) this.ease = Key.easeOutBack; + else if (this._easing == CONSTANTS.ANIM.EASING_BACK_IN) this.ease = Key.easeInBack; + else if (this._easing == CONSTANTS.ANIM.EASING_BACK_INOUT) this.ease = Key.easeInOutBack; + else if (this._easing == CONSTANTS.ANIM.EASING_ELASTIC_IN) this.ease = Key.easeInElastic; + else if (this._easing == CONSTANTS.ANIM.EASING_ELASTIC_OUT) this.ease = Key.easeOutElastic; + else if (this._easing == CONSTANTS.ANIM.EASING_ELASTIC_INOUT) this.ease = Key.easeElasticInOut; + else if (this._easing == CONSTANTS.ANIM.EASING_BOUNCE_IN) this.ease = Key.easeInBounce; + else if (this._easing == CONSTANTS.ANIM.EASING_BOUNCE_OUT) this.ease = Key.easeOutBounce; + else if (this._easing == CONSTANTS.ANIM.EASING_QUART_OUT) this.ease = Key.easeOutQuart; + else if (this._easing == CONSTANTS.ANIM.EASING_QUART_IN) this.ease = Key.easeInQuart; + else if (this._easing == CONSTANTS.ANIM.EASING_QUART_INOUT) this.ease = Key.easeInOutQuart; + else if (this._easing == CONSTANTS.ANIM.EASING_QUINT_OUT) this.ease = Key.easeOutQuint; + else if (this._easing == CONSTANTS.ANIM.EASING_QUINT_IN) this.ease = Key.easeInQuint; + else if (this._easing == CONSTANTS.ANIM.EASING_QUINT_INOUT) this.ease = Key.easeInOutQuint; + else if (this._easing == CONSTANTS.ANIM.EASING_CUBICSPLINE) + { + // this._updateBezier = true; + this.ease = Key.easeCubicSpline; + } + else + { + this._easing = CONSTANTS.ANIM.EASING_LINEAR; + this.ease = Key.easeLinear; + } +}; + +Key.prototype.trigger = function () +{ + this.cb(); + this.cbTriggered = true; +}; + +Key.prototype.setValue = function (v) +{ + this.value = v; + // this._updateBezier = true; + if (this.onChange !== null) this.onChange(); +}; + +Key.prototype.set = function (obj) +{ + if (obj) + { + if (obj.e) this.setEasing(obj.e); + if (obj.cb) + { + this.cb = obj.cb; + this.cbTriggered = false; + } + + if (obj.b) + { + // this.bezTime = obj.b[0]; + // this.bezValue = obj.b[1]; + // this.bezTimeIn = obj.b[2]; + // this.bezValueIn = obj.b[3]; + // this._updateBezier = true; + } + + if (obj.hasOwnProperty("t")) this.time = obj.t; + if (obj.hasOwnProperty("time")) this.time = obj.time; + if (obj.hasOwnProperty("v")) this.value = obj.v; + else if (obj.hasOwnProperty("value")) this.value = obj.value; + } + if (this.onChange !== null) this.onChange(); +}; + +Key.prototype.getSerialized = function () +{ + const obj = {}; + obj.t = this.time; + obj.v = this.value; + obj.e = this._easing; + // if (this._easing == CONSTANTS.ANIM.EASING_CUBICSPLINE) obj.b = [this.bezTime, this.bezValue, this.bezTimeIn, this.bezValueIn]; + + return obj; +}; + +Key.prototype.getEasing = function () +{ + return this._easing; +}; + + + +;// CONCATENATED MODULE: ./src/core/eventtarget.js + + +const EventTarget = function () +{ + this._log = new Logger("eventtarget"); + this._eventCallbacks = {}; + this._logName = ""; + this._logEvents = false; + this._listeners = {}; + + this.addEventListener = this.on = function (which, cb, idPrefix) + { + const event = + { + "id": (idPrefix || "") + CABLES.simpleId(), + "name": which, + "cb": cb, + }; + if (!this._eventCallbacks[which]) this._eventCallbacks[which] = [event]; + else this._eventCallbacks[which].push(event); + + this._listeners[event.id] = event; + + return event.id; + }; + + this.hasEventListener = function (which, cb) + { + if (which && !cb) + { + // check by id + if (this._listeners[which]) return true; + else return false; + } + else + { + this._log.warn("old eventtarget function haseventlistener!"); + if (which && cb) + { + if (this._eventCallbacks[which]) + { + const idx = this._eventCallbacks[which].indexOf(cb); + if (idx == -1) return false; + return true; + } + } + } + }; + + this.hasListenerForEventName = function (eventName) + { + return this._eventCallbacks[eventName] && this._eventCallbacks[eventName].length > 0; + }; + + this.removeEventListener = this.off = function (which, cb) + { + if (which === null || which === undefined) return; + + if (!cb) // new style, remove by id, not by name/callback + { + const event = this._listeners[which]; + if (!event) + { + this._log.log("could not find event..."); + return; + } + + let found = true; + while (found) + { + found = false; + let index = -1; + for (let i = 0; i < this._eventCallbacks[event.name].length; i++) + { + if (this._eventCallbacks[event.name][i].id.startsWith(which)) // this._eventCallbacks[event.name][i].id == which || + { + found = true; + index = i; + } + } + + if (index !== -1) + { + this._eventCallbacks[event.name].splice(index, 1); + delete this._listeners[which]; + } + } + + return; + } + + this._log.info("[eventtaget] ", "old function signature: removeEventListener! use listener id"); + this._log.log((new Error()).stack); + + let index = null; + for (let i = 0; i < this._eventCallbacks[which].length; i++) + if (this._eventCallbacks[which][i].cb == cb) + index = i; + + if (index !== null) + { + delete this._eventCallbacks[index]; + } + else this._log.warn("removeEventListener not found " + which); + }; + + this.logEvents = function (enabled, name) + { + this._logEvents = enabled; + this._logName = name; + }; + + this.emitEvent = function (which, param1, param2, param3, param4, param5, param6) + { + if (this._logEvents) this._log.log("[event] ", this._logName, which, this._eventCallbacks); + + if (this._eventCallbacks[which]) + { + for (let i = 0; i < this._eventCallbacks[which].length; i++) + { + if (this._eventCallbacks[which][i]) + { + this._eventCallbacks[which][i].cb(param1, param2, param3, param4, param5, param6); + } + } + } + else + { + if (this._logEvents) this._log.log("[event] has no event callback", which, this._eventCallbacks); + } + }; +}; + + + +;// CONCATENATED MODULE: ./src/core/anim.js + + + + + +/** + * Keyframed interpolated animation. + * + * Available Easings: + * 
+ * CONSTANTS.ANIM.EASING_LINEAR
+ * CONSTANTS.ANIM.EASING_ABSOLUTE
+ * CONSTANTS.ANIM.EASING_SMOOTHSTEP
+ * CONSTANTS.ANIM.EASING_SMOOTHERSTEP
+ * CONSTANTS.ANIM.EASING_CUBICSPLINE
+
+ * CONSTANTS.ANIM.EASING_CUBIC_IN
+ * CONSTANTS.ANIM.EASING_CUBIC_OUT
+ * CONSTANTS.ANIM.EASING_CUBIC_INOUT
+
+ * CONSTANTS.ANIM.EASING_EXPO_IN
+ * CONSTANTS.ANIM.EASING_EXPO_OUT
+ * CONSTANTS.ANIM.EASING_EXPO_INOUT
+
+ * CONSTANTS.ANIM.EASING_SIN_IN
+ * CONSTANTS.ANIM.EASING_SIN_OUT
+ * CONSTANTS.ANIM.EASING_SIN_INOUT
+
+ * CONSTANTS.ANIM.EASING_BACK_IN
+ * CONSTANTS.ANIM.EASING_BACK_OUT
+ * CONSTANTS.ANIM.EASING_BACK_INOUT
+
+ * CONSTANTS.ANIM.EASING_ELASTIC_IN
+ * CONSTANTS.ANIM.EASING_ELASTIC_OUT
+
+ * CONSTANTS.ANIM.EASING_BOUNCE_IN
+ * CONSTANTS.ANIM.EASING_BOUNCE_OUT
+
+ * CONSTANTS.ANIM.EASING_QUART_IN
+ * CONSTANTS.ANIM.EASING_QUART_OUT
+ * CONSTANTS.ANIM.EASING_QUART_INOUT
+
+ * CONSTANTS.ANIM.EASING_QUINT_IN
+ * CONSTANTS.ANIM.EASING_QUINT_OUT
+ * CONSTANTS.ANIM.EASING_QUINT_INOUT
+ *
+ * @hideconstructor + * @external CABLES + * @namespace Anim + * @class + * @example + * var anim=new CABLES.Anim(); + * anim.setValue(0,0); // set value 0 at 0 seconds + * anim.setValue(10,1); // set value 1 at 10 seconds + * anim.getValue(5); // get value at 5 seconds - this returns 0.5 + */ + +const Anim = function (cfg) +{ + EventTarget.apply(this); + + cfg = cfg || {}; + this.keys = []; + this.onChange = null; + this.stayInTimeline = false; + this.loop = false; + this._log = new Logger("Anim"); + this._lastKeyIndex = 0; + this._cachedIndex = 0; + this.name = cfg.name || null; + + /** + * @member defaultEasing + * @memberof Anim + * @instance + * @type {Number} + */ + this.defaultEasing = cfg.defaultEasing || CONSTANTS.ANIM.EASING_LINEAR; + this.onLooped = null; + + this._timesLooped = 0; + this._needsSort = false; +}; + +Anim.prototype.forceChangeCallback = function () +{ + if (this.onChange !== null) this.onChange(); + this.emitEvent("onChange", this); +}; + +Anim.prototype.getLoop = function () +{ + return this.loop; +}; + +Anim.prototype.setLoop = function (target) +{ + this.loop = target; + this.emitEvent("onChange", this); +}; + +/** + * returns true if animation has ended at @time + * checks if last key time is < time + * @param {Number} time + * @returns {Boolean} + * @memberof Anim + * @instance + * @function + */ +Anim.prototype.hasEnded = function (time) +{ + if (this.keys.length === 0) return true; + if (this.keys[this._lastKeyIndex].time <= time) return true; + return false; +}; + +Anim.prototype.isRising = function (time) +{ + if (this.hasEnded(time)) return false; + const ki = this.getKeyIndex(time); + if (this.keys[ki].value < this.keys[ki + 1].value) return true; + return false; +}; + +/** + * remove all keys from animation before time + * @param {Number} time + * @memberof Anim + * @instance + * @function + */ +Anim.prototype.clearBefore = function (time) +{ + const v = this.getValue(time); + const ki = this.getKeyIndex(time); + + this.setValue(time, v); + + if (ki > 1) this.keys.splice(0, ki); + this._updateLastIndex(); +}; +/** + * remove all keys from animation + * @param {Number} [time=0] set a new key at time with the old value at time + * @memberof Anim + * @instance + * @function + */ +Anim.prototype.clear = function (time) +{ + let v = 0; + if (time) v = this.getValue(time); + this.keys.length = 0; + this._updateLastIndex(); + if (time) this.setValue(time, v); + if (this.onChange !== null) this.onChange(); + this.emitEvent("onChange", this); +}; + +Anim.prototype.sortKeys = function () +{ + this.keys.sort((a, b) => { return parseFloat(a.time) - parseFloat(b.time); }); + this._updateLastIndex(); + this._needsSort = false; + if (this.keys.length % 1000 == 0)console.log(this.name, this.keys.length); +}; + +Anim.prototype.getLength = function () +{ + if (this.keys.length === 0) return 0; + return this.keys[this.keys.length - 1].time; +}; + +Anim.prototype.getKeyIndex = function (time) +{ + let index = 0; + let start = 0; + if (this._cachedIndex && this.keys.length > this._cachedIndex && time >= this.keys[this._cachedIndex].time) start = this._cachedIndex; + for (let i = start; i < this.keys.length; i++) + { + if (time >= this.keys[i].time) index = i; + if (this.keys[i].time > time) + { + if (time != 0) this._cachedIndex = index; + return index; + } + } + + return index; +}; + +/** + * set value at time + * @function setValue + * @memberof Anim + * @instance + * @param {Number} time + * @param {Number} value + * @param {Function} [callback] callback + */ +Anim.prototype.setValue = function (time, value, cb) +{ + let found = null; + + if (this.keys.length == 0 || time <= this.keys[this.keys.length - 1].time) + for (let i = 0; i < this.keys.length; i++) + if (this.keys[i].time == time) + { + found = this.keys[i]; + this.keys[i].setValue(value); + this.keys[i].cb = cb; + break; + } + + if (!found) + { + found = new Key( + { + "time": time, + "value": value, + "e": this.defaultEasing, + "cb": cb, + }); + this.keys.push(found); + + // if (this.keys.length % 1000 == 0)console.log(this.name, this.keys.length); + this._updateLastIndex(); + } + + if (this.onChange) this.onChange(); + this.emitEvent("onChange", this); + this._needsSort = true; + return found; +}; + +Anim.prototype.setKeyEasing = function (index, e) +{ + if (this.keys[index]) + { + this.keys[index].setEasing(e); + this.emitEvent("onChange", this); + } +}; + +Anim.prototype.getSerialized = function () +{ + const obj = {}; + obj.keys = []; + obj.loop = this.loop; + + for (let i = 0; i < this.keys.length; i++) + obj.keys.push(this.keys[i].getSerialized()); + + return obj; +}; + +Anim.prototype.getKey = function (time) +{ + const index = this.getKeyIndex(time); + return this.keys[index]; +}; + +Anim.prototype.getNextKey = function (time) +{ + let index = this.getKeyIndex(time) + 1; + if (index >= this.keys.length) index = this.keys.length - 1; + + return this.keys[index]; +}; + +Anim.prototype.isFinished = function (time) +{ + if (this.keys.length <= 0) return true; + return time > this.keys[this.keys.length - 1].time; +}; + +Anim.prototype.isStarted = function (time) +{ + if (this.keys.length <= 0) return false; + return time >= this.keys[0].time; +}; + +/** + * get value at time + * @function getValue + * @memberof Anim + * @instance + * @param {Number} [time] time + * @returns {Number} interpolated value at time + */ +Anim.prototype.getValue = function (time) +{ + if (this.keys.length === 0) + { + return 0; + } + if (this._needsSort) this.sortKeys(); + + if (!this.loop && time > this.keys[this._lastKeyIndex].time) + { + if (this.keys[this._lastKeyIndex].cb && !this.keys[this._lastKeyIndex].cbTriggered) this.keys[this._lastKeyIndex].trigger(); + + return this.keys[this._lastKeyIndex].value; + } + + if (time < this.keys[0].time) + { + // if (this.name)console.log("A"); + + return this.keys[0].value; + } + + if (this.loop && time > this.keys[this._lastKeyIndex].time) + { + const currentLoop = time / this.keys[this._lastKeyIndex].time; + if (currentLoop > this._timesLooped) + { + this._timesLooped++; + if (this.onLooped) this.onLooped(); + } + time = (time - this.keys[0].time) % (this.keys[this._lastKeyIndex].time - this.keys[0].time); + time += this.keys[0].time; + } + + const index = this.getKeyIndex(time); + if (index >= this._lastKeyIndex) + { + if (this.keys[this._lastKeyIndex].cb && !this.keys[this._lastKeyIndex].cbTriggered) this.keys[this._lastKeyIndex].trigger(); + + return this.keys[this._lastKeyIndex].value; + } + + + const index2 = index + 1; + const key1 = this.keys[index]; + const key2 = this.keys[index2]; + + if (key1.cb && !key1.cbTriggered) key1.trigger(); + + if (!key2) return -1; + + const perc = (time - key1.time) / (key2.time - key1.time); + + if (!key1.ease) this.log._warn("has no ease", key1, key2); + + return key1.ease(perc, key2); +}; + +Anim.prototype._updateLastIndex = function () +{ + this._lastKeyIndex = this.keys.length - 1; +}; + +Anim.prototype.addKey = function (k) +{ + if (k.time === undefined) + { + this.log.warn("key time undefined, ignoring!"); + } + else + { + this.keys.push(k); + if (this.onChange !== null) this.onChange(); + this.emitEvent("onChange", this); + } + this._updateLastIndex(); +}; + +Anim.prototype.easingFromString = function (str) +{ + if (str == "linear") return CONSTANTS.ANIM.EASING_LINEAR; + if (str == "absolute") return CONSTANTS.ANIM.EASING_ABSOLUTE; + if (str == "smoothstep") return CONSTANTS.ANIM.EASING_SMOOTHSTEP; + if (str == "smootherstep") return CONSTANTS.ANIM.EASING_SMOOTHERSTEP; + + if (str == "Cubic In") return CONSTANTS.ANIM.EASING_CUBIC_IN; + if (str == "Cubic Out") return CONSTANTS.ANIM.EASING_CUBIC_OUT; + if (str == "Cubic In Out") return CONSTANTS.ANIM.EASING_CUBIC_INOUT; + + if (str == "Expo In") return CONSTANTS.ANIM.EASING_EXPO_IN; + if (str == "Expo Out") return CONSTANTS.ANIM.EASING_EXPO_OUT; + if (str == "Expo In Out") return CONSTANTS.ANIM.EASING_EXPO_INOUT; + + if (str == "Sin In") return CONSTANTS.ANIM.EASING_SIN_IN; + if (str == "Sin Out") return CONSTANTS.ANIM.EASING_SIN_OUT; + if (str == "Sin In Out") return CONSTANTS.ANIM.EASING_SIN_INOUT; + + if (str == "Back In") return CONSTANTS.ANIM.EASING_BACK_IN; + if (str == "Back Out") return CONSTANTS.ANIM.EASING_BACK_OUT; + if (str == "Back In Out") return CONSTANTS.ANIM.EASING_BACK_INOUT; + + if (str == "Elastic In") return CONSTANTS.ANIM.EASING_ELASTIC_IN; + if (str == "Elastic Out") return CONSTANTS.ANIM.EASING_ELASTIC_OUT; + + if (str == "Bounce In") return CONSTANTS.ANIM.EASING_BOUNCE_IN; + if (str == "Bounce Out") return CONSTANTS.ANIM.EASING_BOUNCE_OUT; + + if (str == "Quart Out") return CONSTANTS.ANIM.EASING_QUART_OUT; + if (str == "Quart In") return CONSTANTS.ANIM.EASING_QUART_IN; + if (str == "Quart In Out") return CONSTANTS.ANIM.EASING_QUART_INOUT; + + if (str == "Quint Out") return CONSTANTS.ANIM.EASING_QUINT_OUT; + if (str == "Quint In") return CONSTANTS.ANIM.EASING_QUINT_IN; + if (str == "Quint In Out") return CONSTANTS.ANIM.EASING_QUINT_INOUT; +}; + +Anim.prototype.createPort = function (op, title, cb) +{ + const port = op.inDropDown(title, CONSTANTS.ANIM.EASINGS); + + // const port = op.addInPort( + // new Port(op, title, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + // "display": "dropdown", + // "values": CONSTANTS.ANIM.EASINGS, + // }), + // ); + + port.set("linear"); + port.defaultValue = "linear"; + + port.onChange = function () + { + this.defaultEasing = this.easingFromString(port.get()); + this.emitEvent("onChangeDefaultEasing", this); + + if (cb) cb(); + }.bind(this); + + return port; +}; + +// ------------------------------ + +Anim.slerpQuaternion = function (time, q, animx, animy, animz, animw) +{ + if (!Anim.slerpQuaternion.q1) + { + Anim.slerpQuaternion.q1 = quat.create(); + Anim.slerpQuaternion.q2 = quat.create(); + } + + const i1 = animx.getKeyIndex(time); + let i2 = i1 + 1; + if (i2 >= animx.keys.length) i2 = animx.keys.length - 1; + + if (i1 == i2) + { + quat.set(q, animx.keys[i1].value, animy.keys[i1].value, animz.keys[i1].value, animw.keys[i1].value); + } + else + { + const key1Time = animx.keys[i1].time; + const key2Time = animx.keys[i2].time; + const perc = (time - key1Time) / (key2Time - key1Time); + + quat.set(Anim.slerpQuaternion.q1, animx.keys[i1].value, animy.keys[i1].value, animz.keys[i1].value, animw.keys[i1].value); + + quat.set(Anim.slerpQuaternion.q2, animx.keys[i2].value, animy.keys[i2].value, animz.keys[i2].value, animw.keys[i2].value); + + quat.slerp(q, Anim.slerpQuaternion.q1, Anim.slerpQuaternion.q2, perc); + } + return q; +}; + +const ANIM = { "Key": Key }; + + + + +;// CONCATENATED MODULE: ./src/core/core_link.js + + + +/** + * @external CABLES + * @namespace Link + * @param {Object} patch The patch object + * @description a link is a connection between two ops/ports -> one input and one output port + * @hideconstructor + * @class + */ +const Link = function (scene) +{ + EventTarget.apply(this); + + this.id = CABLES.simpleId(); + this.portIn = null; + this.portOut = null; + this.scene = scene; // todo: make private and rename to patch + this.activityCounter = 0; + this.ignoreInSerialize = false; +}; + +Link.prototype.setValue = function (v) +{ + if (v === undefined) this._setValue(); + else this.portIn.set(v); +}; + +Link.prototype.activity = function () +{ + this.activityCounter++; + // if(Date.now()-this.lastTime>100) + // { + // // this.lastTime=Date.now(); + // // this.changesPerSecond=this.changesCounter*10; + // this.changesCounter=0; + // } +}; + +Link.prototype._setValue = function () +{ + if (!this.portOut) + { + this.remove(); + return; + } + const v = this.portOut.get(); + + if (v == v) // NaN is the only JavaScript value that is treated as unequal to itself + { + if (this.portIn.type != CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) this.activity(); + + if (this.portIn.get() !== v) + { + this.portIn.set(v); + } + else + { + if (this.portIn.changeAlways) this.portIn.set(v); + if (this.portOut.forceRefChange) this.portIn.forceChange(); + } + } +}; + +/** + * @function getOtherPort + * @memberof Link + * @instance + * @param {Port} port + * @description returns the port of the link, which is not port + */ +Link.prototype.getOtherPort = function (p) +{ + if (p == this.portIn) return this.portOut; + return this.portIn; +}; + +/** + * @function remove + * @memberof Link + * @instance + * @description unlink/remove this link from all ports + */ +Link.prototype.remove = function () +{ + if (this.portIn) this.portIn.removeLink(this); + if (this.portOut) this.portOut.removeLink(this); + if (this.scene) + { + this.scene.emitEvent("onUnLink", this.portIn, this.portOut, this); + } + + if (this.portIn && (this.portIn.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT || this.portIn.type == CONSTANTS.OP.OP_PORT_TYPE_ARRAY)) + { + this.portIn.set(null); + if (this.portIn.links.length > 0) this.portIn.set(this.portIn.links[0].getOtherPort(this.portIn).get()); + } + + if (this.portIn) this.portIn.op._checkLinksNeededToWork(); + if (this.portOut) this.portOut.op._checkLinksNeededToWork(); + + this.portIn = null; + this.portOut = null; + this.scene = null; +}; + +/** + * @function link + * @memberof Link + * @instance + * @description link those two ports + * @param {Port} port1 + * @param {Port} port2 + */ +Link.prototype.link = function (p1, p2) +{ + if (!Link.canLink(p1, p2)) + { + console.warn("[core_link] cannot link ports!", p1, p2); + return false; + } + + if (p1.direction == CONSTANTS.PORT.PORT_DIR_IN) + { + this.portIn = p1; + this.portOut = p2; + } + else + { + this.portIn = p2; + this.portOut = p1; + } + + p1.addLink(this); + p2.addLink(this); + + this.setValue(); + + if (p1.onLink) p1.onLink(this); + if (p2.onLink) p2.onLink(this); + + p1.op._checkLinksNeededToWork(); + p2.op._checkLinksNeededToWork(); +}; + +Link.prototype.getSerialized = function () +{ + const obj = {}; + + obj.portIn = this.portIn.getName(); + obj.portOut = this.portOut.getName(); + obj.objIn = this.portIn.op.id; + obj.objOut = this.portOut.op.id; + + return obj; +}; + +// -------------------------------------------- + +/** + * @function canLinkText + * @memberof Link + * @instance + * @description return a text message with human readable reason if ports can not be linked, or can be + * @param {Port} port1 + * @param {Port} port2 + */ +Link.canLinkText = function (p1, p2) +{ + if (p1.direction == p2.direction) + { + let txt = "(out)"; + if (p2.direction == CONSTANTS.PORT.PORT_DIR_IN) txt = "(in)"; + return "can not link: same direction " + txt; + } + if (p1.op == p2.op) return "can not link: same op"; + if (p1.type != CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC && p2.type != CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC) + { + if (p1.type != p2.type) return "can not link: different type"; + } + + if (CABLES.UI && p1.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT && p2.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT) + { + if (p1.uiAttribs.objType && p2.uiAttribs.objType) + if (p1.uiAttribs.objType != p2.uiAttribs.objType) + return "incompatible objects"; + } + + + if (!p1) return "can not link: port 1 invalid"; + if (!p2) return "can not link: port 2 invalid"; + + if (p1.direction == CONSTANTS.PORT.PORT_DIR_IN && p1.isAnimated()) return "can not link: is animated"; + if (p2.direction == CONSTANTS.PORT.PORT_DIR_IN && p2.isAnimated()) return "can not link: is animated"; + + // if(p1.direction==CABLES.CONSTANTS.PORT.PORT_DIR_IN && p1.links.length>0)return 'input port already busy'; + // if(p2.direction==CABLES.CONSTANTS.PORT.PORT_DIR_IN && p2.links.length>0)return 'input port already busy'; + if (p1.isLinkedTo(p2)) return "ports already linked"; + + if ((p1.canLink && !p1.canLink(p2)) || (p2.canLink && !p2.canLink(p1))) return "Incompatible"; + + return "can link"; +}; + +/** + * @function canLink + * @memberof Link + * @instance + * @description return true if ports can be linked + * @param {Port} port1 + * @param {Port} port2 + * @returns {Boolean} + */ +Link.canLink = function (p1, p2) +{ + if (!p1) return false; + if (!p2) return false; + if (p1.direction == CONSTANTS.PORT.PORT_DIR_IN && p1.isAnimated()) return false; + if (p2.direction == CONSTANTS.PORT.PORT_DIR_IN && p2.isAnimated()) return false; + + if (p1.isHidden() || p2.isHidden()) return false; + + if (p1.isLinkedTo(p2)) return false; + + if (p1.direction == p2.direction) return false; + + if (CABLES.UI && p1.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT && p2.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT) + { + if (p1.uiAttribs.objType && p2.uiAttribs.objType) + { + if (p1.uiAttribs.objType.indexOf("sg_") == 0 && p2.uiAttribs.objType.indexOf("sg_") == 0) return true; + if (p1.uiAttribs.objType != p2.uiAttribs.objType) + return false; + } + } + + if (p1.type != p2.type && (p1.type != CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC && p2.type != CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC)) return false; + if (p1.type == CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC || p2.type == CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC) return true; + + if (p1.op == p2.op) return false; + + if (p1.canLink && !p1.canLink(p2)) return false; + if (p2.canLink && !p2.canLink(p1)) return false; + + return true; +}; + + + +;// CONCATENATED MODULE: ./src/core/core_port.js + + + + + + + +/** + * data is coming into and out of ops through input and output ports + * @external CABLES + * @namespace Port + * @class + * @hideconstructor + * @example + * const myPort=op.inString("String Port"); + */ +const Port = function (___op, name, type, uiAttribs) +{ + EventTarget.apply(this); + + this.data = {}; // UNUSED, DEPRECATED, only left in for backwards compatibility with userops + this._log = new Logger("core_port"); + /** + * @type {Number} + * @name direction + * @instance + * @memberof Port + * @description direction of port (input(0) or output(1)) + */ + this.direction = CONSTANTS.PORT.PORT_DIR_IN; + this.id = String(CABLES.simpleId()); + this._op = ___op; + + /** + * @type {Array} + * @name links + * @instance + * @memberof Port + * @description links of port + */ + this.links = []; + this.value = 0.0; + this.name = name; + this.type = type || CONSTANTS.OP.OP_PORT_TYPE_VALUE; + this.uiAttribs = uiAttribs || {}; + this.anim = null; + this._oldAnimVal = -5711; + this.defaultValue = null; + + + this._uiActiveState = true; + this.ignoreValueSerialize = false; + this.onLinkChanged = null; + this.crashed = false; + + this._valueBeforeLink = null; + this._lastAnimFrame = -1; + this._animated = false; + + this.onValueChanged = null; + this.onTriggered = null; + this.onUiActiveStateChange = null; + this.changeAlways = false; + this.forceRefChange = false; + + this._useVariableName = null; + + this.activityCounter = 0; + this.apf = 0; + this.activityCounterStartFrame = 0; + + this._tempLastUiValue = null; + + Object.defineProperty(this, "title", { + get() + { + return this.uiAttribs.title || this.name; + } }); + + + Object.defineProperty(this, "parent", { + get() + { + this._log.stack("use port.op, not .parent"); + return this._op; + } }); + + + + Object.defineProperty(this, "op", { + get() + { + return this._op; + } }); + + + Object.defineProperty(this, "val", { + get() + { + this._log.warn("val getter deprecated!", this); + this._log.stack("val getter deprecated"); + return this.get(); + }, + set(v) + { + this._log.warn("val setter deprecated!", this); + this._log.stack("val setter deprecated"); + this.setValue(v); + } + }); +}; + + +/** + * copy over a uiattrib from an external connected port to another port + * @function copyLinkedUiAttrib + * @memberof Port + * @param {which} attrib name + * @param {Port} source port + * @instance + * @example + +inArray.onLinkChanged=()=> +{ + if(inArray) inArray.copyLinkedUiAttrib("stride", outArray); +}; + + */ +Port.prototype.copyLinkedUiAttrib = function (which, port) +{ + if (!CABLES.UI) return; + if (!this.isLinked()) return; + + const attr = {}; + attr[which] = this.links[0].getOtherPort(this).getUiAttrib(which); + port.setUiAttribs(attr); +}; + + +// TODO make extend class for ports, like for ops only for ui +Port.prototype.getValueForDisplay = function () +{ + let str = this.value; + + if (typeof this.value === "string" || this.value instanceof String) + { + if (str.length > 1000) + { + str = str.substring(0, 999); + str += "..."; + } + if (this.uiAttribs && (this.uiAttribs.display == "boolnum")) + { + str += " - "; + + if (!this.value) str += "false"; + else str += "true"; + } + + str = str.replace(/[\u00A0-\u9999<>\&]/g, function (i) + { + return "&#" + i.charCodeAt(0) + ";"; + }); + + + if (str.length > 100) str = str.substring(0, 100); + } + else + { + str = this.value; + } + return str; +}; + +/** + * change listener for input value ports, overwrite to react to changes + * @function onChange + * @memberof Port + * @instance + * @example + * const myPort=op.inString("MyPort"); + * myPort.onChange=function() + * { + * console.log("was changed to: ",myPort.get()); + * } + * + */ +Port.prototype.onAnimToggle = function () {}; +Port.prototype._onAnimToggle = function () +{ + this.onAnimToggle(); +}; + + +/** + * @function remove + * @memberof Port + * @instance + * @description remove port + */ +Port.prototype.remove = function () +{ + // this.setUiAttribs({hidePort:true}); + this.removeLinks(); + this._op.removePort(this); +}; + +/** + * set ui attributes + * @function setUiAttribs + * @memberof Port + * @instance + * @param {Object} newAttribs + * 
+ * title - overwrite title of port (by default this is portname)
+ * greyout - port paramater will appear greyed out, can not be
+ * hidePort - port will be hidden from op
+ * hideParam - port params will be hidden from parameter panel
+ * showIndex - only for dropdowns - show value index (e.g. `0 - normal` )
+ * editorSyntax - set syntax highlighting theme for editor port
+ * ignoreObjTypeErrors - do not auto check object types
+ *
+ * @example + * myPort.setUiAttribs({greyout:true}); + */ +Port.prototype.setUiAttribs = function (newAttribs) +{ + let changed = false; + if (!this.uiAttribs) this.uiAttribs = {}; + + for (const p in newAttribs) + { + if (newAttribs[p] === undefined) + { + // delete newAttribs[p]; + delete this.uiAttribs[p]; + continue; + } + if (this.uiAttribs[p] != newAttribs[p]) changed = true; + this.uiAttribs[p] = newAttribs[p]; + + if (p == "group" && this.indexPort) this.indexPort.setUiAttribs({ "group": newAttribs[p] }); + } + + if (newAttribs.hasOwnProperty("expose")) this._op.patch.emitEvent("subpatchExpose", this._op.uiAttribs.subPatch); + + if (changed) this.emitEvent("onUiAttrChange", newAttribs, this); +}; + +/** + * get ui attributes + * @function getUiAttribs + * @memberof Port + * @example + * myPort.getUiAttribs(); + */ +Port.prototype.getUiAttribs = function () +{ + return this.uiAttribs; +}; + +/** + * get ui attribute + * @function getUiAttrib + * @memberof Port + * @instance + * @param {String} attribName + * 
+ * attribName - return value of the ui-attribute, or null on unknown attribute
+ *
+ * @example + * myPort.setUiAttribs("values"); + */ +Port.prototype.getUiAttrib = function (attribName) +{ + if (!this.uiAttribs || !this.uiAttribs.hasOwnProperty(attribName)) + { + return null; + } + return this.uiAttribs[attribName]; +}; + +/** + * @function get + * @memberof Port + * @instance + * @description get value of port + */ +Port.prototype.get = function () +{ + if (this._animated && this._lastAnimFrame != this._op.patch.getFrameNum()) + { + this._lastAnimFrame = this._op.patch.getFrameNum(); + this.value = this.anim.getValue(this._op.patch.timer.getTime()); + + this._oldAnimVal = this.value; + this.forceChange(); + } + + return this.value; +}; + +Port.prototype.setRef = function (v) +{ + this.forceRefChange = true; + this.set(v); +}; + +/** + * @function setValue + * @memberof Port + * @instance + * @description set value of port / will send value to all linked ports (only for output ports) + */ +Port.prototype.set = Port.prototype.setValue = function (v) +{ + if (v === undefined) v = null; + + if (this._op.enabled && !this.crashed) + { + if (v !== this.value || this.changeAlways || this.type == CONSTANTS.OP.OP_PORT_TYPE_TEXTURE || this.type == CONSTANTS.OP.OP_PORT_TYPE_ARRAY) + { + if (this._animated) + { + this.anim.setValue(this._op.patch.timer.getTime(), v); + } + else + { + try + { + this.value = v; + this.forceChange(); + } + catch (ex) + { + this.crashed = true; + this.op.crashed = true; + + console.log("crash", this.op.objName); + + this.setValue = function (_v) {}; + this.onTriggered = function () {}; + + this._log.error("onvaluechanged exception cought", ex); + this._log.error(ex.stack); + this._log.warn("exception in: " + this._op.name); + + if (this._op.patch.isEditorMode()) gui.showOpCrash(this._op); + + this._op.patch.emitEvent("exception", ex, this._op); + if (this._op.onError) this._op.onError(ex); + } + + if (this._op && this._op.patch && this._op.patch.isEditorMode() && this.type == CONSTANTS.OP.OP_PORT_TYPE_TEXTURE) gui.texturePreview().updateTexturePort(this); + } + + if (this.direction == CONSTANTS.PORT.PORT_DIR_OUT) for (let i = 0; i < this.links.length; ++i) this.links[i].setValue(); + } + } +}; + +Port.prototype.updateAnim = function () +{ + if (this._animated) + { + this.value = this.get(); + + if (this._oldAnimVal != this.value || this.changeAlways) + { + this._oldAnimVal = this.value; + this.forceChange(); + } + this._oldAnimVal = this.value; + } +}; + +Port.prototype.forceChange = function () +{ + if (this.onValueChanged || this.onChange) + { + // very temporary: deprecated warning!!!!!!!!! + // if(params.length>0) this._log.warn('TOM: port has onchange params!',this._op.objName,this.name); + } + this._activity(); + this.emitEvent("change", this.value, this); + + if (this.onChange) this.onChange(this, this.value); + else if (this.onValueChanged) this.onValueChanged(this, this.value); // deprecated +}; + +/** + * @function getTypeString + * @memberof Port + * @instance + * @description get port type as string, e.g. "Function","Value"... + * @return {String} type + */ +Port.prototype.getTypeString = function () +{ + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_VALUE) return "Number"; + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) return "Trigger"; + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT) return "Object"; + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC) return "Dynamic"; + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_ARRAY) return "Array"; + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_STRING) return "String"; + return "Unknown"; +}; + +Port.prototype.deSerializeSettings = function (objPort) +{ + if (!objPort) return; + if (objPort.animated) this.setAnimated(objPort.animated); + if (objPort.useVariable) this.setVariableName(objPort.useVariable); + if (objPort.title) this.setUiAttribs({ "title": objPort.title }); + if (objPort.expose) this.setUiAttribs({ "expose": true }); + if (objPort.order) this.setUiAttribs({ "order": objPort.order }); + if (objPort.multiPortNum) this.setUiAttribs({ "multiPortNum": objPort.multiPortNum }); + + if (objPort.anim) + { + if (!this.anim) this.anim = new Anim({ "name": "port " + this.name }); + this._op._hasAnimPort = true; + this.anim.addEventListener("onChange", () => + { + this._op.patch.emitEvent("portAnimUpdated", this._op, this, this.anim); + }); + if (objPort.anim.loop) this.anim.loop = objPort.anim.loop; + for (const ani in objPort.anim.keys) + { + this.anim.keys.push(new ANIM.Key(objPort.anim.keys[ani])); + } + this.anim.sortKeys(); + } +}; + +Port.prototype.setInitialValue = function (v) +{ + if (this.op.preservedPortLinks[this.name]) + { + for (let i = 0; i < this.op.preservedPortLinks[this.name].length; i++) + { + const lobj = this.op.preservedPortLinks[this.name][i]; + this.op.patch._addLink( + lobj.objIn, + lobj.objOut, + lobj.portIn, + lobj.portOut); + } + } + + if (this.op.preservedPortValues && this.op.preservedPortValues.hasOwnProperty(this.name) && this.op.preservedPortValues[this.name] !== undefined) + { + this.set(this.op.preservedPortValues[this.name]); + } + else + if (v !== undefined) this.set(v); + if (v !== undefined) this.defaultValue = v; +}; + +Port.prototype.getSerialized = function () +{ + let obj = { "name": this.getName() }; + + + if (!this.ignoreValueSerialize && this.links.length === 0) + { + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT && this.value && this.value.tex) {} + else obj.value = this.value; + } + if (this._useVariableName) obj.useVariable = this._useVariableName; + if (this._animated) obj.animated = true; + if (this.anim) obj.anim = this.anim.getSerialized(); + if (this.uiAttribs.multiPortNum) obj.multiPortNum = this.uiAttribs.multiPortNum; + if (this.uiAttribs.display == "file") obj.display = this.uiAttribs.display; + if (this.uiAttribs.expose) + { + obj.expose = true; + if (this.uiAttribs.hasOwnProperty("order")) obj.order = this.uiAttribs.order; + } + if (this.uiAttribs.title) obj.title = this.uiAttribs.title; + if ((this.preserveLinks || this.direction == CONSTANTS.PORT.PORT_DIR_OUT) && this.links.length > 0) + { + obj.links = []; + for (const i in this.links) + { + if (!this.links[i].ignoreInSerialize && (this.links[i].portIn && this.links[i].portOut)) obj.links.push(this.links[i].getSerialized()); + } + } + + if (this.direction == CONSTANTS.PORT.PORT_DIR_IN && this.links.length > 0) + { + for (const i in this.links) + { + if (!this.links[i].portIn || !this.links[i].portOut) continue; + + const otherp = this.links[i].getOtherPort(this); + // check if functions exist, are defined in core_extend_ops code in ui + if (otherp.op.isInBlueprint2 && this.op.isInBlueprint2) + { + if (otherp.op.isInBlueprint2() && !this.op.isInBlueprint2()) + { + obj.links = obj.links || []; + obj.links.push(this.links[i].getSerialized()); + } + } + } + } + + if (obj.links && obj.links.length == 0) delete obj.links; + if (this.type === CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) delete obj.value; + if (this.type === CONSTANTS.OP.OP_PORT_TYPE_FUNCTION && this.links.length == 0) obj = null; + if (obj && Object.keys(obj).length == 1 && obj.name)obj = null; // obj is null if there is no real information other than name + cleanJson(obj); + + return obj; +}; + +Port.prototype.shouldLink = function () +{ + return true; +}; + +/** + * @function removeLinks + * @memberof Port + * @instance + * @description remove all links from port + */ +Port.prototype.removeLinks = function () +{ + let count = 0; + while (this.links.length > 0) + { + count++; + if (count > 5000) + { + this._log.warn("could not delete links... / infinite loop"); + this.links.length = 0; + break; + } + this.links[0].remove(); + } +}; + +/** + * @function removeLink + * @memberof Port + * @instance + * @description remove all link from port + * @param {CABLES.Link} link + */ +Port.prototype.removeLink = function (link) +{ + for (const i in this.links) + if (this.links[i] == link) + this.links.splice(i, 1); + + if (this.direction == CONSTANTS.PORT.PORT_DIR_IN) + { + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_VALUE) this.setValue(this._valueBeforeLink || 0); + else this.setValue(this._valueBeforeLink || null); + } + + if (CABLES.UI && this._op.checkLinkTimeWarnings) this._op.checkLinkTimeWarnings(); + + if (this.onLinkChanged) this.onLinkChanged(); + this.emitEvent("onLinkChanged"); + this._op.emitEvent("onLinkChanged"); +}; + +/** + * @function getName + * @memberof Port + * @instance + * @description return port name + */ +Port.prototype.getName = function () +{ + return this.name; +}; + +/** + * @function getTitle + * @memberof Port + * @instance + * @description return port name or title + */ +Port.prototype.getTitle = function () +{ + if (this.uiAttribs.title) return this.uiAttribs.title; + return this.name; +}; + +Port.prototype.addLink = function (l) +{ + this._valueBeforeLink = this.value; + this.links.push(l); + if (CABLES.UI && this._op.checkLinkTimeWarnings) this._op.checkLinkTimeWarnings(); + + if (this.onLinkChanged) this.onLinkChanged(); + this.emitEvent("onLinkChanged"); + this._op.emitEvent("onLinkChanged"); +}; + +/** + * @function getLinkTo + * @memberof Port + * @instance + * @param {Port} otherPort + * @description return link, which is linked to otherPort + */ +Port.prototype.getLinkTo = function (p2) +{ + for (const i in this.links) if (this.links[i].portIn == p2 || this.links[i].portOut == p2) return this.links[i]; +}; + +/** + * @function removeLinkTo + * @memberof Port + * @instance + * @param {Port} otherPort + * @description removes link, which is linked to otherPort + */ +Port.prototype.removeLinkTo = function (p2) +{ + for (const i in this.links) + { + if (this.links[i].portIn == p2 || this.links[i].portOut == p2) + { + this.links[i].remove(); + if (CABLES.UI && this._op.checkLinkTimeWarnings) this._op.checkLinkTimeWarnings(); + + if (this.onLinkChanged) this.onLinkChanged(); + this.emitEvent("onLinkChanged"); + return; + } + } +}; + +/** + * @function isLinkedTo + * @memberof Port + * @instance + * @param {Port} otherPort + * @description returns true if port is linked to otherPort + */ +Port.prototype.isLinkedTo = function (p2) +{ + for (const i in this.links) if (this.links[i].portIn == p2 || this.links[i].portOut == p2) return true; + + return false; +}; + +Port.prototype._activity = function () +{ + this.activityCounter++; +}; + +/** + * @function trigger + * @memberof Port + * @instance + * @description trigger the linked port (usually invoked on an output function port) + */ +Port.prototype.trigger = function () +{ + const linksLength = this.links.length; + + this._activity(); + if (linksLength === 0) return; + if (!this._op.enabled) return; + + let portTriggered = null; + try + { + for (let i = 0; i < linksLength; ++i) + { + if (this.links[i].portIn) + { + portTriggered = this.links[i].portIn; + + portTriggered.op.patch.pushTriggerStack(portTriggered); + portTriggered._onTriggered(); + + portTriggered.op.patch.popTriggerStack(); + } + if (this.links[i]) this.links[i].activity(); + } + } + catch (ex) + { + portTriggered.op.enabled = false; + + if (this._op.patch.isEditorMode()) + { + this._op.patch.emitEvent("exception", ex, portTriggered.op); + this._op.patch.emitEvent("opcrash", portTriggered); + console.log("crash", portTriggered.op.objName); + + if (portTriggered.op.onError) portTriggered.op.onError(ex); + } + this._log.warn("exception!"); + this._log.error("ontriggered exception caught", ex); + this._log.error(ex.stack); + this._log.warn("exception in: " + portTriggered.op.name); + } +}; + +Port.prototype.call = function () +{ + this._log.warn("call deprecated - use trigger() "); + this.trigger(); +}; + +Port.prototype.execute = function () +{ + this._log.warn("### execute port: " + this.getName(), this.goals.length); +}; + +Port.prototype.setVariableName = function (n) +{ + this._useVariableName = n; + + + this._op.patch.on("variableRename", (oldname, newname) => + { + if (oldname != this._useVariableName) return; + this._useVariableName = newname; + }); +}; + +Port.prototype.getVariableName = function () +{ + return this._useVariableName; +}; + +Port.prototype.setVariable = function (v) +{ + this.setAnimated(false); + const attr = { "useVariable": false }; + + if (this._variableIn && this._varChangeListenerId) + { + this._variableIn.off(this._varChangeListenerId); + this._variableIn = null; + } + + if (v) + { + this._variableIn = this._op.patch.getVar(v); + + if (!this._variableIn) + { + this._log.warn("PORT VAR NOT FOUND!!!", v); + } + else + { + if (this.type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT) + { + this._varChangeListenerId = this._variableIn.on("change", () => { this.set(null); this.set(this._variableIn.getValue()); }); + } + else + { + this._varChangeListenerId = this._variableIn.on("change", this.set.bind(this)); + } + this.set(this._variableIn.getValue()); + } + this._useVariableName = v; + attr.useVariable = true; + attr.variableName = this._useVariableName; + } + else + { + attr.variableName = this._useVariableName = null; + attr.useVariable = false; + } + + this.setUiAttribs(attr); + this._op.patch.emitEvent("portSetVariable", this._op, this, v); +}; + +Port.prototype._handleNoTriggerOpAnimUpdates = function (a) +{ + let hasTriggerPort = false; + for (let i = 0; i < this._op.portsIn.length; i++) + { + if (this._op.portsIn.type == CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) + { + hasTriggerPort = true; + break; + } + } + + if (!hasTriggerPort) + { + if (a) this._notriggerAnimUpdate = this._op.patch.on("onRenderFrame", + () => + { + this.updateAnim(); + }); + else this._op.patch.removeEventListener(this._notriggerAnimUpdate); + } +}; + +Port.prototype.setAnimated = function (a) +{ + if (this._animated != a) + { + this._animated = a; + this._op._hasAnimPort = true; + + if (this._animated && !this.anim) + { + this.anim = new Anim({ "name": "port " + this.name }); + this.anim.addEventListener("onChange", () => + { + this._op.patch.emitEvent("portAnimUpdated", this._op, this, this.anim); + }); + } + this._onAnimToggle(); + } + + this._handleNoTriggerOpAnimUpdates(a); + if (!a) + { + this.anim = null; + } + + this.setUiAttribs({ "isAnimated": this._animated }); +}; + +Port.prototype.toggleAnim = function () +{ + this._animated = !this._animated; + if (this._animated && !this.anim) + { + this.anim = new Anim({ "name": "port " + this.name }); + this.anim.addEventListener("onChange", () => + { + this._op.patch.emitEvent("portAnimUpdated", this._op, this, this.anim); + }); + } + this.setAnimated(this._animated); + this._onAnimToggle(); + this.setUiAttribs({ "isAnimated": this._animated }); +}; + +/** + * 
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_VALUE = 0;
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_FUNCTION = 1;
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_OBJECT = 2;
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_TEXTURE = 2;
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_ARRAY = 3;
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC = 4;
+ * CABLES.CONSTANTS.OP.OP_PORT_TYPE_STRING = 5;
+ *
+ * @function getType + * @memberof Port + * @instance + * @return {Number} type of port + */ +Port.prototype.getType = function () +{ + return this.type; +}; + +/** + * @function isLinked + * @memberof Port + * @instance + * @return {Boolean} true if port is linked + */ +Port.prototype.isLinked = function () +{ + return this.links.length > 0 || this._animated || this._useVariableName != null; +}; + +Port.prototype.isBoundToVar = function () +{ + const b = this._useVariableName != null; + this.uiAttribs.boundToVar = b; + return b; +}; +/** + * @function isAnimated + * @memberof Port + * @instance + * @return {Boolean} true if port is animated + */ +Port.prototype.isAnimated = function () +{ + return this._animated; +}; + +/** + * @function isHidden + * @memberof Port + * @instance + * @return {Boolean} true if port is hidden + */ +Port.prototype.isHidden = function () +{ + return this.uiAttribs.hidePort; +}; + +/** + * @function onTriggered + * @memberof Port + * @instance + * @param {onTriggeredCallback} callback + * @description set callback, which will be executed when port was triggered (usually output port) + */ +Port.prototype._onTriggered = function (a) +{ + this._activity(); + this._op.updateAnims(); + if (this._op.enabled && this.onTriggered) this.onTriggered(a); +}; + +Port.prototype._onSetProfiling = function (v) +{ + this._op.patch.profiler.add("port", this); + this.setValue(v); + this._op.patch.profiler.add("port", null); +}; + +Port.prototype._onTriggeredProfiling = function () +{ + if (this._op.enabled && this.onTriggered) + { + this._op.patch.profiler.add("port", this); + this.onTriggered(); + this._op.patch.profiler.add("port", null); + } +}; + + + +Port.prototype.getUiActiveState = function () +{ + return this._uiActiveState; +}; + +Port.prototype.setUiActiveState = function (onoff) +{ + this._uiActiveState = onoff; + if (this.onUiActiveStateChange) this.onUiActiveStateChange(); +}; + +/** + * @deprecated + */ +Port.prototype.onValueChange = function (cb) +{ + this.onChange = cb; +}; + +/** + * @deprecated + */ +Port.prototype.hidePort = function () {}; + + +/** + * Returns the port type string, e.g. "value" based on the port type number + * @function portTypeNumberToString + * @instance + * @memberof Port + * @param {Number} type - The port type number + * @returns {String} - The port type as string + */ +Port.portTypeNumberToString = function (type) +{ + if (type == CONSTANTS.OP.OP_PORT_TYPE_VALUE) return "value"; + if (type == CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) return "function"; + if (type == CONSTANTS.OP.OP_PORT_TYPE_OBJECT) return "object"; + if (type == CONSTANTS.OP.OP_PORT_TYPE_ARRAY) return "array"; + if (type == CONSTANTS.OP.OP_PORT_TYPE_STRING) return "string"; + if (type == CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC) return "dynamic"; + return "unknown"; +}; + + + +;// CONCATENATED MODULE: ./src/core/core_port_switch.js + + + + +class SwitchPort extends Port +{ + constructor(__parent, name, type, uiAttribs, indexPort) + { + super(__parent, name, type, uiAttribs); + + this.get = () => + { + let s = super.get(); + + if (CABLES.UI) + { + if ( + s === "" || + s === null || + s === undefined || + (uiAttribs.values && uiAttribs.values.indexOf(String(s)) === -1) + ) + { + this.op.setUiError("invalidswitch", "Invalid Value [" + this.name + "]: \"" + s + "\""); + } + else this.op.setUiError("invalidswitch", null); + } + + if (s === null || s === undefined)s = ""; + + return s; + }; + + this.indexPort = indexPort; + this.indexPort.set = (value) => + { + const values = uiAttribs.values; + + if (!values) + { + // console.log("switch port has no values", this); + return; + } + + let intValue = Math.floor(value); + + intValue = Math.min(intValue, values.length - 1); + intValue = Math.max(intValue, 0); + + this.indexPort.setValue(intValue); + this.set(values[intValue]); + + if (this.op.patch.isEditorMode() && performance.now() - (this.lastTime || 0) > 100 && window.gui && gui.patchView.isCurrentOp(this.op)) + { + gui.opParams.show(this.op); + this.lastTime = performance.now(); + } + }; + } + + setUiAttribs(attribs) + { + const hidePort = attribs.hidePort; + attribs.hidePort = true; + super.setUiAttribs(attribs); + if (typeof hidePort !== "undefined") + { + this.indexPort.setUiAttribs({ hidePort }); + } + } +} + + + +;// CONCATENATED MODULE: ./src/core/core_port_select.js + + + + +class ValueSelectPort extends SwitchPort +{ + setUiAttribs(newAttribs) + { + // never unhide valuePort when indexPort is linked + if (this.indexPort.isLinked()) + { + for (const p in newAttribs) + { + if (p == "greyout" && !newAttribs[p]) newAttribs[p] = "true"; + } + } + super.setUiAttribs(newAttribs); + } +} + + + + + +;// CONCATENATED MODULE: ./src/core/core_port_multi.js + + + +const MIN_NUM_PORTS = 2; + +class MultiPort extends Port +{ + constructor(__parent, name, type, dir, uiAttribs) + { + super(__parent, name, CONSTANTS.OP.OP_PORT_TYPE_ARRAY, uiAttribs); + + this.uiAttribs.multiPortNum = this.uiAttribs.multiPortNum || MIN_NUM_PORTS; + this.setUiAttribs({ "multiPort": true, "group": this.name, "order": -1 }); + this.ports = []; + this.direction = dir; + + const updateArray = () => + { + const arr = []; + for (let i = 0; i < this.ports.length - 1; i++) + { + arr[i] = this.ports[i]; + } + + this.setRef(arr); + }; + + + + + + const updateUi = () => + { + for (let i = 0; i < this.ports.length; i++) + { + let lp; // undefined to remove/not set it + let opacity;// undefined to remove/not set it + let grey;// undefined to remove/not set it + + if (!this.uiAttribs.editable)grey = true; + if (i == 0) lp = this.ports.length; + if (i == this.ports.length - 1) + { + opacity = 0.2; + grey = true; + } + + this.ports[i].setUiAttribs({ "longPort": lp, "opacity": opacity, "greyout": grey, "group": this.name }); + } + }; + + this.removeInvalidPorts = () => + { + for (let i = 0; i < this.ports.length; i++) + { + if (!this.ports[i]) this.ports.splice(i, 1); + } + }; + + this.countPorts = () => + { + if (gui.patchView.patchRenderer.isDraggingPort()) + { + clearTimeout(this.retryTo); + this.retryTo = setTimeout(this.countPorts.bind(this)); + return; + } + this.retryTo = null; + + let redo = false; + this.removeListeners(); + this.removeInvalidPorts(); + + for (let i = 0; i < this.ports.length; i++) + { + if (this.ports[i] && this.ports[i].links.length > 1) + { + const po = this.ports[i + 1]; + const otherPort = this.ports[i].links[0].getOtherPort(this.ports[i]); + this.ports[i].links[0].remove(); + this.op.patch.link(this.op, po.name, otherPort.op, otherPort.name); + redo = true; + break; + } + } + + + let foundHole = true; + if (!this.uiAttribs.editable) + while (foundHole) + { + foundHole = false; + for (let i = this.ports.length - 1; i > 0; i--) + { + if (this.ports[i] && this.ports[i].links.length > 0 && this.ports[i - 1].links.length == 0) + { + console.log("found hole!"); + // found hole + + const otherPort = this.ports[i].links[0].getOtherPort(this.ports[i]); + this.ports[i].links[0].remove(); + + const po = this.ports[i - 1]; + + if (po && this.ports[i]) + { + console.log("move ", this.ports[i].name, "to", po.name); + + this.op.patch.link(this.op, po.name, otherPort.op, otherPort.name); + foundHole = true; + redo = true; + break; + } + } + } + } + + if (this.ports.length > 2) + { + let i = this.ports.length - 1; + if (!this.uiAttribs.editable) + { + if (this.ports[i].links.length == 0 && this.ports[i - 1].links.length == 0) + { + this.ports[i].remove(); + this.ports[i] = null; + } + } + } + this.removeInvalidPorts(); + + if (this.ports[this.ports.length - 1].isLinked()) this.newPort(); + + updateArray(); + updateUi(); + + if (redo) this.countPorts(); + else this.addListeners(); + }; + + this.removeListeners = () => + { + for (let i = 0; i < this.ports.length; i++) + { + const po = this.ports[i]; + po.multiPortChangeListener = po.off(po.multiPortChangeListener); + po.multiLinkChangeListener = po.off(po.multiLinkChangeListener); + } + }; + + this.addListeners = () => + { + for (let i = 0; i < this.ports.length; i++) + { + const po = this.ports[i]; + + if (po.multiPortChangeListener)po.multiPortChangeListener = po.off(po.multiPortChangeListener); + po.multiPortChangeListener = po.on("change", updateArray.bind(this)); + + if (po.multiPortTriggerListener)po.multiPortTriggerListener = po.off(po.multiPortTriggerListener); + po.multiPortTriggerListener = po.on("trigger", this.trigger()); + + + if (po.multiLinkChangeListener)po.multiLinkChangeListener = po.off(po.multiLinkChangeListener); + po.multiLinkChangeListener = po.on("onLinkChanged", this.countPorts.bind(this)); + } + }; + + this.newPort = () => + { + const attrs = {}; + if (type == CABLES.OP_PORT_TYPE_STRING) attrs.type = "string"; + const po = new Port(this.op, name + "_" + this.ports.length, type, attrs); + + po.direction = dir; + this.ports.push(po); + console.log("CONSTANTS.PORT_DIR_OUT", CONSTANTS.PORT.PORT_DIR_OUT, this.direction); + if (this.direction == CONSTANTS.PORT.PORT_DIR_OUT) this.op.addOutPort(po); + else this.op.addInPort(po); + + po.setInitialValue(""); + this.addListeners(); + + updateUi(); + return po; + }; + + this.initPorts = () => + { + for (let i = 0; i < 2; i++) this.newPort(); + updateArray(); + updateUi(); + }; + + this.checkNum = () => + { + if (MIN_NUM_PORTS != this.uiAttribs.multiPortNum) this.setUiAttribs({ "editable": true }); + + this.uiAttribs.multiPortNum = Math.max(MIN_NUM_PORTS, this.uiAttribs.multiPortNum); + + while (this.ports.length < this.uiAttribs.multiPortNum) this.newPort(); + while (this.ports.length > this.uiAttribs.multiPortNum) if (this.ports[this.ports.length - 1]) this.ports.pop().remove(); + + this.removeInvalidPorts(); + }; + + this.incDec = (incDir) => + { + this.setUiAttribs({ "multiPortNum": this.uiAttribs.multiPortNum + incDir }); + this.checkNum(); + this.setUiAttribs({ "editable": true }); + updateUi(); + }; + + this.on("onUiAttrChange", this.checkNum.bind(this)); + this.checkNum(); + } +} + + + + + +;// CONCATENATED MODULE: ./src/core/core_op.js + + + + + + + + + +/** + * op the class of all operators + * @external CABLES + * @namespace Op + * @hideconstructor + */ + +/** + * @type {Object} + * @name attachments + * @instance + * @memberof Op + * @description access file attachments as String values + * @example + * // set shader source to attached files (files are called shader.vert / shader.frag) + * shader.setSource(attachments.shader_vert,attachments.shader_frag); + */ + +const Ops = {}; + +const Op = function () +{ + EventTarget.apply(this); + + this._log = new Logger("core_op"); + this.data = {}; // UNUSED, DEPRECATED, only left in for backwards compatibility with userops + this.storage = {}; // op-specific data to be included in export + this._objName = ""; + this.portsOut = []; + this.portsIn = []; + this.portsInData = []; // original loaded patch data + this.opId = ""; // unique op id + this.uiAttribs = {}; + this.enabled = true; + this.patch = arguments[0]; + this.name = arguments[1]; + this.preservedPortValues = {}; + this.preservedPortLinks = {}; + + this._linkTimeRules = { + "needsLinkedToWork": [], + "needsParentOp": null + }; + + this.shouldWork = {}; + this.hasUiErrors = false; + this._uiErrors = {}; + this._hasAnimPort = false; + + if (arguments[1]) + { + this._shortOpName = CABLES.getShortOpName(arguments[1]); + this.getTitle(); + } + + this.id = arguments[2] || shortId(); // instance id + this.onAddPort = null; + this.onCreate = null; + this.onResize = null; + this.onLoaded = null; + this.onDelete = null; + this.onUiAttrChange = null; + this.onError = null; + + this._instances = null; + + /** + * overwrite this to prerender shader and meshes / will be called by op `loadingStatus` + * @function preRender + * @memberof Op + * @instance + */ + this.preRender = null; + + /** + * overwrite this to initialize your op + * @function init + * @memberof Op + * @instance + */ + this.init = null; + + Object.defineProperty(this, "objName", { get() { return this._objName; } }); + Object.defineProperty(this, "shortName", { get() { return this._shortOpName; } }); + + if (this.initUi) this.initUi(); +}; + +{ + Op.prototype.clearUiAttrib = function (name) + { + const obj = {}; + obj.name = null; + this.uiAttrib(obj); + }; + + Op.prototype.checkMainloopExists = function () + { + if (!CABLES.UI) return; + if (!this.patch.cgl.mainloopOp) this.setUiError("nomainloop", "patch should have a mainloop to use this op"); + else this.setUiError("nomainloop", null); + }; + + Op.prototype.getTitle = function () + { + if (!this.uiAttribs) return "nouiattribs" + this.name; + + if ((this.uiAttribs.title === undefined || this.uiAttribs.title === "") && this.objName.indexOf("Ops.Ui.") == -1) + this.uiAttribs.title = this._shortOpName; + + if (this.uiAttribs.title === undefined) this.uiAttribs.title = this._shortOpName; + + return this.uiAttribs.title; + }; + + Op.prototype.setTitle = function (name) + { + const doEmitEvent = this.name != name; + this.name = name; + + if (this.uiAttribs.title != name) this.uiAttr({ "title": name }); + if (doEmitEvent) this.emitEvent("onTitleChange", name); + }; + + Op.prototype.setStorage = function (newAttribs) + { + if (!newAttribs) return; + this.storage = this.storage || {}; + + let changed = false; + for (const p in newAttribs) + { + if (this.storage[p] != newAttribs[p]) changed = true; + this.storage[p] = newAttribs[p]; + } + + if (changed) this.emitEvent("onStorageChange", newAttribs); + }; + + Op.prototype.isSubPatchOp = function () + { + if (this.storage) return (this.storage.subPatchVer || 0); + }; + + const _setUiAttrib = function (newAttribs) + { + if (!newAttribs) return; + + if (newAttribs.error || newAttribs.warning || newAttribs.hint) + { + this._log.warn("old ui error/warning attribute in " + this.name + ", use op.setUiError !", newAttribs); + } + + + + if (typeof newAttribs != "object") this._log.error("op.uiAttrib attribs are not of type object"); + if (!this.uiAttribs) this.uiAttribs = {}; + + + let emitMove = false; + if ( + CABLES.UI && + newAttribs.hasOwnProperty("translate") && + ( + !this.uiAttribs.translate || + this.uiAttribs.translate.x != newAttribs.translate.x || + this.uiAttribs.translate.y != newAttribs.translate.y + )) emitMove = true; + + + if (newAttribs.hasOwnProperty("disabled")) + { + this.setEnabled(!newAttribs.disabled); + } + + let changed = false; + for (const p in newAttribs) + { + if (this.uiAttribs[p] != newAttribs[p]) changed = true; + this.uiAttribs[p] = newAttribs[p]; + } + + if (this.uiAttribs.hasOwnProperty("selected") && this.uiAttribs.selected == false) delete this.uiAttribs.selected; + if (newAttribs.title && newAttribs.title != this.name) this.setTitle(newAttribs.title); + + if (changed) + { + this.emitEvent("onUiAttribsChange", newAttribs); + this.patch.emitEvent("onUiAttribsChange", this, newAttribs); + } + + + if (emitMove) this.emitEvent("move"); + }; + /** + * setUiAttrib + * possible values: + * 
+     * warning - warning message - showing up in op parameter panel
+     * error - error message - showing up in op parameter panel
+     * extendTitle - op title extension, e.g. [ + ]
+     *
+ * @function setUiAttrib + * @param {Object} newAttribs, e.g. {"attrib":value} + * @memberof Op + * @instance + * @example + * op.setUiAttrib({"extendTitle":str}); + */ + Op.prototype.setUiAttribs = Op.prototype.setUiAttrib = Op.prototype.uiAttr = _setUiAttrib; + + Op.prototype.getName = function () + { + if (this.uiAttribs.name) return this.uiAttribs.name; + return this.name; + }; + + Op.prototype.addOutPort = function (p) + { + p.direction = CONSTANTS.PORT.PORT_DIR_OUT; + p._op = this; + this.portsOut.push(p); + this.emitEvent("onPortAdd", p); + return p; + }; + + Op.prototype.hasDynamicPort = function () + { + let i = 0; + for (i = 0; i < this.portsIn.length; i++) + { + if (this.portsIn[i].type == CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC) return true; + if (this.portsIn[i].getName() == "dyn") return true; + } + for (i = 0; i < this.portsOut.length; i++) + { + if (this.portsOut[i].type == CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC) return true; + if (this.portsOut[i].getName() == "dyn") return true; + } + + return false; + }; + + Op.prototype.addInPort = function (p) + { + if (!(p instanceof Port)) throw new Error("parameter is not a port!"); + + p.direction = CONSTANTS.PORT.PORT_DIR_IN; + p._op = this; + + this.portsIn.push(p); + this.emitEvent("onPortAdd", p); + + return p; + }; + + /** + * create a trigger input port + * @function inTrigger + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + * + */ + Op.prototype.inFunction = Op.prototype.inTrigger = function (name, v) + { + const p = this.addInPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_FUNCTION)); + if (v !== undefined) p.set(v); + return p; + }; + + /** + * create multiple UI trigger buttons + * @function inTriggerButton + * @memberof Op + * @instance + * @param {String} name + * @param {Array} names + * @return {Port} created port + */ + Op.prototype.inFunctionButton = Op.prototype.inTriggerButton = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_FUNCTION, { + "display": "button" + }) + ); + if (v !== undefined) p.set(v); + return p; + }; + + Op.prototype.inFunctionButton = Op.prototype.inUiTriggerButtons = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_FUNCTION, { + "display": "buttons" + }) + ); + if (v !== undefined) p.set(v); + return p; + }; + + + + /** + * create a number value input port + * @function inFloat + * @memberof Op + * @instance + * @param {String} name + * @param {Number} value + * @return {Port} created port + */ + Op.prototype.inValueFloat = Op.prototype.inValue = Op.prototype.inFloat = function (name, v) + { + const p = this.addInPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE)); + + p.setInitialValue(v); + + return p; + }; + + /** + * create a boolean input port, displayed as a checkbox + * @function inBool + * @instance + * @memberof Op + * @param {String} name + * @param {Boolean} value + * @return {Port} created port + */ + Op.prototype.inValueBool = Op.prototype.inBool = function (name, v) + { + // old + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_NUMBER, { + "display": "bool" + }) + ); + // if (v !== undefined) + // { + p.setInitialValue(v); + // p.set(v); + // p.defaultValue = p.get(); + // } + + return p; + }; + + + Op.prototype.inMultiPort = function (name, type) + { + const p = new MultiPort( + this, + name, + type, + CONSTANTS.PORT_DIR_IN, + { + "display": "multiport", + "hidePort": true + } + ); + p.ignoreValueSerialize = true; + + this.addInPort(p); + p.initPorts(); + + return p; + }; + + Op.prototype.outMultiPort = function (name, type) + { + const p = new MultiPort( + this, + name, + type, + CONSTANTS.PORT.PORT_DIR_OUT, + { + "display": "multiport", + "hidePort": true + } + ); + p.ignoreValueSerialize = true; + + this.addOutPort(p); + p.initPorts(); + + return p; + }; + + + + Op.prototype.inValueString = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "type": "string" + }) + ); + p.value = ""; + + p.setInitialValue(v); + return p; + }; + + /** + * create a String value input port + * @function inString + * @instance + * @memberof Op + * @param {String} name + * @param {String} value default value + * @return {Port} created port + */ + Op.prototype.inString = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_STRING, { + "type": "string" + }) + ); + v = v || ""; + // p.value = v; + + p.setInitialValue(v); + return p; + }; + + /** + * create a String value input port displayed as TextArea + * @function inValueText + * @instance + * @memberof Op + * @param {String} name + * @param {String} value default value + * @return {Port} created port + */ + Op.prototype.inValueText = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "type": "string", + "display": "text" + }) + ); + p.value = ""; + + p.setInitialValue(v); + // if (v !== undefined) + // { + // p.set(v); + // p.defaultValue = v; + // } + return p; + }; + + Op.prototype.inTextarea = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_STRING, { + "type": "string", + "display": "text" + }) + ); + p.value = ""; + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + /** + * create a String value input port displayed as editor + * @function inStringEditor + * @instance + * @memberof Op + * @param {String} name + * @param {String} value default value + * @return {Port} created port + */ + // new string + Op.prototype.inStringEditor = function (name, v, syntax, hideFormatButton = true) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_STRING, { + "type": "string", + "display": "editor", + "editShortcut": true, + "editorSyntax": syntax, + "hideFormatButton": hideFormatButton + })); + + p.value = ""; + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + // old + Op.prototype.inValueEditor = function (name, v, syntax, hideFormatButton = true) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_NUMBER, { + "type": "string", + "display": "editor", + "editorSyntax": syntax, + "hideFormatButton": hideFormatButton + }) + ); + p.value = ""; + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + /** + * create a string select box + * @function inDropDown + * @instance + * @memberof Op + * @param {String} name + * @param {Array} values + * @param {String} value default value + * @return {Port} created port + */ + Op.prototype.inValueSelect = Op.prototype.inDropDown = function (name, values, v, noindex) + { + let p = null; + if (!noindex) + { + const indexPort = new Port(this, name + " index", CONSTANTS.OP.OP_PORT_TYPE_NUMBER, { + "increment": "integer", + "hideParam": true + }); + const n = this.addInPort(indexPort); + + if (values) for (let i = 0; i < values.length; i++) values[i] = String(values[i]); + + const valuePort = new ValueSelectPort( + this, + name, + CONSTANTS.OP.OP_PORT_TYPE_NUMBER, + { + "display": "dropdown", + "hidePort": true, + "type": "string", + "values": values + }, + n + ); + + valuePort.indexPort = indexPort; + + valuePort.on("change", (val, thePort) => + { + if (!thePort.indexPort.isLinked() && thePort.uiAttribs.values) + { + const idx = thePort.uiAttribs.values.indexOf(val); + if (idx > -1) thePort.indexPort.set(idx); + } + }); + + indexPort.onLinkChanged = function () + { + valuePort.setUiAttribs({ "greyout": indexPort.isLinked() }); + }; + + p = this.addInPort(valuePort); + + if (v !== undefined) + { + p.set(v); + const index = values.findIndex((item) => { return item == v; }); + n.setValue(index); + p.defaultValue = v; + n.defaultValue = index; + } + } + else + { + const valuePort = new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "display": "dropdown", + "hidePort": true, + "type": "string", + values + }); + + p = this.addInPort(valuePort); + } + + return p; + }; + + /** + * create a string switch box + * @function inSwitch + * @instance + * @memberof Op + * @param {String} name + * @param {Array} values + * @param {String} value default value + * @return {Port} created port + */ + Op.prototype.inSwitch = function (name, values, v, noindex) + { + let p = null; + if (!noindex) + { + if (!v)v = values[0]; + const indexPort = new Port(this, name + " index", CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "increment": "integer", + "values": values, + "hideParam": true + }); + const n = this.addInPort(indexPort); + + if (values) for (let i = 0; i < values.length; i++) values[i] = String(values[i]); + + const switchPort = new SwitchPort( + this, + name, + CONSTANTS.OP.OP_PORT_TYPE_STRING, + { + "display": "switch", + "hidePort": true, + "type": "string", + "values": values + }, + n + ); + + switchPort.indexPort = indexPort; + + switchPort.on("change", (val, thePort) => + { + if (!thePort.indexPort.isLinked() && thePort.uiAttribs.values) + { + const idx = thePort.uiAttribs.values.indexOf(val); + if (idx > -1) thePort.indexPort.set(idx); + } + }); + + indexPort.onLinkChanged = function () + { + switchPort.setUiAttribs({ "greyout": indexPort.isLinked() }); + }; + p = this.addInPort(switchPort); + + if (v !== undefined) + { + p.set(v); + const index = values.findIndex((item) => { return item == v; }); + n.setValue(index); + p.defaultValue = v; + n.defaultValue = index; + } + } + else + { + const switchPort = new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_STRING, { + "display": "switch", + "hidePort": true, + "type": "string", + "values": values + }); + p = this.addInPort(switchPort); + } + + return p; + }; + + /** + * create a integer input port + * @function inInt + * @instance + * @memberof Op + * @param {String} name + * @param {number} value default value + * @return {Port} created port + */ + Op.prototype.inValueInt = Op.prototype.inInt = function (name, v) + { + // old + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "increment": "integer" + }) + ); + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + /** + * create a file/URL input port + * @function inURL + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.inFile = function (name, filter, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "display": "file", + "type": "string", + "filter": filter + }) + ); + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + Op.prototype.inUrl = function (name, filter, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_STRING, { + "display": "file", + "type": "string", + "filter": filter + }) + ); + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + /** + * create a texture input port + * @function inTexture + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.inTexture = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_OBJECT, { + "display": "texture", + "objType": "texture", + "preview": true + }) + ); + p.ignoreValueSerialize = true; + if (v !== undefined) p.set(v); + return p; + }; + + + /** + * create a object input port + * @function inObject + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.inObject = function (name, v, objType) + { + const p = this.addInPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_OBJECT, { "objType": objType })); + p.ignoreValueSerialize = true; + + if (v !== undefined) p.set(v); + return p; + }; + + Op.prototype.inGradient = function (name, v) + { + const p = this.addInPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "display": "gradient" + // "hidePort": true + }) + ); + if (v !== undefined) p.set(v); + return p; + }; + + + Op.prototype.getPortVisibleIndex = function (p) + { + let ports = this.portsIn; + if (p.direction == CONSTANTS.PORT_DIR_OUT)ports = this.portsOut; + + let index = 0; + for (let i = 0; i < ports.length; i++) + { + if (ports[i].uiAttribs.hidePort) continue; + index++; + if (ports[i] == p) return index; + } + }; + + /** + * create a array input port + * @function inArray + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.inArray = function (name, v, stride) + { + if (!stride && CABLES.UTILS.isNumeric(v))stride = v; + + const p = this.addInPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_ARRAY, { "stride": stride })); + + if (v !== undefined && (Array.isArray(v) || v == null)) p.set(v); + + // if (v !== undefined) p.set(v); + return p; + }; + + /** + * create a value slider input port + * @function inFloatSlider + * @instance + * @memberof Op + * @param {String} name + * @param {number} defaultvalue + * @param {number} min + * @param {number} max + * @return {Port} created port + */ + Op.prototype.inValueSlider = Op.prototype.inFloatSlider = function (name, v, min, max) + { + const uiattribs = { "display": "range" }; + + if (min != undefined && max != undefined) + { + uiattribs.min = min; + uiattribs.max = max; + } + + const p = this.addInPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, uiattribs)); + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + /** + * create output trigger port + * @function outTrigger + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outFunction = Op.prototype.outTrigger = function (name, v) + { + // old + const p = this.addOutPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_FUNCTION)); + if (v !== undefined) p.set(v); + return p; + }; + + /** + * create output value port + * @function outNumber + * @instance + * @memberof Op + * @param {String} name + * @param {number} default value + * @return {Port} created port + */ + Op.prototype.outValue = Op.prototype.outNumber = function (name, v) + { + // old + const p = this.addOutPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE)); + if (v !== undefined) p.set(v); + return p; + }; + + /** + * create output boolean port + * @function outBool + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outValueBool = Op.prototype.outBool = function (name, v) + { + // old + const p = this.addOutPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "display": "bool" + }) + ); + if (v !== undefined) p.set(v); + else p.set(0); + return p; + }; + + /** + * create output boolean port,value will be converted to 0 or 1 + * @function outBool + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outBoolNum = function (name, v) + { + const p = this.addOutPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "display": "boolnum" + }) + ); + + p.set = function (b) + { + this.setValue(b ? 1 : 0); + // console.log("bool set", b, this.get()); + }.bind(p); + + if (v !== undefined) p.set(v); + else p.set(0); + return p; + }; + + /** + * create output string port + * @function outString + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outValueString = function (name, v) + { + const p = this.addOutPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_VALUE, { + "type": "string" + }) + ); + if (v !== undefined) p.set(v); + return p; + }; + Op.prototype.outString = function (name, v) + { + const p = this.addOutPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_STRING, { + "type": "string" + }) + ); + if (v !== undefined) p.set(v); + else p.set(""); + return p; + }; + + /** + * create output object port + * @function outObject + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outObject = function (name, v, objType) + { + const p = this.addOutPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_OBJECT, { "objType": objType || null })); + p.set(v || null); + p.ignoreValueSerialize = true; + return p; + }; + + /** + * create output array port + * @function outArray + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outArray = function (name, v, stride) + { + if (!stride && CABLES.UTILS.isNumeric(v))stride = v; + const p = this.addOutPort(new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_ARRAY, { "stride": stride })); + if (v !== undefined && (Array.isArray(v) || v == null)) p.set(v); + + p.ignoreValueSerialize = true; + return p; + }; + + /** + * create output texture port + * @function outTexture + * @instance + * @memberof Op + * @param {String} name + * @return {Port} created port + */ + Op.prototype.outTexture = function (name, v) + { + const p = this.addOutPort( + new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_OBJECT, { + "preview": true, + "objType": "texture", + "display": "texture" + }) + ); + if (v !== undefined) p.set(v || CGL.Texture.getEmptyTexture(this.patch.cgl)); + + p.ignoreValueSerialize = true; + return p; + }; + + Op.prototype.inDynamic = function (name, filter, options, v) + { + const p = new Port(this, name, CONSTANTS.OP.OP_PORT_TYPE_DYNAMIC, options); + + p.shouldLink = function (p1, p2) + { + if (filter && UTILS.isArray(filter)) + { + for (let i = 0; i < filter.length; i++) + { + if (p1 == this && p2.type === filter[i]) return true; + if (p2 == this && p1.type === filter[i]) return true; + } + return false; // types do not match + } + return true; // no filter set + }; + + this.addInPort(p); + if (v !== undefined) + { + p.set(v); + p.defaultValue = v; + } + return p; + }; + + Op.prototype.removeLinks = function () + { + for (let i = 0; i < this.portsIn.length; i++) this.portsIn[i].removeLinks(); + for (let ipo = 0; ipo < this.portsOut.length; ipo++) this.portsOut[ipo].removeLinks(); + }; + + Op.prototype.getSerialized = function () + { + const opObj = {}; + + if (this.opId) opObj.opId = this.opId; + if (this.patch.storeObjNames) opObj.objName = this.objName; + + + opObj.id = this.id; + opObj.uiAttribs = JSON.parse(JSON.stringify(this.uiAttribs)) || {}; + + if (this.storage && Object.keys(this.storage).length > 0) opObj.storage = JSON.parse(JSON.stringify(this.storage)); + if (this.uiAttribs.hasOwnProperty("working") && this.uiAttribs.working == true) delete this.uiAttribs.working; + if (opObj.uiAttribs.hasOwnProperty("uierrors")) delete opObj.uiAttribs.uierrors; + + if (opObj.uiAttribs.title == this._shortOpName) delete opObj.uiAttribs.title; + + opObj.portsIn = []; + opObj.portsOut = []; + + // console.log("this.portsIn", this.portsIn); + + for (let i = 0; i < this.portsIn.length; i++) + { + const s = this.portsIn[i].getSerialized(); + if (s)opObj.portsIn.push(s); + } + for (const ipo in this.portsOut) + { + const s = this.portsOut[ipo].getSerialized(); + if (s)opObj.portsOut.push(s); + } + + if (opObj.portsIn.length == 0) delete opObj.portsIn; + if (opObj.portsOut.length == 0) delete opObj.portsOut; + cleanJson(opObj); + + return opObj; + }; + + Op.prototype.getFirstOutPortByType = function (type) + { + for (const ipo in this.portsOut) if (this.portsOut[ipo].type == type) return this.portsOut[ipo]; + }; + + Op.prototype.getFirstInPortByType = function (type) + { + for (const ipo in this.portsIn) if (this.portsIn[ipo].type == type) return this.portsIn[ipo]; + }; + + /** + * return port by the name portName + * @function getPort + * @instance + * @memberof Op + * @param {String} portName + * @return {Port} + */ + Op.prototype.getPort = Op.prototype.getPortByName = function (name, lowerCase) + { + if (lowerCase) + { + for (let ipi = 0; ipi < this.portsIn.length; ipi++) + if (this.portsIn[ipi].getName().toLowerCase() == name || this.portsIn[ipi].id.toLowerCase() == name) + return this.portsIn[ipi]; + + for (let ipo = 0; ipo < this.portsOut.length; ipo++) + if (this.portsOut[ipo].getName().toLowerCase() == name || this.portsOut[ipo].id.toLowerCase() == name) + return this.portsOut[ipo]; + } + else + { + for (let ipi = 0; ipi < this.portsIn.length; ipi++) + if (this.portsIn[ipi].getName() == name || this.portsIn[ipi].id == name) + return this.portsIn[ipi]; + + for (let ipo = 0; ipo < this.portsOut.length; ipo++) + if (this.portsOut[ipo].getName() == name || this.portsOut[ipo].id == name) + return this.portsOut[ipo]; + } + }; + + + /** + * return port by the name id + * @function getPortById + * @instance + * @memberof Op + * @param {String} id + * @return {Port} + */ + Op.prototype.getPortById = function (id) + { + for (let ipi = 0; ipi < this.portsIn.length; ipi++) if (this.portsIn[ipi].id == id) return this.portsIn[ipi]; + for (let ipo = 0; ipo < this.portsOut.length; ipo++) if (this.portsOut[ipo].id == id) return this.portsOut[ipo]; + }; + + Op.prototype.updateAnims = function () + { + if (this._hasAnimPort) + for (let i = 0; i < this.portsIn.length; i++) this.portsIn[i].updateAnim(); + }; + + Op.prototype.log = function () + { + const initiator = "op " + this.objName; + if (CABLES.UI && !CABLES.UI.logFilter.shouldPrint(initiator, ...arguments)) return; + if (!CABLES.UI && this.patch.silent) return; + + const args = ["[op " + CABLES.getShortOpName(this.objName) + "]"]; + args.push.apply(args, arguments); + Function.prototype.apply.apply(console.log, [console, args]);// eslint-disable-line + }; + + Op.prototype.error = Op.prototype.logError = function () + { + if (!this) + { + console.log("no this...!!!"); + debugger; + return; + } + + // if (this.patch.silent) return; + const args = ["[op " + CABLES.getShortOpName(this.objName) + "]"]; + args.push.apply(args, arguments); + Function.prototype.apply.apply(console.error, [console, args]);// eslint-disable-line + if (window.gui) window.gui.emitEvent("opLogEvent", this.objName, "error", arguments); + }; + + Op.prototype.warn = Op.prototype.logWarn = function () + { + // if (this.patch.silent) return; + const args = ["[op " + CABLES.getShortOpName(this.objName) + "]"]; + args.push.apply(args, arguments); + Function.prototype.apply.apply(console.warn, [console, args]);// eslint-disable-line + }; + + Op.prototype.verbose = Op.prototype.logVerbose = function () + { + const initiator = "op " + CABLES.getShortOpName(this.objName); + if (CABLES.UI && !CABLES.UI.logFilter.shouldPrint(initiator, ...arguments)) return; + + if (!CABLES.UI && this.patch.silent) return; + + const args = ["[" + initiator + "]"]; + args.push.apply(args, arguments); + Function.prototype.apply.apply(console.info, [console, args]);// eslint-disable-line + }; + + + Op.prototype.profile = function (enable) + { + for (let ipi = 0; ipi < this.portsIn.length; ipi++) + { + this.portsIn[ipi]._onTriggered = this.portsIn[ipi]._onTriggeredProfiling; + this.portsIn[ipi].set = this.portsIn[ipi]._onSetProfiling; + } + }; + + Op.prototype.findParent = function (objName) + { + for (let ipi = 0; ipi < this.portsIn.length; ipi++) + { + if (this.portsIn[ipi].isLinked()) + { + if (this.portsIn[ipi].links[0].portOut.parent.objName == objName) + return this.portsIn[ipi].links[0].portOut.parent; + + let found = null; + found = this.portsIn[ipi].links[0].portOut.parent.findParent(objName); + if (found) return found; + } + } + return null; + }; + + + // todo: check instancing stuff? + Op.prototype.cleanUp = function () + { + if (this._instances) + { + for (let i = 0; i < this._instances.length; i++) + { + if (this._instances[i].onDelete) this._instances[i].onDelete(); + } + + + this._instances.length = 0; + } + for (let i = 0; i < this.portsIn.length; i++) + { + this.portsIn[i].setAnimated(false); + } + + if (this.onAnimFrame) this.patch.removeOnAnimFrame(this); + }; + + // todo: check instancing stuff? + Op.prototype.instanced = function (triggerPort) + { + console.log("instanced", this.patch.instancing.numCycles()); + if (this.patch.instancing.numCycles() === 0) return false; + + + let i = 0; + let ipi = 0; + if (!this._instances || this._instances.length != this.patch.instancing.numCycles()) + { + if (!this._instances) this._instances = []; + this._.log("creating instances of ", this.objName, this.patch.instancing.numCycles(), this._instances.length); + this._instances.length = this.patch.instancing.numCycles(); + + for (i = 0; i < this._instances.length; i++) + { + this._instances[i] = this.patch.createOp(this.objName, true); + this._instances[i].instanced = function () + { + return false; + }; + this._instances[i].uiAttr(this.uiAttribs); + + for (let ipo = 0; ipo < this.portsOut.length; ipo++) + { + if (this.portsOut[ipo].type == CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) + { + this._instances[i].getPortByName(this.portsOut[ipo].name).trigger = this.portsOut[ipo].trigger.bind(this.portsOut[ipo]); + } + } + } + + for (ipi = 0; ipi < this.portsIn.length; ipi++) + { + this.portsIn[ipi].onChange = null; + this.portsIn[ipi].onValueChanged = null; + } + } + + const theTriggerPort = null; + for (ipi = 0; ipi < this.portsIn.length; ipi++) + { + if ( + this.portsIn[ipi].type == CONSTANTS.OP.OP_PORT_TYPE_VALUE || + this.portsIn[ipi].type == CONSTANTS.OP.OP_PORT_TYPE_ARRAY + ) + { + this._instances[this.patch.instancing.index()].portsIn[ipi].set(this.portsIn[ipi].get()); + } + if (this.portsIn[ipi].type == CONSTANTS.OP.OP_PORT_TYPE_FUNCTION) + { + // if(this._instances[ this.patch.instancing.index() ].portsIn[ipi].name==triggerPort.name) + // theTriggerPort=this._instances[ this.patch.instancing.index() ].portsIn[ipi]; + } + } + + if (theTriggerPort) theTriggerPort.onTriggered(); + + for (ipi = 0; ipi < this.portsOut.length; ipi++) + { + if (this.portsOut[ipi].type == CONSTANTS.OP.OP_PORT_TYPE_VALUE) + { + this.portsOut[ipi].set(this._instances[this.patch.instancing.index()].portsOut[ipi].get()); + } + } + + return true; + }; + + // todo: check instancing stuff? + Op.prototype.initInstancable = function () + { + // if(this.isInstanced) + // { + // console.log('cancel instancing'); + // return; + // } + // this._instances=[]; + // for(var ipi=0;ipi { cb(this._patch); this.emitEvent("finishedAll"); }, 100); + } + } + + if (!this._wasFinishedPrinted) + { + this._wasFinishedPrinted = true; + this.print(); + } + this.emitEvent("finishedAll"); + } +}; + +LoadingStatus.prototype.getList = function () +{ + let arr = []; + for (const i in this._loadingAssets) + { + arr.push(this._loadingAssets[i]); + } + + return arr; +}; + + +LoadingStatus.prototype.getListJobs = function () +{ + let arr = []; + for (const i in this._loadingAssets) + { + if (!this._loadingAssets[i].finished)arr.push(this._loadingAssets[i].name); + } + + return arr; +}; + +LoadingStatus.prototype.print = function () +{ + if (this._patch.config.silent) return; + + const rows = []; + + for (const i in this._loadingAssets) + { + rows.push([ + this._loadingAssets[i].order, + this._loadingAssets[i].type, + this._loadingAssets[i].name, + (this._loadingAssets[i].timeEnd - this._loadingAssets[i].timeStart) / 1000 + "s", + ]); + } + + this._log.groupCollapsed( + "finished loading " + this._order + " assets in " + (Date.now() - this._startTime) / 1000 + "s", + ); + this._log.table(rows); + this._log.groupEnd(); +}; + +LoadingStatus.prototype.finished = function (id) +{ + const l = this._loadingAssets[id]; + if (l) + { + if (l.finished) this._log.warn("loading job was already finished", l); + + if (l.op) l.op.setUiAttribs({ "loading": false }); + l.finished = true; + l.timeEnd = Date.now(); + } + + this.checkStatus(); + this.emitEvent("finishedTask"); +}; + +LoadingStatus.prototype._startAssetTasks = function () +{ + for (let i = 0; i < this._assetTasks.length; i++) this._assetTasks[i](); + this._assetTasks.length = 0; +}; + +/** + * delay an asset loading task, mainly to wait for ui to be finished loading and showing, and only then start loading assets + * @function addAssetLoadingTask + * @instance + * @memberof Op + * @param {function} callback + */ +LoadingStatus.prototype.addAssetLoadingTask = function (cb) +{ + if (this._patch.isEditorMode() && !CABLES.UI.loaded) + { + this._assetTasks.push(cb); + + if (!this._loadingAssetTaskCb)window.gui.addEventListener("uiloaded", this._startAssetTasks.bind(this)); + this._loadingAssetTaskCb = true; + } + else + { + cb(); + } + this.emitEvent("addAssetTask"); +}; + +LoadingStatus.prototype.existByName = function (name) +{ + for (let i in this._loadingAssets) + { + if (this._loadingAssets[i].name == name && !this._loadingAssets[i].finished) + { + return true; + } + } +}; + +LoadingStatus.prototype.start = function (type, name, op) +{ + if (this._startTime == 0) this._startTime = Date.now(); + const id = generateUUID(); + + if (op)op.setUiAttribs({ "loading": true }); + + this._loadingAssets[id] = { + "id": id, + "op": op, + "type": type, + "name": name, + "finished": false, + "timeStart": Date.now(), + "order": this._order, + }; + this._order++; + + this.emitEvent("startTask"); + + return id; +}; + + + +;// CONCATENATED MODULE: ./src/core/instancing.js +// todo: needs to be removed... + +const Instancing = function () +{ + this._loops = []; + this._indizes = []; + this._index = 0; +}; + +Instancing.prototype.pushLoop = function (maxNum) +{ + this._loops.push(Math.abs(Math.floor(maxNum))); + this._indizes.push(this._index); +}; + +Instancing.prototype.popLoop = function () +{ + this._loops.pop(); + // this._index--; + this._index = this._indizes.pop(); + if (this._loops.length === 0) this._index = 0; +}; + +Instancing.prototype.numLoops = function () +{ + return this._loops.length; +}; + +Instancing.prototype.numCycles = function () +{ + if (this._loops.length === 0) return 0; + let num = this._loops[0]; + for (let i = 1; i < this._loops.length; i++) num *= this._loops[i]; + + return num; +}; + +Instancing.prototype.inLoop = function () +{ + return this._loops.length > 0; +}; + +Instancing.prototype.increment = function () +{ + this._index++; +}; + +Instancing.prototype.index = function () +{ + return this._index; +}; + + + +;// CONCATENATED MODULE: ./src/core/timer.js + + +/** @namespace CABLES */ + +const internalNow = function () +{ + return window.performance.now(); +}; + +/** + * current time in milliseconds + * @memberof CABLES + * @function now + * @static + */ +const now = function () +{ + return internalNow(); +}; + +// ---------------------------- + +/** + * Measuring time + * @external CABLES + * @namespace Timer + * @hideconstructor + * @class + */ +const Timer = function () +{ + EventTarget.apply(this); + + this._timeStart = internalNow(); + this._timeOffset = 0; + + this._currentTime = 0; + this._lastTime = 0; + this._paused = true; + this._delay = 0; + this.overwriteTime = -1; +}; + + +Timer.prototype._internalNow = function () +{ + if (this._ts) return this._ts; + return internalNow(); +}; + +Timer.prototype._getTime = function () +{ + this._lastTime = (this._internalNow() - this._timeStart) / 1000; + return this._lastTime + this._timeOffset; +}; + +Timer.prototype.setDelay = function (d) +{ + this._delay = d; + this.emitEvent("timeChange"); +}; + +/** + * @function + * @memberof Timer + * @instance + * @description returns true if timer is playing + * @return {Boolean} value + */ +Timer.prototype.isPlaying = function () +{ + return !this._paused; +}; + +/** + * @function + * @memberof Timer + * @instance + * @description update timer + * @return {Number} time + */ +Timer.prototype.update = function (ts) +{ + if (ts) this._ts = ts; + if (this._paused) return; + this._currentTime = this._getTime(); + + return this._currentTime; +}; + +/** + * @function + * @memberof Timer + * @instance + * @return {Number} time in milliseconds + */ +Timer.prototype.getMillis = function () +{ + return this.get() * 1000; +}; + +/** + * @function + * @memberof Timer + * @instance + * @return {Number} value time in seconds + */ +Timer.prototype.get = Timer.prototype.getTime = function () +{ + if (this.overwriteTime >= 0) return this.overwriteTime - this._delay; + return this._currentTime - this._delay; +}; + +/** + * toggle between play/pause state + * @function + * @memberof Timer + * @instance + */ +Timer.prototype.togglePlay = function () +{ + if (this._paused) this.play(); + else this.pause(); +}; + +/** + * set current time + * @function + * @memberof Timer + * @instance + * @param {Number} t + */ +Timer.prototype.setTime = function (t) +{ + if (isNaN(t) || t < 0) t = 0; + this._timeStart = this._internalNow(); + this._timeOffset = t; + this._currentTime = t; + this.emitEvent("timeChange"); +}; + +Timer.prototype.setOffset = function (val) +{ + if (this._currentTime + val < 0) + { + this._timeStart = this._internalNow(); + this._timeOffset = 0; + this._currentTime = 0; + } + else + { + this._timeOffset += val; + this._currentTime = this._lastTime + this._timeOffset; + } + this.emitEvent("timeChange"); +}; + +/** + * (re)starts the timer + * @function + * @memberof Timer + * @instance + */ +Timer.prototype.play = function () +{ + this._timeStart = this._internalNow(); + this._paused = false; + this.emitEvent("playPause"); +}; + +/** + * pauses the timer + * @function + * @memberof Timer + * @instance + */ +Timer.prototype.pause = function () +{ + this._timeOffset = this._currentTime; + this._paused = true; + this.emitEvent("playPause"); +}; + + + +;// CONCATENATED MODULE: ./src/core/core_profiler.js + + +class Profiler +{ + constructor(patch) + { + this.startFrame = patch.getFrameNum(); + this.items = {}; + this.currentId = null; + this.currentStart = 0; + this._patch = patch; + } + + getItems() + { + return this.items; + } + + clear() + { + if (this.paused) return; + this.items = {}; + } + + togglePause() + { + this.paused = !this.paused; + if (!this.paused) + { + this.items = {}; + this.currentStart = performance.now(); + } + } + + add(type, object) + { + if (this.paused) return; + + if (this.currentId !== null) + { + if (!object || object.id != this.currentId) + { + if (this.items[this.currentId]) + { + this.items[this.currentId].timeUsed += performance.now() - this.currentStart; + + if (!this.items[this.currentId].peakTime || now() - this.items[this.currentId].peakTime > 5000) + { + this.items[this.currentId].peak = 0; + this.items[this.currentId].peakTime = now(); + } + this.items[this.currentId].peak = Math.max(this.items[this.currentId].peak, performance.now() - this.currentStart); + } + } + } + + if (object !== null) + { + if (!this.items[object.id]) + { + this.items[object.id] = { + "numTriggers": 0, + "timeUsed": 0, + }; + } + + if (this.items[object.id].lastFrame != this._patch.getFrameNum()) this.items[object.id].numTriggers = 0; + + this.items[object.id].lastFrame = this._patch.getFrameNum(); + this.items[object.id].numTriggers++; + this.items[object.id].opid = object.op.id; + this.items[object.id].title = object.op.name + "." + object.name; + this.items[object.id].subPatch = object.op.uiAttribs.subPatch; + + this.currentId = object.id; + this.currentStart = performance.now(); + } + else + { + this.currentId = null; + } + } + + print() + { + console.log("--------"); + for (const i in this.items) + { + console.log(this.items[i].title + ": " + this.items[i].numTriggers + " / " + this.items[i].timeUsed); + } + } +} + + + +;// CONCATENATED MODULE: ./src/core/cgl/constants.js +const SHADER = { + // default attributes + "SHADERVAR_VERTEX_POSITION": "vPosition", + "SHADERVAR_VERTEX_NUMBER": "attrVertIndex", + "SHADERVAR_VERTEX_NORMAL": "attrVertNormal", + "SHADERVAR_VERTEX_TEXCOORD": "attrTexCoord", + "SHADERVAR_INSTANCE_MMATRIX": "instMat", + "SHADERVAR_VERTEX_COLOR": "attrVertColor", + + "SHADERVAR_INSTANCE_INDEX": "instanceIndex", + + // default uniforms + "SHADERVAR_UNI_PROJMAT": "projMatrix", + "SHADERVAR_UNI_VIEWMAT": "viewMatrix", + "SHADERVAR_UNI_MODELMAT": "modelMatrix", + "SHADERVAR_UNI_NORMALMAT": "normalMatrix", + "SHADERVAR_UNI_INVVIEWMAT": "inverseViewMatrix", + "SHADERVAR_UNI_INVPROJMAT": "invProjMatrix", + "SHADERVAR_UNI_MATERIALID": "materialId", + "SHADERVAR_UNI_OBJECTID": "objectId", + + "SHADERVAR_UNI_VIEWPOS": "camPos", +}; + + +const BLEND_MODES = { + "BLEND_NONE": 0, + "BLEND_NORMAL": 1, + "BLEND_ADD": 2, + "BLEND_SUB": 3, + "BLEND_MUL": 4, +}; + + + + + +const RAD2DEG = 180.0 / Math.PI; +const DEG2RAD = Math.PI / 180.0; + +const constants_CONSTANTS = { + "MATH": { + "DEG2RAD": DEG2RAD, + "RAD2DEG": RAD2DEG, + }, + "SHADER": SHADER, + "BLEND_MODES": BLEND_MODES, +}; + + + + +;// CONCATENATED MODULE: ./src/core/cg/cg_uniform.js + + + +class CgUniform +{ + constructor(__shader, __type, __name, _value, _port2, _port3, _port4, _structUniformName, _structName, _propertyName) + { + this._log = new Logger("cg_uniform"); + this._type = __type; + this._name = __name; + this._shader = __shader; + this._value = 0.00001; + this._oldValue = null; + this._port = null; + this._structName = _structName; + this._structUniformName = _structUniformName; + this._propertyName = _propertyName; + + this._shader._addUniform(this); + this.needsUpdate = true; + this.shaderType = null; + this.comment = null; + + if (__type == "f") + { + this.set = this.setValue = this.setValueF.bind(this); + this.updateValue = this.updateValueF.bind(this); + } + else if (__type == "f[]") + { + this.set = this.setValue = this.setValueArrayF.bind(this); + this.updateValue = this.updateValueArrayF.bind(this); + } + else if (__type == "2f[]") + { + this.set = this.setValue = this.setValueArray2F.bind(this); + this.updateValue = this.updateValueArray2F.bind(this); + } + else if (__type == "3f[]") + { + this.set = this.setValue = this.setValueArray3F.bind(this); + this.updateValue = this.updateValueArray3F.bind(this); + } + else if (__type == "4f[]") + { + this.set = this.setValue = this.setValueArray4F.bind(this); + this.updateValue = this.updateValueArray4F.bind(this); + } + else if (__type == "i") + { + this.set = this.setValue = this.setValueI.bind(this); + this.updateValue = this.updateValueI.bind(this); + } + else if (__type == "2i") + { + this.set = this.setValue = this.setValue2I.bind(this); + this.updateValue = this.updateValue2I.bind(this); + } + else if (__type == "3i") + { + this.set = this.setValue = this.setValue3I.bind(this); + this.updateValue = this.updateValue3I.bind(this); + } + else if (__type == "4i") + { + this.set = this.setValue = this.setValue4I.bind(this); + this.updateValue = this.updateValue4I.bind(this); + } + else if (__type == "b") + { + this.set = this.setValue = this.setValueBool.bind(this); + this.updateValue = this.updateValueBool.bind(this); + } + else if (__type == "4f") + { + this.set = this.setValue = this.setValue4F.bind(this); + this.updateValue = this.updateValue4F.bind(this); + } + else if (__type == "3f") + { + this.set = this.setValue = this.setValue3F.bind(this); + this.updateValue = this.updateValue3F.bind(this); + } + else if (__type == "2f") + { + this.set = this.setValue = this.setValue2F.bind(this); + this.updateValue = this.updateValue2F.bind(this); + } + else if (__type == "t") + { + this.set = this.setValue = this.setValueT.bind(this); + this.updateValue = this.updateValueT.bind(this); + } + else if (__type == "tc") + { + this.set = this.setValue = this.setValueT.bind(this); + this.updateValue = this.updateValueT.bind(this); + } + else if (__type == "t[]") + { + this.set = this.setValue = this.setValueArrayT.bind(this); + this.updateValue = this.updateValueArrayT.bind(this); + } + else if (__type == "m4" || __type == "m4[]") + { + this.set = this.setValue = this.setValueM4.bind(this); + this.updateValue = this.updateValueM4.bind(this); + } + else throw new Error("Unknown uniform type"); + + if (typeof _value == "object" && _value instanceof Port) + { + this._port = _value; + this._value = this._port.get(); + + + if (_port2 && _port3 && _port4) + { + if (!(_port2 instanceof Port) || !(_port3 instanceof Port) || !(_port4 instanceof Port)) + { + this._log.error("[cgl_uniform] mixed port/value parameter for vec4 ", this._name); + } + + this._value = [0, 0, 0, 0]; + this._port2 = _port2; + this._port3 = _port3; + this._port4 = _port4; + + this._port.on("change", this.updateFromPort4f.bind(this)); + this._port2.on("change", this.updateFromPort4f.bind(this)); + this._port3.on("change", this.updateFromPort4f.bind(this)); + this._port4.on("change", this.updateFromPort4f.bind(this)); + + // this._port.onChange = this._port2.onChange = this._port3.onChange = this._port4.onChange = this.updateFromPort4f.bind(this); + this.updateFromPort4f(); + } + else if (_port2 && _port3) + { + if (!(_port2 instanceof Port) || !(_port3 instanceof Port)) + { + this._log.error("[cgl_uniform] mixed port/value parameter for vec4 ", this._name); + } + + this._value = [0, 0, 0]; + this._port2 = _port2; + this._port3 = _port3; + // this._port.onChange = this._port2.onChange = this._port3.onChange = this.updateFromPort3f.bind(this); + this._port.on("change", this.updateFromPort3f.bind(this)); + this._port2.on("change", this.updateFromPort3f.bind(this)); + this._port3.on("change", this.updateFromPort3f.bind(this)); + + this.updateFromPort3f(); + } + else if (_port2) + { + if (!(_port2 instanceof Port)) + { + this._log.error("[cgl_uniform] mixed port/value parameter for vec4 ", this._name); + } + + this._value = [0, 0]; + this._port2 = _port2; + // this._port.onChange = this._port2.onChange = this.updateFromPort2f.bind(this); + this._port.on("change", this.updateFromPort2f.bind(this)); + this._port2.on("change", this.updateFromPort2f.bind(this)); + + this.updateFromPort2f(); + } + else + { + // this._port.on = this.updateFromPort.bind(this); + this._port.on("change", this.updateFromPort.bind(this)); + } + } + else this._value = _value; + + this.setValue(this._value); + this.needsUpdate = true; + } + + + getType() + { + return this._type; + } + + getName() + { + return this._name; + } + + getValue() + { + return this._value; + } + + getShaderType() + { + return this.shaderType; + } + + isStructMember() + { + return !!this._structName; + } + + + updateFromPort4f() + { + this._value[0] = this._port.get(); + this._value[1] = this._port2.get(); + this._value[2] = this._port3.get(); + this._value[3] = this._port4.get(); + this.setValue(this._value); + } + + updateFromPort3f() + { + this._value[0] = this._port.get(); + this._value[1] = this._port2.get(); + this._value[2] = this._port3.get(); + this.setValue(this._value); + } + + updateFromPort2f() + { + this._value[0] = this._port.get(); + this._value[1] = this._port2.get(); + this.setValue(this._value); + } + + updateFromPort() + { + this.setValue(this._port.get()); + } +} + +/* harmony default export */ const cg_uniform = (CgUniform); + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_shader_uniform.js + + + + +/** + * Shader uniforms + * + * types: + * 
+ * f    - float
+ * 2f   - vec2
+ * 3f   - vec3
+ * 4f   - vec4
+ * i    - integer
+ * t    - texture
+ * m4   - mat4, 4x4 float matrix
+ * f[]  - array of floats
+ * 2f[] - array of float vec2
+ * 3f[] - array of float vec3
+ * 4f[] - array of float vec4
+ *
+ * + * @external CGL + * @namespace Uniform + * @class + * @param {Shader} shader + * @param {String} [type=f] + * @param {String} name + * @param {Number|Port} value can be a Number,Matrix or Port + * @example + * // bind float uniform called myfloat and initialize with value 1.0 + * const unir=new CGL.Uniform(shader,'f','myfloat',1.0); + * unir.setValue(1.0); + * + * // bind float uniform called myfloat and automatically set it to input port value + * const myPort=op.inFloat("input"); + * const pv=new CGL.Uniform(shader,'f','myfloat',myPort); + * + */ + + +// export const Uniform(__shader, __type, __name, _value, _port2, _port3, _port4, _structUniformName, _structName, _propertyName) + +class Uniform extends cg_uniform +{ + constructor(__shader, __type, __name, _value, _port2, _port3, _port4, _structUniformName, _structName, _propertyName) + { + super(__shader, __type, __name, _value, _port2, _port3, _port4, _structUniformName, _structName, _propertyName); + this._loc = -1; + this._cgl = __shader._cgl; + } + + get name() + { + return this._name; + } + + copy(newShader) + { + const uni = new Uniform(newShader, this._type, this._name, this._value, this._port2, this._port3, this._port4, this._structUniformName, this._structName, this._propertyName); + uni.shaderType = this.shaderType; + return uni; + } + + /** + * returns type as glsl type string. e.g. 'f' returns 'float' + * @function getGlslTypeString + * @memberof Uniform + * @instance + * @return {string} type as string + */ + getGlslTypeString() + { + return Uniform.glslTypeString(this._type); + } + + _isValidLoc() + { + return this._loc != -1;// && this._loc != null; + } + + resetLoc() + { + this._loc = -1; + this.needsUpdate = true; + } + + bindTextures() {} + + getLoc() + { + return this._loc; + } + + updateFromPort4f() + { + this._value[0] = this._port.get(); + this._value[1] = this._port2.get(); + this._value[2] = this._port3.get(); + this._value[3] = this._port4.get(); + this.setValue(this._value); + } + + updateFromPort3f() + { + this._value[0] = this._port.get(); + this._value[1] = this._port2.get(); + this._value[2] = this._port3.get(); + this.setValue(this._value); + } + + updateFromPort2f() + { + this._value[0] = this._port.get(); + this._value[1] = this._port2.get(); + this.setValue(this._value); + } + + updateFromPort() + { + this.setValue(this._port.get()); + } + + updateValueF() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + this._shader.getCgl().gl.uniform1f(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + setValueF(v) + { + if (v != this._value) + { + this.needsUpdate = true; + this._value = v; + } + } + + updateValueI() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + this._shader.getCgl().gl.uniform1i(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + updateValue2I() + { + if (!this._value) return; + + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + + this._shader.getCgl().gl.uniform2i(this._loc, this._value[0], this._value[1]); + + this.needsUpdate = false; + this._cgl.profileData.profileUniformCount++; + } + + updateValue3I() + { + if (!this._value) return; + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + + this._shader.getCgl().gl.uniform3i(this._loc, this._value[0], this._value[1], this._value[2]); + this.needsUpdate = false; + this._cgl.profileData.profileUniformCount++; + } + + updateValue4I() + { + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + this._shader.getCgl().gl.uniform4i(this._loc, this._value[0], this._value[1], this._value[2], this._value[3]); + this._cgl.profileData.profileUniformCount++; + } + + setValueI(v) + { + if (v != this._value) + { + this.needsUpdate = true; + this._value = v; + } + } + + setValue2I(v) + { + if (!v) return; + if (!this._oldValue) + { + this._oldValue = [v[0] - 1, 1]; + this.needsUpdate = true; + } + else if (v[0] != this._oldValue[0] || v[1] != this._oldValue[1]) + { + this._oldValue[0] = v[0]; + this._oldValue[1] = v[1]; + this.needsUpdate = true; + } + + this._value = v; + } + + setValue3I(v) + { + if (!v) return; + if (!this._oldValue) + { + this._oldValue = [v[0] - 1, 1, 2]; + this.needsUpdate = true; + } + else if (v[0] != this._oldValue[0] || v[1] != this._oldValue[1] || v[2] != this._oldValue[2]) + { + this._oldValue[0] = v[0]; + this._oldValue[1] = v[1]; + this._oldValue[2] = v[2]; + this.needsUpdate = true; + } + + this._value = v; + } + + setValue4I(v) + { + this.needsUpdate = true; + this._value = v || vec4.create(); + } + + updateValueBool() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + this._shader.getCgl().gl.uniform1i(this._loc, this._value ? 1 : 0); + + this._cgl.profileData.profileUniformCount++; + } + + setValueBool(v) + { + if (v != this._value) + { + this.needsUpdate = true; + this._value = v; + } + } + + setValueArray4F(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValueArray4F() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + if (!this._value) return; + this._shader.getCgl().gl.uniform4fv(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + setValueArray3F(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValueArray3F() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + if (!this._value) return; + this._shader.getCgl().gl.uniform3fv(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + setValueArray2F(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValueArray2F() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + if (!this._value) return; + this._shader.getCgl().gl.uniform2fv(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + setValueArrayF(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValueArrayF() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + if (!this._value) return; + this._shader.getCgl().gl.uniform1fv(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + setValueArrayT(v) + { + this.needsUpdate = true; + this._value = v; + } + + + updateValue3F() + { + if (!this._value) return; + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + + this._shader.getCgl().gl.uniform3f(this._loc, this._value[0], this._value[1], this._value[2]); + this.needsUpdate = false; + this._cgl.profileData.profileUniformCount++; + } + + setValue3F(v) + { + if (!v) return; + if (!this._oldValue) + { + this._oldValue = [v[0] - 1, 1, 2]; + this.needsUpdate = true; + } + else if (v[0] != this._oldValue[0] || v[1] != this._oldValue[1] || v[2] != this._oldValue[2]) + { + this._oldValue[0] = v[0]; + this._oldValue[1] = v[1]; + this._oldValue[2] = v[2]; + this.needsUpdate = true; + } + + this._value = v; + } + + updateValue2F() + { + if (!this._value) return; + + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + + this._shader.getCgl().gl.uniform2f(this._loc, this._value[0], this._value[1]); + this.needsUpdate = false; + this._cgl.profileData.profileUniformCount++; + } + + setValue2F(v) + { + if (!v) return; + if (!this._oldValue) + { + this._oldValue = [v[0] - 1, 1]; + this.needsUpdate = true; + } + else if (v[0] != this._oldValue[0] || v[1] != this._oldValue[1]) + { + this._oldValue[0] = v[0]; + this._oldValue[1] = v[1]; + this.needsUpdate = true; + } + this._value = v; + } + + updateValue4F() + { + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + + if (!this._value) + { + this._log.warn("no value for uniform", this._name, this); + this._value = [0, 0, 0, 0]; + } + + this.needsUpdate = false; + this._shader.getCgl().gl.uniform4f(this._loc, this._value[0], this._value[1], this._value[2], this._value[3]); + this._cgl.profileData.profileUniformCount++; + } + + setValue4F(v) + { + if (typeof this.value == "number") this.value = vec4.create(); // this should not be needed, but somehow it crashes with some shadermods + + if (!v) return; + if (!this._oldValue) + { + this._oldValue = [v[0] - 1, 1, 2, 3]; + this.needsUpdate = true; + } + else if (v[0] != this._oldValue[0] || v[1] != this._oldValue[1] || v[2] != this._oldValue[2] || v[3] != this._oldValue[3]) + { + this._oldValue[0] = v[0]; + this._oldValue[1] = v[1]; + this._oldValue[2] = v[2]; + this.needsUpdate = true; + } + + this._value = v; + } + + updateValueM4() + { + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + if (!this._value || this._value.length % 16 != 0) return console.log("this.name", this._name, this._value); + + this._shader.getCgl().gl.uniformMatrix4fv(this._loc, false, this._value); + this._cgl.profileData.profileUniformCount++; + } + + setValueM4(v) + { + this.needsUpdate = true; + this._value = v || mat4.create(); + } + + updateValueArrayT() + { + if (!this._isValidLoc()) this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + else this.needsUpdate = false; + + if (!this._value) return; + this._shader.getCgl().gl.uniform1iv(this._loc, this._value); + this._cgl.profileData.profileUniformCount++; + } + + updateValueT() + { + if (!this._isValidLoc()) + { + this._loc = this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(), this._name); + this._cgl.profileData.profileShaderGetUniform++; + this._cgl.profileData.profileShaderGetUniformName = this._name; + } + + this._cgl.profileData.profileUniformCount++; + this._shader.getCgl().gl.uniform1i(this._loc, this._value); + this.needsUpdate = false; + } + + setValueT(v) + { + this.needsUpdate = true; + this._value = v; + } +} + + +Uniform.glslTypeString = (t) => +{ + if (t == "f") return "float"; + if (t == "b") return "bool"; + if (t == "i") return "int"; + if (t == "2i") return "ivec2"; + if (t == "2f") return "vec2"; + if (t == "3f") return "vec3"; + if (t == "4f") return "vec4"; + if (t == "m4") return "mat4"; + + if (t == "t") return "sampler2D"; + if (t == "tc") return "samplerCube"; + + if (t == "3f[]") return null; // ignore this for now... + if (t == "m4[]") return null; // ignore this for now... + if (t == "f[]") return null; // ignore this for now... + + console.warn("[CGL UNIFORM] unknown glsl type string ", t); +}; + + +/** + * @function setValue + * @memberof Uniform + * @instance + * @param {Number|Array|Matrix|Texture} value + */ + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_texture.js + + + + + +const DEFAULT_TEXTURE_SIZE = 8; + +/** + * A Texture + * @external CGL + * @namespace Texture + * @constructor + * @param {Context} cgl + * @param {Object} [options] + * @hideconstructor + * @class + * @example + * // generate a 256x256 pixel texture of random colors + * const size=256; + * const data = new Uint8Array(size*size*4); + * + * for(var x=0;x this._cgl.maxTexSize || h > this._cgl.maxTexSize) this._log.error("texture size too big! " + w + "x" + h + " / max: " + this._cgl.maxTexSize); + + w = Math.min(w, this._cgl.maxTexSize); + h = Math.min(h, this._cgl.maxTexSize); + + w = Math.floor(w); + h = Math.floor(h); + if (this.width == w && this.height == h) return; + + w = this._cgl.checkTextureSize(w); + h = this._cgl.checkTextureSize(h); + + this.width = w; + this.height = h; + this.deleted = false; + + this.setFormat(Texture.setUpGlPixelFormat(this._cgl, this.pixelFormat)); + + this.shortInfoString = this.getInfoOneLine();// w + "x" + h + ""; + + this._cgl.gl.bindTexture(this.texTarget, this.tex); + this._cgl.profileData.profileTextureResize++; + + const uarr = null; + + this._cgl.gl.texImage2D(this.texTarget, 0, this._glInternalFormat, w, h, 0, this._glDataFormat, this._glDataType, uarr); + + this._setFilter(); + + this.updateMipMap(); + + this._cgl.gl.bindTexture(this.texTarget, null); +}; + + +/** + * @function initFromData + * @memberof Texture + * @instance + * @description create texturem from rgb data + * @param {Array} data rgb color array [r,g,b,a,r,g,b,a,...] + * @param {Number} width + * @param {Number} height + * @param {Number} filter + * @param {Number} wrap + */ +Texture.prototype.initFromData = function (data, w, h, filter, wrap) +{ + this.filter = filter; + this.wrap = wrap; + if (filter == undefined) this.filter = Texture.FILTER_LINEAR; + if (wrap == undefined) this.wrap = Texture.WRAP_CLAMP_TO_EDGE; + this.width = w; + this.height = h; + this._fromData = true; + this.deleted = false; + + if (this.height > this._cgl.maxTexSize || this.width > this._cgl.maxTexSize) + { + const t = CGL.Texture.getTempTexture(this._cgl); + this.width = t.width; + this.height = t.height; + this.tex = t.tex; + this._log.error("[cgl_texture] texture size to big!!!", this.width, this.height, this._cgl.maxTexSize); + return; + } + + if (this.flip) this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_FLIP_Y_WEBGL, this.flip); + + this._cgl.gl.bindTexture(this.texTarget, this.tex); + + this.setFormat(Texture.setUpGlPixelFormat(this._cgl, this.pixelFormat)); + + this._cgl.gl.texImage2D(this.texTarget, 0, this._glInternalFormat, w, h, 0, this._glDataFormat, this._glDataType, data); + + this._setFilter(); + this.updateMipMap(); + + if (this.flip) this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_FLIP_Y_WEBGL, false); + this._cgl.gl.bindTexture(this.texTarget, null); +}; + +Texture.prototype.updateMipMap = function () +{ + if ((this._cgl.glVersion == 2 || this.isPowerOfTwo()) && this.filter == Texture.FILTER_MIPMAP) + { + this._cgl.gl.generateMipmap(this.texTarget); + this._cgl.profileData.profileGenMipMap++; + } +}; + +/** + * set texture data from an image/canvas object + * @function initTexture + * @memberof Texture + * @instance + * @param {Object} image + * @param {Number} filter + */ +Texture.prototype.initTexture = function (img, filter) +{ + this._cgl.printError("before initTexture"); + this._cgl.checkFrameStarted("texture inittexture"); + this._fromData = false; + + this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this.unpackAlpha); + if (img.width || img.videoWidth) this.width = img.videoWidth || img.width; + if (img.height || img.videoHeight) this.height = img.videoHeight || img.height; + + if (filter !== undefined) this.filter = filter; // todo: can we remove this filter param? + + if (img.height > this._cgl.maxTexSize || img.width > this._cgl.maxTexSize) + { + const t = CGL.Texture.getTempTexture(this._cgl); + this.width = t.width; + this.height = t.height; + this.tex = t.tex; + this._log.error("[cgl_texture] texture size to big!!!", img.width, img.height, this._cgl.maxTexSize); + return; + } + + + // console.log("loaded texture", img.width, img.height); + + this._cgl.gl.bindTexture(this.texTarget, this.tex); + + this.deleted = false; + this.flipped = !this.flip; + if (this.flipped) this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_FLIP_Y_WEBGL, this.flipped); + + + this.setFormat(Texture.setUpGlPixelFormat(this._cgl, this.pixelFormat)); + + this._cgl.gl.texImage2D(this.texTarget, 0, this._glInternalFormat, this._glDataFormat, this._glDataType, img); + // this._cgl.gl.texImage2D(this.texTarget, 0, this._cgl.gl.RGBA, this._cgl.gl.RGBA, this._cgl.gl.UNSIGNED_BYTE, img); + + // if (this._cgl.printError("[cgl_texture] init " + this.name)); + + this._setFilter(); + this.updateMipMap(); + + // if (this._cgl.printError("[cgl_texture] init2")); + + this._cgl.gl.bindTexture(this.texTarget, null); + this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false); + if (this.flipped) this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_FLIP_Y_WEBGL, false); + + this.getInfoOneLine(); + this._cgl.printError("initTexture"); +}; + +/** + * delete texture. use this when texture is no longer needed + * @function delete + * @memberof Texture + * @instance + */ +Texture.prototype.dispose = +Texture.prototype.delete = function () +{ + if (this.loading) + { + // cant delete texture when still loading + // setTimeout(this.delete.bind(this), 50); + return; + } + + this.deleted = true; + this.width = 0; + this.height = 0; + this._cgl.profileData.profileTextureDelete++; + this._cgl.gl.deleteTexture(this.tex); + this.image = null; + + this.tex = null; +}; + +/** + * @function isPowerOfTwo + * @memberof Texture + * @instance + * @description return true if texture width and height are both power of two + * @return {Boolean} + */ +Texture.prototype.isPowerOfTwo = function () +{ + return Texture.isPowerOfTwo(this.width) && Texture.isPowerOfTwo(this.height); +}; + +Texture.prototype.printInfo = function () +{ + console.log(this.getInfo()); +}; + +Texture.prototype.getInfoReadable = function () +{ + const info = this.getInfo(); + let html = ""; + + info.name = info.name.substr(0, info.name.indexOf("?rnd=")); + + for (const i in info) + { + html += "* " + i + ": **" + info[i] + "**\n"; + } + + return html; +}; + +Texture.prototype.getInfoOneLine = function () +{ + let txt = "" + this.width + "x" + this.height; + txt += " "; + // if (this.textureType === CGL.Texture.TYPE_FLOAT) txt += " 32bit"; else txt += " 8bit"; + // if (this.textureType === CGL.Texture.TYPE_FLOAT) txt += " 32bit"; else txt += " 8bit"; + txt += this.pixelFormat; + + if (this.filter === CGL.Texture.FILTER_NEAREST) txt += " nearest"; + if (this.filter === CGL.Texture.FILTER_LINEAR) txt += " linear"; + if (this.filter === CGL.Texture.FILTER_MIPMAP) txt += " mipmap"; + + if (this.wrap === CGL.Texture.WRAP_CLAMP_TO_EDGE) txt += " clamp"; + if (this.wrap === CGL.Texture.WRAP_REPEAT) txt += " repeat"; + if (this.wrap === CGL.Texture.WRAP_MIRRORED_REPEAT) txt += " repeatmir"; + + this.shortInfoString = txt; + + return txt; +}; + +Texture.prototype.getInfoOneLineShort = function () +{ + let txt = "" + this.width + "x" + this.height; + // if (this.textureType === CGL.Texture.TYPE_FLOAT) txt += " 32bit"; else txt += " 8bit"; + txt += " "; + txt += this.pixelFormat; + + this.shortInfoString = txt; + + return txt; +}; + + +Texture.prototype.getInfo = function () +{ + return Texture.getTexInfo(this); +}; + + +Texture.prototype._setFilter = function () +{ + this._cgl.printError("before _setFilter"); + + if (!this._fromData) + { + this._cgl.gl.pixelStorei(this._cgl.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this.unpackAlpha); + } + + if (this.shadowMap) + { + this._cgl.gl.texParameteri(this._cgl.gl.TEXTURE_2D, this._cgl.gl.TEXTURE_COMPARE_MODE, this._cgl.gl.COMPARE_REF_TO_TEXTURE); + this._cgl.gl.texParameteri(this._cgl.gl.TEXTURE_2D, this._cgl.gl.TEXTURE_COMPARE_FUNC, this._cgl.gl.LEQUAL); + } + + if (this.textureType == Texture.TYPE_FLOAT && this.filter == Texture.FILTER_MIPMAP) + { + this.filter = Texture.FILTER_LINEAR; + this._log.stack("texture: HDR and mipmap filtering at the same time is not possible"); + } + + if (this._cgl.glVersion == 1 && !this.isPowerOfTwo()) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MAG_FILTER, this._cgl.gl.NEAREST); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MIN_FILTER, this._cgl.gl.NEAREST); + + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_S, this._cgl.gl.CLAMP_TO_EDGE); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_T, this._cgl.gl.CLAMP_TO_EDGE); + + this.filter = Texture.FILTER_NEAREST; + this.wrap = Texture.WRAP_CLAMP_TO_EDGE; + } + else + { + if (this.wrap == Texture.WRAP_CLAMP_TO_EDGE) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_S, this._cgl.gl.CLAMP_TO_EDGE); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_T, this._cgl.gl.CLAMP_TO_EDGE); + } + else if (this.wrap == Texture.WRAP_REPEAT) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_S, this._cgl.gl.REPEAT); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_T, this._cgl.gl.REPEAT); + } + else if (this.wrap == Texture.WRAP_MIRRORED_REPEAT) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_S, this._cgl.gl.MIRRORED_REPEAT); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_WRAP_T, this._cgl.gl.MIRRORED_REPEAT); + } + + if (this.filter == Texture.FILTER_NEAREST) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MAG_FILTER, this._cgl.gl.NEAREST); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MIN_FILTER, this._cgl.gl.NEAREST); + } + else if (this.filter == Texture.FILTER_LINEAR) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MIN_FILTER, this._cgl.gl.LINEAR); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MAG_FILTER, this._cgl.gl.LINEAR); + } + else if (this.filter == Texture.FILTER_MIPMAP) + { + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MAG_FILTER, this._cgl.gl.LINEAR); + this._cgl.gl.texParameteri(this.texTarget, this._cgl.gl.TEXTURE_MIN_FILTER, this._cgl.gl.LINEAR_MIPMAP_LINEAR); + } + else + { + this._log.log("unknown texture filter!", this.filter); + throw new Error("unknown texture filter!" + this.filter); + } + + if (this.anisotropic) + { + const ext = this._cgl.enableExtension("EXT_texture_filter_anisotropic"); + + + + if (this._cgl.maxAnisotropic) + { + const aniso = Math.min(this._cgl.maxAnisotropic, this.anisotropic); + this._cgl.gl.texParameterf(this._cgl.gl.TEXTURE_2D, ext.TEXTURE_MAX_ANISOTROPY_EXT, aniso); + } + } + } + this.getInfoOneLine(); + this._cgl.printError("_setFilter"); +}; + + +/** + * @function load + * @static + * @memberof Texture + * @description load an image from an url + * @param {Context} cgl + * @param {String} url + * @param {Function} onFinished + * @param {Object} options + * @return {Texture} + */ +Texture.load = function (cgl, url, finishedCallback, settings) +{ + if (!url) return finishedCallback({ "error": true }); + let loadingId = null; + if (!cgl.patch.loading.existByName(url)) loadingId = cgl.patch.loading.start("texture", url); + + const texture = new Texture(cgl); + texture.name = url; + + // texture.pixelFormat = Texture.PFORMATSTR_; + + if (cgl.patch.isEditorMode()) gui.jobs().start({ "id": "loadtexture" + loadingId, "title": "loading texture " + CABLES.basename(url) }); + + texture.image = new Image(); + texture.image.crossOrigin = "anonymous"; + texture.loading = true; + + if (settings && settings.hasOwnProperty("filter")) texture.filter = settings.filter; + if (settings && settings.hasOwnProperty("flip")) texture.flip = settings.flip; + if (settings && settings.hasOwnProperty("wrap")) texture.wrap = settings.wrap; + if (settings && settings.hasOwnProperty("anisotropic")) texture.anisotropic = settings.anisotropic; + if (settings && settings.hasOwnProperty("unpackAlpha")) texture.unpackAlpha = settings.unpackAlpha; + if (settings && settings.hasOwnProperty("pixelFormat")) texture.pixelFormat = settings.pixelFormat; + + texture.image.onabort = texture.image.onerror = (e) => + { + console.warn("[cgl.texture.load] error loading texture", url, e); + texture.loading = false; + if (loadingId) cgl.patch.loading.finished(loadingId); + const error = { "error": true }; + if (finishedCallback) finishedCallback(error, texture); + if (cgl.patch.isEditorMode()) gui.jobs().finish("loadtexture" + loadingId); + }; + + texture.image.onload = function (e) + { + cgl.addNextFrameOnceCallback(() => + { + texture.initTexture(texture.image); + if (loadingId) cgl.patch.loading.finished(loadingId); + texture.loading = false; + if (cgl.patch.isEditorMode()) gui.jobs().finish("loadtexture" + loadingId); + + if (finishedCallback) finishedCallback(null, texture); + }); + }; + texture.image.src = url; + + return texture; +}; + +/** + * @static + * @function getTempTexture + * @memberof Texture + * @description returns the default temporary texture (grey diagonal stipes) + * @param {Context} cgl + * @return {Texture} + */ +Texture.getTempTexture = function (cgl) +{ + if (!cgl) console.error("[getTempTexture] no cgl!"); + if (!cgl.tempTexture) cgl.tempTexture = Texture.getTemporaryTexture(cgl, 256, Texture.FILTER_LINEAR, Texture.REPEAT); + return cgl.tempTexture; +}; + +/** + * @static + * @function getErrorTexture + * @memberof Texture + * @description returns the default temporary texture (grey diagonal stipes) + * @param {Context} cgl + * @return {Texture} + */ +Texture.getErrorTexture = function (cgl) +{ + if (!cgl) console.error("[getTempTexture] no cgl!"); + if (!cgl.errorTexture) cgl.errorTexture = Texture.getTemporaryTexture(cgl, 256, Texture.FILTER_LINEAR, Texture.REPEAT, 1, 0.2, 0.2); + return cgl.errorTexture; +}; + + +/** + * @function getEmptyTexture + * @memberof Texture + * @instance + * @description returns a reference to a small empty (transparent) texture + * @return {Texture} + */ +Texture.getEmptyTexture = function (cgl, fp) +{ + if (fp) return Texture.getEmptyTextureFloat(cgl); + if (!cgl) console.error("[getEmptyTexture] no cgl!"); + if (cgl.tempTextureEmpty) return cgl.tempTextureEmpty; + + cgl.tempTextureEmpty = new Texture(cgl, { "name": "emptyTexture" }); + const data = new Uint8Array(8 * 8 * 4).fill(0); + for (let i = 0; i < 8 * 8 * 4; i += 4) data[i + 3] = 0; + + cgl.tempTextureEmpty.initFromData(data, 8, 8, Texture.FILTER_NEAREST, Texture.WRAP_REPEAT); + + return cgl.tempTextureEmpty; +}; + +/** + * @function getEmptyTextureFloat + * @memberof Texture + * @instance + * @description returns a reference to a small empty (transparent) 32bit texture + * @return {Texture} + */ +Texture.getEmptyTextureFloat = function (cgl) +{ + if (!cgl) console.error("[getEmptyTextureFloat] no cgl!"); + if (cgl.tempTextureEmptyFloat) return cgl.tempTextureEmptyFloat; + + cgl.tempTextureEmptyFloat = new Texture(cgl, { "name": "emptyTexture", "isFloatingPointTexture": true }); + const data = new Float32Array(8 * 8 * 4).fill(1); + for (let i = 0; i < 8 * 8 * 4; i += 4) data[i + 3] = 0; + + cgl.tempTextureEmptyFloat.initFromData(data, 8, 8, Texture.FILTER_NEAREST, Texture.WRAP_REPEAT); + + return cgl.tempTextureEmptyFloat; +}; + + +/** + * @function getRandomTexture + * @memberof Texture + * @static + * @description returns a reference to a random texture + * @return {Texture} + */ +Texture.getRandomTexture = function (cgl) +{ + if (!cgl) console.error("[getRandomTexture] no cgl!"); + if (cgl.randomTexture) return cgl.randomTexture; + + const size = 256; + const data = new Uint8Array(size * size * 4); + + for (let x = 0; x < size * size; x++) + { + data[x * 4 + 0] = Math.random() * 255; + data[x * 4 + 1] = Math.random() * 255; + data[x * 4 + 2] = Math.random() * 255; + data[x * 4 + 3] = 255; + } + + cgl.randomTexture = new Texture(cgl); + cgl.randomTexture.initFromData(data, size, size, Texture.FILTER_NEAREST, Texture.WRAP_REPEAT); + + return cgl.randomTexture; +}; + +/** + * @function getRandomFloatTexture + * @memberof Texture + * @static + * @description returns a reference to a texture containing random numbers between -1 and 1 + * @return {Texture} + */ +Texture.getRandomFloatTexture = function (cgl) +{ + if (!cgl) console.error("[getRandomTexture] no cgl!"); + if (cgl.getRandomFloatTexture) return cgl.getRandomFloatTexture; + + const size = 256; + const data = new Float32Array(size * size * 4); + + for (let x = 0; x < size * size; x++) + { + data[x * 4 + 0] = (Math.random() - 0.5) * 2.0; + data[x * 4 + 1] = (Math.random() - 0.5) * 2.0; + data[x * 4 + 2] = (Math.random() - 0.5) * 2.0; + data[x * 4 + 3] = 1; + } + + cgl.getRandomFloatTexture = new Texture(cgl, { "isFloatingPointTexture": true }); + cgl.getRandomFloatTexture.initFromData(data, size, size, Texture.FILTER_NEAREST, Texture.WRAP_REPEAT); + + return cgl.getRandomFloatTexture; +}; + +/** + * @function getBlackTexture + * @memberof Texture + * @static + * @description returns a reference to a black texture + * @return {Texture} + */ +Texture.getBlackTexture = function (cgl) +{ + if (!cgl) this._log.error("[getBlackTexture] no cgl!"); + if (cgl.blackTexture) return cgl.blackTexture; + + const size = 8; + const data = new Uint8Array(size * size * 4); + + for (let x = 0; x < size * size; x++) + { + data[x * 4 + 0] = data[x * 4 + 1] = data[x * 4 + 2] = 0; + data[x * 4 + 3] = 255; + } + + cgl.blackTexture = new Texture(cgl); + cgl.blackTexture.initFromData(data, size, size, Texture.FILTER_NEAREST, Texture.WRAP_REPEAT); + + return cgl.blackTexture; +}; + + +/** + * @function getEmptyCubemapTexture + * @memberof Texture + * @static + * @description returns an empty cubemap texture with rgba = [0, 0, 0, 0] + * @return {Texture} + */ +Texture.getEmptyCubemapTexture = function (cgl) +{ + const faces = [ + cgl.gl.TEXTURE_CUBE_MAP_POSITIVE_X, + cgl.gl.TEXTURE_CUBE_MAP_NEGATIVE_X, + cgl.gl.TEXTURE_CUBE_MAP_POSITIVE_Y, + cgl.gl.TEXTURE_CUBE_MAP_NEGATIVE_Y, + cgl.gl.TEXTURE_CUBE_MAP_POSITIVE_Z, + cgl.gl.TEXTURE_CUBE_MAP_NEGATIVE_Z + ]; + + const tex = cgl.gl.createTexture(); + const target = cgl.gl.TEXTURE_CUBE_MAP; + const filter = Texture.FILTER_NEAREST; + const wrap = Texture.WRAP_CLAMP_TO_EDGE; + const width = 8; + const height = 8; + + cgl.profileData.profileTextureNew++; + + + cgl.gl.bindTexture(target, tex); + cgl.profileData.profileTextureResize++; + + for (let i = 0; i < 6; i += 1) + { + const data = new Uint8Array(8 * 8 * 4); + + cgl.gl.texImage2D(faces[i], 0, cgl.gl.RGBA, 8, 8, 0, cgl.gl.RGBA, cgl.gl.UNSIGNED_BYTE, data); + cgl.gl.texParameteri(target, cgl.gl.TEXTURE_MAG_FILTER, cgl.gl.NEAREST); + cgl.gl.texParameteri(target, cgl.gl.TEXTURE_MIN_FILTER, cgl.gl.NEAREST); + + cgl.gl.texParameteri(target, cgl.gl.TEXTURE_WRAP_S, cgl.gl.CLAMP_TO_EDGE); + cgl.gl.texParameteri(target, cgl.gl.TEXTURE_WRAP_T, cgl.gl.CLAMP_TO_EDGE); + } + + + cgl.gl.bindTexture(target, null); + + return { + "id": CABLES.uuid(), + "tex": tex, + "cubemap": tex, + "width": width, + "height": height, + "filter": filter, + "wrap": wrap, + "unpackAlpha": true, + "flip": true, + "_fromData": true, + "name": "emptyCubemapTexture", + "anisotropic": 0, + }; +}; + +/** + * @static + * @function getTempGradientTexture + * @memberof Texture + * @description returns a gradient texture from black to white + * @param {Context} cgl + * @return {Texture} + */ +Texture.getTempGradientTexture = function (cgl) +{ + if (!cgl) console.error("[getTempGradientTexture] no cgl!"); + + if (cgl.tempTextureGradient) return cgl.tempTextureGradient; + const temptex = new Texture(cgl); + const size = 256; + const data = new Uint8Array(size * size * 4); // .fill(0); + + for (let y = 0; y < size; y++) + { + for (let x = 0; x < size; x++) + { + data[(x + y * size) * 4 + 0] = data[(x + y * size) * 4 + 1] = data[(x + y * size) * 4 + 2] = 255 - y; + data[(x + y * size) * 4 + 3] = 255; + } + } + + temptex.initFromData(data, size, size, Texture.FILTER_NEAREST, Texture.WRAP_REPEAT); + cgl.tempTextureGradient = temptex; + return temptex; +}; + +Texture.getTemporaryTexture = function (cgl, size, filter, wrap, r, g, b) +{ + if (r === undefined)r = 1; + if (g === undefined)g = 1; + if (b === undefined)b = 1; + const temptex = new Texture(cgl); + const arr = []; + for (let y = 0; y < size; y++) + { + for (let x = 0; x < size; x++) + { + if ((x + y) % 64 < 32) + { + arr.push((200 + (y / size) * 25 + (x / size) * 25) * r); + arr.push((200 + (y / size) * 25 + (x / size) * 25) * g); + arr.push((200 + (y / size) * 25 + (x / size) * 25) * b); + } + else + { + arr.push((40 + (y / size) * 25 + (x / size) * 25) * r); + arr.push((40 + (y / size) * 25 + (x / size) * 25) * g); + arr.push((40 + (y / size) * 25 + (x / size) * 25) * b); + } + arr.push(255); + } + } + + const data = new Uint8Array(arr); + temptex.initFromData(data, size, size, filter, wrap); + + return temptex; +}; + +/** + * @static + * @function createFromImage + * @memberof Texture + * @description create texturem from image data (e.g. image or canvas) + * @param {Context} cgl + * @param {Object} image + * @param {Object} options + */ +Texture.createFromImage = function (cgl, img, options) +{ + options = options || {}; + const texture = new Texture(cgl, options); + texture.flip = false; + texture.image = img; + texture.width = img.videoWidth || img.width || 8; + texture.height = img.videoHeight || img.height || 8; + if (options.hasOwnProperty("wrap"))texture.wrap = options.wrap; + + console.log("createFromImage", options); + texture.initTexture(img, options.filter); + + return texture; +}; + +// deprecated! +Texture.fromImage = function (cgl, img, filter, wrap) +{ + console.error("deprecated texture from image..."); + + const texture = new Texture(cgl); + texture.flip = false; + if (filter) texture.filter = filter; + if (wrap) texture.wrap = wrap; + texture.image = img; + texture.initTexture(img); + return texture; +}; + +/** + * @static + * @function isPowerOfTwo + * @memberof Texture + * @description returns true if x is power of two + * @param {Number} x + * @return {Boolean} + */ +Texture.isPowerOfTwo = function (x) +{ + return x == 1 || x == 2 || x == 4 || x == 8 || x == 16 || x == 32 || x == 64 || x == 128 || x == 256 || x == 512 || x == 1024 || x == 2048 || x == 4096 || x == 8192 || x == 16384; +}; + +Texture.getTexInfo = function (tex) +{ + const obj = {}; + + obj.name = tex.name; + obj["power of two"] = tex.isPowerOfTwo(); + obj.size = tex.width + " x " + tex.height; + + let targetString = tex.texTarget; + if (tex.texTarget == tex._cgl.gl.TEXTURE_2D) targetString = "TEXTURE_2D"; + obj.target = targetString; + + obj.unpackAlpha = tex.unpackAlpha; + + if (tex.cubemap)obj.cubemap = true; + + if (tex.textureType == Texture.TYPE_FLOAT) obj.textureType = "TYPE_FLOAT"; + if (tex.textureType == Texture.TYPE_HALF_FLOAT) obj.textureType = "TYPE_HALF_FLOAT"; + else if (tex.textureType == Texture.TYPE_DEPTH) obj.textureType = "TYPE_DEPTH"; + else if (tex.textureType == Texture.TYPE_DEFAULT) obj.textureType = "TYPE_DEFAULT"; + else obj.textureType = "UNKNOWN " + this.textureType; + + if (tex.wrap == Texture.WRAP_CLAMP_TO_EDGE) obj.wrap = "CLAMP_TO_EDGE"; + else if (tex.wrap == Texture.WRAP_REPEAT) obj.wrap = "WRAP_REPEAT"; + else if (tex.wrap == Texture.WRAP_MIRRORED_REPEAT) obj.wrap = "WRAP_MIRRORED_REPEAT"; + else obj.wrap = "UNKNOWN"; + + if (tex.filter == Texture.FILTER_NEAREST) obj.filter = "FILTER_NEAREST"; + else if (tex.filter == Texture.FILTER_LINEAR) obj.filter = "FILTER_LINEAR"; + else if (tex.filter == Texture.FILTER_MIPMAP) obj.filter = "FILTER_MIPMAP"; + else obj.filter = "UNKNOWN"; + + obj.pixelFormat = tex.pixelFormat || "unknown"; + + return obj; +}; + + +Texture.FILTER_NEAREST = 0; +Texture.FILTER_LINEAR = 1; +Texture.FILTER_MIPMAP = 2; + +Texture.WRAP_REPEAT = 0; +Texture.WRAP_MIRRORED_REPEAT = 1; +Texture.WRAP_CLAMP_TO_EDGE = 2; + +Texture.TYPE_DEFAULT = 0; +Texture.TYPE_DEPTH = 1; +Texture.TYPE_FLOAT = 2; + + +Texture.PFORMATSTR_RGB565 = "RGB 5/6/5bit ubyte"; + +Texture.PFORMATSTR_R8UB = "R 8bit ubyte"; +Texture.PFORMATSTR_RG8UB = "RG 8bit ubyte"; +Texture.PFORMATSTR_RGB8UB = "RGB 8bit ubyte"; +Texture.PFORMATSTR_RGBA8UB = "RGBA 8bit ubyte"; + +Texture.PFORMATSTR_SRGBA8 = "SRGBA 8bit ubyte"; + +Texture.PFORMATSTR_R11FG11FB10F = "RGB 11/11/10bit float"; + +Texture.PFORMATSTR_R16F = "R 16bit float"; +Texture.PFORMATSTR_RG16F = "RG 16bit float"; +Texture.PFORMATSTR_RGB16F = "RGB 16bit float"; +Texture.PFORMATSTR_RGBA16F = "RGBA 16bit float"; + + +Texture.PFORMATSTR_R32F = "R 32bit float"; +Texture.PFORMATSTR_RG32F = "RG 32bit float"; +Texture.PFORMATSTR_RGB32F = "RGB 32bit float"; +Texture.PFORMATSTR_RGBA32F = "RGBA 32bit float"; + +Texture.PFORMATSTR_DEPTH = "DEPTH"; + + +Texture.PIXELFORMATS = [ + + Texture.PFORMATSTR_RGB565, + + Texture.PFORMATSTR_R8UB, + Texture.PFORMATSTR_RG8UB, + Texture.PFORMATSTR_RGB8UB, + Texture.PFORMATSTR_RGBA8UB, + + Texture.PFORMATSTR_SRGBA8, + + Texture.PFORMATSTR_R11FG11FB10F, + Texture.PFORMATSTR_R16F, + Texture.PFORMATSTR_RG16F, + Texture.PFORMATSTR_RGBA16F, + + Texture.PFORMATSTR_R32F, + Texture.PFORMATSTR_RGBA32F + +]; + +Texture.isPixelFormatFloat = + (pxlfrmt) => + { + return (pxlfrmt || "").contains("float"); + }; + +Texture.isPixelFormatHalfFloat = + (pxlfrmt) => + { + return (pxlfrmt || "").contains("float") && (pxlfrmt || "").contains("16bit"); + }; + + + + + + +;// CONCATENATED MODULE: ./src/core/cg/cg_boundingbox.js + + +/** + * bounding box + * @class + * @external CGL + * @namespace BoundingBox + * @param {Geometry} geometry or bounding box + */ +class BoundingBox +{ + constructor(geom) + { + this._init(); + this._first = true; + this._wireMesh = null; + + if (geom) this.apply(geom); + } + + _init() + { + this._max = [-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE]; + this._min = [Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE]; + this._center = [0, 0, 0]; + this._size = [0, 0, 0]; + this._maxAxis = 0.0; + this._first = true; + } + + /** + * get biggest number of maxX,maxY,maxZ + * @type {Number} + */ + get maxAxis() { return this._maxAxis || 1; } + + /** + * size of bounding box + * @type {vec3} + */ + get size() { return this._size; } + + /** + * center of bounding box + * @type {vec3} + */ + get center() { return this._center; } + + /** + * center x + * @type {Number} + */ + get x() { return this._center[0]; } + + /** + * center y + * @type {Number} + */ + get y() { return this._center[1]; } + + /** + * center z + * @type {Number} + */ + get z() { return this._center[2]; } + + + /** + * minimum x + * @type {Number} + */ + get minX() { return this._min[0]; } + + /** + * minimum y + * @type {Number} + */ + get minY() { return this._min[1]; } + + /** + * minimum z + * @type {Number} + */ + get minZ() { return this._min[2]; } + + /** + * maximum x + * @type {Number} + */ + get maxX() { return this._max[0]; } + + /** + * maximum y + * @type {Number} + */ + get maxY() { return this._max[1]; } + + /** + * maximum z + * @type {Number} + */ + get maxZ() { return this._max[2]; } + + + apply(geom, mat) + { + if (!geom) + { + // console.warn("[boundingbox] no geom/vertices", geom); + return; + } + + if (geom instanceof BoundingBox) + { + const bb = geom; + + this.applyPos(bb.maxX, bb.maxY, bb.maxZ); + this.applyPos(bb.minX, bb.minY, bb.minZ); + } + else + { + for (let i = 0; i < geom.vertices.length; i += 3) + // if (geom.vertices[i] == geom.vertices[i] || geom.vertices[i] != null) + // { + // if(mat) + // { + this.applyPos(geom.vertices[i], geom.vertices[i + 1], geom.vertices[i + 2]); + // } + // else + // { + // this.applyPos(geom.vertices[i + 0],geom.vertices[i + 1],geom.vertices[i + 2]); + // } + // } + } + this.calcCenterSize(); + } + + /** + * returns a copy of the bounding box + * @function copy + * @memberof BoundingBox + * @instance + */ + copy() + { + return new BoundingBox(this); + } + + get changed() + { + return !(this._max[0] == -Number.MAX_VALUE && this._max[1] == -Number.MAX_VALUE && this._max[2] == -Number.MAX_VALUE); + } + + applyPos(x, y, z) + { + if (x == Number.MAX_VALUE || x == -Number.MAX_VALUE || + y == Number.MAX_VALUE || y == -Number.MAX_VALUE || + z == Number.MAX_VALUE || z == -Number.MAX_VALUE) return; + + if (!CABLES.UTILS.isNumeric(x) || !CABLES.UTILS.isNumeric(y) || !CABLES.UTILS.isNumeric(z)) return; + + if (this._first) + { + this._max[0] = x; + this._max[1] = y; + this._max[2] = z; + + this._min[0] = x; + this._min[1] = y; + this._min[2] = z; + this._first = false; + return; + } + + this._max[0] = Math.max(this._max[0], x); + this._max[1] = Math.max(this._max[1], y); + this._max[2] = Math.max(this._max[2], z); + + this._min[0] = Math.min(this._min[0], x); + this._min[1] = Math.min(this._min[1], y); + this._min[2] = Math.min(this._min[2], z); + } + + calcCenterSize() + { + if (this._first) return; + // this._size[0]=Math.abs(this._min[0])+Math.abs(this._max[0]); + // this._size[1]=Math.abs(this._min[1])+Math.abs(this._max[1]); + // this._size[2]=Math.abs(this._min[2])+Math.abs(this._max[2]); + this._size[0] = this._max[0] - this._min[0]; + this._size[1] = this._max[1] - this._min[1]; + this._size[2] = this._max[2] - this._min[2]; + + this._center[0] = (this._min[0] + this._max[0]) / 2; + this._center[1] = (this._min[1] + this._max[1]) / 2; + this._center[2] = (this._min[2] + this._max[2]) / 2; + + this._maxAxis = Math.max(this._size[2], Math.max(this._size[0], this._size[1])); + } + + mulMat4(m) + { + if (this._first) + { + this._max[0] = 0; + this._max[1] = 0; + this._max[2] = 0; + + this._min[0] = 0; + this._min[1] = 0; + this._min[2] = 0; + this._first = false; + } + vec3.transformMat4(this._max, this._max, m); + vec3.transformMat4(this._min, this._min, m); + this.calcCenterSize(); + } + + render(cgl, shader, op) + { + if (!this._wireMesh) this._wireMesh = new CGL.WireCube(cgl); + + // console.log("bounding box render!"); + cgl.pushModelMatrix(); + mat4.translate(cgl.mMatrix, cgl.mMatrix, this._center); + // this._wireMesh.render(cgl, this._size[0] / 2, this._size[1] / 2, this._size[2] / 2); + + if (CABLES.UI && op) + { + CABLES.UI.OverlayMeshes.drawCube(op, this._size[0] / 2, this._size[1] / 2, this._size[2] / 2); + } + + cgl.popModelMatrix(); + } +} + +;// CONCATENATED MODULE: ./src/core/cg/cg_geom.js +// import { vec2, vec3 } from "gl-matrix"; + + + + + +/** + * a geometry contains all information about a mesh, vertices, texturecoordinates etc. etc. + * @external CGL + * @namespace Geometry + * @param {String} name + * @class + * @example + * // create a triangle with all attributes + * const geom=new Geometry("triangle"), + * + * geom.vertices = [ + * 0.0, sizeH.get(), 0.0, + * -sizeW.get(), -sizeH.get(), 0.0, + * sizeW.get(), -sizeH.get(), 0.0 ]; + * + * geom.vertexNormals = [ + * 0.0, 0.0, 1.0, + * 0.0, 0.0, 1.0, + * 0.0, 0.0, 1.0 ]; + * + * geom.tangents = [ + * 1,0,0, + * 1,0,0, + * 1,0,0 ]; + * + * geom.biTangents = [ + * 0,1,0, + * 0,1,0, + * 0,1,0 ]; + * + * geom.texCoords = [ + * 0.5, 0.0, + * 1.0, 1.0, + * 0.0, 1.0, ]; + * + * geom.verticesIndices = [ + * 0, 1, 2 ]; + * + */ +const Geometry = function (name) +{ + this.name = name || "unknown"; + this._log = new Logger("cgl_geometry"); + + this.faceVertCount = 3; + this.glPrimitive = null; + this._attributes = {}; + + this._vertices = []; + this.verticesIndices = []; + + this.isGeometry = true; + + this.morphTargets = []; + + Object.defineProperty(this, "vertices", { + get() + { + return this._vertices; + }, + set(v) + { + this.setVertices(v); + }, + }); + + Object.defineProperty(this, "texCoords", { + get() + { + const att = this.getAttribute("texCoords"); + if (!att) return []; + return att.data; + }, + set(v) + { + this.setAttribute("texCoords", v, 2); + }, + }); + + Object.defineProperty(this, "vertexNormals", { + get() + { + const att = this.getAttribute("vertexNormals"); + if (!att) return []; + return att.data; + }, + set(v) + { + this.setAttribute("vertexNormals", v, 3); + }, + }); + + Object.defineProperty(this, "tangents", { + get() + { + const att = this.getAttribute("tangents"); + if (!att) return []; + return att.data; + }, + set(v) + { + this.setAttribute("tangents", v, 3); + }, + }); + + Object.defineProperty(this, "biTangents", { + get() + { + const att = this.getAttribute("biTangents"); + if (!att) return []; + return att.data; + }, + set(v) + { + this.setAttribute("biTangents", v, 3); + }, + }); + + Object.defineProperty(this, "vertexColors", { + get() + { + const att = this.getAttribute("vertexColors"); + if (!att) return []; + return att.data; + }, + set(v) + { + this.setAttribute("vertexColors", v, 4); + }, + }); +}; + +/** + * @function clear + * @memberof Geometry + * @instance + * @description clear all buffers/set them to length 0 + */ +Geometry.prototype.clear = function () +{ + this._vertices = new Float32Array([]); + this.verticesIndices = []; + this.texCoords = new Float32Array([]); + this.vertexNormals = new Float32Array([]); + this.tangents = []; + this.biTangents = []; + this._attributes = {}; +}; + + + +/** + * @function getAttributes + @memberof Geometry + * @instance + * @return {Array} returns array of attribute objects + */ +Geometry.prototype.getAttributes = function () +{ + return this._attributes; +}; + +/** + * @function getAttribute + * @memberof Geometry + * @instance + * @param {String} name + * @return {Object} + */ +Geometry.prototype.getAttribute = function (name) +{ + for (const i in this._attributes) + { + if (this._attributes[i].name == name) return this._attributes[i]; + } + return null; +}; + +/** + * @function setAttribute + * @description create an attribute + * @memberof Geometry + * @instance + * @param {String} name + * @param {Array} data + * @param {Number} itemsize + */ +Geometry.prototype.setAttribute = function (name, arr, itemSize) +{ + let attrType = ""; + if (!itemSize || itemSize > 4) + { + console.log("itemsize wrong?", itemSize, name); + this._log.stack("itemsize"); + + itemSize = 3; + } + + if (itemSize == 1) attrType = "float"; + else if (itemSize == 2) attrType = "vec2"; + else if (itemSize == 3) attrType = "vec3"; + else if (itemSize == 4) attrType = "vec4"; + + + const attr = { + "name": name, + "data": arr, + "itemSize": itemSize, + "type": attrType, + }; + + this._attributes[name] = attr; +}; + +Geometry.prototype.copyAttribute = function (name, newgeom) +{ + const attr = this.getAttribute(name); + newgeom.setAttribute(name, new Float32Array(attr.data), attr.itemSize); +}; + + +/** + * @function setVertices + * @memberof Geometry + * @instance + * @description set vertices + * @param {Array|Float32Array} data [x,y,z,x,y,z,...] + */ +Geometry.prototype.setVertices = function (arr) +{ + if (arr instanceof Float32Array) this._vertices = arr; + else this._vertices = new Float32Array(arr); +}; + +/** + * @function setTexCoords + * @memberof Geometry + * @instance + * @description set texcoords + * @param {Array|Float32Array} data [u,v,u,v,...] + */ +Geometry.prototype.setTexCoords = function (arr) +{ + if (arr instanceof Float32Array) this.texCoords = arr; + else this.texCoords = new Float32Array(arr); +}; + +// Geometry.prototype.testIndices = function () +// { +// var foundError = false; +// for (var i = 0; i < this.verticesIndices.length; i++) +// { +// if (this.verticesIndices[i * 3 + 0] >= this._vertices.length / 3 || this.verticesIndices[i * 3 + 1] >= this._vertices.length / 3 || this.verticesIndices[i * 3 + 2] >= this._vertices.length / 3) +// { +// foundError = true; +// console.log("index error!"); +// } +// } +// }; + +// deprecated +Geometry.prototype.calcNormals = function (smooth) +{ + const options = { "smooth": smooth }; + + + this.calculateNormals(options); +}; + +/** + * @function flipNormals + * @memberof Geometry + * @description flip normals + */ +Geometry.prototype.flipNormals = function (x, y, z) +{ + let vec = vec3.create(); + + if (x == undefined)x = 1; + if (y == undefined)y = 1; + if (z == undefined)z = 1; + + + for (let i = 0; i < this.vertexNormals.length; i += 3) + { + vec3.set(vec, + this.vertexNormals[i + 0], + this.vertexNormals[i + 1], + this.vertexNormals[i + 2]); + + vec[0] *= -x; + vec[1] *= -y; + vec[2] *= -z; + + vec3.normalize(vec, vec); + + this.vertexNormals[i + 0] = vec[0]; + this.vertexNormals[i + 1] = vec[1]; + this.vertexNormals[i + 2] = vec[2]; + } +}; + +Geometry.prototype.getNumTriangles = function () +{ + if (this.verticesIndices && this.verticesIndices.length) return this.verticesIndices.length / 3; + return this.vertices.length / 3; +}; + + +/** + * @function flipVertDir + * @memberof Geometry + * @description flip order of vertices in geom faces + */ +Geometry.prototype.flipVertDir = function () +{ + const newInd = []; + newInd.length = this.verticesIndices.length; + for (let i = 0; i < this.verticesIndices.length; i += 3) + { + newInd[i] = this.verticesIndices[i + 2]; + newInd[i + 1] = this.verticesIndices[i + 1]; + newInd[i + 2] = this.verticesIndices[i]; + } + this.verticesIndices = newInd; +}; + + +Geometry.prototype.setPointVertices = function (verts) +{ + if (verts.length % 3 !== 0) + { + this._log.error("SetPointVertices: Array must be multiple of three."); + return; + } + + if (!(verts instanceof Float32Array)) this.vertices = new Float32Array(verts); + else this.vertices = verts; + + if (!(this.texCoords instanceof Float32Array)) this.texCoords = new Float32Array((verts.length / 3) * 2); + + // this.texCoords.length=verts.length/3*2; + this.verticesIndices.length = verts.length / 3; + // this.verticesIndices=[]; + + for (let i = 0; i < verts.length / 3; i++) + { + this.verticesIndices[i] = i; + this.texCoords[i * 2] = 0; + this.texCoords[i * 2 + 1] = 0; + } +}; + +/** + * merge a different geometry into the this geometry + * @function merge + * @param {Geometry} geom + * @memberof Geometry + * @instance + */ +Geometry.prototype.merge = function (geom) +{ + if (!geom) return; + + if (this.isIndexed() != geom.isIndexed()) + { + if (this.isIndexed()) + { + this.unIndex(false, true); + } + if (geom.isIndexed()) + { + const g = geom.copy(); + g.unIndex(false, true); + geom = g; + } + } + + const oldIndizesLength = this.verticesIndices.length; + const vertLength = this._vertices.length / 3; + + this.verticesIndices.length += geom.verticesIndices.length; + for (let i = 0; i < geom.verticesIndices.length; i++) + this.verticesIndices[oldIndizesLength + i] = geom.verticesIndices[i] + vertLength; + + this.vertices = UTILS.float32Concat(this._vertices, geom.vertices); + this.texCoords = UTILS.float32Concat(this.texCoords, geom.texCoords); + this.vertexNormals = UTILS.float32Concat(this.vertexNormals, geom.vertexNormals); + this.tangents = UTILS.float32Concat(this.tangents, geom.tangents); + this.biTangents = UTILS.float32Concat(this.biTangents, geom.biTangents); +}; + +/** + * create a copy of the geometry + * @function copy + * @memberof Geometry + * @instance + */ +Geometry.prototype.copy = function () +{ + const geom = new Geometry(this.name + " copy"); + geom.faceVertCount = this.faceVertCount; + geom.glPrimitive = this.glPrimitive; + + geom.setVertices(this._vertices.slice(0)); + + if (this.verticesIndices) + { + geom.verticesIndices.length = this.verticesIndices.length; + for (let i = 0; i < this.verticesIndices.length; i++) geom.verticesIndices[i] = this.verticesIndices[i]; + } + + for (let i in this._attributes) this.copyAttribute(i, geom); + + geom.morphTargets.length = this.morphTargets.length; + for (let i = 0; i < this.morphTargets.length; i++) geom.morphTargets[i] = this.morphTargets[i]; + + return geom; +}; + +/** + * Calculaten normals + * @function calculateNormals + * @memberof Geometry + * @instance + */ +Geometry.prototype.calculateNormals = function (options) +{ + // todo: should check angle of normals to get edges https://community.khronos.org/t/calculating-accurate-vertex-normals/28152 + options = options || {}; + if (options.smooth === false) this.unIndex(); + + const u = vec3.create(); + const v = vec3.create(); + const n = vec3.create(); + + function calcNormal(triangle) + { + vec3.subtract(u, triangle[0], triangle[1]); + vec3.subtract(v, triangle[0], triangle[2]); + vec3.cross(n, u, v); + vec3.normalize(n, n); + + if (options && options.forceZUp) + { + if (n[2] < 0) + { + n[0] *= -1; + n[1] *= -1; + n[2] *= -1; + } + } + return n; + } + + this.getVertexVec = function (which) + { + const vec = [0, 0, 0]; + vec[0] = this.vertices[which * 3 + 0]; + vec[1] = this.vertices[which * 3 + 1]; + vec[2] = this.vertices[which * 3 + 2]; + return vec; + }; + + if (!(this.vertexNormals instanceof Float32Array) || this.vertexNormals.length != this.vertices.length) this.vertexNormals = new Float32Array(this.vertices.length); + + for (let i = 0; i < this.vertices.length; i++) + { + this.vertexNormals[i] = 0; + } + + if (!this.isIndexed()) + { + const norms = []; + for (let i = 0; i < this.vertices.length; i += 9) + { + const triangle = [[this.vertices[i + 0], this.vertices[i + 1], this.vertices[i + 2]], [this.vertices[i + 3], this.vertices[i + 4], this.vertices[i + 5]], [this.vertices[i + 6], this.vertices[i + 7], this.vertices[i + 8]]]; + const nn = calcNormal(triangle); + norms.push(nn[0], nn[1], nn[2], nn[0], nn[1], nn[2], nn[0], nn[1], nn[2]); + } + this.vertexNormals = norms; + } + else + { + const faceNormals = []; + + faceNormals.length = Math.floor(this.verticesIndices.length / 3); + + for (let i = 0; i < this.verticesIndices.length; i += 3) + { + const triangle = [this.getVertexVec(this.verticesIndices[i + 0]), this.getVertexVec(this.verticesIndices[i + 1]), this.getVertexVec(this.verticesIndices[i + 2])]; + + faceNormals[i / 3] = calcNormal(triangle); + + this.vertexNormals[this.verticesIndices[i + 0] * 3 + 0] += faceNormals[i / 3][0]; + this.vertexNormals[this.verticesIndices[i + 0] * 3 + 1] += faceNormals[i / 3][1]; + this.vertexNormals[this.verticesIndices[i + 0] * 3 + 2] += faceNormals[i / 3][2]; + + this.vertexNormals[this.verticesIndices[i + 1] * 3 + 0] += faceNormals[i / 3][0]; + this.vertexNormals[this.verticesIndices[i + 1] * 3 + 1] += faceNormals[i / 3][1]; + this.vertexNormals[this.verticesIndices[i + 1] * 3 + 2] += faceNormals[i / 3][2]; + + this.vertexNormals[this.verticesIndices[i + 2] * 3 + 0] += faceNormals[i / 3][0]; + this.vertexNormals[this.verticesIndices[i + 2] * 3 + 1] += faceNormals[i / 3][1]; + this.vertexNormals[this.verticesIndices[i + 2] * 3 + 2] += faceNormals[i / 3][2]; + } + + + for (let i = 0; i < this.verticesIndices.length; i += 3) // faces + { + for (let k = 0; k < 3; k++) // triangles + { + const vv = [this.vertexNormals[this.verticesIndices[i + k] * 3 + 0], this.vertexNormals[this.verticesIndices[i + k] * 3 + 1], this.vertexNormals[this.verticesIndices[i + k] * 3 + 2]]; + vec3.normalize(vv, vv); + this.vertexNormals[this.verticesIndices[i + k] * 3 + 0] = vv[0]; + this.vertexNormals[this.verticesIndices[i + k] * 3 + 1] = vv[1]; + this.vertexNormals[this.verticesIndices[i + k] * 3 + 2] = vv[2]; + } + } + } +}; + +/** + * Calculates tangents & bitangents with the help of uv-coordinates. Adapted from + * Lengyel, Eric. “Computing Tangent Space Basis Vectors for an Arbitrary Mesh”. + * Terathon Software 3D Graphics Library. + * https://fenix.tecnico.ulisboa.pt/downloadFile/845043405449073/Tangent%20Space%20Calculation.pdf + * + * @function calcTangentsBitangents + * @memberof Geometry + * @instance + */ +Geometry.prototype.calcTangentsBitangents = function () +{ + if (!this.vertices.length) + { + // this._log.error("Cannot calculate tangents/bitangents without vertices."); + return; + } + if (!this.vertexNormals.length) + { + // this._log.error("Cannot calculate tangents/bitangents without normals."); + return; + } + if (!this.texCoords.length) + { + // console.warn("No texcoords. Replacing with default values [0, 0]."); + const texCoordLength = (this.vertices.length / 3) * 2; + this.texCoords = new Float32Array(texCoordLength); + for (let i = 0; i < texCoordLength; i += 1) this.texCoords[i] = 0; + } + if (!this.verticesIndices || !this.verticesIndices.length) + { + // this._log.error("Cannot calculate tangents/bitangents without vertex indices."); + return; + } + // this code assumes that we have three indices per triangle + if (this.verticesIndices.length % 3 !== 0) + { + this._log.error("Vertex indices mismatch!"); + return; + } + + const triangleCount = this.verticesIndices.length / 3; + const vertexCount = this.vertices.length / 3; + + this.tangents = new Float32Array(this.vertexNormals.length); + this.biTangents = new Float32Array(this.vertexNormals.length); + + // temporary buffers + const tempVertices = []; + tempVertices.length = vertexCount * 2; + const v1 = vec3.create(); + const v2 = vec3.create(); + const v3 = vec3.create(); + + const w1 = vec2.create(); + const w2 = vec2.create(); + const w3 = vec2.create(); + + const sdir = vec3.create(); + const tdir = vec3.create(); + + // for details on calculation, see article referenced above + for (let tri = 0; tri < triangleCount; tri += 1) + { + // indices of the three vertices for a triangle + const i1 = this.verticesIndices[tri * 3]; + const i2 = this.verticesIndices[tri * 3 + 1]; + const i3 = this.verticesIndices[tri * 3 + 2]; + + // vertex position as vec3 + vec3.set(v1, this.vertices[i1 * 3], this.vertices[i1 * 3 + 1], this.vertices[i1 * 3 + 2]); + vec3.set(v2, this.vertices[i2 * 3], this.vertices[i2 * 3 + 1], this.vertices[i2 * 3 + 2]); + vec3.set(v3, this.vertices[i3 * 3], this.vertices[i3 * 3 + 1], this.vertices[i3 * 3 + 2]); + + // texture coordinate as vec2 + vec2.set(w1, this.texCoords[i1 * 2], this.texCoords[i1 * 2 + 1]); + vec2.set(w2, this.texCoords[i2 * 2], this.texCoords[i2 * 2 + 1]); + vec2.set(w3, this.texCoords[i3 * 2], this.texCoords[i3 * 2 + 1]); + + const x1 = v2[0] - v1[0]; + const x2 = v3[0] - v1[0]; + const y1 = v2[1] - v1[1]; + const y2 = v3[1] - v1[1]; + const z1 = v2[2] - v1[2]; + const z2 = v3[2] - v1[2]; + + const s1 = w2[0] - w1[0]; + const s2 = w3[0] - w1[0]; + const t1 = w2[1] - w1[1]; + const t2 = w3[1] - w1[1]; + + const r = 1.0 / (s1 * t2 - s2 * t1); + + vec3.set(sdir, (t2 * x1 - t1 * x2) * r, (t2 * y1 - t1 * y2) * r, (t2 * z1 - t1 * z2) * r); + vec3.set(tdir, (s1 * x2 - s2 * x1) * r, (s1 * y2 - s2 * y1) * r, (s1 * z2 - s2 * z1) * r); + + tempVertices[i1] = sdir; + tempVertices[i2] = sdir; + tempVertices[i3] = sdir; + + tempVertices[i1 + vertexCount] = tdir; + tempVertices[i2 + vertexCount] = tdir; + tempVertices[i3 + vertexCount] = tdir; + } + + const normal = vec3.create(); + const tempVert = vec3.create(); + const tan = vec3.create(); + const bitan = vec3.create(); + const temp1 = vec3.create(); + const temp2 = vec3.create(); + const crossPd = vec3.create(); + const normalized = vec3.create(); + + for (let vert = 0; vert < vertexCount; vert += 1) + { + // NOTE: some meshes don't have index 0 - n in their indexbuffer, if this is the case, skip calculation of this vertex + if (!tempVertices[vert]) continue; + + vec3.set(normal, this.vertexNormals[vert * 3], this.vertexNormals[vert * 3 + 1], this.vertexNormals[vert * 3 + 2]); + vec3.set(tempVert, tempVertices[vert][0], tempVertices[vert][1], tempVertices[vert][2]); + + // Gram-Schmidt orthagonalize + const _dp = vec3.dot(normal, tempVert); + vec3.scale(temp1, normal, _dp); + vec3.subtract(temp2, tempVert, temp1); + + vec3.normalize(normalized, temp2); + vec3.cross(crossPd, normal, tempVert); + + // const intermDot = vec3.dot(crossPd, tempVertices[vert + vertexCount]); + const w = 1.0;// intermDot < 0.0 ? -1.0 : 1.0; + + vec3.scale(tan, normalized, 1 / w); + vec3.cross(bitan, normal, tan); + + this.tangents[vert * 3 + 0] = tan[0]; + this.tangents[vert * 3 + 1] = tan[1]; + this.tangents[vert * 3 + 2] = tan[2]; + this.biTangents[vert * 3 + 0] = bitan[0]; + this.biTangents[vert * 3 + 1] = bitan[1]; + this.biTangents[vert * 3 + 2] = bitan[2]; + } +}; + +Geometry.prototype.isIndexed = function () +{ + if (this._vertices.length == 0) return true; + return this.verticesIndices.length != 0; +}; + +/** + * @function unIndex + * @memberof Geometry + * @instance + * @param {Boolean} + * @description remove all vertex indizes, vertices array will contain 3*XYZ for every triangle + */ +Geometry.prototype.unIndex = function (reIndex, dontCalcNormals) +{ + const newVerts = []; + const newIndizes = []; + let count = 0; + + for (let j in this._attributes) + { + const attr = this._attributes[j]; + let na = []; + + for (let i = 0; i < this.verticesIndices.length; i += 3) + { + for (let s = 0; s < 3; s++) + { + if (attr.itemSize == 3) + na.push( + attr.data[this.verticesIndices[i + s] * 3 + 0], + attr.data[this.verticesIndices[i + s] * 3 + 1], + attr.data[this.verticesIndices[i + s] * 3 + 2]); + else if (attr.itemSize == 4) + na.push( + attr.data[this.verticesIndices[i + s] * 4 + 0], + attr.data[this.verticesIndices[i + s] * 4 + 1], + attr.data[this.verticesIndices[i + s] * 4 + 2], + attr.data[this.verticesIndices[i + s] * 4 + 3]); + else if (attr.itemSize == 2) + na.push( + attr.data[this.verticesIndices[i + s] * 2 + 0], + attr.data[this.verticesIndices[i + s] * 2 + 1]); + else if (attr.itemSize == 1) + na.push( + attr.data[this.verticesIndices[i + s]]); + else console.log("unknown attr", attr); + } + } + this.setAttribute(attr.name, na, attr.itemSize); + } + + for (let i = 0; i < this.verticesIndices.length; i += 3) + { + newVerts.push( + this.vertices[this.verticesIndices[i + 0] * 3 + 0], + this.vertices[this.verticesIndices[i + 0] * 3 + 1], + this.vertices[this.verticesIndices[i + 0] * 3 + 2]); + + newIndizes.push(count); + count++; + + newVerts.push( + this.vertices[this.verticesIndices[i + 1] * 3 + 0], + this.vertices[this.verticesIndices[i + 1] * 3 + 1], + this.vertices[this.verticesIndices[i + 1] * 3 + 2]); + + newIndizes.push(count); + count++; + + newVerts.push( + this.vertices[this.verticesIndices[i + 2] * 3 + 0], + this.vertices[this.verticesIndices[i + 2] * 3 + 1], + this.vertices[this.verticesIndices[i + 2] * 3 + 2]); + + newIndizes.push(count); + count++; + } + + this.vertices = newVerts; + + this.verticesIndices = []; + if (reIndex) this.verticesIndices = newIndizes; + + if (!dontCalcNormals) this.calculateNormals(); +}; + +Geometry.prototype.calcBarycentric = function () +{ + let barycentrics = []; + barycentrics.length = this.vertices.length; + for (let i = 0; i < this.vertices.length; i++) barycentrics[i] = 0; + + let count = 0; + for (let i = 0; i < this.vertices.length; i += 3) + { + barycentrics[i + count] = 1; + count++; + if (count == 3) count = 0; + } + + this.setAttribute("attrBarycentric", barycentrics, 3); +}; + +Geometry.prototype.getBounds = function () +{ + return new BoundingBox(this); +}; + +Geometry.prototype.center = function (x, y, z) +{ + if (x === undefined) + { + x = true; + y = true; + z = true; + } + + let i = 0; + const bounds = this.getBounds(); + const offset = [bounds.minX + (bounds.maxX - bounds.minX) / 2, bounds.minY + (bounds.maxY - bounds.minY) / 2, bounds.minZ + (bounds.maxZ - bounds.minZ) / 2]; + + for (i = 0; i < this.vertices.length; i += 3) + { + if (this.vertices[i + 0] == this.vertices[i + 0]) + { + if (x) this.vertices[i + 0] -= offset[0]; + if (y) this.vertices[i + 1] -= offset[1]; + if (z) this.vertices[i + 2] -= offset[2]; + } + } + + return offset; +}; + +Geometry.prototype.mapTexCoords2d = function () +{ + const bounds = this.getBounds(); + const num = this.vertices.length / 3; + + this.texCoords = new Float32Array(num * 2); + + for (let i = 0; i < num; i++) + { + const vertX = this.vertices[i * 3 + 0]; + const vertY = this.vertices[i * 3 + 1]; + this.texCoords[i * 2 + 0] = vertX / (bounds.maxX - bounds.minX) + 0.5; + this.texCoords[i * 2 + 1] = 1.0 - vertY / (bounds.maxY - bounds.minY) + 0.5; + } +}; + + +Geometry.prototype.getInfoOneLine = function () +{ + let txt = ""; + if (this.faceVertCount == 3 && this.verticesIndices)txt += this.verticesIndices.length / 3; + else txt += 0; + + txt += " tris "; + + if (this.vertices)txt += this.vertices.length / 3; + else txt += 0; + + txt += " verts"; + + return txt; +}; + +Geometry.prototype.getInfo = function () +{ + const info = {}; + + if (this.faceVertCount == 3 && this.verticesIndices)info.numFaces = this.verticesIndices.length / 3; + else info.numFaces = 0; + + if (this.verticesIndices && this.verticesIndices.length)info.indices = this.verticesIndices.length; + + if (this.vertices)info.numVerts = this.vertices.length / 3; + else info.numVerts = 0; + + if (this.vertexNormals) info.numNormals = this.vertexNormals.length / 3; + else info.numNormals = 0; + + if (this.texCoords) info.numTexCoords = this.texCoords.length / 2; + else info.numTexCoords = 0; + + if (this.tangents) info.numTangents = this.tangents.length / 3; + else info.numTangents = 0; + + if (this.biTangents) info.numBiTangents = this.biTangents.length / 3; + else info.numBiTangents = 0; + + if (this.biTangents) info.numBiTangents = this.biTangents.length / 3; + else info.numBiTangents = 0; + + if (this.vertexColors) info.numVertexColors = this.vertexColors.length / 4; + else info.numVertexColors = 0; + + if (this.getAttributes()) info.numAttribs = Object.keys(this.getAttributes()).length; + else info.numAttribs = 0; + + info.isIndexed = this.isIndexed(); + + return info; +}; + +// ----------------- + +// TODO : move this into "old" circle op +Geometry.buildFromFaces = function (arr, name, optimize) +{ + const vertices = []; + const verticesIndices = []; + + for (let i = 0; i < arr.length; i += 3) + { + const a = arr[i + 0]; + const b = arr[i + 1]; + const c = arr[i + 2]; + const face = [-1, -1, -1]; + + if (optimize) + for (let iv = 0; iv < vertices.length; iv += 3) + { + if (vertices[iv + 0] == a[0] && vertices[iv + 1] == a[1] && vertices[iv + 2] == a[2]) face[0] = iv / 3; + if (vertices[iv + 0] == b[0] && vertices[iv + 1] == b[1] && vertices[iv + 2] == b[2]) face[1] = iv / 3; + if (vertices[iv + 0] == c[0] && vertices[iv + 1] == c[1] && vertices[iv + 2] == c[2]) face[2] = iv / 3; + } + + if (face[0] == -1) + { + vertices.push(a[0], a[1], a[2]); + face[0] = (vertices.length - 1) / 3; + } + + if (face[1] == -1) + { + vertices.push(b[0], b[1], b[2]); + face[1] = (vertices.length - 1) / 3; + } + + if (face[2] == -1) + { + vertices.push(c[0], c[1], c[2]); + face[2] = (vertices.length - 1) / 3; + } + + verticesIndices.push(parseInt(face[0], 10)); + verticesIndices.push(parseInt(face[1], 10)); + verticesIndices.push(parseInt(face[2], 10)); + } + + const geom = new Geometry(name); + geom.name = name; + geom.vertices = vertices; + geom.verticesIndices = verticesIndices; + + return geom; +}; + +// TODO: not needed anymore ?! move to deprecated ops? +Geometry.json2geom = function (jsonMesh) +{ + const geom = new Geometry("jsonMeshGeom"); + geom.verticesIndices = []; + + geom.vertices = jsonMesh.vertices || []; + geom.vertexNormals = jsonMesh.normals || []; + geom.vertexColors = jsonMesh.colors || []; + geom.tangents = jsonMesh.tangents || []; + geom.biTangents = jsonMesh.bitangents || []; + if (jsonMesh.texturecoords) geom.setTexCoords(jsonMesh.texturecoords[0]); + + if (jsonMesh.vertices_b64)geom.vertices = new Float32Array(b64decTypedArray(jsonMesh.vertices_b64)); + if (jsonMesh.normals_b64) geom.vertexNormals = new Float32Array(b64decTypedArray(jsonMesh.normals_b64)); + if (jsonMesh.tangents_b64) geom.tangents = new Float32Array(b64decTypedArray(jsonMesh.tangents_b64)); + if (jsonMesh.bitangents_b64) geom.biTangents = new Float32Array(b64decTypedArray(jsonMesh.bitangents_b64)); + if (jsonMesh.texturecoords_b64) geom.setTexCoords(new Float32Array(b64decTypedArray(jsonMesh.texturecoords_b64[0]))); + + if (jsonMesh.faces_b64) + { + geom.verticesIndices = new Uint32Array(b64decTypedArray(jsonMesh.faces_b64)); + } + else + { + geom.verticesIndices.length = jsonMesh.faces.length * 3; + for (let i = 0; i < jsonMesh.faces.length; i++) + { + geom.verticesIndices[i * 3] = jsonMesh.faces[i][0]; + geom.verticesIndices[i * 3 + 1] = jsonMesh.faces[i][1]; + geom.verticesIndices[i * 3 + 2] = jsonMesh.faces[i][2]; + } + } + + return geom; +}; + + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_mesh_feedback.js +// view-source:http://toji.github.io/webgl2-particles-2/ + +function extendMeshWithFeedback(Mesh) +{ + Mesh.prototype.hasFeedbacks = function () + { + return this._feedBacks.length > 0; + }; + + Mesh.prototype.removeFeedbacks = function (shader) + { + if (!this._feedbacks) return; + this._feedbacks.length = 0; + this._feedBacksChanged = true; + }; + + Mesh.prototype.setAttributeFeedback = function () {}; + + Mesh.prototype.setFeedback = function (attrib, nameOut, initialArr) + { + let fb = { nameOut, }; + let found = false; + this.unBindFeedbacks(); + + for (let i = 0; i < this._feedBacks.length; i++) + { + if (this._feedBacks[i].nameOut == nameOut) + { + fb = this._feedBacks[i]; + + found = true; + } + } + + if (!found) this._feedBacksChanged = true; + + fb.initialArr = initialArr; + fb.attrib = attrib; + + // console.log("setfeedback"); + + if (fb.outBuffer) this._cgl.gl.deleteBuffer(fb.outBuffer); + // if(fb.attrib.buffer)this._cgl.gl.deleteBuffer(fb.attrib.buffer); + fb.outBuffer = this._cgl.gl.createBuffer(); + this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, fb.outBuffer); + this._cgl.gl.bufferData(this._cgl.gl.ARRAY_BUFFER, fb.initialArr, this._cgl.gl.STATIC_DRAW); + + this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, fb.attrib.buffer); + this._cgl.gl.bufferData(this._cgl.gl.ARRAY_BUFFER, fb.initialArr, this._cgl.gl.STATIC_DRAW); + + if (!found) this._feedBacks.push(fb); + + // console.log('initialArr',initialArr.length/3); + // console.log('vertices',fb.attrib.numItems); + // console.log('vertices',this._bufVertexAttrib.numItems); + + return fb; + }; + + Mesh.prototype.bindFeedback = function (attrib) + { + if (!this._feedBacks || this._feedBacks.length === 0) return; + if (this._transformFeedBackLoc == -1) this._transformFeedBackLoc = this._cgl.gl.createTransformFeedback(); + + this._cgl.gl.bindTransformFeedback(this._cgl.gl.TRANSFORM_FEEDBACK, this._transformFeedBackLoc); + + let found = false; + + for (let i = 0; i < this._feedBacks.length; i++) + { + const fb = this._feedBacks[i]; + + if (fb.attrib == attrib) + { + found = true; + // this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, fb.attrib.buffer); + // + // this._cgl.gl.vertexAttribPointer( + // fb.attrib.loc, + // fb.attrib.itemSize, + // fb.attrib.type, + // false, + // fb.attrib.itemSize*4, 0); + + this._cgl.gl.bindBufferBase(this._cgl.gl.TRANSFORM_FEEDBACK_BUFFER, i, fb.outBuffer); + } + } + + if (!found) + { + // console.log("ARTTRIB NOT FOUND",attrib.name); + } + }; + + Mesh.prototype.drawFeedbacks = function (shader, prim) + { + let i = 0; + + if (this._feedBacksChanged) + { + const names = []; + this._cgl.gl.bindTransformFeedback(this._cgl.gl.TRANSFORM_FEEDBACK, this._transformFeedBackLoc); + + for (i = 0; i < this._feedBacks.length; i++) names.push(this._feedBacks[i].nameOut); + shader.setFeedbackNames(names); + + console.log("feedbacknames", names); + + shader.compile(); + this._feedBacksChanged = false; + this._cgl.gl.bindTransformFeedback(this._cgl.gl.TRANSFORM_FEEDBACK, null); + console.log("changed finished"); + return; + } + + // + // for( i=0;i= array.length - 1) + { + this._log.log(this._cgl.canvas.id + " " + attr.name + " buffersubdata out of bounds ?", array.length, end, start, attr); + } + + if (this._cgl.glVersion == 1) this._cgl.gl.bufferSubData(this._cgl.gl.ARRAY_BUFFER, 0, array); // probably slow/ maybe create and array with only changed size ?? + else this._cgl.gl.bufferSubData(this._cgl.gl.ARRAY_BUFFER, start * 4, array, start, (end - start)); +}; + +Mesh.prototype._resizeAttr = function (array, attr) +{ + if (attr.buffer) + this._cgl.gl.deleteBuffer(attr.buffer); + + attr.buffer = this._cgl.gl.createBuffer(); + this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, attr.buffer); + this._bufferArray(array, attr); + attr.numItems = array.length / attr.itemSize;// numItems; +}; + + +Mesh.prototype._bufferArray = function (array, attr) +{ + let floatArray = attr.floatArray || null; + if (!array) return; + + + if (this._cgl.debugOneFrame) + { + console.log("_bufferArray", array.length, attr.name); // eslint-disable-line + } + + if (!(array instanceof Float32Array)) + { + if (attr && floatArray && floatArray.length == array.length) + { + floatArray.set(array); + // floatArray = floatArray; + } + else + { + floatArray = new Float32Array(array); + + if (this._cgl.debugOneFrame) + { + console.log("_bufferArray create new float32array", array.length, attr.name); // eslint-disable-line + } + + if (array.length > 10000) + { + this._cgl.profileData.profileNonTypedAttrib++; + this._cgl.profileData.profileNonTypedAttribNames = "(" + this._name + ":" + attr.name + ")"; + } + } + } + else floatArray = array; + + attr.arrayLength = floatArray.length; + attr.floatArray = null;// floatArray; + + this._cgl.gl.bufferData(this._cgl.gl.ARRAY_BUFFER, floatArray, this._cgl.gl.DYNAMIC_DRAW); +}; + +/** + * @function setAttribute + * @description update attribute + * @memberof Mesh + * @instance + * @param {String} attribute name + * @param {Array} data + * @param {Number} itemSize + * @param {Object} options + */ +Mesh.prototype.addAttribute = Mesh.prototype.updateAttribute = Mesh.prototype.setAttribute = function (name, array, itemSize, options) +{ + if (!array) + { + this._log.error("mesh addAttribute - no array given! " + name); + throw new Error(); + } + let cb = null; + let instanced = false; + let i = 0; + const numItems = array.length / itemSize; + + this._cgl.profileData.profileMeshAttributes += numItems || 0; + + if (typeof options == "function") + { + cb = options; + } + + if (typeof options == "object") + { + if (options.cb) cb = options.cb; + if (options.instanced) instanced = options.instanced; + } + + if (name == constants_CONSTANTS.SHADER.SHADERVAR_INSTANCE_MMATRIX) instanced = true; + + + for (i = 0; i < this._attributes.length; i++) + { + const attr = this._attributes[i]; + if (attr.name == name) + { + if (attr.numItems === numItems) + { + } + else + { + // this._log.log("wrong buffer size", this._geom.name, attr.name, attr.numItems, numItems); + this._resizeAttr(array, attr); + } + + this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, attr.buffer); + this._bufferArray(array, attr); + + return attr; + } + } + + // create new buffer... + + const buffer = this._cgl.gl.createBuffer(); + + this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, buffer); + // this._cgl.gl.bufferData(this._cgl.gl.ARRAY_BUFFER, floatArray, this._cgl.gl.DYNAMIC_DRAW); + + let type = this._cgl.gl.FLOAT; + if (options && options.type) type = options.type; + const attr = { + "buffer": buffer, + "name": name, + "cb": cb, + "itemSize": itemSize, + "numItems": numItems, + "startItem": 0, + "instanced": instanced, + "type": type + }; + + this._bufferArray(array, attr); + + if (name == constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_POSITION) this._bufVertexAttrib = attr; + this._attributes.push(attr); + this._attribLocs = {}; + + return attr; +}; + +Mesh.prototype.getAttributes = function () +{ + return this._attributes; +}; + +/** + * @function updateTexCoords + * @description update texture coordinates only from a geometry + * @memberof Mesh + * @instance + * @param {Geometry} geometry + */ +Mesh.prototype.updateTexCoords = function (geom) +{ + if (geom.texCoords && geom.texCoords.length > 0) + { + this.setAttribute(constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_TEXCOORD, geom.texCoords, 2); + } + else + { + const tcBuff = new Float32Array(Math.round((geom.vertices.length / 3) * 2)); + this.setAttribute(constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_TEXCOORD, tcBuff, 2); + } +}; + + +/** + * @function updateNormals + * @description update normals only from a geometry + * @memberof Mesh + * @instance + * @param {Geometry} geometry + */ +Mesh.prototype.updateNormals = function (geom) +{ + if (geom.vertexNormals && geom.vertexNormals.length > 0) + { + this.setAttribute(constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_NORMAL, geom.vertexNormals, 3); + } + else + { + const tcBuff = new Float32Array(Math.round((geom.vertices.length))); + this.setAttribute(constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_NORMAL, tcBuff, 3); + } +}; + + +Mesh.prototype._setVertexNumbers = function (arr) +{ + if (!this._verticesNumbers || this._verticesNumbers.length != this._numVerts || arr) + { + if (arr) this._verticesNumbers = arr; + else + { + this._verticesNumbers = new Float32Array(this._numVerts); + for (let i = 0; i < this._numVerts; i++) this._verticesNumbers[i] = i; + } + + this.setAttribute(constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_NUMBER, this._verticesNumbers, 1, (attr, geom, shader) => + { + if (!shader.uniformNumVertices) shader.uniformNumVertices = new Uniform(shader, "f", "numVertices", this._numVerts); + shader.uniformNumVertices.setValue(this._numVerts); + + // console.log("this._numVerts", this._numVerts, attr, shader.uniformNumVertices); + }); + } +}; + +/** + * @function setVertexIndices + * @description update vertex indices / faces + * @memberof Mesh + * @instance + * @param {array} vertIndices + */ +Mesh.prototype.setVertexIndices = function (vertIndices) +{ + if (!this._bufVerticesIndizes) + { + this._log.warn("no bufVerticesIndizes: " + this._name); + return; + } + if (vertIndices.length > 0) + { + if (vertIndices instanceof Float32Array) this._log.warn("vertIndices float32Array: " + this._name); + + for (let i = 0; i < vertIndices.length; i++) + { + if (vertIndices[i] >= this._numVerts) + { + this._log.warn("invalid index in " + this._name, i, vertIndices[i]); + return; + } + } + + this._cgl.gl.bindBuffer(this._cgl.gl.ELEMENT_ARRAY_BUFFER, this._bufVerticesIndizes); + + // todo cache this ? + // if(!this.vertIndicesTyped || this.vertIndicesTyped.length!=this._geom.verticesIndices.length) + + if (vertIndices.length > 65535) + { + this.vertIndicesTyped = new Uint32Array(vertIndices); + this._indexType = this._cgl.gl.UNSIGNED_INT; + } + else + if (vertIndices instanceof Uint32Array) + { + this.vertIndicesTyped = vertIndices; + this._indexType = this._cgl.gl.UNSIGNED_INT; + } + else + if (!(vertIndices instanceof Uint16Array)) + { + this.vertIndicesTyped = new Uint16Array(vertIndices); + this._indexType = this._cgl.gl.UNSIGNED_SHORT; + } + else this.vertIndicesTyped = vertIndices; + + this._cgl.gl.bufferData(this._cgl.gl.ELEMENT_ARRAY_BUFFER, this.vertIndicesTyped, this._cgl.gl.DYNAMIC_DRAW); + this._bufVerticesIndizes.itemSize = 1; + this._bufVerticesIndizes.numItems = vertIndices.length; + } + else this._bufVerticesIndizes.numItems = 0; +}; + +/** + * @function setGeom + * @memberof Mesh + * @instance + * @description set geometry for mesh + * @param {Geometry} geometry + */ +Mesh.prototype.setGeom = function (geom, removeRef) +{ + this._geom = geom; + if (geom.glPrimitive != null) this._glPrimitive = geom.glPrimitive; + if (this._geom && this._geom.name) this._name = "mesh " + this._geom.name; + + MESH.lastMesh = null; + this._cgl.profileData.profileMeshSetGeom++; + + this._disposeAttributes(); + + this.updateVertices(this._geom); + this.setVertexIndices(this._geom.verticesIndices); + + if (this.addVertexNumbers) this._setVertexNumbers(); + + const geomAttribs = this._geom.getAttributes(); + + const attribAssoc = { + "texCoords": constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_TEXCOORD, + "vertexNormals": constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_NORMAL, + "vertexColors": constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_COLOR, + "tangents": "attrTangent", + "biTangents": "attrBiTangent", + }; + + for (const index in geomAttribs) + if (geomAttribs[index].data && geomAttribs[index].data.length) + this.setAttribute(attribAssoc[index] || index, geomAttribs[index].data, geomAttribs[index].itemSize); + + + if (removeRef) + { + this._geom = null; + } +}; + +Mesh.prototype._preBind = function (shader) +{ + for (let i = 0; i < this._attributes.length; i++) + if (this._attributes[i].cb) + this._attributes[i].cb(this._attributes[i], this._geom, shader); +}; + +Mesh.prototype._checkAttrLengths = function () +{ + if (this.memFreed) return; + // check length + for (let i = 0; i < this._attributes.length; i++) + { + if (this._attributes[i].arrayLength / this._attributes[i].itemSize < this._attributes[0].arrayLength / this._attributes[0].itemSize) + { + let name = "unknown"; + if (this._geom)name = this._geom.name; + // this._log.warn( + // name + ": " + this._attributes[i].name + + // " wrong attr length. is:", this._attributes[i].arrayLength / this._attributes[i].itemSize, + // " should be:", this._attributes[0].arrayLength / this._attributes[0].itemSize, + // ); + } + } +}; + +Mesh.prototype._bind = function (shader) +{ + if (!shader.isValid()) return; + + let attrLocs = []; + if (this._attribLocs[shader.id]) attrLocs = this._attribLocs[shader.id]; + else this._attribLocs[shader.id] = attrLocs; + + this._lastShader = shader; + if (shader.lastCompile > this._lastAttrUpdate || attrLocs.length != this._attributes.length) + { + this._lastAttrUpdate = shader.lastCompile; + for (let i = 0; i < this._attributes.length; i++) attrLocs[i] = -1; + } + + for (let i = 0; i < this._attributes.length; i++) + { + const attribute = this._attributes[i]; + if (attrLocs[i] == -1) + { + if (attribute._attrLocationLastShaderTime != shader.lastCompile) + { + attribute._attrLocationLastShaderTime = shader.lastCompile; + attrLocs[i] = this._cgl.glGetAttribLocation(shader.getProgram(), attribute.name); + // this._log.log('attribloc',attribute.name,attrLocs[i]); + this._cgl.profileData.profileAttrLoc++; + } + } + + if (attrLocs[i] != -1) + { + this._cgl.gl.enableVertexAttribArray(attrLocs[i]); + this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, attribute.buffer); + + if (attribute.instanced) + { + // todo: easier way to fill mat4 attribs... + if (attribute.itemSize <= 4) + { + if (!attribute.itemSize || attribute.itemSize == 0) this._log.warn("instanced attrib itemsize error", this._geom.name, attribute); + + this._cgl.gl.vertexAttribPointer(attrLocs[i], attribute.itemSize, attribute.type, false, attribute.itemSize * 4, 0); + this._cgl.gl.vertexAttribDivisor(attrLocs[i], 1); + } + else if (attribute.itemSize == 16) + { + const stride = 16 * 4; + + this._cgl.gl.vertexAttribPointer(attrLocs[i], 4, attribute.type, false, stride, 0); + this._cgl.gl.enableVertexAttribArray(attrLocs[i] + 1); + this._cgl.gl.vertexAttribPointer(attrLocs[i] + 1, 4, attribute.type, false, stride, 4 * 4 * 1); + this._cgl.gl.enableVertexAttribArray(attrLocs[i] + 2); + this._cgl.gl.vertexAttribPointer(attrLocs[i] + 2, 4, attribute.type, false, stride, 4 * 4 * 2); + this._cgl.gl.enableVertexAttribArray(attrLocs[i] + 3); + this._cgl.gl.vertexAttribPointer(attrLocs[i] + 3, 4, attribute.type, false, stride, 4 * 4 * 3); + + this._cgl.gl.vertexAttribDivisor(attrLocs[i], 1); + this._cgl.gl.vertexAttribDivisor(attrLocs[i] + 1, 1); + this._cgl.gl.vertexAttribDivisor(attrLocs[i] + 2, 1); + this._cgl.gl.vertexAttribDivisor(attrLocs[i] + 3, 1); + } + else + { + this._log.warn("unknown instance attrib size", attribute.name); + } + } + else + { + if (!attribute.itemSize || attribute.itemSize == 0) this._log.warn("attrib itemsize error", this._name, attribute); + this._cgl.gl.vertexAttribPointer(attrLocs[i], attribute.itemSize, attribute.type, false, attribute.itemSize * 4, 0); + + if (attribute.pointer) + { + for (let ip = 0; ip < attribute.pointer.length; ip++) + { + const pointer = attribute.pointer[ip]; + + if (pointer.loc == -1) + pointer.loc = this._cgl.glGetAttribLocation(shader.getProgram(), pointer.name); + + this._cgl.profileData.profileAttrLoc++; + + this._cgl.gl.enableVertexAttribArray(pointer.loc); + this._cgl.gl.vertexAttribPointer(pointer.loc, attribute.itemSize, attribute.type, false, pointer.stride, pointer.offset); + } + } + this.bindFeedback(attribute); + } + } + } + + if (this._bufVerticesIndizes && this._bufVerticesIndizes.numItems !== 0) this._cgl.gl.bindBuffer(this._cgl.gl.ELEMENT_ARRAY_BUFFER, this._bufVerticesIndizes); +}; + +Mesh.prototype.unBind = function () +{ + const shader = this._lastShader; + this._lastShader = null; + if (!shader) return; + + let attrLocs = []; + if (this._attribLocs[shader.id]) attrLocs = this._attribLocs[shader.id]; + else this._attribLocs[shader.id] = attrLocs; + + MESH.lastMesh = null; + + for (let i = 0; i < this._attributes.length; i++) + { + if (this._attributes[i].instanced) + { + // todo: easier way to fill mat4 attribs... + if (this._attributes[i].itemSize <= 4) + { + if (attrLocs[i] != -1) this._cgl.gl.vertexAttribDivisor(attrLocs[i], 0); + if (attrLocs[i] >= 0) this._cgl.gl.disableVertexAttribArray(attrLocs[i]); + } + else + { + this._cgl.gl.vertexAttribDivisor(attrLocs[i], 0); + this._cgl.gl.vertexAttribDivisor(attrLocs[i] + 1, 0); + this._cgl.gl.vertexAttribDivisor(attrLocs[i] + 2, 0); + this._cgl.gl.vertexAttribDivisor(attrLocs[i] + 3, 0); + this._cgl.gl.disableVertexAttribArray(attrLocs[i] + 1); + this._cgl.gl.disableVertexAttribArray(attrLocs[i] + 2); + this._cgl.gl.disableVertexAttribArray(attrLocs[i] + 3); + } + } + + if (attrLocs[i] != -1) this._cgl.gl.disableVertexAttribArray(attrLocs[i]); + } +}; + +Mesh.prototype.meshChanged = function () +{ + return this._cgl.lastMesh && this._cgl.lastMesh != this; +}; + +Mesh.prototype.printDebug = function (shader) +{ + console.log("--attributes"); + for (let i = 0; i < this._attributes.length; i++) + { + console.log("attribute " + i + " " + this._attributes[i].name); + } +}; + +Mesh.prototype.setNumVertices = function (num) +{ + this._bufVertexAttrib.numItems = num; +}; + +Mesh.prototype.getNumVertices = function () +{ + return this._bufVertexAttrib.numItems; +}; + + +/** + * @function render + * @memberof Mesh + * @instance + * @description draw mesh to screen + * @param {Shader} shader + */ +Mesh.prototype.render = function (shader) +{ + // TODO: enable/disablevertex only if the mesh has changed... think drawing 10000x the same mesh + + if (!shader || !shader.isValid() || this._cgl.aborted) return; + + this._checkAttrLengths(); + + if (this._geom) + { + if (this._preWireframeGeom && !shader.wireframe && !this._geom.isIndexed()) + { + this.setGeom(this._preWireframeGeom); + this._preWireframeGeom = null; + // console.log("remove prewireframe geom"); + } + + if (shader.wireframe) + { + let changed = false; + + if (this._geom.isIndexed()) + { + if (!this._preWireframeGeom) + { + this._preWireframeGeom = this._geom; + this._geom = this._geom.copy(); + } + + this._geom.unIndex(); + changed = true; + } + + if (!this._geom.getAttribute("attrBarycentric")) + { + if (!this._preWireframeGeom) + { + this._preWireframeGeom = this._geom; + this._geom = this._geom.copy(); + } + changed = true; + + this._geom.calcBarycentric(); + } + if (changed) this.setGeom(this._geom); + } + // if (shader.wireframe) + // console.log(shader.wireframe, this._geom.isIndexed()); + } + + let needsBind = false; + if (MESH.lastMesh != this) + { + if (MESH.lastMesh) MESH.lastMesh.unBind(); + needsBind = true; + } + + + // var needsBind=false; + // { + // needsBind=true; + // } + if (needsBind) this._preBind(shader); + + if (!shader.bind()) return; + + // if(needsBind) + this._bind(shader); + if (this.addVertexNumbers) this._setVertexNumbers(); + + MESH.lastMesh = this; + + let prim = this._cgl.gl.TRIANGLES; + if (this._glPrimitive !== undefined) prim = this._glPrimitive; + if (shader.glPrimitive !== null) prim = shader.glPrimitive; + + let elementDiv = 1; + let doQuery = this._cgl.profileData.doProfileGlQuery; + let queryStarted = false; + if (doQuery) + { + let id = this._name + " - " + shader.getName() + " #" + shader.id; + if (this._numInstances) id += " instanced " + this._numInstances + "x"; + + let queryProfilerData = this._cgl.profileData.glQueryData[id]; + + if (!queryProfilerData) queryProfilerData = { "id": id, "num": 0 }; + + if (shader.opId)queryProfilerData.shaderOp = shader.opId; + if (this.opId)queryProfilerData.meshOp = this.opId; + + this._cgl.profileData.glQueryData[id] = queryProfilerData; + + if (!this._queryExt && this._queryExt !== false) this._queryExt = this._cgl.enableExtension("EXT_disjoint_timer_query_webgl2") || false; + if (this._queryExt) + { + if (queryProfilerData._drawQuery) + { + const available = this._cgl.gl.getQueryParameter(queryProfilerData._drawQuery, this._cgl.gl.QUERY_RESULT_AVAILABLE); + if (available) + { + const elapsedNanos = this._cgl.gl.getQueryParameter(queryProfilerData._drawQuery, this._cgl.gl.QUERY_RESULT); + const currentTimeGPU = elapsedNanos / 1000000; + + queryProfilerData._times = queryProfilerData._times || 0; + queryProfilerData._times += currentTimeGPU; + queryProfilerData._numcount++; + queryProfilerData.when = performance.now(); + queryProfilerData._drawQuery = null; + queryProfilerData.queryStarted = false; + } + } + + if (!queryProfilerData.queryStarted) + { + queryProfilerData._drawQuery = this._cgl.gl.createQuery(); + this._cgl.gl.beginQuery(this._queryExt.TIME_ELAPSED_EXT, queryProfilerData._drawQuery); + queryStarted = queryProfilerData.queryStarted = true; + } + } + } + + + if (this.hasFeedbacks()) + { + this.drawFeedbacks(shader, prim); + } + else if (!this._bufVerticesIndizes || this._bufVerticesIndizes.numItems === 0) + { + // for (let i = 0; i < this._attributes.length; i++) + // { + // if (this._attributes[i].arrayLength / this._attributes[i].itemSize != this._bufVertexAttrib.floatArray.length / 3) + // { + // this._log.warn("attrib buffer length wrong! ", this._attributes[i].name, this._attributes[i].arrayLength / this._attributes[i].itemSize, this._bufVertexAttrib.floatArray.length / 3, this._attributes[i].itemSize); + // // this._log.log(this); + // // debugger; + // return; + // } + // } + + + if (prim == this._cgl.gl.TRIANGLES)elementDiv = 3; + if (this._numInstances === 0) this._cgl.gl.drawArrays(prim, this._bufVertexAttrib.startItem, this._bufVertexAttrib.numItems - this._bufVertexAttrib.startItem); + else this._cgl.gl.drawArraysInstanced(prim, this._bufVertexAttrib.startItem, this._bufVertexAttrib.numItems, this._numInstances); + } + else + { + if (prim == this._cgl.gl.TRIANGLES)elementDiv = 3; + if (this._numInstances === 0) + { + // console.log("la", this._bufVerticesIndizes.numItems); + + this._cgl.gl.drawElements(prim, this._bufVerticesIndizes.numItems, this._indexType, 0); + } + else + { + this._cgl.gl.drawElementsInstanced(prim, this._bufVerticesIndizes.numItems, this._indexType, 0, this._numInstances); + } + } + + if (this._cgl.debugOneFrame && this._cgl.gl.getError() != this._cgl.gl.NO_ERROR) + { + this._log.error("mesh draw gl error"); + this._log.error("mesh", this); + this._log.error("shader", shader); + + const attribNames = []; + for (let i = 0; i < this._cgl.gl.getProgramParameter(shader.getProgram(), this._cgl.gl.ACTIVE_ATTRIBUTES); i++) + { + const name = this._cgl.gl.getActiveAttrib(shader.getProgram(), i).name; + this._log.error("attrib ", name); + } + } + + this._cgl.profileData.profileMeshNumElements += (this._bufVertexAttrib.numItems / elementDiv) * (this._numInstances || 1); + this._cgl.profileData.profileMeshDraw++; + + if (doQuery && queryStarted) + { + this._cgl.gl.endQuery(this._queryExt.TIME_ELAPSED_EXT); + } + + this._cgl.printError("mesh render " + this._name); + + this.unBind(); +}; + +Mesh.prototype.setNumInstances = function (n) +{ + n = Math.max(0, n); + if (this._numInstances != n) + { + this._numInstances = n; + const indexArr = new Float32Array(n); + for (let i = 0; i < n; i++) indexArr[i] = i; + this.setAttribute(constants_CONSTANTS.SHADER.SHADERVAR_INSTANCE_INDEX, indexArr, 1, { "instanced": true }); + } +}; + +Mesh.prototype._disposeAttributes = function () +{ + if (!this._attributes) return; + + for (let i = 0; i < this._attributes.length; i++) + { + if (this._attributes[i].buffer) + { + this._cgl.gl.deleteBuffer(this._attributes[i].buffer); + this._attributes[i].buffer = null; + } + } + this._attributes.length = 0; +}; + +Mesh.prototype.dispose = function () +{ + if (this._bufVertexAttrib && this._bufVertexAttrib.buffer) this._cgl.gl.deleteBuffer(this._bufVertexAttrib.buffer); + if (this._bufVerticesIndizes) this._cgl.gl.deleteBuffer(this._bufVerticesIndizes); + this._bufVerticesIndizes = null; + + this._disposeAttributes(); +}; + +extendMeshWithFeedback(Mesh); + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_simplerect.js + + + + +const MESHES = {}; + +MESHES.getSimpleRect = function (cgl, name) +{ + const geom = new Geometry(name); + + geom.vertices = [1.0, 1.0, 0.0, -1.0, 1.0, 0.0, 1.0, -1.0, 0.0, -1.0, -1.0, 0.0]; + geom.texCoords = [1.0, 1.0, 0.0, 1.0, 1.0, 0.0, 0.0, 0.0]; + geom.verticesIndices = [0, 1, 2, 2, 1, 3]; + geom.vertexNormals = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]; + + return new Mesh(cgl, geom); +}; + + +MESHES.getSimpleCube = function (cgl, name) +{ + const geom = new Geometry(name); + geom.vertices = [-1, -1, 1, 1, -1, 1, 1, 1, 1, -1, 1, 1, -1, -1, -1, 1, -1, -1, 1, 1, -1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1, 1, -1, 1, 1, -1, -1, -1, 1, -1, -1, 1, -1, 1, -1, -1, 1, 1, -1, -1, 1, -1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1, -1, -1, 1, -1, 1, 1, -1, 1, -1]; + geom.setTexCoords([0, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 1, 1, 0, 1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 1, 0, 1, 1, 1, 1, 0, 0, 0,]); + geom.verticesIndices = [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7, 8, 9, 10, 8, 10, 11, 12, 13, 14, 12, 14, 15, 16, 17, 18, 16, 18, 19, 20, 21, 22, 20, 22, 23]; + geom.vertexNormals = new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0, -1.0, 0.0, 0.0]); + geom.tangents = new Float32Array([0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1]); + geom.biTangents = new Float32Array([-1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1]); + + return new Mesh(cgl, geom); +}; + + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_textureeffect.js + + + + +const TextureEffect = function (cgl, options) +{ + this._cgl = cgl; + this._log = new Logger("cgl_TextureEffect"); + + if (!cgl.TextureEffectMesh) this.createMesh(); + + this._textureSource = null; + this._options = options; + this.name = options.name || "unknown"; + + // TODO: do we still need the options ? + // var opts=options || + // { + // isFloatingPointTexture:false, + // filter:CGL.Texture.FILTER_LINEAR + // }; + // if(options && options.fp)opts.isFloatingPointTexture=true; + + this.imgCompVer = 0; + this.aspectRatio = 1; + this._textureTarget = null; // new CGL.Texture(this._cgl,opts); + this._frameBuf = this._cgl.gl.createFramebuffer(); + this._frameBuf2 = this._cgl.gl.createFramebuffer(); + this._renderbuffer = this._cgl.gl.createRenderbuffer(); + this._renderbuffer2 = this._cgl.gl.createRenderbuffer(); + this.switched = false; + this.depth = false; +}; + +TextureEffect.prototype.dispose = function () +{ + if (this._renderbuffer) this._cgl.gl.deleteRenderbuffer(this._renderbuffer); + if (this._frameBuf) this._cgl.gl.deleteFramebuffer(this._frameBuf); + if (this._renderbuffer2) this._cgl.gl.deleteRenderbuffer(this._renderbuffer2); + if (this._frameBuf2) this._cgl.gl.deleteFramebuffer(this._frameBuf2); +}; + +TextureEffect.prototype.getWidth = function () +{ + return this._textureSource.width; +}; + +TextureEffect.prototype.getHeight = function () +{ + return this._textureSource.height; +}; + +TextureEffect.prototype.setSourceTexture = function (tex) +{ + if (tex === null) + { + this._textureSource = new Texture(this._cgl); + this._textureSource.setSize(16, 16); + } + else + { + this._textureSource = tex; + } + + if (!this._textureSource.compareSettings(this._textureTarget)) + { + if (this._textureTarget) this._textureTarget.delete(); + + this._textureTarget = this._textureSource.clone(); + + this._cgl.profileData.profileEffectBuffercreate++; + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuf); + + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, this._renderbuffer); + + // if(tex.textureType==CGL.Texture.TYPE_FLOAT) this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER,this._cgl.gl.RGBA32F, this._textureSource.width,this._textureSource.height); + // else this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER,this._cgl.gl.RGBA8, this._textureSource.width,this._textureSource.height); + + if (this.depth) this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER, this._cgl.gl.DEPTH_COMPONENT16, this._textureSource.width, this._textureSource.height); + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.TEXTURE_2D, this._textureTarget.tex, 0); + if (this.depth) this._cgl.gl.framebufferRenderbuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.DEPTH_ATTACHMENT, this._cgl.gl.RENDERBUFFER, this._renderbuffer); + + // this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.TEXTURE_2D, this._textureTarget.tex, 0); + + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, null); + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, null); + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuf2); + + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, this._renderbuffer2); + + // if(tex.textureType==CGL.Texture.TYPE_FLOAT) this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER,this._cgl.gl.RGBA32F, this._textureSource.width,this._textureSource.height); + // else this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER,this._cgl.gl.RGBA8, this._textureSource.width,this._textureSource.height); + + if (this.depth) this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER, this._cgl.gl.DEPTH_COMPONENT16, this._textureSource.width, this._textureSource.height); + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.TEXTURE_2D, this._textureSource.tex, 0); + + if (this.depth) this._cgl.gl.framebufferRenderbuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.DEPTH_ATTACHMENT, this._cgl.gl.RENDERBUFFER, this._renderbuffer2); + + // this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.TEXTURE_2D, this._textureSource.tex, 0); + + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, null); + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, null); + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); + } + + this.aspectRatio = this._textureSource.width / this._textureSource.height; +}; +TextureEffect.prototype.continueEffect = function () +{ + this._cgl.pushDepthTest(false); + this._cgl.pushModelMatrix(); + this._cgl.pushPMatrix(); + // todo why two pushs? + + + + this._cgl.pushViewPort(0, 0, this.getCurrentTargetTexture().width, this.getCurrentTargetTexture().height); + + + + mat4.perspective(this._cgl.pMatrix, 45, this.getCurrentTargetTexture().width / this.getCurrentTargetTexture().height, 0.1, 1100.0); // todo: why? + + this._cgl.pushPMatrix(); + mat4.identity(this._cgl.pMatrix); + + this._cgl.pushViewMatrix(); + mat4.identity(this._cgl.vMatrix); + + this._cgl.pushModelMatrix(); + mat4.identity(this._cgl.mMatrix); +}; + + +TextureEffect.prototype.startEffect = function (bgTex) +{ + if (!this._textureTarget) + { + this._log.warn("effect has no target"); + return; + } + + this.switched = false; + + this.continueEffect(); + + if (bgTex) + { + this._bgTex = bgTex; + } + this._countEffects = 0; +}; + +TextureEffect.prototype.endEffect = function () +{ + this._cgl.popDepthTest(); + this._cgl.popModelMatrix(); + + this._cgl.popPMatrix(); + this._cgl.popModelMatrix(); + this._cgl.popViewMatrix(); + + this._cgl.popPMatrix(); + this._cgl.popViewPort(); +}; + +TextureEffect.prototype.bind = function () +{ + if (this._textureSource === null) + { + this._log.warn("no base texture set!"); + return; + } + + if (!this.switched) + { + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuf); + this._cgl.pushGlFrameBuffer(this._frameBuf); + } + else + { + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuf2); + this._cgl.pushGlFrameBuffer(this._frameBuf2); + } +}; + +TextureEffect.prototype.finish = function () +{ + if (this._textureSource === null) + { + this._log.warn("no base texture set!"); + return; + } + + this._cgl.TextureEffectMesh.render(this._cgl.getShader()); + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.popGlFrameBuffer()); + + this._cgl.profileData.profileTextureEffect++; + + if (this._textureTarget.filter == Texture.FILTER_MIPMAP) + { + if (!this.switched) + { + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, this._textureTarget.tex); + this._textureTarget.updateMipMap(); + } + else + { + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, this._textureSource.tex); + this._textureSource.updateMipMap(); + } + + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, null); + } + + this.switched = !this.switched; + this._countEffects++; +}; + +TextureEffect.prototype.getCurrentTargetTexture = function () +{ + if (this.switched) return this._textureSource; + return this._textureTarget; +}; + +TextureEffect.prototype.getCurrentSourceTexture = function () +{ + if (this._countEffects == 0 && this._bgTex) return this._bgTex; + + if (this.switched) return this._textureTarget; + return this._textureSource; +}; + +TextureEffect.prototype.delete = function () +{ + if (this._textureTarget) this._textureTarget.delete(); + if (this._textureSource) this._textureSource.delete(); + this._cgl.gl.deleteRenderbuffer(this._renderbuffer); + this._cgl.gl.deleteFramebuffer(this._frameBuf); +}; + +TextureEffect.prototype.createMesh = function () +{ + this._cgl.TextureEffectMesh = MESHES.getSimpleRect(this._cgl, "texEffectRect"); +}; + +// --------------------------------------------------------------------------------- + +TextureEffect.checkOpNotInTextureEffect = function (op) +{ + if (!op.patch.cgl) return true; + if (op.uiAttribs.error && !op.patch.cgl.currentTextureEffect) + { + op.setUiError("textureeffect", null); + return true; + } + if (!op.patch.cgl.currentTextureEffect) return true; + + if (op.patch.cgl.currentTextureEffect && !op.uiAttribs.error) + { + op.setUiError("textureeffect", "This op can not be a child of a ImageCompose/texture effect! imagecompose should only have textureeffect childs.", 0); + return false; + } + + if (op.patch.cgl.currentTextureEffect) return false; + return true; +}; + +TextureEffect.checkOpInEffect = function (op, minver) +{ + minver = minver || 0; + + if (op.patch.cgl.currentTextureEffect) + { + if (op.uiAttribs.uierrors && op.patch.cgl.currentTextureEffect.imgCompVer >= minver) + { + op.setUiError("texeffect", null); + return true; + } + + if (minver && op.patch.cgl.currentTextureEffect.imgCompVer < minver) + { + op.setUiError("texeffect", "This op must be a child of an ImageCompose op with version >=" + minver + " Downgrade to previous version", 1); + } + } + + if (op.patch.cgl.currentTextureEffect) return true; + + if (!op.patch.cgl.currentTextureEffect && (!op.uiAttribs.uierrors || op.uiAttribs.uierrors.length == 0)) + { + op.setUiError("texeffect", "This op must be a child of an ImageCompose op! More infos here. ", 1); + return false; + } + + if (!op.patch.cgl.currentTextureEffect) return false; + return true; +}; + +TextureEffect.getBlendCode = function (ver) +{ + let src = "".endl() + + "vec3 _blend(vec3 base,vec3 blend)".endl() + + "{".endl() + + " vec3 colNew=blend;".endl() + + " #ifdef BM_MULTIPLY".endl() + + " colNew=base*blend;".endl() + + " #endif".endl() + + " #ifdef BM_MULTIPLY_INV".endl() + + " colNew=base* vec3(1.0)-blend;".endl() + + " #endif".endl() + + " #ifdef BM_AVERAGE".endl() + + " colNew=((base + blend) / 2.0);".endl() + + " #endif".endl() + + " #ifdef BM_ADD".endl() + + " colNew=min(base + blend, vec3(1.0));".endl() + + " #endif".endl() + + " #ifdef BM_SUBTRACT_ONE".endl() + + " colNew=max(base + blend - vec3(1.0), vec3(0.0));".endl() + + " #endif".endl() + + + " #ifdef BM_SUBTRACT".endl() + + " colNew=base - blend;".endl() + + " #endif".endl() + + + " #ifdef BM_DIFFERENCE".endl() + + " colNew=abs(base - blend);".endl() + + " #endif".endl() + + " #ifdef BM_NEGATION".endl() + + " colNew=(vec3(1.0) - abs(vec3(1.0) - base - blend));".endl() + + " #endif".endl() + + " #ifdef BM_EXCLUSION".endl() + + " colNew=(base + blend - 2.0 * base * blend);".endl() + + " #endif".endl() + + " #ifdef BM_LIGHTEN".endl() + + " colNew=max(blend, base);".endl() + + " #endif".endl() + + " #ifdef BM_DARKEN".endl() + + " colNew=min(blend, base);".endl() + + " #endif".endl() + + " #ifdef BM_OVERLAY".endl() + + " #define BlendOverlayf(base, blend) (base < 0.5 ? (2.0 * base * blend) : (1.0 - 2.0 * (1.0 - base) * (1.0 - blend)))" + // .endl()+' #define BlendOverlay(base, blend) Blend(base, blend, BlendOverlayf)' + // .endl()+' colNew=Blend(base, blend, BlendOverlayf);' + .endl() + + " colNew=vec3(BlendOverlayf(base.r, blend.r),BlendOverlayf(base.g, blend.g),BlendOverlayf(base.b, blend.b));".endl() + + " #endif".endl() + + " #ifdef BM_SCREEN".endl() + + " #define BlendScreenf(base, blend) (1.0 - ((1.0 - base) * (1.0 - blend)))" + // .endl()+' #define BlendScreen(base, blend) Blend(base, blend, BlendScreenf)' + // .endl()+' colNew=Blend(base, blend, BlendScreenf);' + .endl() + + " colNew=vec3(BlendScreenf(base.r, blend.r),BlendScreenf(base.g, blend.g),BlendScreenf(base.b, blend.b));".endl() + + " #endif".endl() + + " #ifdef BM_SOFTLIGHT".endl() + + " #define BlendSoftLightf(base, blend) ((blend < 0.5) ? (2.0 * base * blend + base * base * (1.0 - 2.0 * blend)) : (sqrt(base) * (2.0 * blend - 1.0) + 2.0 * base * (1.0 - blend)))" + // .endl()+' #define BlendSoftLight(base, blend) Blend(base, blend, BlendSoftLightf)' + // .endl()+' colNew=Blend(base, blend, BlendSoftLightf);' + .endl() + + " colNew=vec3(BlendSoftLightf(base.r, blend.r),BlendSoftLightf(base.g, blend.g),BlendSoftLightf(base.b, blend.b));".endl() + + " #endif".endl() + + " #ifdef BM_HARDLIGHT".endl() + + " #define BlendOverlayf(base, blend) (base < 0.5 ? (2.0 * base * blend) : (1.0 - 2.0 * (1.0 - base) * (1.0 - blend)))" + // .endl()+' #define BlendOverlay(base, blend) Blend(base, blend, BlendOverlayf)' + // .endl()+' colNew=Blend(blend, base, BlendOverlayf);' + .endl() + + " colNew=vec3(BlendOverlayf(base.r, blend.r),BlendOverlayf(base.g, blend.g),BlendOverlayf(base.b, blend.b));".endl() + + " #endif".endl() + + " #ifdef BM_COLORDODGE".endl() + + " #define BlendColorDodgef(base, blend) ((blend == 1.0) ? blend : min(base / (1.0 - blend), 1.0))" + // .endl()+' colNew=Blend(base, blend, BlendColorDodgef);' + .endl() + + " colNew=vec3(BlendColorDodgef(base.r, blend.r),BlendColorDodgef(base.g, blend.g),BlendColorDodgef(base.b, blend.b));".endl() + + " #endif".endl() + + " #ifdef BM_COLORBURN".endl() + + " #define BlendColorBurnf(base, blend) ((blend == 0.0) ? blend : max((1.0 - ((1.0 - base) / blend)), 0.0))" + // .endl()+' colNew=Blend(base, blend, BlendColorBurnf);' + .endl() + + " colNew=vec3(BlendColorBurnf(base.r, blend.r),BlendColorBurnf(base.g, blend.g),BlendColorBurnf(base.b, blend.b));".endl() + + " #endif".endl() + + + + + + + + + + + + " return colNew;".endl() + + "}".endl(); + + if (!ver) + src += "vec4 cgl_blend(vec4 oldColor,vec4 newColor,float amount)".endl() + + "{".endl() + + "vec4 col=vec4( _blend(oldColor.rgb,newColor.rgb) ,1.0);".endl() + + "col=vec4( mix( col.rgb, oldColor.rgb ,1.0-oldColor.a*amount),1.0);".endl() + + "return col;".endl() + + "}".endl(); + + if (ver >= 3) + src += "vec4 cgl_blendPixel(vec4 base,vec4 col,float amount)".endl() + + "{".endl() + + + "#ifdef BM_MATH_ADD".endl() + + " return vec4(base.rgb+col.rgb*amount,1.0);".endl() + + "#endif".endl() + + + "#ifdef BM_MATH_SUB".endl() + + " return vec4(base.rgb-col.rgb*amount,1.0);".endl() + + "#endif".endl() + + + "#ifdef BM_MATH_MUL".endl() + + " return vec4(base.rgb*col.rgb*amount,1.0);".endl() + + "#endif".endl() + + + "#ifdef BM_MATH_DIV".endl() + + " return vec4(base.rgb/col.rgb*amount,1.0);".endl() + + "#endif".endl() + + + + "#ifndef BM_MATH".endl() + + "vec3 colNew=_blend(base.rgb,col.rgb);".endl() + + + "float newA=clamp(base.a+(col.a*amount),0.,1.);".endl() + + + "#ifdef BM_ALPHAMASKED".endl() + + "newA=base.a;".endl() + + "#endif".endl() + + + "return vec4(".endl() + + "mix(colNew,base.rgb,1.0-(amount*col.a)),".endl() + + "newA);".endl() + + + "#endif".endl() + + "}".endl(); + + return src; +}; + +TextureEffect.onChangeBlendSelect = function (shader, blendName, maskAlpha = false) +{ + blendName = String(blendName); + shader.toggleDefine("BM_NORMAL", blendName == "normal"); + shader.toggleDefine("BM_MULTIPLY", blendName == "multiply"); + shader.toggleDefine("BM_MULTIPLY_INV", blendName == "multiply invert"); + shader.toggleDefine("BM_AVERAGE", blendName == "average"); + shader.toggleDefine("BM_ADD", blendName == "add"); + shader.toggleDefine("BM_SUBTRACT_ONE", blendName == "subtract one"); + shader.toggleDefine("BM_SUBTRACT", blendName == "subtract"); + shader.toggleDefine("BM_DIFFERENCE", blendName == "difference"); + shader.toggleDefine("BM_NEGATION", blendName == "negation"); + shader.toggleDefine("BM_EXCLUSION", blendName == "exclusion"); + shader.toggleDefine("BM_LIGHTEN", blendName == "lighten"); + shader.toggleDefine("BM_DARKEN", blendName == "darken"); + shader.toggleDefine("BM_OVERLAY", blendName == "overlay"); + shader.toggleDefine("BM_SCREEN", blendName == "screen"); + shader.toggleDefine("BM_SOFTLIGHT", blendName == "softlight"); + shader.toggleDefine("BM_HARDLIGHT", blendName == "hardlight"); + shader.toggleDefine("BM_COLORDODGE", blendName == "color dodge"); + shader.toggleDefine("BM_COLORBURN", blendName == "color burn"); + + shader.toggleDefine("BM_MATH_ADD", blendName == "Math Add"); + shader.toggleDefine("BM_MATH_SUB", blendName == "Math Subtract"); + shader.toggleDefine("BM_MATH_MUL", blendName == "Math Multiply"); + shader.toggleDefine("BM_MATH_DIV", blendName == "Math Divide"); + + shader.toggleDefine("BM_MATH", blendName.indexOf("Math ") == 0); + + + shader.toggleDefine("BM_ALPHAMASKED", maskAlpha); +}; + +TextureEffect.AddBlendSelect = function (op, name, defaultMode) +{ + const p = op.inValueSelect(name || "Blend Mode", [ + "normal", "lighten", "darken", "multiply", "multiply invert", "average", "add", "subtract", "difference", "negation", "exclusion", "overlay", "screen", "color dodge", "color burn", "softlight", "hardlight", "subtract one", + "Math Add", + "Math Subtract", + "Math Multiply", + "Math Divide", + + ], defaultMode || "normal"); + return p; +}; + +TextureEffect.AddBlendAlphaMask = function (op, name, defaultMode) +{ + const p = op.inSwitch(name || "Alpha Mask", ["Off", "On"], defaultMode || "Off"); + return p; +}; + +TextureEffect.setupBlending = function (op, shader, blendPort, amountPort, alphaMaskPort) +{ + const onChange = () => + { + let maskAlpha = false; + if (alphaMaskPort) maskAlpha = alphaMaskPort.get() == "On"; + TextureEffect.onChangeBlendSelect(shader, blendPort.get(), maskAlpha); + + let str = blendPort.get(); + if (str == "normal") str = null; + else if (str == "multiply") str = "mul"; + else if (str == "multiply invert") str = "mulinv"; + else if (str == "lighten") str = "light"; + else if (str == "darken") str = "darken"; + else if (str == "average") str = "avg"; + else if (str == "subtract one") str = "sub one"; + else if (str == "subtract") str = "sub"; + else if (str == "difference") str = "diff"; + else if (str == "negation") str = "neg"; + else if (str == "exclusion") str = "exc"; + else if (str == "overlay") str = "ovl"; + else if (str == "color dodge") str = "dodge"; + else if (str == "color burn") str = "burn"; + else if (str == "softlight") str = "soft"; + else if (str == "hardlight") str = "hard"; + else if (str == "Math Add") str = "+"; + else if (str == "Math Subtract") str = "-"; + else if (str == "Math Multiply") str = "*"; + else if (str == "Math Divide") str = "/"; + + op.setUiAttrib({ "extendTitle": str }); + }; + op.setPortGroup("Blending", [blendPort, amountPort, alphaMaskPort]); + + let maskAlpha = false; + + blendPort.onChange = onChange; + if (alphaMaskPort) + { + alphaMaskPort.onChange = onChange; + maskAlpha = alphaMaskPort.get() == "On"; + } + + TextureEffect.onChangeBlendSelect(shader, blendPort.get(), maskAlpha); +}; + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_shader_lib.js + + + + +const ShaderLibMods = { + "CGL.BLENDMODES": function () + { + this.name = "blendmodes"; + this.srcHeadFrag = TextureEffect.getBlendCode(); + }, + "CGL.BLENDMODES3": function () + { + this.name = "blendmodes3"; + this.srcHeadFrag = TextureEffect.getBlendCode(3); + }, + + "CGL.LUMINANCE": function () + { + this.name = "luminance"; + this.srcHeadFrag = "".endl() + + "float cgl_luminance(vec3 c)".endl() + + "{".endl() + + " return dot(vec3(0.2126,0.7152,0.0722),c);".endl() + + "}".endl(); + }, + + + // quite good random numbers, but somehow don't work in ANGLE + "CGL.RANDOM_OLD": function () + { + this.name = "randomNumber"; + this.srcHeadFrag = "".endl() + + "float cgl_random(vec2 co)".endl() + + "{".endl() + + " return fract(sin(dot(co.xy ,vec2(12.9898,4.1414))) * 432758.5453);".endl() + + "}".endl() + + "vec3 cgl_random3(vec2 co)".endl() + + "{".endl() + + " return vec3( cgl_random(co),cgl_random(co+0.5711),cgl_random(co+1.5711));".endl() + + "}"; + }, + + + // low quality generative ranodm numbers + "CGL.RANDOM_LOW": function () + { + this.name = "randomNumber"; + this.srcHeadFrag = "".endl() + + "float cgl_random(vec2 co)".endl() + + "{".endl() + + " return fract(sin(dot(co.xy ,vec2(12.9898,4.1414))) * 358.5453);".endl() + + "}".endl() + + "vec3 cgl_random3(vec2 co)".endl() + + "{".endl() + + " return vec3( cgl_random(co),cgl_random(co+0.5711),cgl_random(co+1.5711));".endl() + + "}"; + }, + + // texture based random numbers + "CGL.RANDOM_TEX": function () + { + this.name = "randomNumbertex"; + this.srcHeadFrag = "".endl() + + "UNI sampler2D CGLRNDTEX;".endl() + + "float cgl_random(vec2 co)".endl() + + "{".endl() + + " return texture(CGLRNDTEX,co*5711.0).r;".endl() + + "}".endl() + + "vec3 cgl_random3(vec2 co)".endl() + + "{".endl() + + " return texture(CGLRNDTEX,co*5711.0).rgb;".endl() + + "}"; + + this.initUniforms = function (shader) + { + return [new Uniform(shader, "t", "CGLRNDTEX", 7)]; + }; + + this.onBind = function (cgl, shader) + { + Texture.getRandomTexture(cgl); + cgl.setTexture(7, Texture.getRandomTexture(cgl).tex); + }; + }, +}; + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_utils.js +/** @namespace CGL */ + +/** + * multiply to get radians from degree, e.g. `360 * CGL.DEG2RAD` + * @const {Number} + * @memberof CGL + * @static + */ +const cgl_utils_DEG2RAD = Math.PI / 180.0; + +/** + * to get degrees from radians, e.g. `3.14 * CGL.RAD2DEG` + * @const {number} + * @memberof CGL + */ +const cgl_utils_RAD2DEG = 180.0 / Math.PI; + +const onLoadingAssetsFinished = null; // deprecated / remove later + +/** + * get normalized mouse wheel delta (including browser specific adjustment) + * @function getWheelDelta + * @static + * @memberof CGL + * @param {MouseEvent} event + * @return {Number} normalized delta + */ +const isWindows = window.navigator.userAgent.contains("Windows"); +const getWheelDelta_ = function (event) +{ + let normalized; + if (event.wheelDelta) + { + // chrome + normalized = (event.wheelDelta % 120) - 0 == -0 ? event.wheelDelta / 120 : event.wheelDelta / 30; + normalized *= -1.5; + if (isWindows) normalized *= 2; + } + else + { + // firefox + let d = event.deltaY; + if (event.shiftKey) d = event.deltaX; + const rawAmmount = d || event.detail; + normalized = -(rawAmmount % 3 ? rawAmmount * 10 : rawAmmount / 3); + normalized *= -3; + } + + if (normalized > 20) normalized = 20; + if (normalized < -20) normalized = -20; + + return normalized; +}; + +const getWheelSpeed = getWheelDelta_; +const getWheelDelta = getWheelDelta_; + +// from https://github.com/lodash/lodash/blob/master/escape.js + +const htmlEscapes = { + "&": "&", + "<": "<", + ">": ">", + "\"": """, + "'": "'", +}; + +/** Used to match HTML entities and HTML characters. */ +const reUnescapedHtml = /[&<>"']/g; +const reHasUnescapedHtml = RegExp(reUnescapedHtml.source); + +/* eslint-disable */ +const escapeHTML = function(string) +{ + return string && reHasUnescapedHtml.test(string) ? + string.replace(reUnescapedHtml, function(chr) { return htmlEscapes[chr]; }) + : string || ""; +} +/* eslint-enable */ + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_shader_default_glsl.vert +/* harmony default export */ const cgl_shader_default_glsl = ("{{MODULES_HEAD}}\nIN vec3 vPosition; //!@\nIN vec2 attrTexCoord;\nIN vec3 attrVertNormal;\nIN vec3 attrTangent,attrBiTangent;\n\nIN float attrVertIndex;\n\nOUT vec2 texCoord;\nOUT vec3 norm;\nUNI mat4 projMatrix;\nUNI mat4 viewMatrix;\nUNI mat4 modelMatrix;\n\nvoid main()\n{\n texCoord=attrTexCoord;\n norm=attrVertNormal;\n vec4 pos=vec4(vPosition, 1.0);\n vec3 tangent=attrTangent;\n vec3 bitangent=attrBiTangent;\n mat4 mMatrix=modelMatrix;\n gl_PointSize=10.0;\n\n {{MODULE_VERTEX_POSITION}}\n\n mat4 modelViewMatrix=viewMatrix*mMatrix;\n {{MODULE_VERTEX_MOVELVIEW}}\n\n gl_Position = projMatrix * modelViewMatrix * pos;\n}\n"); +;// CONCATENATED MODULE: ./src/core/cgl/cgl_shader.js + + + + + +// import { CGL } from "./index.js"; + + + +// --------------------------------------------------------------------------- + + +/* + +proposal default shader variable names: + +attrVertex - currently: vPosition +attrVertexIndex - currently: attrVertIndex +attrTexCoord +attrInstMat - currently: instMat +attrVertColor +attrTangent +attrBiTangent + +uProjMatrix - currently: projMatrix +uModelMatrix - currently: modelMatrix +uNormalMatrix - currently: normalMatrix +uCamPosition - currently: camPos + +*/ + + +// --------------------------------------------------------------------------- + +let materialIdCounter = 0; + +/** + * @class + * @external CGL + * @namespace Shader + * @hideconstructor + * @example + * var shader=new CGL.Shader(cgl,'MinimalMaterial'); + * shader.setSource(attachments.shader_vert,attachments.shader_frag); + */ +const Shader = function (_cgl, _name, _op) +{ + if (!_cgl) throw new Error("shader constructed without cgl " + _name); + + this._log = new Logger("cgl_shader"); + this._cgl = _cgl; + + if (!_name) this._log.stack("no shader name given"); + this._name = _name || "unknown"; + + if (_op) this.opId = _op.id; + this.glslVersion = 0; + if (_cgl.glVersion > 1) this.glslVersion = 300; + + this._materialId = ++materialIdCounter; + + this.id = simpleId(); + this._isValid = true; + this._program = null; + this._uniforms = []; + this._drawBuffers = [true]; + this._defines = []; + this._needsRecompile = true; + this._compileReason = "initial"; + + this.ignoreMissingUniforms = false; + this._projMatrixUniform = null; + this._mvMatrixUniform = null; + this._mMatrixUniform = null; + this._vMatrixUniform = null; + this._camPosUniform = null; + this._normalMatrixUniform = null; + this._inverseViewMatrixUniform = null; + + this._attrVertexPos = -1; + this.precision = _cgl.patch.config.glslPrecision || "highp"; + + this._pMatrixState = -1; + this._vMatrixState = -1; + + this._countMissingUniforms = 0; + this._modGroupCount = 0; // not needed anymore... + this._feedBackNames = []; + this._attributes = []; + + this.glPrimitive = null; + this.offScreenPass = false; + this._extensions = []; + this.srcVert = this.getDefaultVertexShader(); + this.srcFrag = this.getDefaultFragmentShader(); + this.lastCompile = 0; + + this._moduleNames = []; + this._modules = []; + this._moduleNumId = 0; + + this._libs = []; + this._structNames = []; + this._structUniformNames = []; + this._textureStackUni = []; + this._textureStackTex = []; + this._textureStackType = []; + this._textureStackTexCgl = []; + + this._tempNormalMatrix = mat4.create(); + this._tempCamPosMatrix = mat4.create(); + this._tempInverseViewMatrix = mat4.create(); + this._tempInverseProjMatrix = mat4.create(); + + this.setModules(["MODULE_VERTEX_POSITION", "MODULE_COLOR", "MODULE_BEGIN_FRAG", "MODULE_VERTEX_MOVELVIEW"]); +}; + +Shader.prototype.isValid = function () +{ + return this._isValid; +}; + +Shader.prototype.getCgl = function () +{ + return this._cgl; +}; + +Shader.prototype.getName = function () +{ + return this._name; +}; + +/** + * enable an extension for the shader + * @function enableExtension + * @memberof Shader + * @instance + * @param name extension name + */ +Shader.prototype.enableExtension = function (name) +{ + this.setWhyCompile("enable extension " + name); + this._needsRecompile = true; + this._extensions.push(name); +}; + +Shader.prototype.getAttrVertexPos = function () +{ + return this._attrVertexPos; +}; + +Shader.prototype.hasTextureUniforms = function () +{ + for (let i = 0; i < this._uniforms.length; i++) + if (this._uniforms[i].getType() == "t") return true; + return false; +}; + +Shader.prototype.setWhyCompile = function (why) +{ + this._compileReason = why; +}; + +/** + * copy all uniform values from another shader + * @function copyUniforms + * @memberof Shader + * @instance + * @param shader uniform values will be copied from this shader + */ +Shader.prototype.copyUniformValues = function (origShader) +{ + // console.log(origShader._uniforms); + for (let i = 0; i < origShader._uniforms.length; i++) + { + if (!this._uniforms[i]) + { + this._log.log("unknown uniform?!"); + continue; + } + + // this._log.log(origShader._uniforms[i].getName()); + // this.getUniform(origShader._uniforms[i].) + // this._uniforms[i].set(origShader._uniforms[i].getValue()); + + + // if (origShader._uniforms[i].getName().contains("pathPoints")) + // console.log("copyUniformValues", origShader._uniforms[i].getName(), origShader._uniforms[i].getValue()); + + this.getUniform(origShader._uniforms[i].getName()).set(origShader._uniforms[i].getValue()); + } + + this.popTextures(); + for (let i = 0; i < origShader._textureStackUni.length; i++) + { + this._textureStackUni[i] = origShader._textureStackUni[i]; + this._textureStackTex[i] = origShader._textureStackTex[i]; + this._textureStackType[i] = origShader._textureStackType[i]; + this._textureStackTexCgl[i] = origShader._textureStackTexCgl[i]; + } + + // this._textureStackUni = []; + // this._textureStackTex = []; + // this._textureStackType = []; + // this._textureStackTexCgl = []; +}; + +/** + * copy current shader + * @function copy + * @memberof Shader + * @instance + * @returns newShader + */ +Shader.prototype.copy = function () +{ + const shader = new Shader(this._cgl, this._name + " copy"); + shader.setSource(this.srcVert, this.srcFrag); + + shader._modules = JSON.parse(JSON.stringify(this._modules)); + shader._defines = JSON.parse(JSON.stringify(this._defines)); + + shader._modGroupCount = this._modGroupCount; + shader._moduleNames = this._moduleNames; + shader.glPrimitive = this.glPrimitive; + shader.offScreenPass = this.offScreenPass; + shader._extensions = this._extensions; + shader.wireframe = this.wireframe; + shader._attributes = this._attributes; + + for (let i = 0; i < this._uniforms.length; i++) + { + const u = this._uniforms[i].copy(shader); + u.resetLoc(); + } + + this.setWhyCompile("copy"); + shader._needsRecompile = true; + return shader; +}; + + +/** + * set shader source code + * @function setSource + * @memberof Shader + * @instance + * @param {String} srcVert + * @param {String} srcFrag + */ +Shader.prototype.setSource = function (srcVert, srcFrag) +{ + this.srcVert = srcVert; + this.srcFrag = srcFrag; + this.setWhyCompile("Source changed"); + this._needsRecompile = true; + this._isValid = true; +}; + +Shader.prototype._addLibs = function (src) +{ + for (const id in ShaderLibMods) + { + if (src.contains(id)) + { + const lib = new ShaderLibMods[id](); + src = src.replace("{{" + id + "}}", lib.srcHeadFrag); + this._libs.push(lib); + if (lib.initUniforms)lib.initUniforms(this); + } + } + + return src; +}; + +Shader.prototype.createStructUniforms = function () +{ + // * create structs + let structStrFrag = ""; + let structStrVert = ""; // TODO: not used yet + + this._structNames = []; + // * reset the arrays holding the value each recompile so we don't skip structs + // * key value mapping so the same struct can be added twice (two times the same modifier) + this._injectedStringsFrag = {}; + this._injectedStringsVert = {}; + + this._structUniformNamesIndicesFrag = []; + this._structUniformNamesIndicesVert = []; + + for (let i = 0; i < this._uniforms.length; i++) + { + // * only add uniforms to struct that are a member of a struct + if (this._uniforms[i].isStructMember()) + { + const injectionString = "{{INJECTION_POINT_STRUCT_" + this._uniforms[i]._structName + "}}"; + + // * check if struct is not already part of shader + if (!this._structNames.includes(this._uniforms[i]._structName)) + { + // * create struct definition with placeholder string to inject + const structDefinition = "struct " + + this._uniforms[i]._structName + " {".endl() + + injectionString + + "};".endl().endl(); + + if (this._uniforms[i].getShaderType() === "both" || this._uniforms[i].getShaderType() === "frag") + structStrFrag = structStrFrag.concat(structDefinition); + + if (this._uniforms[i].getShaderType() === "both" || this._uniforms[i].getShaderType() === "vert") + structStrVert = structStrVert.concat(structDefinition); + + this._structNames.push(this._uniforms[i]._structName); + this._injectedStringsFrag[this._uniforms[i]._structName] = []; + this._injectedStringsVert[this._uniforms[i]._structName] = []; + } + + // * create member & comment + let comment = ""; + if (this._uniforms[i].comment) comment = " // " + this._uniforms[i].comment; + + let stringToInsert = ""; + if (this._uniforms[i].getGlslTypeString() == undefined)stringToInsert += "//"; + stringToInsert += " " + this._uniforms[i].getGlslTypeString() + + " " + this._uniforms[i]._propertyName + ";" + + comment; + + if (this._uniforms[i].getShaderType() === "both") + { + // * inject member before {injectionString} + if ( + !this._injectedStringsFrag[this._uniforms[i]._structName].contains(stringToInsert) + && !this._injectedStringsVert[this._uniforms[i]._structName].contains(stringToInsert)) + { + const insertionIndexFrag = structStrFrag.lastIndexOf(injectionString); + const insertionIndexVert = structStrVert.lastIndexOf(injectionString); + + structStrFrag = + structStrFrag.slice(0, insertionIndexFrag) + + stringToInsert + structStrFrag.slice(insertionIndexFrag - 1); + + structStrVert = + structStrVert.slice(0, insertionIndexVert) + + stringToInsert + structStrVert.slice(insertionIndexVert - 1); + + this._injectedStringsFrag[this._uniforms[i]._structName].push(stringToInsert); + this._injectedStringsVert[this._uniforms[i]._structName].push(stringToInsert); + } + + if (!this._structUniformNamesIndicesFrag.includes(i)) this._structUniformNamesIndicesFrag.push(i); + if (!this._structUniformNamesIndicesVert.includes(i)) this._structUniformNamesIndicesVert.push(i); + } + else if (this._uniforms[i].getShaderType() === "frag") + { + // * inject member before {injectionString} + if (!this._injectedStringsFrag[this._uniforms[i]._structName].includes(stringToInsert)) // + { + const insertionIndexFrag = structStrFrag.lastIndexOf(injectionString); + + structStrFrag = + structStrFrag.slice(0, insertionIndexFrag) + + stringToInsert + structStrFrag.slice(insertionIndexFrag - 1); + + this._injectedStringsFrag[this._uniforms[i]._structName].push(stringToInsert); + } + + if (!this._structUniformNamesIndicesFrag.includes(i)) this._structUniformNamesIndicesFrag.push(i); + } + else if (this._uniforms[i].getShaderType() === "vert") + { + // * inject member before {injectionString} + if (!this._injectedStringsVert[this._uniforms[i]._structName].includes(stringToInsert)) + { + const insertionIndexVert = structStrVert.lastIndexOf(injectionString); + + structStrVert = + structStrVert.slice(0, insertionIndexVert) + + stringToInsert + structStrVert.slice(insertionIndexVert - 1); + + this._injectedStringsVert[this._uniforms[i]._structName].push(stringToInsert); + } + + if (!this._structUniformNamesIndicesVert.includes(i)) this._structUniformNamesIndicesVert.push(i); + } + } + } + + // * dedupe injected uni declarations + this._uniDeclarationsFrag = []; + this._uniDeclarationsVert = []; + + // * remove struct injection points and add uniform in fragment + for (let i = 0; i < this._structUniformNamesIndicesFrag.length; i += 1) + { + const index = this._structUniformNamesIndicesFrag[i]; + const uniDeclarationString = "UNI " + this._uniforms[index]._structName + " " + this._uniforms[index]._structUniformName + ";".endl(); + + if (!this._uniDeclarationsFrag.includes(uniDeclarationString)) + { + const injectionString = "{{INJECTION_POINT_STRUCT_" + this._uniforms[index]._structName + "}}"; + + structStrFrag = structStrFrag.replace(injectionString, ""); + structStrFrag += uniDeclarationString; + + this._uniDeclarationsFrag.push(uniDeclarationString); + } + } + + // * remove struct injection points and add uniform in vertex + for (let i = 0; i < this._structUniformNamesIndicesVert.length; i += 1) + { + const index = this._structUniformNamesIndicesVert[i]; + const uniDeclarationString = "UNI " + this._uniforms[index]._structName + " " + this._uniforms[index]._structUniformName + ";".endl(); + + if (!this._uniDeclarationsVert.includes(uniDeclarationString)) + { + const injectionString = "{{INJECTION_POINT_STRUCT_" + this._uniforms[index]._structName + "}}"; + + structStrVert = structStrVert.replace(injectionString, ""); + structStrVert += uniDeclarationString; + this._uniDeclarationsVert.push(uniDeclarationString); + } + } + + return [structStrVert, structStrFrag]; +}; + +Shader.prototype._getAttrSrc = function (attr, firstLevel) +{ + const r = {}; + if (attr.name && attr.type) + { + r.srcHeadVert = ""; + if (!firstLevel) r.srcHeadVert += "#ifndef ATTRIB_" + attr.name.endl(); + r.srcHeadVert += "#define ATTRIB_" + attr.name.endl(); + r.srcHeadVert += "IN " + attr.type + " " + attr.name + ";".endl(); + if (!firstLevel) r.srcHeadVert += "#endif".endl(); + + if (attr.nameFrag) + { + r.srcHeadVert += ""; + if (!firstLevel) r.srcHeadVert += "#ifndef ATTRIB_" + attr.nameFrag.endl(); + r.srcHeadVert += "#define ATTRIB_" + attr.nameFrag.endl(); + r.srcHeadVert += "OUT " + attr.type + " " + attr.nameFrag + ";".endl(); + if (!firstLevel) r.srcHeadVert += "#endif".endl(); + + r.srcVert = "".endl() + attr.nameFrag + "=" + attr.name + ";"; + + r.srcHeadFrag = ""; + if (!firstLevel) r.srcHeadFrag += "#ifndef ATTRIB_" + attr.nameFrag.endl(); + r.srcHeadFrag += "#define ATTRIB_" + attr.nameFrag.endl(); + r.srcHeadFrag += "IN " + attr.type + " " + attr.nameFrag + ";".endl(); + if (!firstLevel) r.srcHeadFrag += "#endif".endl(); + } + } + return r; +}; + +Shader.prototype.compile = function () +{ + if (this._cgl.aborted) return; + const startTime = performance.now(); + + + + this._cgl.profileData.profileShaderCompiles++; + this._cgl.profileData.profileShaderCompileName = this._name + " [" + this._compileReason + "]"; + + let extensionString = ""; + if (this._extensions) + for (let i = 0; i < this._extensions.length; i++) + extensionString += "#extension " + this._extensions[i] + " : enable".endl(); + + let definesStr = ""; + if (this._defines.length) definesStr = "\n// cgl generated".endl(); + for (let i = 0; i < this._defines.length; i++) + definesStr += "#define " + this._defines[i][0] + " " + this._defines[i][1] + "".endl(); + + const structStrings = this.createStructUniforms(); + this._cgl.profileData.addHeavyEvent("shader compile", this._name + " [" + this._compileReason + "]"); + this._compileReason = ""; + + + + if (this._uniforms) + { + // * we create an array of the uniform names to check our indices & an array to save them + const uniNames = this._uniforms.map((uni) => { return uni._name; }); + const indicesToRemove = []; + + // * we go through our uniforms and check if the same name is contained somewhere further in the array + // * if so, we add the current index to be removed later + for (let i = 0; i < this._uniforms.length; i++) + { + const uni = this._uniforms[i]; + const nextIndex = uniNames.indexOf(uni._name, i + 1); + if (nextIndex > -1) indicesToRemove.push(i); + } + + // * after that, we go through the uniforms backwards (so we keep the order) and remove the indices + // * also, we reset the locations of all the other valid uniforms + for (let j = this._uniforms.length - 1; j >= 0; j -= 1) + { + if (indicesToRemove.includes(j)) this._uniforms.splice(j, 1); + else this._uniforms[j].resetLoc(); + } + } + + this._cgl.printError("uniform resets"); + + if (this.hasTextureUniforms()) definesStr += "#define HAS_TEXTURES".endl(); + + let vs = ""; + let fs = ""; + + if (!this.srcFrag) + { + this._log.error("[cgl shader] has no fragment source!", this); + this.srcVert = this.getDefaultVertexShader(); + this.srcFrag = this.getDefaultFragmentShader(); + // return; + } + + if (this.glslVersion == 300) + { + vs = "#version 300 es" + .endl() + "// " + .endl() + "// vertex shader " + this._name + .endl() + "// " + .endl() + "precision " + this.precision + " float;" + .endl() + "precision " + this.precision + " sampler2D;" + .endl() + "" + .endl() + "#define WEBGL2" + .endl() + "#define texture2D texture" + .endl() + "#define UNI uniform" + .endl() + "#define IN in" + .endl() + "#define OUT out" + .endl(); + + fs = "#version 300 es" + .endl() + "// " + .endl() + "// fragment shader " + this._name + .endl() + "// " + .endl() + "precision " + this.precision + " float;" + .endl() + "precision " + this.precision + " sampler2D;" + .endl() + "" + .endl() + "#define WEBGL2" + .endl() + "#define texture2D texture" + .endl() + "#define IN in" + .endl() + "#define OUT out" + .endl() + "#define UNI uniform" + .endl() + "{{DRAWBUFFER}}" + + .endl(); + } + else + { + fs = "" + .endl() + "// " + .endl() + "// fragment shader " + this._name + .endl() + "// " + .endl() + "#define WEBGL1" + .endl() + "#define texture texture2D" + .endl() + "#define outColor gl_FragColor" + .endl() + "#define IN varying" + .endl() + "#define UNI uniform" + .endl(); + + vs = "" + .endl() + "// " + .endl() + "// vertex shader " + this._name + .endl() + "// " + .endl() + "#define WEBGL1" + .endl() + "#define texture texture2D" + .endl() + "#define OUT varying" + .endl() + "#define IN attribute" + .endl() + "#define UNI uniform" + .endl(); + } + + let uniformsStrVert = "\n// cgl generated".endl(); + let uniformsStrFrag = "\n// cgl generated".endl(); + + + fs += "\n// active mods: --------------- "; + vs += "\n// active mods: --------------- "; + + let foundModsFrag = false; + let foundModsVert = false; + for (let i = 0; i < this._moduleNames.length; i++) + { + for (let j = 0; j < this._modules.length; j++) + { + if (this._modules[j].name == this._moduleNames[i]) + { + if (this._modules[j].srcBodyFrag || this._modules[j].srcHeadFrag) + { + foundModsFrag = true; + fs += "\n// " + i + "." + j + ". " + this._modules[j].title + " (" + this._modules[j].name + ")"; + } + if (this._modules[j].srcBodyVert || this._modules[j].srcHeadVert) + { + vs += "\n// " + i + "." + j + ". " + this._modules[j].title + " (" + this._modules[j].name + ")"; + foundModsVert = true; + } + } + } + } + if (!foundModsVert)fs += "\n// no mods used..."; + if (!foundModsFrag)fs += "\n// no mods used..."; + fs += "\n"; + vs += "\n"; + + for (let i = 0; i < this._uniforms.length; i++) + { + if (this._uniforms[i].shaderType && !this._uniforms[i].isStructMember()) + { + let uniStr = ""; + if (!this._uniforms[i].getGlslTypeString())uniStr += "// "; + uniStr += "UNI " + this._uniforms[i].getGlslTypeString() + " " + this._uniforms[i].getName(); + let comment = ""; + if (this._uniforms[i].comment) comment = " // " + this._uniforms[i].comment; + + if (this._uniforms[i].shaderType == "vert" || this._uniforms[i].shaderType == "both") + if (!this.srcVert.contains(uniStr) && !this.srcVert.contains("uniform " + this._uniforms[i].getGlslTypeString() + " " + this._uniforms[i].getName())) + uniformsStrVert += uniStr + ";" + comment.endl(); + + if (this._uniforms[i].shaderType == "frag" || this._uniforms[i].shaderType == "both") + if (!this.srcFrag.contains(uniStr) && !this.srcFrag.contains("uniform " + this._uniforms[i].getGlslTypeString() + " " + this._uniforms[i].getName())) + uniformsStrFrag += uniStr + ";" + comment.endl(); + } + } + + + let countUniFrag = 0; + let countUniVert = 0; + for (let i = 0; i < this._uniforms.length; i++) + { + if (this._uniforms[i].shaderType && !this._uniforms[i].isStructMember()) + { + if (this._uniforms[i].shaderType == "vert" || this._uniforms[i].shaderType == "both") countUniVert++; + if (this._uniforms[i].shaderType == "frag" || this._uniforms[i].shaderType == "both") countUniFrag++; + } + } + if (countUniFrag >= this._cgl.maxUniformsFrag) this._log.warn("[cgl_shader] num uniforms frag: " + countUniFrag + " / " + this._cgl.maxUniformsFrag); + if (countUniVert >= this._cgl.maxUniformsVert) this._log.warn("[cgl_shader] num uniforms vert: " + countUniVert + " / " + this._cgl.maxUniformsVert); + + + if (!fs.contains("precision")) fs = "precision " + this.precision + " float;".endl() + fs; + if (!vs.contains("precision")) vs = "precision " + this.precision + " float;".endl() + vs; + if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) + { + fs += "#define MOBILE".endl(); + vs += "#define MOBILE".endl(); + } + vs = extensionString + vs + definesStr + structStrings[0] + uniformsStrVert + "\n// -- \n" + this.srcVert; + fs = extensionString + fs + definesStr + structStrings[1] + uniformsStrFrag + "\n// -- \n" + this.srcFrag; + + + let srcHeadVert = ""; + let srcHeadFrag = ""; + + this._modules.sort(function (a, b) + { + return a.group - b.group; + }); + + this._modules.sort(function (a, b) + { + return a.priority || 0 - b.priority || 0; + }); + + + let addedAttribs = false; + + for (let i = 0; i < this._moduleNames.length; i++) + { + let srcVert = ""; + let srcFrag = ""; + + if (!addedAttribs) + { + addedAttribs = true; + + for (let k = 0; k < this._attributes.length; k++) + { + const r = this._getAttrSrc(this._attributes[k], true); + if (r.srcHeadVert)srcHeadVert += r.srcHeadVert; + if (r.srcVert)srcVert += r.srcVert; + if (r.srcHeadFrag)srcHeadFrag += r.srcHeadFrag; + } + } + + for (let j = 0; j < this._modules.length; j++) + { + const mod = this._modules[j]; + if (mod.name == this._moduleNames[i]) + { + srcHeadVert += "\n//---- MOD: group:" + mod.group + ": idx:" + j + " - prfx:" + mod.prefix + " - " + mod.title + " ------\n"; + srcHeadFrag += "\n//---- MOD: group:" + mod.group + ": idx:" + j + " - prfx:" + mod.prefix + " - " + mod.title + " ------\n"; + + srcVert += "\n\n//---- MOD: " + mod.title + " / " + mod.priority + " ------\n"; + srcFrag += "\n\n//---- MOD: " + mod.title + " / " + mod.priority + " ------\n"; + + if (mod.attributes) + for (let k = 0; k < mod.attributes.length; k++) + { + const r = this._getAttrSrc(mod.attributes[k], false); + if (r.srcHeadVert)srcHeadVert += r.srcHeadVert; + if (r.srcVert)srcVert += r.srcVert; + if (r.srcHeadFrag)srcHeadFrag += r.srcHeadFrag; + } + + srcHeadVert += mod.srcHeadVert || ""; + srcHeadFrag += mod.srcHeadFrag || ""; + srcVert += mod.srcBodyVert || ""; + srcFrag += mod.srcBodyFrag || ""; + + srcHeadVert += "\n//---- end mod ------\n"; + srcHeadFrag += "\n//---- end mod ------\n"; + + srcVert += "\n//---- end mod ------\n"; + srcFrag += "\n//---- end mod ------\n"; + + srcVert = srcVert.replace(/{{mod}}/g, mod.prefix); + srcFrag = srcFrag.replace(/{{mod}}/g, mod.prefix); + srcHeadVert = srcHeadVert.replace(/{{mod}}/g, mod.prefix); + srcHeadFrag = srcHeadFrag.replace(/{{mod}}/g, mod.prefix); + + srcVert = srcVert.replace(/MOD_/g, mod.prefix); + srcFrag = srcFrag.replace(/MOD_/g, mod.prefix); + srcHeadVert = srcHeadVert.replace(/MOD_/g, mod.prefix); + srcHeadFrag = srcHeadFrag.replace(/MOD_/g, mod.prefix); + } + } + + + vs = vs.replace("{{" + this._moduleNames[i] + "}}", srcVert); + fs = fs.replace("{{" + this._moduleNames[i] + "}}", srcFrag); + } + vs = vs.replace("{{MODULES_HEAD}}", srcHeadVert); + fs = fs.replace("{{MODULES_HEAD}}", srcHeadFrag); + + + vs = this._addLibs(vs); + fs = this._addLibs(fs); + + + // SETUP draw buffers / multi texture render targets + + let drawBufferStr = ""; + for (let i = 0; i < 16; i++) + if (fs.contains("outColor" + i)) this._drawBuffers[i] = true; + + if (this._drawBuffers.length == 1) + { + drawBufferStr = "out vec4 outColor;".endl(); + drawBufferStr += "#define gl_FragColor outColor".endl(); + } + else + { + drawBufferStr += "#define MULTI_COLORTARGETS".endl(); + drawBufferStr += "vec4 outColor;".endl(); + + let count = 0; + for (let i = 0; i < this._drawBuffers.length; i++) + { + if (count == 0) drawBufferStr += "#define gl_FragColor outColor" + i + "".endl(); + drawBufferStr += "layout(location = " + i + ") out vec4 outColor" + i + ";".endl(); + count++; + } + } + + fs = fs.replace("{{DRAWBUFFER}}", drawBufferStr); + // ////// + + + if (!this._program) + { + this._program = this._createProgram(vs, fs); + } + else + { + // this.vshader=createShader(vs, gl.VERTEX_SHADER, this.vshader ); + // this.fshader=createShader(fs, gl.FRAGMENT_SHADER, this.fshader ); + // linkProgram(program); + this._program = this._createProgram(vs, fs); + + this._projMatrixUniform = null; + + for (let i = 0; i < this._uniforms.length; i++) this._uniforms[i].resetLoc(); + } + + this.finalShaderFrag = fs; + this.finalShaderVert = vs; + + + MESH.lastMesh = null; + MESH.lastShader = null; + + this._countMissingUniforms = 0; + this._needsRecompile = false; + this.lastCompile = now(); + + // this._cgl.printError("shader compile"); + + this._cgl.profileData.shaderCompileTime += performance.now() - startTime; +}; + +Shader.hasChanged = function () +{ + return this._needsRecompile; +}; + + +Shader.prototype.bind = function () +{ + if (!this._isValid || this._cgl.aborted) return; + + MESH.lastShader = this; + + if (!this._program || this._needsRecompile) this.compile(); + if (!this._isValid) return; + + if (!this._projMatrixUniform && !this.ignoreMissingUniforms) + { + this._countMissingUniforms++; + // if (this._countMissingUniforms == 10)console.log("stopping getlocation of missing uniforms...", this._name); + if (this._countMissingUniforms < 10) + { + this._projMatrixUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_PROJMAT); + this._attrVertexPos = this._cgl.glGetAttribLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_VERTEX_POSITION); + this._mvMatrixUniform = this._cgl.gl.getUniformLocation(this._program, "mvMatrix"); + this._vMatrixUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_VIEWMAT); + this._mMatrixUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_MODELMAT); + this._camPosUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_VIEWPOS); + this._normalMatrixUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_NORMALMAT); + this._inverseViewMatrixUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_INVVIEWMAT); + this._inverseProjMatrixUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_INVPROJMAT); + this._materialIdUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_MATERIALID); + this._objectIdUniform = this._cgl.gl.getUniformLocation(this._program, constants_CONSTANTS.SHADER.SHADERVAR_UNI_OBJECTID); + + for (let i = 0; i < this._uniforms.length; i++) this._uniforms[i].needsUpdate = true; + } + } + + + if (this._cgl.currentProgram != this._program) + { + this._cgl.profileData.profileShaderBinds++; + this._cgl.gl.useProgram(this._program); + this._cgl.currentProgram = this._program; + } + + for (let i = 0; i < this._uniforms.length; i++) + if (this._uniforms[i].needsUpdate) this._uniforms[i].updateValue(); + + if (this._pMatrixState != this._cgl.getProjectionMatrixStateCount()) + { + this._pMatrixState = this._cgl.getProjectionMatrixStateCount(); + this._cgl.gl.uniformMatrix4fv(this._projMatrixUniform, false, this._cgl.pMatrix); + this._cgl.profileData.profileMVPMatrixCount++; + } + + if (this._objectIdUniform) + this._cgl.gl.uniform1f(this._objectIdUniform, ++this._cgl.frameStore.objectIdCounter); + + if (this._materialIdUniform) + this._cgl.gl.uniform1f(this._materialIdUniform, this._materialId); + + if (this._vMatrixUniform) + { + if (this._vMatrixState != this._cgl.getViewMatrixStateCount()) + { + this._cgl.gl.uniformMatrix4fv(this._vMatrixUniform, false, this._cgl.vMatrix); + this._cgl.profileData.profileMVPMatrixCount++; + this._vMatrixState = this._cgl.getViewMatrixStateCount(); + + if (this._inverseViewMatrixUniform) + { + mat4.invert(this._tempInverseViewMatrix, this._cgl.vMatrix); + this._cgl.gl.uniformMatrix4fv(this._inverseViewMatrixUniform, false, this._tempInverseViewMatrix); + this._cgl.profileData.profileMVPMatrixCount++; + } + if (this._inverseProjMatrixUniform) + { + mat4.invert(this._tempInverseProjMatrix, this._cgl.pMatrix); + this._cgl.gl.uniformMatrix4fv(this._inverseProjMatrixUniform, false, this._tempInverseProjMatrix); + this._cgl.profileData.profileMVPMatrixCount++; + } + } + this._cgl.gl.uniformMatrix4fv(this._mMatrixUniform, false, this._cgl.mMatrix); + this._cgl.profileData.profileMVPMatrixCount++; + + if (this._camPosUniform) + { + mat4.invert(this._tempCamPosMatrix, this._cgl.vMatrix); + this._cgl.gl.uniform3f(this._camPosUniform, this._tempCamPosMatrix[12], this._tempCamPosMatrix[13], this._tempCamPosMatrix[14]); + this._cgl.profileData.profileMVPMatrixCount++; + } + } + else + { + // mvmatrix deprecated.... + const tempmv = mat4.create(); + + mat4.mul(tempmv, this._cgl.vMatrix, this._cgl.mMatrix); + this._cgl.gl.uniformMatrix4fv(this._mvMatrixUniform, false, tempmv); + this._cgl.profileData.profileMVPMatrixCount++; + } + + if (this._normalMatrixUniform) + { + // mat4.mul(this._tempNormalMatrix, this._cgl.vMatrix, this._cgl.mMatrix); + mat4.invert(this._tempNormalMatrix, this._cgl.mMatrix); + mat4.transpose(this._tempNormalMatrix, this._tempNormalMatrix); + + this._cgl.gl.uniformMatrix4fv(this._normalMatrixUniform, false, this._tempNormalMatrix); + this._cgl.profileData.profileMVPMatrixCount++; + } + + for (let i = 0; i < this._libs.length; i++) + { + if (this._libs[i].onBind) this._libs[i].onBind.bind(this._libs[i])(this._cgl, this); + } + + this._bindTextures(); + + return this._isValid; +}; + +Shader.prototype.unBind = function () +{ +}; + +/** + * easily enable/disable a define without a value + * @function toggleDefine + * @memberof Shader + * @instance + * @param {name} name + * @param {any} value or port + */ +Shader.prototype.toggleDefine = function (name, enabled) +{ + if (enabled && typeof (enabled) == "object" && enabled.addEventListener) // port + { + if (enabled.changeListener)enabled.removeEventListener(enabled.changeListener); + + enabled.onToggleDefine = (v) => + { + this.toggleDefine(name, v); + }; + + enabled.changeListener = enabled.on("change", enabled.onToggleDefine); + enabled = enabled.get(); + } + + if (enabled) this.define(name); + else this.removeDefine(name); +}; + +/** + * add a define to a shader, e.g. #define DO_THIS_THAT 1 + * @function define + * @memberof Shader + * @instance + * @param {String} name + * @param {Any} value (can be empty) + */ +Shader.prototype.define = function (name, value) +{ + if (value === null || value === undefined) value = ""; + + if (typeof (value) == "object") // port + { + value.removeEventListener("change", value.onDefineChange); + value.onDefineChange = (v) => + { + this.define(name, v); + }; + value.on("change", value.onDefineChange); + + value = value.get(); + } + + + for (let i = 0; i < this._defines.length; i++) + { + if (this._defines[i][0] == name && this._defines[i][1] == value) return; + if (this._defines[i][0] == name) + { + this._defines[i][1] = value; + this.setWhyCompile("define " + name + " " + value); + + this._needsRecompile = true; + return; + } + } + this.setWhyCompile("define " + name + " " + value); + this._needsRecompile = true; + this._defines.push([name, value]); +}; + +Shader.prototype.getDefines = function () +{ + return this._defines; +}; + +Shader.prototype.getDefine = function (name) +{ + for (let i = 0; i < this._defines.length; i++) + if (this._defines[i][0] == name) return this._defines[i][1]; + return null; +}; + +/** + * return true if shader has define + * @function hasDefine + * @memberof Shader + * @instance + * @param {String} name + * @return {Boolean} + */ +Shader.prototype.hasDefine = function (name) +{ + for (let i = 0; i < this._defines.length; i++) + if (this._defines[i][0] == name) return true; +}; + +/** + * remove a define from a shader + * @param {name} name + * @function removeDefine + * @memberof Shader + * @instance + */ +Shader.prototype.removeDefine = function (name) +{ + for (let i = 0; i < this._defines.length; i++) + { + if (this._defines[i][0] == name) + { + this._defines.splice(i, 1); + this._needsRecompile = true; + + this.setWhyCompile("define removed:" + name); + + return; + } + } +}; + +/** + * remove a module from shader + * @function removeModule + * @memberof Shader + * @instance + * @param {shaderModule} module the module to be removed + */ +Shader.prototype.removeModule = function (mod) +{ + for (let i = 0; i < this._modules.length; i++) + { + if (mod && mod.id) + { + if (this._modules[i].id == mod.id || !this._modules[i]) + { + let found = true; + while (found) + { + found = false; + for (let j = 0; j < this._uniforms.length; j++) + { + if (this._uniforms[j].getName().startsWith(mod.prefix)) + { + this._uniforms.splice(j, 1); + found = true; + continue; + } + } + } + + this._needsRecompile = true; + this.setWhyCompile("remove module " + mod.title); + this._modules.splice(i, 1); + break; + } + } + } +}; + + +Shader.prototype.getNumModules = function () +{ + return this._modules.length; +}; + + +Shader.prototype.getCurrentModules = function () { return this._modules; }; + + +/** + * add a module + * @function addModule + * @memberof Shader + * @instance + * @param {shaderModule} module the module to be added + * @param {shaderModule} [sibling] sibling module, new module will share the same group + */ +Shader.prototype.addModule = function (mod, sibling) +{ + if (this.hasModule(mod.id)) return; + if (!mod.id) mod.id = CABLES.simpleId(); + if (!mod.numId) mod.numId = this._moduleNumId; + if (!mod.num)mod.num = this._modules.length; + if (sibling && !sibling.group) sibling.group = simpleId(); + + if (!mod.group) + if (sibling) mod.group = sibling.group; + else mod.group = simpleId(); + + mod.prefix = "mod" + mod.group + "_"; + this._modules.push(mod); + + this._needsRecompile = true; + this.setWhyCompile("add module " + mod.title); + this._moduleNumId++; + + return mod; +}; + +Shader.prototype.hasModule = function (modId) +{ + for (let i = 0; i < this._modules.length; i++) + { + if (this._modules[i].id == modId) return true; + } + return false; +}; + +Shader.prototype.setModules = function (names) +{ + this._moduleNames = names; +}; + +Shader.prototype.dispose = function () +{ + this._cgl.gl.deleteProgram(this._program); +}; + +Shader.prototype.needsRecompile = function () +{ + return this._needsRecompile; +}; + +Shader.prototype.setDrawBuffers = function (arr) +{ + console.log("useless drawbuffers...?!"); + // if (this._drawBuffers.length !== arr.length) + // { + // this._drawBuffers = arr; + // this._needsRecompile = true; + // this.setWhyCompile("setDrawBuffers"); + // return; + // } + // for (let i = 0; i < arr.length; i++) + // { + // if (arr[i] !== this._drawBuffers[i]) + // { + // this._drawBuffers = arr; + // this._needsRecompile = true; + // this.setWhyCompile("setDrawBuffers"); + // return; + // } + // } +}; + +Shader.prototype.getUniforms = function () +{ + return this._uniforms; +}; + +Shader.prototype.getUniform = function (name) +{ + for (let i = 0; i < this._uniforms.length; i++) + if (this._uniforms[i].getName() == name) + return this._uniforms[i]; + return null; +}; + +Shader.prototype.removeAllUniforms = function () +{ + this._uniforms = []; + // for (let i = 0; i < this._uniforms.length; i++) + // this.removeUniform(this._uniforms[i].name); +}; + +Shader.prototype.removeUniform = function (name) +{ + for (let i = 0; i < this._uniforms.length; i++) + { + if (this._uniforms[i].getName() == name) + { + this._uniforms.splice(i, 1); + } + } + this._needsRecompile = true; + this.setWhyCompile("remove uniform " + name); +}; + + +Shader.prototype._addUniform = function (uni) +{ + this._uniforms.push(uni); + this.setWhyCompile("add uniform " + name); + this._needsRecompile = true; +}; + +/** + * add a uniform to the fragment shader + * @param {String} type ['f','t', etc] + * @param {String} name + * @param {any} value or port + * @memberof Shader + * @instance + * @function addUniformFrag + * @returns {CGL.Uniform} + */ +Shader.prototype.addUniformFrag = function (type, name, valueOrPort, p2, p3, p4) +{ + const uni = new CGL.Uniform(this, type, name, valueOrPort, p2, p3, p4); + uni.shaderType = "frag"; + return uni; +}; + +/** + * add a uniform to the vertex shader + * @param {String} type ['f','t', etc] + * @param {String} name + * @param {any} value or port + * @memberof Shader + * @instance + * @function addUniformVert + * @returns {CGL.Uniform} + */ +Shader.prototype.addUniformVert = function (type, name, valueOrPort, p2, p3, p4) +{ + const uni = new CGL.Uniform(this, type, name, valueOrPort, p2, p3, p4); + uni.shaderType = "vert"; + return uni; +}; +/** + * add a uniform to both shaders + * @param {String} type ['f','t', etc] + * @param {String} name + * @param {any} value or port + * @memberof Shader + * @instance + * @function addUniformBoth + * @returns {CGL.Uniform} + */ +Shader.prototype.addUniformBoth = function (type, name, valueOrPort, p2, p3, p4) +{ + const uni = new CGL.Uniform(this, type, name, valueOrPort, p2, p3, p4); + uni.shaderType = "both"; + return uni; +}; + +/** + * add a struct & its uniforms to the fragment shader + * @param {String} structName name of the struct, i.e.: LightStruct + * @param {String} uniformName name of the struct uniform in the shader, i.e.: lightUni + * @param {Array} members array of objects containing the struct members. see example for structure + + * @memberof Shader + * @instance + * @function addUniformStructFrag + * @returns {Object} + * @example + * const shader = new CGL.Shader(cgl, 'MinimalMaterial'); + * shader.setSource(attachments.shader_vert, attachments.shader_frag); + * shader.addUniformStructFrag("Light", "uniformLight", [ + * { "type": "3f", "name": "position", "v1": null }, + * { "type": "4f", "name": "color", "v1": inR, v2: inG, v3: inB, v4: inAlpha } + * ]); + */ +Shader.prototype.addUniformStructFrag = function (structName, uniformName, members) +{ + const uniforms = {}; + + if (!members) return uniforms; + + for (let i = 0; i < members.length; i += 1) + { + const member = members[i]; + if (!this.hasUniform(uniformName + "." + member.name)) + { + const uni = new CGL.Uniform(this, member.type, uniformName + "." + member.name, member.v1, member.v2, member.v3, member.v4, uniformName, structName, member.name); + uni.shaderType = "frag"; + uniforms[uniformName + "." + member.name] = uni; + } + } + + return uniforms; +}; + +/** + * add a struct & its uniforms to the vertex shader + * @param {String} structName name of the struct, i.e.: LightStruct + * @param {String} uniformName name of the struct uniform in the shader, i.e.: lightUni + * @param {Array} members array of objects containing the struct members. see example for structure + + * @memberof Shader + * @instance + * @function addUniformStructVert + * @returns {CGL.Uniform} + * @example + * const shader = new CGL.Shader(cgl, 'MinimalMaterial'); + * shader.setSource(attachments.shader_vert, attachments.shader_frag); + * shader.addUniformStructVert("Light", "uniformLight", [ + * { "type": "3f", "name": "position", "v1": null }, + * { "type": "4f", "name": "color", "v1": inR, v2: inG, v3: inB, v4: inAlpha } + * ]); + */ +Shader.prototype.addUniformStructVert = function (structName, uniformName, members) +{ + const uniforms = {}; + + if (!members) return uniforms; + + for (let i = 0; i < members.length; i += 1) + { + const member = members[i]; + if (!this.hasUniform(uniformName + "." + member.name)) + { + const uni = new CGL.Uniform(this, member.type, uniformName + "." + member.name, member.v1, member.v2, member.v3, member.v4, uniformName, structName, member.name); + uni.shaderType = "vert"; + uniforms[uniformName + "." + member.name] = uni; + } + } + + return uniforms; +}; + +/** + * add a struct & its uniforms to the both shaders. PLEASE NOTE: it is not possible to add the same struct to both shaders when it contains ANY integer members. + * @param {String} structName name of the struct, i.e.: LightStruct + * @param {String} uniformName name of the struct uniform in the shader, i.e.: lightUni + * @param {Array} members array of objects containing the struct members. see example for structure + + * @memberof Shader + * @instance + * @function addUniformStructBoth + * @returns {Object} + * @example + * const shader = new CGL.Shader(cgl, 'MinimalMaterial'); + * shader.setSource(attachments.shader_vert, attachments.shader_frag); + * shader.addUniformStructBoth("Light", "uniformLight", [ + * { "type": "3f", "name": "position", "v1": null }, + * { "type": "4f", "name": "color", "v1": inR, v2: inG, v3: inB, v4: inAlpha } + * ]); + */ +Shader.prototype.addUniformStructBoth = function (structName, uniformName, members) +{ + const uniforms = {}; + + if (!members) return uniforms; + + for (let i = 0; i < members.length; i += 1) + { + const member = members[i]; + if ((member.type === "2i" || member.type === "i" || member.type === "3i")) + this._log.error("Adding an integer struct member to both shaders can potentially error. Please use different structs for each shader. Error occured in struct:", structName, " with member:", member.name, " of type:", member.type, "."); + if (!this.hasUniform(uniformName + "." + member.name)) + { + const uni = new CGL.Uniform(this, member.type, uniformName + "." + member.name, member.v1, member.v2, member.v3, member.v4, uniformName, structName, member.name); + uni.shaderType = "both"; + uniforms[uniformName + "." + member.name] = uni; + } + } + + return uniforms; +}; + +Shader.prototype.hasUniform = function (name) +{ + for (let i = 0; i < this._uniforms.length; i++) + { + if (this._uniforms[i].getName() == name) return true; + } + return false; +}; + +Shader.prototype._createProgram = function (vstr, fstr) +{ + this._cgl.printError("before _createprogram"); + + const program = this._cgl.gl.createProgram(); + + this.vshader = Shader.createShader(this._cgl, vstr, this._cgl.gl.VERTEX_SHADER, this); + this.fshader = Shader.createShader(this._cgl, fstr, this._cgl.gl.FRAGMENT_SHADER, this); + + + if (this.vshader && this.fshader) + { + this._cgl.gl.attachShader(program, this.vshader); + this._cgl.gl.attachShader(program, this.fshader); + + this._linkProgram(program, vstr, fstr); + } + else + { + this._isValid = false; + this._cgl.printError("shader _createProgram"); + console.log("could not link shaderprogram"); + return null; + } + + this._cgl.printError("shader _createProgram"); + return program; +}; + +Shader.prototype.hasErrors = function () +{ + return this._hasErrors; +}; + +Shader.prototype._linkProgram = function (program, vstr, fstr) +{ + this._cgl.printError("before _linkprogram"); + + if (this._feedBackNames.length > 0) + { + this._cgl.gl.transformFeedbackVaryings(program, this._feedBackNames, this._cgl.gl.SEPARATE_ATTRIBS); + // INTERLEAVED_ATTRIBS + // SEPARATE_ATTRIBS + } + + this._cgl.gl.linkProgram(program); + this._cgl.printError("gl.linkprogram"); + this._isValid = true; + + this._hasErrors = false; + + if (this._cgl.patch.config.glValidateShader !== false) + { + this._cgl.gl.validateProgram(program); + + if (!this._cgl.gl.getProgramParameter(program, this._cgl.gl.VALIDATE_STATUS)) + { + // validation failed + console.log("shaderprogram validation failed..."); + console.log(this._name + " programinfo: ", this._cgl.gl.getProgramInfoLog(program)); + } + + if (!this._cgl.gl.getProgramParameter(program, this._cgl.gl.LINK_STATUS)) + { + this._hasErrors = true; + this._log.warn(this._cgl.gl.getShaderInfoLog(this.fshader) || "empty shader infolog"); + this._log.warn(this._cgl.gl.getShaderInfoLog(this.vshader) || "empty shader infolog"); + this._log.error(this._name + " shader linking fail..."); + + console.log(this._name + " programinfo: ", this._cgl.gl.getProgramInfoLog(program)); + + console.log("--------------------------------------"); + console.log(this); + console.log("--------------------------------------"); + this._isValid = false; + + this._name = "errorshader"; + this.setSource(Shader.getDefaultVertexShader(), Shader.getErrorFragmentShader()); + this._cgl.printError("shader link err"); + } + } +}; + +Shader.prototype.getProgram = function () +{ + return this._program; +}; + +Shader.prototype.setFeedbackNames = function (names) +{ + this.setWhyCompile("setFeedbackNames"); + this._needsRecompile = true; + this._feedBackNames = names; +}; + +Shader.prototype.getDefaultVertexShader = Shader.getDefaultVertexShader = function () +{ + return cgl_shader_default_glsl; +}; + +Shader.prototype.getDefaultFragmentShader = Shader.getDefaultFragmentShader = function (r, g, b) +{ + if (r == undefined) + { + r = 0.5; + g = 0.5; + b = 0.5; + } + return "" + .endl() + "IN vec2 texCoord;" + .endl() + "{{MODULES_HEAD}}" + .endl() + "void main()" + .endl() + "{" + .endl() + " vec4 col=vec4(" + r + "," + g + "," + b + ",1.0);" + .endl() + " {{MODULE_COLOR}}" + .endl() + " outColor = col;" + .endl() + "}"; +}; + +/** + * adds attribute definition to shader header without colliding with other shader modules... + * when attrFrag is defined, vertex shader will output this attribute to the fragment shader + * @function + * @memberof Shader + * @instance + * @param {Object} attribObject {type:x,name:x,[nameFrag:x]} + * @return {Object} + */ +Shader.prototype.addAttribute = function (attr) +{ + for (let i = 0; i < this._attributes.length; i++) + { + if (this._attributes[i].name == attr.name && this._attributes[i].nameFrag == attr.nameFrag) return; + } + this._attributes.push(attr); + this._needsRecompile = true; + this.setWhyCompile("addAttribute"); +}; + +Shader.prototype.bindTextures = +Shader.prototype._bindTextures = function () +{ + if (this._textureStackTex.length > this._cgl.maxTextureUnits) + { + this._log.warn("[shader._bindTextures] too many textures bound", this._textureStackTex.length + "/" + this._cgl.maxTextureUnits); + } + + // for (let i = this._textureStackTex.length + 1; i < this._cgl.maxTextureUnits; i++) this._cgl.setTexture(i, null); + + for (let i = 0; i < this._textureStackTex.length; i++) + { + // console.log(this._textureStackTex.length, i); + if (!this._textureStackTex[i] && !this._textureStackTexCgl[i]) + { + this._log.warn("no texture for pushtexture", this._name); + } + else + { + let t = this._textureStackTex[i]; + if (this._textureStackTexCgl[i]) + { + t = this._textureStackTexCgl[i].tex || CGL.Texture.getEmptyTexture(this._cgl).tex; + } + + let bindOk = true; + + if (!this._textureStackUni[i]) + { + // throw(new Error('no uniform given to texturestack')); + this._log.warn("no uniform for pushtexture", this._name); + bindOk = this._cgl.setTexture(i, t, this._textureStackType[i]); + } + else + { + this._textureStackUni[i].setValue(i); + bindOk = this._cgl.setTexture(i, t, this._textureStackType[i]); + + // console.log(bindOk, i, t, this._textureStackType[i]); + } + if (!bindOk) console.warn("tex bind failed", this.getName(), this._textureStackUni[i]); + } + } +}; + +Shader.prototype.setUniformTexture = function (uni, tex) +{ + tex = tex || CGL.Texture.getTempTexture(this._cgl); + for (let i = 0; i < this._textureStackUni.length; i++) + if (this._textureStackUni[i] == uni) + { + const old = this._textureStackTex[i] || this._textureStackTexCgl[i]; + if (tex.hasOwnProperty("tex")) + { + this._textureStackTexCgl[i] = tex; + this._textureStackTex[i] = null; + } + else + { + this._textureStackTexCgl[i] = null; + this._textureStackTex[i] = tex; + } + + // this._textureStackTex[i] = tex; + // this._cgl.setTexture(i, tex, this._textureStackType[i]); + return old; + } + return null; +}; + +/** + * push a texture on the stack. those textures will be bound when binding the shader. texture slots are automatically set + * @param {uniform} texture uniform + * @param {texture} texture + * @param {type} texture type, can be ignored when TEXTURE_2D + * @function pushTexture + * @memberof Shader + * @instance + */ +Shader.prototype.pushTexture = function (uniform, t, type) +{ + if (!uniform) + { + console.log("no uniform given to texturestack", uniform); + return; + } + if (!t) + { + return; + } + if (!t.hasOwnProperty("tex") && !(t instanceof WebGLTexture)) + { + this._log.warn(new Error("invalid texture").stack); + + this._log.warn("[cgl_shader] invalid texture...", t); + return; + } + + this._textureStackUni.push(uniform); + + if (t.hasOwnProperty("tex")) + { + this._textureStackTexCgl.push(t); + this._textureStackTex.push(null); + } + else + { + this._textureStackTexCgl.push(null); + this._textureStackTex.push(t); + } + + this._textureStackType.push(type); +}; + +/** + * pop last texture + * @function popTexture + * @memberof Shader + * @instance + */ +Shader.prototype.popTexture = function () +{ + this._textureStackUni.pop(); + this._textureStackTex.pop(); + this._textureStackTexCgl.pop(); + this._textureStackType.pop(); +}; + +/** + * pop all textures + * @function popTextures + * @memberof Shader + * @instance + */ +Shader.prototype.popTextures = function () +{ + this._textureStackTex.length = + this._textureStackTexCgl.length = + this._textureStackType.length = + this._textureStackUni.length = 0; +}; + +Shader.prototype.getMaterialId = function () +{ + return this._materialId; +}; + +Shader.prototype.getInfo = function () +{ + const info = {}; + info.name = this._name; + // info.modules = JSON.parse(JSON.stringify(this._modules)); + // info.defines = JSON.parse(JSON.stringify(this._defines)); + info.defines = this.getDefines(); + info.hasErrors = this.hasErrors(); + + return info; +}; + +// -------------------------- + +Shader.getErrorFragmentShader = function () +{ + return "" + .endl() + "void main()" + .endl() + "{" + .endl() + " float g=mod((gl_FragCoord.y+gl_FragCoord.x),50.0)/50.0;" + .endl() + " g= step(0.1,g);" + .endl() + " outColor = vec4( g+0.5, 0.0, 0.0, 1.0);" + .endl() + "}"; +}; + +Shader.createShader = function (cgl, str, type, cglShader) +{ + if (cgl.aborted) return; + + // cgl.printError("[Shader.createShader] ", cglShader._name); + + function getBadLines(infoLog) + { + const basLines = []; + const lines = infoLog.split("\n"); + for (const i in lines) + { + const divide = lines[i].split(":"); + if (parseInt(divide[2], 10)) basLines.push(parseInt(divide[2], 10)); + } + return basLines; + } + + + const shader = cgl.gl.createShader(type); + cgl.gl.shaderSource(shader, str); + cgl.gl.compileShader(shader); + + if (!cgl.gl.getShaderParameter(shader, cgl.gl.COMPILE_STATUS)) + { + let infoLog = cgl.gl.getShaderInfoLog(shader); + if (!infoLog) + { + console.warn("empty shader info log", this._name); + return; + } + + console.log("compile status: "); + + const badLines = getBadLines(infoLog); + let htmlWarning = "
";
+        const lines = str.match(/^.*((\r\n|\n|\r)|$)/gm);
+
+        if (!cgl.aborted && infoLog)
+        {
+            if (type == cgl.gl.VERTEX_SHADER) console.log("VERTEX_SHADER");
+            if (type == cgl.gl.FRAGMENT_SHADER) console.log("FRAGMENT_SHADER");
+
+            for (const i in lines)
+            {
+                const j = parseInt(i, 10) + 1;
+                const line = j + ": " + lines[i];
+                console.log(line);
+
+                let isBadLine = false;
+                for (const bj in badLines)
+                    if (badLines[bj] == j) isBadLine = true;
+
+                if (isBadLine)
+                {
+                    htmlWarning += "
"; + // htmlWarning += ""; + htmlWarning += "
";
+                }
+                htmlWarning += escapeHTML(line);
+
+                if (isBadLine)
+                {
+                    htmlWarning += "
"; + htmlWarning += "
";
+                }
+            }
+        }
+
+        console.warn(infoLog);
+
+        infoLog = infoLog.replace(/\n/g, "
");
+        if (cgl.patch.isEditorMode())console.log("Shader error ", cglShader._name, infoLog, this);
+
+        htmlWarning = infoLog + "
" + htmlWarning + "

";
+        htmlWarning += "
"; + + cgl.patch.emitEvent("criticalError", { "title": "Shader error " + cglShader._name, "text": htmlWarning, "exception": { "message": infoLog } }); + + // this._name = "errorshader"; + cglShader.setSource(Shader.getDefaultVertexShader(), Shader.getErrorFragmentShader()); + } + else + { + // console.log(name+' shader compiled...'); + } + // cgl.printError("shader create2"); + return shader; +}; + + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_profiledata.js +class ProfileData +{ + constructor(cgl) + { + this._cgl = cgl; + this._lastTime = 0; + this.pause = false; + this.profileUniformCount = 0; + this.profileShaderBinds = 0; + this.profileUniformCount = 0; + this.profileShaderCompiles = 0; + this.profileVideosPlaying = 0; + this.profileMVPMatrixCount = 0; + this.profileEffectBuffercreate = 0; + this.profileShaderGetUniform = 0; + this.profileFrameBuffercreate = 0; + this.profileMeshSetGeom = 0; + this.profileTextureNew = 0; + this.profileGenMipMap = 0; + this.profileOnAnimFrameOps = 0; + + this.profileFencedPixelRead = 0; + this.profileMainloopMs = 0; + this.profileMeshDraw = 0; + this.profileTextureEffect = 0; + this.profileTexPreviews = 0; + this.shaderCompileTime = 0; + this.profileMeshNumElements = 0; + this.profileMeshAttributes = 0; + this.profileSingleMeshAttribute = []; + this.heavyEvents = []; + + this.doProfileGlQuery = false; + this.glQueryData = {}; + } + + clear() + { + this.profileSingleMeshAttribute = {}; + this.profileMeshAttributes = 0; + this.profileUniformCount = 0; + this.profileShaderGetUniform = 0; + this.profileShaderCompiles = 0; + this.profileShaderBinds = 0; + this.profileTextureResize = 0; + this.profileFrameBuffercreate = 0; + this.profileEffectBuffercreate = 0; + this.profileTextureDelete = 0; + this.profileMeshSetGeom = 0; + this.profileVideosPlaying = 0; + this.profileMVPMatrixCount = 0; + this.profileNonTypedAttrib = 0; + this.profileNonTypedAttribNames = ""; + this.profileTextureNew = 0; + this.profileGenMipMap = 0; + this.profileFramebuffer = 0; + this.profileMeshDraw = 0; + this.profileTextureEffect = 0; + this.profileTexPreviews = 0; + this.profileMeshNumElements = 0; + this.profileFencedPixelRead = 0; + } + + clearGlQuery() + { + for (let i in this.glQueryData) + { + if (!this.glQueryData[i].lastClear || performance.now() - this.glQueryData[i].lastClear > 1000) + { + this.glQueryData[i].time = this.glQueryData[i]._times / this.glQueryData[i]._numcount; + this.glQueryData[i].num = this.glQueryData[i]._numcount; + + this.glQueryData[i]._times = 0; + this.glQueryData[i]._numcount = 0; + this.glQueryData[i].lastClear = performance.now(); + } + } + } + + addHeavyEvent(event, name, info) + { + const e = { "event": event, "name": name, "info": info, "date": performance.now() }; + this.heavyEvents.push(e); + this._cgl.emitEvent("heavyEvent", e); + } +} + + + + +;// CONCATENATED MODULE: ../shared/client/src/helper.js +class Helper +{ + constructor() + { + this._simpleIdCounter = 0; + } + + uuid() + { + let d = new Date().getTime(); + return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => + { + const r = (d + Math.random() * 16) % 16 | 0; + d = Math.floor(d / 16); + return (c === "x" ? r : (r & 0x3) | 0x8).toString(16); + }); + } + + isNumeric(n) + { + return !isNaN(parseFloat(n)) && isFinite(n); + } + + /** + * generate a simple ID + * @function simpleId + * @memberof Utils + * @return {Number} new id + * @static + */ + simpleId() + { + this._simpleIdCounter++; + return this._simpleIdCounter; + } +} +/* harmony default export */ const helper = (new Helper()); + +;// CONCATENATED MODULE: ../shared/client/src/eventtarget.js + + + +class Events +{ + constructor() + { + this._log = new Logger("eventtarget"); + this._eventCallbacks = {}; + this._logName = ""; + this._logEvents = false; + this._listeners = {}; + + this.on = this.addEventListener; + this.off = this.removeEventListener; + } + + addEventListener(which, cb, idPrefix) + { + const event = + { + "id": (idPrefix || "") + helper.simpleId(), + "name": which, + "cb": cb, + }; + if (!this._eventCallbacks[which]) this._eventCallbacks[which] = [event]; + else this._eventCallbacks[which].push(event); + + this._listeners[event.id] = event; + + return event.id; + } + + hasEventListener(which, cb) + { + if (which && !cb) + { + // check by id + return !!this._listeners[which]; + } + else + { + this._log.warn("old eventtarget function haseventlistener!"); + if (which && cb) + { + if (this._eventCallbacks[which]) + { + const idx = this._eventCallbacks[which].indexOf(cb); + return idx !== -1; + } + } + } + } + + hasListenerForEventName(eventName) + { + return this._eventCallbacks[eventName] && this._eventCallbacks[eventName].length > 0; + } + + removeEventListener(which, cb) + { + if (which === null || which === undefined) return; + + if (!cb) // new style, remove by id, not by name/callback + { + const event = this._listeners[which]; + if (!event) + { + this._log.log("could not find event..."); + return; + } + + let found = true; + while (found) + { + found = false; + let index = -1; + for (let i = 0; i < this._eventCallbacks[event.name].length; i++) + { + if (this._eventCallbacks[event.name][i].id.indexOf(which) === 0) // this._eventCallbacks[event.name][i].id == which || + { + found = true; + index = i; + } + } + + if (index !== -1) + { + this._eventCallbacks[event.name].splice(index, 1); + delete this._listeners[which]; + } + } + + return; + } + + this._log.info("[eventtaget] ", "old function signature: removeEventListener! use listener id"); + this._log.log((new Error()).stack); + + let index = null; + for (let i = 0; i < this._eventCallbacks[which].length; i++) + if (this._eventCallbacks[which][i].cb === cb) + index = i; + + if (index !== null) + { + delete this._eventCallbacks[index]; + } + else this._log.warn("removeEventListener not found " + which); + } + + logEvents(enabled, name) + { + this._logEvents = enabled; + this._logName = name; + } + + emitEvent(which, param1, param2, param3, param4, param5, param6) + { + if (this._logEvents) this._log.log("[event] ", this._logName, which, this._eventCallbacks); + + if (this._eventCallbacks[which]) + { + for (let i = 0; i < this._eventCallbacks[which].length; i++) + { + if (this._eventCallbacks[which][i]) + { + this._eventCallbacks[which][i].cb(param1, param2, param3, param4, param5, param6); + } + } + } + else + { + if (this._logEvents) this._log.log("[event] has no event callback", which, this._eventCallbacks); + } + } +} + + +;// CONCATENATED MODULE: ./src/core/cg/cg_canvas.js +class CgCanvas +{ + constructor(options) + { + if (!options) + { + console.error("CgCanvas no options"); + } + else + { + this._canvasEle = options.canvasEle; + } + + if (!options.cg)console.error("CgCanvas options has no cg"); + if (!options.canvasEle)console.error("CgCanvas options has no canvasEle"); + + this._cg = options.cg; + this.pixelDensity = 1; + this.canvasWidth = this.canvasEle.clientWidth; + this.canvasHeight = this.canvasEle.clientHeight; + + this._oldWidthRp = -1; + this._oldHeightRp = -1; + + this.setSize(this.canvasWidth, this.canvasHeight); + } + + get canvasEle() { return this._canvasEle; } + + + setSize(w, h, ignorestyle) + { + if (this._oldWidthRp != w * this.pixelDensity || this._oldHeightRp != h * this.pixelDensity) + { + this._oldWidthRp = this.canvasEle.width = w * this.pixelDensity; + this._oldHeightRp = this.canvasEle.height = h * this.pixelDensity; + + if (!ignorestyle) + { + this.canvasEle.style.width = w + "px"; + this.canvasEle.style.height = h + "px"; + } + + this.updateSize(); + + this._cg.emitEvent("resize"); + } + } + + updateSize() + { + this.canvasEle.width = this.canvasWidth = this.canvasEle.clientWidth * this.pixelDensity; + this.canvasEle.height = this.canvasHeight = this.canvasEle.clientHeight * this.pixelDensity; + } + + dispose() + { + this._canvasEle.remove(); + this._canvasEle = null; + } +} + + + +;// CONCATENATED MODULE: ./src/core/cg/cg_matrixstack.js + +const MatrixStack = function () +{ + this._arr = [mat4.create()]; + this._index = 0; + this.stateCounter = 0; +}; + +MatrixStack.prototype.push = function (m) +{ + this._index++; + this.stateCounter++; + + if (this._index == this._arr.length) + { + const copy = mat4.create(); + this._arr.push(copy); + } + + mat4.copy(this._arr[this._index], m || this._arr[this._index - 1]); + + return this._arr[this._index]; +}; + +MatrixStack.prototype.pop = function () +{ + this.stateCounter++; + + this._index--; + if (this._index < 0) this._index = 0; + + return this._arr[this._index]; +}; + +MatrixStack.prototype.length = function () +{ + return this._index; +}; + + + +;// CONCATENATED MODULE: ./src/core/cg/cg_state.js + + + + + +// const CGState () +class CGState extends Events +{ + constructor(_patch) + { + super(); + // this.canvas = null; + + this.fpsCounter = new CABLES.CG.FpsCounter(); + this._identView = vec3.create(); + this._ident = vec3.create(); + vec3.set(this._identView, 0, 0, -2); + vec3.set(this._ident, 0, 0, 0); + + this.patch = _patch; + + + + this.DEPTH_COMPARE_FUNC_NEVER = 0; + this.DEPTH_COMPARE_FUNC_LESS = 1; + this.DEPTH_COMPARE_FUNC_EQUAL = 2; + this.DEPTH_COMPARE_FUNC_LESSEQUAL = 3; + this.DEPTH_COMPARE_FUNC_GREATER = 4; + this.DEPTH_COMPARE_FUNC_NOTEQUAL = 5; + this.DEPTH_COMPARE_FUNC_GREATEREQUAL = 6; + this.DEPTH_COMPARE_FUNC_ALWAYS = 7; + + + /** + * Current projection matrix + * @memberof Context + * @instance + * @type {mat4} + */ + this.pMatrix = mat4.create(); + + /** + * Current model matrix + * @memberof Context + * @instance + * @type {mat4} + */ + this.mMatrix = mat4.create(); + + /** + * Current view matrix + * @memberof Context + * @instance + * @type {mat4} + */ + this.vMatrix = mat4.create(); + this._textureslots = []; + + this._pMatrixStack = new MatrixStack(); + this._mMatrixStack = new MatrixStack(); + this._vMatrixStack = new MatrixStack(); + + this.canvasScale = 1; + + mat4.identity(this.mMatrix); + mat4.identity(this.vMatrix); + + + window.matchMedia("screen and (min-resolution: 2dppx)") + .addEventListener("change", (e) => + { + this.emitEvent("resize"); + }); + } + + get canvasWidth() + { + return this.cgCanvas.canvasWidth; + } + + get canvasHeight() + { + return this.cgCanvas.canvasHeight; + } + + set pixelDensity(p) + { + if (this.cgCanvas.pixelDensity != p) + { + this.cgCanvas.pixelDensity = p; + this.cgCanvas.updateSize(); + this.emitEvent("resize"); + } + } + + get pixelDensity() + { + return this.cgCanvas.pixelDensity; + } + + + getGApiName() + { + return ["WebGL", "WebGPU"][this.gApi]; + } + + get canvas() + { + return this.cgCanvas.canvasEle; + } + + setCanvas(canvEle) + { + if (this.cgCanvas && canvEle == this.cgCanvas.canvasEle) return; + if (typeof canvEle === "string") canvEle = document.getElementById(canvEle); + + this.cgCanvas = new CgCanvas({ "canvasEle": canvEle, "cg": this }); + + if (this._setCanvas) this._setCanvas(canvEle); + + this.updateSize(); + } + + updateSize() + { + this.cgCanvas.updateSize(); + } + + setSize(w, h, ignorestyle) + { + this.cgCanvas.setSize(w, h, ignorestyle); + } + + _resizeToWindowSize() + { + this.setSize(window.innerWidth, window.innerHeight); + this.updateSize(); + } + + _resizeToParentSize() + { + const p = this.canvas.parentElement; + if (!p) + { + this._log.error("cables: can not resize to container element"); + return; + } + this.setSize(p.clientWidth, p.clientHeight); + + this.updateSize(); + } + + setAutoResize(parent) + { + window.removeEventListener("resize", this._resizeToWindowSize.bind(this)); + window.removeEventListener("resize", this._resizeToParentSize.bind(this)); + + if (parent == "window") + { + window.addEventListener("resize", this._resizeToWindowSize.bind(this)); + window.addEventListener("orientationchange", this._resizeToWindowSize.bind(this)); + this._resizeToWindowSize(); + } + if (parent == "parent") + { + window.addEventListener("resize", this._resizeToParentSize.bind(this)); + this._resizeToParentSize(); + } + } + + + /** + * push a matrix to the projection matrix stack + * @function pushPMatrix + * @memberof Context + * @instance + * @param {mat4} projectionmatrix + */ + pushPMatrix() + { + this.pMatrix = this._pMatrixStack.push(this.pMatrix); + } + + /** + * pop projection matrix stack + * @function popPMatrix + * @memberof Context + * @instance + * @returns {mat4} current projectionmatrix + */ + popPMatrix() + { + this.pMatrix = this._pMatrixStack.pop(); + return this.pMatrix; + } + + getProjectionMatrixStateCount() + { + return this._pMatrixStack.stateCounter; + } + + /** + * push a matrix to the model matrix stack + * @function pushModelMatrix + * @memberof Context + * @instance + * @param {mat4} modelmatrix + * @example + * // see source code of translate op: + * cgl.pushModelMatrix(); + * mat4.translate(cgl.mMatrix,cgl.mMatrix, vec); + * trigger.trigger(); + * cgl.popModelMatrix(); + */ + pushModelMatrix() + { + this.mMatrix = this._mMatrixStack.push(this.mMatrix); + } + + /** + * pop model matrix stack + * @function popModelMatrix + * @memberof Context + * @instance + * @returns {mat4} current modelmatrix + */ + popModelMatrix() + { + // todo: DEPRECATE + // if (this._mMatrixStack.length === 0) throw "Invalid modelview popMatrix!"; + this.mMatrix = this._mMatrixStack.pop(); + return this.mMatrix; + } + + /** + * get model matrix + * @function modelMatrix + * @memberof Context + * @instance + * @returns {mat4} current modelmatrix + */ + modelMatrix() + { + return this.mMatrix; + } + + + /** + * push a matrix to the view matrix stack + * @function pushviewMatrix + * @memberof Context + * @instance + * @param {mat4} viewmatrix + */ + pushViewMatrix() + { + this.vMatrix = this._vMatrixStack.push(this.vMatrix); + } + + /** + * pop view matrix stack + * @function popViewMatrix + * @memberof Context + * @instance + * @returns {mat4} current viewmatrix + * @function + */ + popViewMatrix() + { + this.vMatrix = this._vMatrixStack.pop(); + } + + getViewMatrixStateCount() + { + return this._vMatrixStack.stateCounter; + } + + _startMatrixStacks(identTranslate, identTranslateView) + { + identTranslate = identTranslate || this._ident; + identTranslateView = identTranslateView || this._identView; + + mat4.perspective(this.pMatrix, 45, this.canvasWidth / this.canvasHeight, 0.1, 1000.0); + + mat4.identity(this.mMatrix); + mat4.identity(this.vMatrix); + mat4.translate(this.mMatrix, this.mMatrix, identTranslate); + mat4.translate(this.vMatrix, this.vMatrix, identTranslateView); + + this.pushPMatrix(); + this.pushModelMatrix(); + this.pushViewMatrix(); + } + + _endMatrixStacks() + { + this.popViewMatrix(); + this.popModelMatrix(); + this.popPMatrix(); + } + + dispose() + { + this.aborted = true; + if (this.cgCanvas) this.cgCanvas.dispose(); + if (this._dispose) this._dispose(); + } +} + + + + + +;// CONCATENATED MODULE: ./src/core/cg/sg_fpscounter.js + + +class FpsCounter extends Events +{ + constructor() + { + super(); + this._timeStartFrame = 0; + this._timeStartSecond = 0; + this._fpsCounter = 0; + this._msCounter = 0; + this._frameCount = 0; + + this.stats = { "ms": 0, "fps": 0 }; + } + + get frameCount() + { + return this._frameCount; + } + + startFrame() + { + this._timeStartFrame = CABLES.now(); + } + + endFrame() + { + this._frameCount++; + this._fpsCounter++; + + const timeFrame = CABLES.now() - this._timeStartFrame; + this._msCounter += timeFrame; + + if (CABLES.now() - this._timeStartSecond > 1000) + { + this.endSecond(); + } + } + + endSecond() + { + this.stats.fps = this._fpsCounter; + this.stats.ms = Math.round(this._msCounter / this._fpsCounter * 100) / 100; + + this.emitEvent("performance", this.stats); + + // reset + this._fpsCounter = 0; + this._msCounter = 0; + this._timeStartSecond = CABLES.now(); + } +} + +;// CONCATENATED MODULE: ./src/core/cg/cg_constants.js + + + + + +const CG = { + + "GAPI_WEBGL": 0, + "GAPI_WEBGPU": 1, + + "DEPTH_COMPARE_NEVER": 0, + "DEPTH_COMPARE_LESS": 1, + "DEPTH_COMPARE_EQUAL": 2, + "DEPTH_COMPARE_LESSEQUAL": 3, + "DEPTH_COMPARE_GREATER": 4, + "DEPTH_COMPARE_NOTEQUAL": 5, + "DEPTH_COMPARE_GREATEREQUAL": 6, + "DEPTH_COMPARE_ALWAYS": 7, + + "CULL_NONE": 0, + "CULL_BACK": 1, + "CULL_FRONT": 2, + "CULL_BOTH": 3, + + + "Geometry": Geometry, + "BoundingBox": BoundingBox, + "FpsCounter": FpsCounter, + + "CgCanvas": CgCanvas +}; + + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_state.js + + + + + + + + +/** + * cables gl context/state manager + * @external CGL + * @namespace Context + * @class + * @hideconstructor + */ +// const Context(_patch) +class Context extends CGState +{ + constructor(_patch) + { + super(_patch); + // EventTarget.apply(this); + // CGState.apply(this); + + this.gApi = CG.GAPI_WEBGL; + this.aborted = false; + + this.pushMvMatrix = this.pushModelMatrix; // deprecated and wrong... still used?? + this.popMvMatrix = this.popmMatrix = this.popModelMatrix;// deprecated and wrong... still used?? + + this.profileData = new ProfileData(this); + this._log = new Logger("cgl_context"); + this._viewPort = [0, 0, 0, 0]; + this.glVersion = 0; + this.glUseHalfFloatTex = false; + this.clearCanvasTransparent = true; + this.clearCanvasDepth = true; + this.debugOneFrame = false; + this.checkGlErrors = false; // true is slow // false should be default... + this.maxTextureUnits = 0; + this.maxVaryingVectors = 0; + this.currentProgram = null; + this._hadStackError = false; + this.glSlowRenderer = false; + this._isSafariCrap = false; + + this.temporaryTexture = null; + this.frameStore = {}; + this._onetimeCallbacks = []; + this.gl = null; + + this._cursor = "auto"; + this._currentCursor = ""; + + this._viewPortStack = []; + this._glFrameBufferStack = []; + this._frameBufferStack = []; + this._shaderStack = []; + this._stackDepthTest = []; + this.mainloopOp = null; + + this._simpleShader = new Shader(this, "simpleshader"); + this._simpleShader.setModules(["MODULE_VERTEX_POSITION", "MODULE_COLOR", "MODULE_BEGIN_FRAG", "MODULE_VERTEX_MOVELVIEW"]); + this._simpleShader.setSource(Shader.getDefaultVertexShader(), Shader.getDefaultFragmentShader()); + + this._currentShader = this._simpleShader; + + + this._oldCanvasWidth = -1; + this._oldCanvasHeight = -1; + this._enabledExtensions = {}; + } + + // set pixelDensity(p) + // { + // this._pixelDensity = p; + // } + + // get pixelDensity() + // { + // return this._pixelDensity; + // } + + + + get viewPort() + { + if (this._viewPortStack.length > 3) + { + const l = this._viewPortStack.length; + + return [ + this._viewPortStack[l - 4], + this._viewPortStack[l - 3], + this._viewPortStack[l - 2], + this._viewPortStack[l - 1] + ]; + } + else + { + // workaround pre viewport stack times / or+and initial value... + + return this._viewPort; + } + } + + + + get mvMatrix() // deprecate + { + return this.mMatrix; + } + + set mvMatrix(m) // deprecate + { + this.mMatrix = m; + } + + + exitError(msgId, msg) + { + console.log(msgId, msg); + this.patch.exitError(msgId, msg); + this.aborted = true; + } + + + _setCanvas(canv) + { + if (!canv) + { + this._log.stack("_setCanvas undef"); + } + + if (!this.patch.config.canvas) this.patch.config.canvas = {}; + if (!this.patch.config.canvas.hasOwnProperty("preserveDrawingBuffer")) this.patch.config.canvas.preserveDrawingBuffer = false; + if (!this.patch.config.canvas.hasOwnProperty("premultipliedAlpha")) this.patch.config.canvas.premultipliedAlpha = false; + if (!this.patch.config.canvas.hasOwnProperty("alpha")) this.patch.config.canvas.alpha = false; + + this.patch.config.canvas.stencil = true; + + if (this.patch.config.hasOwnProperty("clearCanvasColor")) this.clearCanvasTransparent = this.patch.config.clearCanvasColor; + if (this.patch.config.hasOwnProperty("clearCanvasDepth")) this.clearCanvasDepth = this.patch.config.clearCanvasDepth; + + // safari stuff.......... + if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent) && (navigator.userAgent.match(/iPhone/i))) + { + this._isSafariCrap = true; + this.glUseHalfFloatTex = true; + } + + if (!this.patch.config.canvas.forceWebGl1) this.gl = canv.getContext("webgl2", this.patch.config.canvas); + + + if (!this.gl || this.gl.isContextLost()) + { + this.aborted = true; + this.exitError("NO_WEBGL", "sorry, could not initialize WebGL. Please check if your Browser supports WebGL or try to restart your browser."); + return; + } + + if (this.gl.getParameter(this.gl.VERSION) != "WebGL 1.0") + { + this.glVersion = 2; + } + else + { + this.gl = canv.getContext("webgl", this.patch.config.canvas) || canv.getContext("experimental-webgl", this.patch.config.canvas); + this.glVersion = 1; + + // safari + // if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent) && (navigator.userAgent.match(/iPhone/i))) + // { + // this.glUseHalfFloatTex = true; + // } + + // ios + if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) + { + if (!this.patch.config.canvas.hasOwnProperty("powerPreference")) this.patch.config.canvas.powerPreference = "high-performance"; + } + + this.enableExtension("OES_standard_derivatives"); + // this.enableExtension("GL_OES_standard_derivatives"); + const instancingExt = this.enableExtension("ANGLE_instanced_arrays") || this.gl; + if (instancingExt.vertexAttribDivisorANGLE) + { + this.gl.vertexAttribDivisor = instancingExt.vertexAttribDivisorANGLE.bind(instancingExt); + this.gl.drawElementsInstanced = instancingExt.drawElementsInstancedANGLE.bind(instancingExt); + } + } + + const dbgRenderInfo = this.enableExtension("WEBGL_debug_renderer_info"); + if (dbgRenderInfo) + { + this.glRenderer = this.gl.getParameter(dbgRenderInfo.UNMASKED_RENDERER_WEBGL); + if (this.glRenderer === "Google SwiftShader") this.glSlowRenderer = true; + } + + this.canvas.addEventListener("webglcontextlost", (event) => + { + if (this.aborted) return console.log("[cgl_state] aborted context lost... can be ignored..."); + this._log.error("canvas lost...", event); + this.emitEvent("webglcontextlost"); + this.aborted = true; + }); + + + this.maxAnisotropic = 0; + if (this.enableExtension("EXT_texture_filter_anisotropic")) + this.maxAnisotropic = this.gl.getParameter(this.enableExtension("EXT_texture_filter_anisotropic").MAX_TEXTURE_MAX_ANISOTROPY_EXT); + + + this.maxVaryingVectors = this.gl.getParameter(this.gl.MAX_VARYING_VECTORS); + this.maxTextureUnits = this.gl.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS); + this.maxTexSize = this.gl.getParameter(this.gl.MAX_TEXTURE_SIZE); + this.maxUniformsFrag = this.gl.getParameter(this.gl.MAX_FRAGMENT_UNIFORM_VECTORS); + this.maxUniformsVert = this.gl.getParameter(this.gl.MAX_VERTEX_UNIFORM_VECTORS); + this.maxSamples = 0; + if (this.gl.MAX_SAMPLES) this.maxSamples = this.gl.getParameter(this.gl.MAX_SAMPLES); + + if (this.glVersion == 1) + { + this.enableExtension("OES_standard_derivatives"); + const instancingExt = this.enableExtension("ANGLE_instanced_arrays") || this.gl; + + if (instancingExt.vertexAttribDivisorANGLE) + { + this.gl.vertexAttribDivisor = instancingExt.vertexAttribDivisorANGLE.bind(instancingExt); + this.gl.drawElementsInstanced = instancingExt.drawElementsInstancedANGLE.bind(instancingExt); + } + } + + this.DEPTH_FUNCS = [ + this.gl.NEVER, + this.gl.ALWAYS, + this.gl.LESS, + this.gl.LEQUAL, + this.gl.GREATER, + this.gl.GEQUAL, + this.gl.EQUAL, + this.gl.NOTEQUAL + ]; + this.CULL_MODES = [ + null, + this.gl.BACK, + this.gl.FRONT, + this.gl.FRONT_AND_BACK + ]; + } + + getInfo() + { + return { + "glVersion": this.glVersion, + "glRenderer": this.glRenderer, + "glUseHalfFloatTex": this.glUseHalfFloatTex, + "maxVaryingVectors": this.maxVaryingVectors, + "maxTextureUnits": this.maxTextureUnits, + "maxTexSize": this.maxTexSize, + "maxUniformsFrag": this.maxUniformsFrag, + "maxUniformsVert": this.maxUniformsVert, + "maxSamples": this.maxSamples + }; + } + + + + + + /** + * @function popViewPort + * @memberof Context + * @instance + * @description pop viewPort stack + */ + + + popViewPort() + { + this._viewPortStack.pop(); + this._viewPortStack.pop(); + this._viewPortStack.pop(); + this._viewPortStack.pop(); + + if (this._viewPortStack.length == 0) + { + this.setViewPort(0, 0, this.canvasWidth, this.canvasHeight); + // this.gl.viewport(this._viewPort[0], this._viewPort[1], this._viewPort[2], this._viewPort[3]); + // this.setViewPort(this._viewPort[0], this._viewPort[1], this._viewPort[2], this._viewPort[3]); + } + else + { + // this.viewPort = [this._viewPortStack[this._viewPort.length - 4], this._viewPortStack[this._viewPort.length - 3], this._viewPortStack[this._viewPort.length - 2], this._viewPortStack[this._viewPort.length - 1]]; + // this.gl.viewport(this._viewPortStack[this._viewPort.length - 4], this._viewPortStack[this._viewPort.length - 3], this._viewPortStack[this._viewPort.length - 2], this._viewPortStack[this._viewPort.length - 1]); + this.setViewPort(this._viewPortStack[this._viewPort.length - 4], this._viewPortStack[this._viewPort.length - 3], this._viewPortStack[this._viewPort.length - 2], this._viewPortStack[this._viewPort.length - 1]); + } + } + + /** + * @function pushViewPort + * @memberof Context + * @instance + * @description push a new viewport onto stack + * @param {Number} x + * @param {Number} y + * @param {Number} w + * @param {Number} h + */ + + pushViewPort(x, y, w, h) + { + this._viewPortStack.push(x, y, w, h); + this.setViewPort(x, y, w, h); + } + + + // old + getViewPort() + { + return this._viewPort; + } + + // old + resetViewPort() + { + this.gl.viewport(this._viewPort[0], this._viewPort[1], this._viewPort[2], this._viewPort[3]); + } + + // old + setViewPort(x, y, w, h) + { + this._viewPort[0] = Math.round(x); + this._viewPort[1] = Math.round(y); + this._viewPort[2] = Math.round(w); + this._viewPort[3] = Math.round(h); + this.gl.viewport(this._viewPort[0], this._viewPort[1], this._viewPort[2], this._viewPort[3]); + } + + + screenShot(cb, doScreenshotClearAlpha, mimeType, quality) + { + if (doScreenshotClearAlpha) + { + this.gl.clearColor(1, 1, 1, 1); + this.gl.colorMask(false, false, false, true); + this.gl.clear(this.gl.COLOR_BUFFER_BIT); + this.gl.colorMask(true, true, true, true); + } + + if (this.canvas && this.canvas.toBlob) + { + this.canvas.toBlob((blob) => + { + if (cb) cb(blob); + else this._log.log("no screenshot callback..."); + }, mimeType, quality); + } + } + + endFrame() + { + if (this.patch.isEditorMode()) CABLES.GL_MARKER.drawMarkerLayer(this); + + this.setPreviousShader(); + + if (this._vMatrixStack.length() > 0) this.logStackError("view matrix stack length !=0 at end of rendering..."); + if (this._mMatrixStack.length() > 0) this.logStackError("mvmatrix stack length !=0 at end of rendering..."); + if (this._pMatrixStack.length() > 0) this.logStackError("pmatrix stack length !=0 at end of rendering..."); + if (this._glFrameBufferStack.length > 0) this.logStackError("glFrameBuffer stack length !=0 at end of rendering..."); + if (this._stackDepthTest.length > 0) this.logStackError("depthtest stack length !=0 at end of rendering..."); + if (this._stackDepthWrite.length > 0) this.logStackError("depthwrite stack length !=0 at end of rendering..."); + if (this._stackDepthFunc.length > 0) this.logStackError("depthfunc stack length !=0 at end of rendering..."); + if (this._stackBlend.length > 0) this.logStackError("blend stack length !=0 at end of rendering..."); + if (this._stackBlendMode.length > 0) this.logStackError("blendMode stack length !=0 at end of rendering..."); + if (this._shaderStack.length > 0) this.logStackError("this._shaderStack length !=0 at end of rendering..."); + if (this._stackCullFace.length > 0) this.logStackError("this._stackCullFace length !=0 at end of rendering..."); + if (this._stackCullFaceFacing.length > 0) this.logStackError("this._stackCullFaceFacing length !=0 at end of rendering..."); + if (this._viewPortStack.length > 0) this.logStackError("viewport stack length !=0 at end of rendering..."); + + this._frameStarted = false; + + if (this._oldCanvasWidth != this.canvasWidth || this._oldCanvasHeight != this.canvasHeight) + { + this._oldCanvasWidth = this.canvasWidth; + this._oldCanvasHeight = this.canvasHeight; + this.emitEvent("resize"); + } + + if (this._cursor != this._currentCursor) + { + this._currentCursor = this.canvas.style.cursor = this._cursor; + } + + this.emitEvent("endframe"); + + this.fpsCounter.endFrame(); + } + + logStackError(str) + { + if (!this._hadStackError) + { + this._hadStackError = true; + this._log.warn("[" + this.canvas.id + "]: ", str); + } + } + + // shader stack + getShader() + { + if (this._currentShader) if (!this.frameStore || ((this.frameStore.renderOffscreen === true) == this._currentShader.offScreenPass) === true) return this._currentShader; + + for (let i = this._shaderStack.length - 1; i >= 0; i--) if (this._shaderStack[i]) if (this.frameStore.renderOffscreen == this._shaderStack[i].offScreenPass) return this._shaderStack[i]; + } + + getDefaultShader() + { + return this._simpleShader; + } + + /** + * push a shader to the shader stack + * @function pushShader + * @memberof Context + * @instance + * @param {Object} shader + * @function + */ + + pushShader(shader) + { + if (this.frameStore.forceShaderMods) + { + for (let i = 0; i < this.frameStore.forceShaderMods.length; i++) + { + // if (!currentShader.forcedMod && currentShader != this.frameStore.forceShaderMods[i]) + // { + // currentShader.forcedMod = this.frameStore.forceShaderMods[i]; + shader = this.frameStore.forceShaderMods[i].bind(shader, false); + // } + // return currentShader; + // if (this.frameStore.forceShaderMods[i].currentShader() && shader != this.frameStore.forceShaderMods[i].currentShader().shader) + } + } + + this._shaderStack.push(shader); + this._currentShader = shader; + } + + + /** + * pop current used shader from shader stack + * @function popShader + * @memberof Context + * @instance + * @function + */ + setPreviousShader() + { + if (this.frameStore.forceShaderMods) + { + for (let i = 0; i < this.frameStore.forceShaderMods.length; i++) + { + // const a = + this.frameStore.forceShaderMods[i].unbind(false); + // if (a) return; + // this.popShader(); + } + } + + if (this._shaderStack.length === 0) throw new Error("Invalid shader stack pop!"); + this._shaderStack.pop(); + this._currentShader = this._shaderStack[this._shaderStack.length - 1]; + } + + /** + * push a framebuffer to the framebuffer stack + * @function pushGlFrameBuffer + * @memberof Context + * @instance + * @param {Object} framebuffer + * @function + */ + pushGlFrameBuffer(fb) + { + this._glFrameBufferStack.push(fb); + } + + /** + * pop framebuffer stack + * @function popGlFrameBuffer + * @memberof Context + * @instance + * @returns {Object} current framebuffer or null + */ + popGlFrameBuffer() + { + if (this._glFrameBufferStack.length == 0) return null; + this._glFrameBufferStack.pop(); + return this._glFrameBufferStack[this._glFrameBufferStack.length - 1]; + } + + /** + * get current framebuffer + * @function getCurrentFrameBuffer + * @memberof Context + * @instance + * @returns {Object} current framebuffer or null + */ + getCurrentGlFrameBuffer() + { + if (this._glFrameBufferStack.length === 0) return null; + return this._glFrameBufferStack[this._glFrameBufferStack.length - 1]; + } + + /** + * push a framebuffer to the framebuffer stack + * @function pushGlFrameBuffer + * @memberof Context + * @instance + * @param {Framebuffer} framebuffer + */ + pushFrameBuffer(fb) + { + this._frameBufferStack.push(fb); + } + + /** + * pop framebuffer stack + * @function popFrameBuffer + * @memberof Context + * @instance + * @returns {Framebuffer} current framebuffer or null + */ + popFrameBuffer() + { + if (this._frameBufferStack.length == 0) return null; + this._frameBufferStack.pop(); + return this._frameBufferStack[this._frameBufferStack.length - 1]; + } + + /** + * get current framebuffer + * @function getCurrentFrameBuffer + * @memberof Context + * @instance + * @returns {Framebuffer} current framebuffer or null + */ + getCurrentFrameBuffer() + { + if (this._frameBufferStack.length === 0) return null; + return this._frameBufferStack[this._frameBufferStack.length - 1]; + } + + + renderStart(cgl, identTranslate, identTranslateView) + { + this.fpsCounter.startFrame(); + this.pushDepthTest(true); + this.pushDepthWrite(true); + this.pushDepthFunc(cgl.gl.LEQUAL); + this.pushCullFaceFacing(cgl.gl.BACK); + this.pushCullFace(false); + + // if (this.clearCanvasTransparent) + // { + // cgl.gl.clearColor(0, 0, 0, 0); + // cgl.gl.clear(cgl.gl.COLOR_BUFFER_BIT); + // } + // if (this.clearCanvasDepth) cgl.gl.clear(cgl.gl.DEPTH_BUFFER_BIT); + + cgl.setViewPort(0, 0, cgl.canvasWidth, cgl.canvasHeight); + + this._startMatrixStacks(identTranslate, identTranslateView); + + cgl.pushBlendMode(constants_CONSTANTS.BLEND_MODES.BLEND_NORMAL, false); + + for (let i = 0; i < this._textureslots.length; i++) this._textureslots[i] = null; + + this.pushShader(this._simpleShader); + + this._frameStarted = true; + + if (this._onetimeCallbacks.length > 0) + { + for (let i = 0; i < this._onetimeCallbacks.length; i++) this._onetimeCallbacks[i](); + this._onetimeCallbacks.length = 0; + } + + for (let i = 0; i < this._textureslots.length; i++) + { + this.gl.activeTexture(this.gl.TEXTURE0 + i); + this.gl.bindTexture(this.gl.TEXTURE_2D, null); + this._textureslots[i] = null; + } + + this.emitEvent("beginFrame"); + } + + renderEnd(cgl) + { + this._endMatrixStacks(); + + this.popDepthTest(); + this.popDepthWrite(); + this.popDepthFunc(); + this.popCullFaceFacing(); + this.popCullFace(); + this.popBlend(); + this.popBlendMode(); + + cgl.endFrame(); + + this.emitEvent("endFrame"); + } + + getTexture(slot) + { + return this._textureslots[slot]; + } + + hasFrameStarted() + { + return this._frameStarted; + } + + /** + * log warning to console if the rendering of one frame has not been started / handy to check for async problems + * @function checkFrameStarted + * @memberof Context + * @instance + */ + checkFrameStarted(string) + { + if (!this._frameStarted) + { + this._log.warn("frame not started " + string); + this.patch.printTriggerStack(); + } + } + + + setTexture(slot, t, type) + { + this.checkFrameStarted("cgl setTexture"); + + if (t === null) t = CGL.Texture.getEmptyTexture(this).tex; + + // if (!this.gl.isTexture(t)) + // { + // console.log("not a texture!!!!"); return false; + // t = CGL.Texture.getEmptyTexture(this).tex; + // } + + // if (!this.gl.isTexture(t)) + // { + // t = CGL.Texture.getErrorTexture(this).tex; + // // this._log.stack("not a texture!!!!"); + // // return false; + // } + + + if (this._textureslots[slot] != t) + { + this.gl.activeTexture(this.gl.TEXTURE0 + slot); + this.gl.bindTexture(type || this.gl.TEXTURE_2D, t); + this._textureslots[slot] = t; + } + + + return true; + } + + fullScreen() + { + if (this.canvas.requestFullscreen) this.canvas.requestFullscreen(); + else if (this.canvas.mozRequestFullScreen) this.canvas.mozRequestFullScreen(); + else if (this.canvas.webkitRequestFullscreen) this.canvas.webkitRequestFullscreen(); + else if (this.canvas.msRequestFullscreen) this.canvas.msRequestFullscreen(); + } + + + printError(str) + { + if (!this.checkGlErrors) return; + let found = false; + let error = this.gl.getError(); + + if (error != this.gl.NO_ERROR) + { + let errStr = ""; + if (error == this.gl.OUT_OF_MEMORY) errStr = "OUT_OF_MEMORY"; + if (error == this.gl.INVALID_ENUM) errStr = "INVALID_ENUM"; + if (error == this.gl.INVALID_OPERATION) errStr = "INVALID_OPERATION"; + if (error == this.gl.INVALID_FRAMEBUFFER_OPERATION) errStr = "INVALID_FRAMEBUFFER_OPERATION"; + if (error == this.gl.INVALID_VALUE) errStr = "INVALID_VALUE"; + if (error == this.gl.CONTEXT_LOST_WEBGL) + { + this.aborted = true; + errStr = "CONTEXT_LOST_WEBGL"; + } + if (error == this.gl.NO_ERROR) errStr = "NO_ERROR"; + + found = true; + + + this._log.warn("gl error [" + this.canvas.id + "]: ", str, error, errStr); + + if (this.canvas.id.contains("glGuiCanvas")) + if (!this._loggedGlError) + { + this.patch.printTriggerStack(); + this._log.stack("glerror"); + this._loggedGlError = true; + } + } + error = this.gl.getError(); + + return found; + } + + saveScreenshot(filename, cb, pw, ph, noclearalpha) + { + this.patch.renderOneFrame(); + + let w = this.canvas.clientWidth * this.pixelDensity; + let h = this.canvas.clientHeight * this.pixelDensity; + + if (pw) + { + this.canvas.width = pw; + w = pw; + } + if (ph) + { + this.canvas.height = ph; + h = ph; + } + + function padLeft(nr, n, str) + { + return Array(n - String(nr).length + 1).join(str || "0") + nr; + } + + const d = new Date(); + + const dateStr = "".concat(String(d.getFullYear()) + String(d.getMonth() + 1) + String(d.getDate()), "_").concat(padLeft(d.getHours(), 2)).concat(padLeft(d.getMinutes(), 2)).concat(padLeft(d.getSeconds(), 2)); + + if (!filename) filename = "cables_" + dateStr + ".png"; + else filename += ".png"; + + this.patch.cgl.screenShot(function (blob) + { + this.canvas.width = w; + this.canvas.height = h; + + if (blob) + { + const anchor = document.createElement("a"); + + anchor.download = filename; + anchor.href = URL.createObjectURL(blob); + + setTimeout(function () + { + anchor.click(); + if (cb) cb(blob); + }, 100); + } + else + { + this._log.log("screenshot: no blob"); + } + }.bind(this), noclearalpha); + } + + _dispose() + { + this._simpleShader.dispose(); + this.gl = null; + } +} + + +Context.prototype.popShader = Context.prototype.setPreviousShader; +Context.prototype.setShader = Context.prototype.pushShader; + +/** + * execute the callback next frame, once + * @function addNextFrameOnceCallback + * @memberof Context + * @instance + * @param {function} callback + */ +Context.prototype.addNextFrameOnceCallback = function (cb) +{ + if (cb) this._onetimeCallbacks.push(cb); +}; + +// state depthtest + +/** + * push depth testing enabled state + * @function pushDepthTest + * @param {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype._stackDepthTest = []; +Context.prototype.pushDepthTest = function (b) +{ + this._stackDepthTest.push(b); + if (!b) this.gl.disable(this.gl.DEPTH_TEST); + else this.gl.enable(this.gl.DEPTH_TEST); +}; +/** + * current state of depth testing + * @function stateCullFace + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype.stateDepthTest = function () +{ + return this._stackDepthTest[this._stackDepthTest.length - 1]; +}; + +/** + * pop depth testing state + * @function popCullFace + * @memberof Context + * @instance + */ +Context.prototype.popDepthTest = function () +{ + this._stackDepthTest.pop(); + + if (!this._stackDepthTest[this._stackDepthTest.length - 1]) this.gl.disable(this.gl.DEPTH_TEST); + else this.gl.enable(this.gl.DEPTH_TEST); +}; + +// -------------------------------------- +// state depthwrite + +/** + * push depth write enabled state + * @function pushDepthTest + * @param {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype._stackDepthWrite = []; +Context.prototype.pushDepthWrite = function (b) +{ + b = b || false; + this._stackDepthWrite.push(b); + this.gl.depthMask(b); +}; + +/** + * current state of depth writing + * @function stateCullFace + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype.stateDepthWrite = function () +{ + return this._stackDepthWrite[this._stackDepthWrite.length - 1]; +}; + +/** + * pop depth writing state + * @function popCullFace + * @memberof Context + * @instance + */ +Context.prototype.popDepthWrite = function () +{ + this._stackDepthWrite.pop(); + this.gl.depthMask(this._stackDepthWrite[this._stackDepthWrite.length - 1] || false); +}; + + +// -------------------------------------- +// state CullFace + +/** + * push face culling face enabled state + * @function pushCullFaceFacing + * @param {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype._stackCullFace = []; +Context.prototype.pushCullFace = function (b) +{ + this._stackCullFace.push(b); + + if (b) this.gl.enable(this.gl.CULL_FACE); + else this.gl.disable(this.gl.CULL_FACE); +}; + +/** + * current state of face culling + * @function stateCullFace + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype.stateCullFace = function () +{ + return this._stackCullFace[this._stackCullFace.length - 1]; +}; + +/** + * pop face culling enabled state + * @function popCullFace + * @memberof Context + * @instance + */ +Context.prototype.popCullFace = function () +{ + this._stackCullFace.pop(); + + if (this._stackCullFace[this._stackCullFace.length - 1]) this.gl.enable(this.gl.CULL_FACE); + else this.gl.disable(this.gl.CULL_FACE); +}; + + +// -------------------------------------- +// state CullFace Facing + + +/** + * push face culling face side + * @function pushCullFaceFacing + * @param {Number} cgl.gl.FRONT_AND_BACK, cgl.gl.BACK or cgl.gl.FRONT + * @memberof Context + * @instance + */ +Context.prototype._stackCullFaceFacing = []; +Context.prototype.pushCullFaceFacing = function (b) +{ + this._stackCullFaceFacing.push(b); + this.gl.cullFace(this._stackCullFaceFacing[this._stackCullFaceFacing.length - 1]); +}; + +/** + * current state of face culling side + * @function stateCullFaceFacing + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ +Context.prototype.stateCullFaceFacing = function () +{ + return this._stackCullFaceFacing[this._stackCullFaceFacing.length - 1]; +}; + +/** + * pop face culling face side + * @function popCullFaceFacing + * @memberof Context + * @instance + */ +Context.prototype.popCullFaceFacing = function () +{ + this._stackCullFaceFacing.pop(); + if (this._stackCullFaceFacing.length > 0) this.gl.cullFace(this._stackCullFaceFacing[this._stackCullFaceFacing.length - 1]); +}; + + +// -------------------------------------- +// state depthfunc + +Context.prototype._stackDepthFunc = []; + +/** + * enable / disable depth testing + * like `gl.depthFunc(boolean);` + * @function pushDepthFunc + * @memberof Context + * @instance + * @param {Boolean} depthtesting + */ +Context.prototype.pushDepthFunc = function (f) +{ + this._stackDepthFunc.push(f); + this.gl.depthFunc(f); +}; + +/** + * current state of blend + * @function stateDepthFunc + * @memberof Context + * @instance + * @returns {Boolean} depth testing enabled/disabled + */ +Context.prototype.stateDepthFunc = function () +{ + if (this._stackDepthFunc.length > 0) return this._stackDepthFunc[this._stackDepthFunc.length - 1]; + return false; +}; + +/** + * pop depth testing and set the previous state + * @function popDepthFunc + * @memberof Context + * @instance + */ +Context.prototype.popDepthFunc = function () +{ + this._stackDepthFunc.pop(); + if (this._stackDepthFunc.length > 0) this.gl.depthFunc(this._stackDepthFunc[this._stackDepthFunc.length - 1]); +}; + +// -------------------------------------- +// state blending + +Context.prototype._stackBlend = []; + +/** + * enable / disable blend + * like gl.enable(gl.BLEND); / gl.disable(gl.BLEND); + * @function pushBlend + * @memberof Context + * @instance + * @param {Boolean} blending + */ +Context.prototype.pushBlend = function (b) +{ + this._stackBlend.push(b); + if (!b) this.gl.disable(this.gl.BLEND); + else this.gl.enable(this.gl.BLEND); +}; + +/** + * pop blend state and set the previous state + * @function popBlend + * @memberof Context + * @instance + */ +Context.prototype.popBlend = function () +{ + this._stackBlend.pop(); + + if (!this._stackBlend[this._stackBlend.length - 1]) this.gl.disable(this.gl.BLEND); + else this.gl.enable(this.gl.BLEND); +}; + +/** + * current state of blend + * @function stateBlend + * @returns {boolean} blending enabled/disabled + * @memberof Context + * @instance + */ +Context.prototype.stateBlend = function () +{ + return this._stackBlend[this._stackBlend.length - 1]; +}; + +const BLENDS = { + "BLEND_NONE": 0, + "BLEND_NORMAL": 1, + "BLEND_ADD": 2, + "BLEND_SUB": 3, + "BLEND_MUL": 4, +}; + +Context.prototype._stackBlendMode = []; +Context.prototype._stackBlendModePremul = []; + +/** + * push and switch to predefined blendmode (CONSTANTS.BLEND_MODES.BLEND_NONE,CONSTANTS.BLEND_MODES.BLEND_NORMAL,CONSTANTS.BLEND_MODES.BLEND_ADD,CONSTANTS.BLEND_MODES.BLEND_SUB,CONSTANTS.BLEND_MODES.BLEND_MUL) + * @function pushBlendMode + * @memberof Context + * @instance + * @param {Number} blendmode + * @param {Boolean} premultiplied mode + */ +Context.prototype.pushBlendMode = function (blendMode, premul) +{ + this._stackBlendMode.push(blendMode); + this._stackBlendModePremul.push(premul); + + const n = this._stackBlendMode.length - 1; + + this.pushBlend(this._stackBlendMode[n] !== constants_CONSTANTS.BLEND_MODES.BLEND_NONE); + this._setBlendMode(this._stackBlendMode[n], this._stackBlendModePremul[n]); +}; + +/** + * pop predefined blendmode / switch back to previous blendmode + * @function popBlendMode + * @memberof Context + * @instance + */ +Context.prototype.popBlendMode = function () +{ + this._stackBlendMode.pop(); + this._stackBlendModePremul.pop(); + + const n = this._stackBlendMode.length - 1; + + this.popBlend(this._stackBlendMode[n] !== constants_CONSTANTS.BLEND_MODES.BLEND_NONE); + + if (n >= 0) this._setBlendMode(this._stackBlendMode[n], this._stackBlendModePremul[n]); +}; + + +// -------------------------------------- +// state stencil + +Context.prototype._stackStencil = []; + +/** + * enable / disable stencil testing + +* @function pushStencil + * @memberof Context + * @instance + * @param {Boolean} enable + */ +Context.prototype.pushStencil = function (b) +{ + this._stackStencil.push(b); + if (!b) this.gl.disable(this.gl.STENCIL_TEST); + else this.gl.enable(this.gl.STENCIL_TEST); +}; + +/** + * pop stencil test state and set the previous state + * @function popStencil + * @memberof Context + * @instance + */ +Context.prototype.popStencil = function () +{ + this._stackStencil.pop(); + + if (!this._stackStencil[this._stackStencil.length - 1]) this.gl.disable(this.gl.STENCIL_TEST); + else this.gl.enable(this.gl.STENCIL_TEST); +}; + +// -------------------------------------- + + +Context.prototype.glGetAttribLocation = function (prog, name) +{ + const l = this.gl.getAttribLocation(prog, name); + // if (l == -1) + // { + // this._log.warn("get attr loc -1 ", name); + // } + return l; +}; + + +/** + * should an op now draw helpermeshes + * @function shouldDrawHelpers + * @memberof Context + * @instance + */ +Context.prototype.shouldDrawHelpers = function (op) +{ + if (this.frameStore.shadowPass) return false; + if (!op.patch.isEditorMode()) return false; + + // const fb = this.getCurrentFrameBuffer(); + // if (fb && fb.getWidth) + // { + // const fbshould = this.canvasWidth / this.canvasHeight == fb.getWidth() / fb.getHeight(); + // if (!fbshould) return false; + // } + + return gui.shouldDrawOverlay;// || (CABLES.UI.renderHelperCurrent && op.isCurrentUiOp()); +}; + +Context.prototype._setBlendMode = function (blendMode, premul) +{ + const gl = this.gl; + + if (blendMode == constants_CONSTANTS.BLEND_MODES.BLEND_NONE) + { + // this.gl.disable(this.gl.BLEND); + } + else if (blendMode == constants_CONSTANTS.BLEND_MODES.BLEND_ADD) + { + if (premul) + { + gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); + gl.blendFuncSeparate(gl.ONE, gl.ONE, gl.ONE, gl.ONE); + } + else + { + gl.blendEquation(gl.FUNC_ADD); + gl.blendFunc(gl.SRC_ALPHA, gl.ONE); + } + } + else if (blendMode == constants_CONSTANTS.BLEND_MODES.BLEND_SUB) + { + if (premul) + { + gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); + gl.blendFuncSeparate(gl.ZERO, gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ONE_MINUS_SRC_ALPHA); + } + else + { + gl.blendEquation(gl.FUNC_ADD); + gl.blendFunc(gl.ZERO, gl.ONE_MINUS_SRC_COLOR); + } + } + else if (blendMode == constants_CONSTANTS.BLEND_MODES.BLEND_MUL) + { + if (premul) + { + gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); + gl.blendFuncSeparate(gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA); + } + else + { + gl.blendEquation(gl.FUNC_ADD); + gl.blendFunc(gl.ZERO, gl.SRC_COLOR); + } + } + else if (blendMode == constants_CONSTANTS.BLEND_MODES.BLEND_NORMAL) + { + if (premul) + { + gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); + gl.blendFuncSeparate(gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA); + } + else + { + gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD); + gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA); + } + } + else + { + this._log.log("setblendmode: unknown blendmode"); + } +}; + +Context.prototype.createMesh = function (geom, options) +{ + if (CABLES.UTILS.isNumeric(options))options = { "glPrimitive": options }; // old constructor fallback... + return new CGL.Mesh(this, geom, options); +}; + + +/** + * set cursor + * @function setCursor + * @memberof Context + * @instance + * @param {String} css cursor string + */ +Context.prototype.setCursor = function (str) +{ + this._cursor = str; +}; + +/** + * enable a webgl extension + * @function enableExtension + * @memberof Context + * @instance + * @param {String} extension name + * @returns {Object} extension object or null + */ +Context.prototype.enableExtension = function (name) +{ + if (!this.gl) return null; + // const start = performance.now(); + + if (this._enabledExtensions.hasOwnProperty(name)) + { + return this._enabledExtensions[name]; + } + + const o = this.gl.getExtension(name); + this._enabledExtensions[name] = o; + + if (!o) + this._log.warn("[cgl_state] extension not available " + name); + else + this._log.log("enabled extension", name); + + return o; +}; + +Context.prototype.checkTextureSize = function (x) +{ + x = x || 1; + x = Math.floor(x); + x = Math.min(x, this.maxTexSize); + x = Math.max(x, 1); + return x; +}; + + + + + +;// CONCATENATED MODULE: ./src/core/core_variable.js + + +/** + * @type {Object} + * @name Variable + * @param {String} name + * @param {String|Number} value + * @memberof Patch + * @constructor + */ +class PatchVariable extends Events +{ + constructor(name, val, type) + { + super(); + this._name = name; + this.type = type; + this.setValue(val); + } + + /** + * keeping this for backwards compatibility in older + * exports before using eventtarget + * + * @param cb + */ + addListener(cb) + { + this.on("change", cb, "var"); + } + + /** + * @function Variable.getValue + * @memberof Variable + * @returns {String|Number|Boolean} + */ + + getValue() + { + return this._v; + } + + /** + * @function getName + * @memberof Variable + * @instance + * @returns {String|Number|Boolean} + * @function + */ + getName() + { + return this._name; + } + + /** + * @function setValue + * @memberof Variable + * @instance + * @returns {String|Number|Boolean} + * @function + */ + setValue(v) + { + this._v = v; + this.emitEvent("change", v, this); + } +} + +/* harmony default export */ const core_variable = (PatchVariable); + +;// CONCATENATED MODULE: ./src/core/core_patch.js + + + + + + + + + + + + + +/** + * Patch class, contains all operators,values,links etc. manages loading and running of the whole patch + * + * see {@link PatchConfig} + * + * @external CABLES + * @namespace Patch + * @hideconstructor + * @param {PatchConfig} config The configuration object. + * @class + * @example + * CABLES.patch=new CABLES.Patch( + * { + * patch:pStr, + * glCanvasId:'glcanvas', + * glCanvasResizeToWindow:true, + * canvas:{powerPreference:"high-performance"}, + * prefixAssetPath:'/assets/', + * prefixJsPath:'/js/', + * onError:function(e){console.log(e);} + * glslPrecision:'highp' + * }); + */ + +const Patch = function (cfg) +{ + EventTarget.apply(this); + + this._log = new Logger("core_patch"); + this.ops = []; + this.settings = {}; + this.config = cfg || + { + "glCanvasResizeToWindow": false, + "prefixAssetPath": "", + "prefixJsPath": "", + "silent": true, + "onError": null, + "onFinishedLoading": null, + "onFirstFrameRendered": null, + "onPatchLoaded": null, + "fpsLimit": 0, + }; + this.timer = new Timer(); + this.freeTimer = new Timer(); + this.animFrameOps = []; + this.animFrameCallbacks = []; + this.gui = false; + CABLES.logSilent = this.silent = true; + this.profiler = null; + this.aborted = false; + this._crashedOps = []; + this._renderOneFrame = false; + this._animReq = null; + this._opIdCache = {}; + this._triggerStack = []; + this.storeObjNames = false; // remove after may release + + this.loading = new LoadingStatus(this); + + this._volumeListeners = []; + this._paused = false; + this._frameNum = 0; + this.instancing = new Instancing(); + this.onOneFrameRendered = null; + this.namedTriggers = {}; + + this._origData = null; + this._frameNext = 0; + this._frameInterval = 0; + this._lastFrameTime = 0; + this._frameWasdelayed = true; + this.frameStore = {}; + this.deSerialized = false; + this.reqAnimTimeStamp = 0; + + this.cgCanvas = null; + + if (!(function () { return !this; }())) console.log("not in strict mode: core patch"); + + this._isLocal = document.location.href.indexOf("file:") === 0; + + if (this.config.hasOwnProperty("silent")) this.silent = CABLES.logSilent = this.config.silent; + if (!this.config.hasOwnProperty("doRequestAnimation")) this.config.doRequestAnimation = true; + + if (!this.config.prefixAssetPath) this.config.prefixAssetPath = ""; + if (!this.config.prefixJsPath) this.config.prefixJsPath = ""; + if (!this.config.masterVolume) this.config.masterVolume = 1.0; + + this._variables = {}; + this._variableListeners = []; + this.vars = {}; + if (cfg && cfg.vars) this.vars = cfg.vars; // vars is old! + + this.cgl = new Context(this); + this.cgp = null; + + this._subpatchOpCache = {}; + + this.cgl.setCanvas(this.config.glCanvasId || this.config.glCanvas || "glcanvas"); + if (this.config.glCanvasResizeToWindow === true) this.cgl.setAutoResize("window"); + if (this.config.glCanvasResizeToParent === true) this.cgl.setAutoResize("parent"); + this.loading.setOnFinishedLoading(this.config.onFinishedLoading); + + if (this.cgl.aborted) this.aborted = true; + if (this.cgl.silent) this.silent = true; + + this.freeTimer.play(); + this.exec(); + + if (!this.aborted) + { + if (this.config.patch) + { + this.deSerialize(this.config.patch); + } + else if (this.config.patchFile) + { + ajax( + this.config.patchFile, + (err, _data) => + { + const data = JSON.parse(_data); + if (err) + { + const txt = ""; + this._log.error("err", err); + this._log.error("data", data); + this._log.error("data", data.msg); + return; + } + this.deSerialize(data); + } + ); + } + this.timer.play(); + } + + console.log("made with https://cables.gl"); // eslint-disable-line +}; + +Patch.prototype.isPlaying = function () +{ + return !this._paused; +}; + +Patch.prototype.isRenderingOneFrame = function () +{ + return this._renderOneFrame; +}; + + +Patch.prototype.renderOneFrame = function () +{ + this._paused = true; + this._renderOneFrame = true; + this.exec(); + this._renderOneFrame = false; +}; + +/** + * current number of frames per second + * @function getFPS + * @memberof Patch + * @instance + * @return {Number} fps + */ +Patch.prototype.getFPS = function () +{ + console.log("deprecated getfps"); + return 0; +}; + +/** + * returns true if patch is opened in editor/gui mode + * @function isEditorMode + * @memberof Patch + * @instance + * @return {Boolean} editor mode + */ +Patch.prototype.isEditorMode = function () +{ + return this.config.editorMode === true; +}; + +/** + * pauses patch execution + * @function pause + * @memberof Patch + * @instance + */ +Patch.prototype.pause = function () +{ + cancelAnimationFrame(this._animReq); + this.emitEvent("pause"); + this._animReq = null; + this._paused = true; + this.freeTimer.pause(); +}; + +/** + * resumes patch execution + * @function resume + * @memberof Patch + * @instance + */ +Patch.prototype.resume = function () +{ + if (this._paused) + { + cancelAnimationFrame(this._animReq); + this._paused = false; + this.freeTimer.play(); + this.emitEvent("resume"); + this.exec(); + } +}; + +/** + * set volume [0-1] + * @function setVolume + * @param {Number} volume + * @memberof Patch + * @instance + */ +Patch.prototype.setVolume = function (v) +{ + this.config.masterVolume = v; + for (let i = 0; i < this._volumeListeners.length; i++) this._volumeListeners[i].onMasterVolumeChanged(v); +}; + + +/** + * get asset path + * @function getAssetPath + * @memberof Patch + * @instance + */ +Patch.prototype.getAssetPath = function (patchId = null) +{ + if (this.isEditorMode()) + { + let id = patchId || gui.project()._id; + return "/assets/" + id + "/"; + } + else if (document.location.href.indexOf("cables.gl") > 0 || document.location.href.indexOf("cables.local") > 0) + { + const parts = document.location.pathname.split("/"); + let id = patchId || parts[parts.length - 1]; + return "/assets/" + id + "/"; + } + else if (this.config.hasOwnProperty("assetPath")) + { + return this.config.assetPath; + } + else + { + return "assets/"; + } +}; + +/** + * get js path + * @function getJsPath + * @memberof Patch + * @instance + */ +Patch.prototype.getJsPath = function () +{ + if (this.config.hasOwnProperty("jsPath")) + { + return this.config.jsPath; + } + else + { + return "js/"; + } +}; + +/** + * get url/filepath for a filename + * this uses prefixAssetpath in exported patches + * @function getFilePath + * @memberof Patch + * @instance + * @param {String} filename + * @return {String} url + */ +Patch.prototype.getFilePath = function (filename) +{ + if (!filename) return filename; + filename = String(filename); + if (filename.indexOf("https:") === 0 || filename.indexOf("http:") === 0) return filename; + if (filename.indexOf("data:") === 0) return filename; + if (filename.indexOf("file:") === 0) return filename; + + filename = filename.replace("//", "/"); + return this.config.prefixAssetPath + filename + (this.config.suffixAssetPath || ""); +}; + +Patch.prototype.clear = function () +{ + this.emitEvent("patchClearStart"); + this.cgl.TextureEffectMesh = null; + this.animFrameOps.length = 0; + this.timer = new Timer(); + while (this.ops.length > 0) this.deleteOp(this.ops[0].id); + + this._opIdCache = {}; + this.emitEvent("patchClearEnd"); +}; + +Patch.getOpClass = function (objName) +{ + const parts = objName.split("."); + let opObj = null; + + try + { + if (parts.length == 2) opObj = window[parts[0]][parts[1]]; + else if (parts.length == 3) opObj = window[parts[0]][parts[1]][parts[2]]; + else if (parts.length == 4) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]]; + else if (parts.length == 5) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]]; + else if (parts.length == 6) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]]; + else if (parts.length == 7) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]]; + else if (parts.length == 8) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]][parts[7]]; + else if (parts.length == 9) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]][parts[7]][parts[8]]; + else if (parts.length == 10) opObj = window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]][parts[7]][parts[8]][parts[9]]; + return opObj; + } + catch (e) + { + return null; + } +}; + +Patch.prototype.createOp = function (identifier, id, opName = null) +{ + let op = null; + let objName = ""; + + try + { + if (!identifier) + { + console.error("createop identifier false", identifier); + console.log((new Error()).stack); + return; + } + if (identifier.indexOf("Ops.") === -1) + { + // this should be a uuid, not a namespace + // creating ops by id should be the default way from now on! + const opId = identifier; + + + + if (CABLES.OPS[opId]) + { + objName = CABLES.OPS[opId].objName; + op = new CABLES.OPS[opId].f(this, objName, id, opId); + op.opId = opId; + } + else + { + if (opName) + { + identifier = opName; + console.log("could not find op by id: " + opId); + } + else + { + throw new Error("could not find op by id: " + opId, { "cause": "opId:" + opId }); + } + } + } + + if (!op) + { + // fallback: create by objname! + objName = identifier; + const parts = identifier.split("."); + const opObj = Patch.getOpClass(objName); + + if (!opObj) + { + this.emitEvent("criticalError", { "title": "unknown op" + objName, "text": "unknown op: " + objName }); + + this._log.error("unknown op: " + objName); + throw new Error("unknown op: " + objName); + } + else + { + if (parts.length == 2) op = new window[parts[0]][parts[1]](this, objName, id); + else if (parts.length == 3) op = new window[parts[0]][parts[1]][parts[2]](this, objName, id); + else if (parts.length == 4) op = new window[parts[0]][parts[1]][parts[2]][parts[3]](this, objName, id); + else if (parts.length == 5) op = new window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]](this, objName, id); + else if (parts.length == 6) op = new window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]](this, objName, id); + else if (parts.length == 7) op = new window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]](this, objName, id); + else if (parts.length == 8) op = new window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]][parts[7]](this, objName, id); + else if (parts.length == 9) op = new window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]][parts[7]][parts[8]](this, objName, id); + else if (parts.length == 10) op = new window[parts[0]][parts[1]][parts[2]][parts[3]][parts[4]][parts[5]][parts[6]][parts[7]][parts[8]][parts[9]](this, objName, id); + else console.log("parts.length", parts.length); + } + + if (op) + { + op.opId = null; + for (const i in CABLES.OPS) + { + if (CABLES.OPS[i].objName == objName) op.opId = i; + } + } + } + } + catch (e) + { + this._crashedOps.push(objName); + + this.emitEvent("exceptionOp", e, objName, op); + + if (!this.isEditorMode()) + { + this._log.error(e); + this._log.error("[instancing error] " + objName, e); + + if (CABLES.api) CABLES.api.sendErrorReport(e); + this.exitError("INSTANCE_ERR", "Instancing Error 1" + objName, e); + throw new Error("instancing error 1" + objName); + } + } + + if (op) + { + op._objName = objName; + op.patch = this; + } + else + { + this._log.log("no op was created!?", identifier, id); + } + return op; +}; + +/** + * create a new op in patch + * @function addOp + * @memberof Patch + * @instance + * @param {String} opIdentifier, uuid or name, e.g. Ops.Math.Sum + * @param {Object} uiAttribs Attributes + * @param {String} id + * @param {boolean} fromDeserialize + * @param {String} opName, e.g. Ops.Math.Sum + * @example + * // add invisible op + * patch.addOp('Ops.Math.Sum', { showUiAttribs: false }); + */ +Patch.prototype.addOp = function (opIdentifier, uiAttribs, id, fromDeserialize, opName) +{ + const op = this.createOp(opIdentifier, id, opName); + + if (op) + { + uiAttribs = uiAttribs || {}; + if (uiAttribs.hasOwnProperty("errors")) delete uiAttribs.errors; + if (uiAttribs.hasOwnProperty("error")) delete uiAttribs.error; + uiAttribs.subPatch = uiAttribs.subPatch || 0; + + op.setUiAttribs(uiAttribs); + if (op.onCreate) op.onCreate(); + + if (op.hasOwnProperty("onAnimFrame")) this.addOnAnimFrame(op); + if (op.hasOwnProperty("onMasterVolumeChanged")) this._volumeListeners.push(op); + + if (this._opIdCache[op.id]) + { + console.log("opid with id " + op.id + " already exists in patch!"); + this.deleteOp(op.id); // strange with subpatch ops: why is this needed, somehow ops get added twice ???..... + // return; + } + + this.ops.push(op); + this._opIdCache[op.id] = op; + + if (this._subPatchCacheAdd) this._subPatchCacheAdd(uiAttribs.subPatch, op); + this.emitEvent("onOpAdd", op, fromDeserialize); + + if (op.init) op.init(); + + op.emitEvent("init", fromDeserialize); + } + else + { + this._log.error("addop: no op....."); + } + + return op; +}; + +Patch.prototype.addOnAnimFrame = function (op) +{ + for (let i = 0; i < this.animFrameOps.length; i++) if (this.animFrameOps[i] == op) { return; } + + this.animFrameOps.push(op); +}; + +Patch.prototype.removeOnAnimFrame = function (op) +{ + for (let i = 0; i < this.animFrameOps.length; i++) + { + if (this.animFrameOps[i] == op) + { + this.animFrameOps.splice(i, 1); + return; + } + } +}; + +Patch.prototype.addOnAnimFrameCallback = function (cb) +{ + this.animFrameCallbacks.push(cb); +}; + +Patch.prototype.removeOnAnimCallback = function (cb) +{ + for (let i = 0; i < this.animFrameCallbacks.length; i++) + { + if (this.animFrameCallbacks[i] == cb) + { + this.animFrameCallbacks.splice(i, 1); + return; + } + } +}; + +Patch.prototype.deleteOp = function (opid, tryRelink, reloadingOp) +{ + let found = false; + for (const i in this.ops) + { + if (this.ops[i].id == opid) + { + const op = this.ops[i]; + let reLinkP1 = null; + let reLinkP2 = null; + + if (op) + { + found = true; + if (tryRelink) + { + if (op.portsIn.length > 0 && op.portsIn[0].isLinked() && (op.portsOut.length > 0 && op.portsOut[0].isLinked())) + { + if (op.portsIn[0].getType() == op.portsOut[0].getType() && op.portsIn[0].links[0]) + { + reLinkP1 = op.portsIn[0].links[0].getOtherPort(op.portsIn[0]); + reLinkP2 = op.portsOut[0].links[0].getOtherPort(op.portsOut[0]); + } + } + } + + const opToDelete = this.ops[i]; + opToDelete.removeLinks(); + + if (this.onDelete) + { + // todo: remove + console.log("deprecated this.onDelete", this.onDelete); + this.onDelete(opToDelete); + } + + this.ops.splice(i, 1); + opToDelete.emitEvent("delete", opToDelete); + this.emitEvent("onOpDelete", opToDelete, reloadingOp); + + if (this.clearSubPatchCache) this.clearSubPatchCache(opToDelete.uiAttribs.subPatch); + + if (opToDelete.onDelete) opToDelete.onDelete(reloadingOp); + opToDelete.cleanUp(); + + if (reLinkP1 !== null && reLinkP2 !== null) + { + this.link(reLinkP1.op, reLinkP1.getName(), reLinkP2.op, reLinkP2.getName()); + } + + delete this._opIdCache[opid]; + break; + } + } + } + + if (!found) console.log("core patch deleteop: not found...", opid); +}; + +Patch.prototype.getFrameNum = function () +{ + return this._frameNum; +}; + +Patch.prototype.emitOnAnimFrameEvent = function (time, delta) +{ + time = time || this.timer.getTime(); + + for (let i = 0; i < this.animFrameCallbacks.length; ++i) + if (this.animFrameCallbacks[i]) + this.animFrameCallbacks[i](time, this._frameNum, delta); + + for (let i = 0; i < this.animFrameOps.length; ++i) + if (this.animFrameOps[i].onAnimFrame) + this.animFrameOps[i].onAnimFrame(time, this._frameNum, delta); +}; + +Patch.prototype.renderFrame = function (timestamp) +{ + this.timer.update(this.reqAnimTimeStamp); + this.freeTimer.update(this.reqAnimTimeStamp); + const time = this.timer.getTime(); + const startTime = performance.now(); + this.cgl.frameStartTime = this.timer.getTime(); + + const delta = timestamp - this.reqAnimTimeStamp || timestamp; + + this.emitOnAnimFrameEvent(null, delta); + + this.cgl.profileData.profileFrameDelta = delta; + this.reqAnimTimeStamp = timestamp; + this.cgl.profileData.profileOnAnimFrameOps = performance.now() - startTime; + + this.emitEvent("onRenderFrame", time); + + this._frameNum++; + if (this._frameNum == 1) + { + if (this.config.onFirstFrameRendered) this.config.onFirstFrameRendered(); + } +}; + +Patch.prototype.exec = function (timestamp) +{ + if (!this._renderOneFrame && (this._paused || this.aborted)) return; + this.emitEvent("reqAnimFrame"); + cancelAnimationFrame(this._animReq); + + this.config.fpsLimit = this.config.fpsLimit || 0; + if (this.config.fpsLimit) + { + this._frameInterval = 1000 / this.config.fpsLimit; + } + + const now = CABLES.now(); + const frameDelta = now - this._frameNext; + + if (this.isEditorMode()) + { + if (!this._renderOneFrame) + { + if (now - this._lastFrameTime >= 500 && this._lastFrameTime !== 0 && !this._frameWasdelayed) + { + this._lastFrameTime = 0; + setTimeout(this.exec.bind(this), 500); + this.emitEvent("renderDelayStart"); + this._frameWasdelayed = true; + return; + } + } + } + + if (this._renderOneFrame || this.config.fpsLimit === 0 || frameDelta > this._frameInterval || this._frameWasdelayed) + { + this.renderFrame(timestamp); + + if (this._frameInterval) this._frameNext = now - (frameDelta % this._frameInterval); + } + + if (this._frameWasdelayed) + { + this.emitEvent("renderDelayEnd"); + this._frameWasdelayed = false; + } + + if (this._renderOneFrame) + { + if (this.onOneFrameRendered) this.onOneFrameRendered(); // todo remove everywhere and use propper event... + this.emitEvent("renderedOneFrame"); + this._renderOneFrame = false; + } + + + if (this.config.doRequestAnimation) this._animReq = this.cgl.canvas.ownerDocument.defaultView.requestAnimationFrame(this.exec.bind(this)); +}; + +/** + * link two ops/ports + * @function link + * @memberof Patch + * @instance + * @param {Op} op1 + * @param {String} portName1 + * @param {Op} op2 + * @param {String} portName2 + */ +Patch.prototype.link = function (op1, port1Name, op2, port2Name, lowerCase, fromDeserialize) +{ + if (!op1) + { + console.warn("link: op1 is null "); + return; + } + if (!op2) + { + console.warn("link: op2 is null"); + return; + } + + const port1 = op1.getPort(port1Name, lowerCase); + const port2 = op2.getPort(port2Name, lowerCase); + + if (!port1) + { + console.warn("port1 not found! " + port1Name + "(" + op1.objName + ")"); + return; + } + + if (!port2) + { + console.warn("port2 not found! " + port2Name + " of " + op2.name + "(" + op2.objName + ")", op2); + return; + } + + if (!port1.shouldLink(port1, port2) || !port2.shouldLink(port1, port2)) + { + return false; + } + + if (Link.canLink(port1, port2)) + { + const link = new Link(this); + link.link(port1, port2); + + this.emitEvent("onLink", port1, port2, link, fromDeserialize); + return link; + } +}; + +Patch.prototype.serialize = function (options) +{ + const obj = {}; + + options = options || {}; + obj.ops = []; + obj.settings = this.settings; + for (const i in this.ops) + { + const op = this.ops[i]; + obj.ops.push(op.getSerialized()); + } + + cleanJson(obj); + + if (options.asObject) return obj; + return JSON.stringify(obj); +}; + +Patch.prototype.getOpsByRefId = function (refId) +{ + const perf = CABLES.UI.uiProfiler.start("[corepatchetend] getOpsByRefId"); + const refOps = []; + const ops = gui.corePatch().ops; + for (let i = 0; i < ops.length; i++) + if (ops[i].storage && ops[i].storage.ref == refId) refOps.push(ops[i]); + perf.finish(); + return refOps; +}; + + +Patch.prototype.getOpById = function (opid) +{ + return this._opIdCache[opid]; +}; + +Patch.prototype.getOpsByName = function (name) +{ + // TODO: is this still needed ? unclear behaviour.... + const arr = []; + for (const i in this.ops) + if (this.ops[i].name == name) arr.push(this.ops[i]); + return arr; +}; + +Patch.prototype.getOpsByObjName = function (name) +{ + const arr = []; + for (const i in this.ops) + if (this.ops[i].objName == name) arr.push(this.ops[i]); + return arr; +}; + +Patch.prototype.getOpsByOpId = function (opid) +{ + const arr = []; + for (const i in this.ops) + if (this.ops[i].opId == opid) arr.push(this.ops[i]); + return arr; +}; + +Patch.prototype.loadLib = function (which) +{ + ajaxSync( + "/ui/libs/" + which + ".js", + (err, res) => + { + const se = document.createElement("script"); + se.type = "text/javascript"; + se.text = res; + document.getElementsByTagName("head")[0].appendChild(se); + }, + "GET", + ); + // open and send a synchronous request + // xhrObj.open('GET', '/ui/libs/'+which+'.js', false); + // xhrObj.send(''); + // add the returned content to a newly created script tag +}; + + +Patch.prototype.getSubPatchOp = function (patchId, objName) +{ + for (const i in this.ops) + if (this.ops[i].uiAttribs && this.ops[i].uiAttribs.subPatch == patchId && this.ops[i].objName == objName) + return this.ops[i]; + return false; +}; + +Patch.prototype._addLink = function (opinid, opoutid, inName, outName) +{ + return this.link(this.getOpById(opinid), inName, this.getOpById(opoutid), outName, false, true); +}; + +Patch.prototype.deSerialize = function (obj, options) +{ + options = options || { "genIds": false, "createRef": false }; + if (this.aborted) return; + const newOps = []; + const loadingId = this.loading.start("core", "deserialize"); + + this.namespace = obj.namespace || ""; + this.name = obj.name || ""; + + if (typeof obj === "string") obj = JSON.parse(obj); + + this.settings = obj.settings; + + this.emitEvent("patchLoadStart"); + + if (window.logStartup)logStartup("add " + obj.ops.length + " ops... "); + + const addedOps = []; + // add ops... + for (let iop = 0; iop < obj.ops.length; iop++) + { + const start = CABLES.now(); + const opData = obj.ops[iop]; + let op = null; + + try + { + if (opData.opId) op = this.addOp(opData.opId, opData.uiAttribs, opData.id, true, opData.objName); + else op = this.addOp(opData.objName, opData.uiAttribs, opData.id, true); + } + catch (e) + { + console.log("[instancing error] op data:", opData, e); + throw new Error("could not create op by id: " + (opData.objName || opData.opId) + " (" + opData.id + ")"); + } + + if (op) + { + addedOps.push(op); + if (options.genIds) op.id = shortId(); + op.portsInData = opData.portsIn; + op._origData = JSON.parse(JSON.stringify(opData)); + op.storage = opData.storage; + // if (opData.hasOwnProperty("disabled"))op.setEnabled(!opData.disabled); + + for (const ipi in opData.portsIn) + { + const objPort = opData.portsIn[ipi]; + if (objPort && objPort.hasOwnProperty("name")) + { + // console.log("load poirt data,objPort", objPort.name, objPort); + const port = op.getPort(objPort.name); + + if (port && (port.uiAttribs.display == "bool" || port.uiAttribs.type == "bool") && !isNaN(objPort.value)) objPort.value = objPort.value == true ? 1 : 0; + if (port && objPort.value !== undefined && port.type != CONSTANTS.OP.OP_PORT_TYPE_TEXTURE) port.set(objPort.value); + + if (port) + { + port.deSerializeSettings(objPort); + } + else + { + console.log("preserve", objPort.name, objPort.value); + op.preservedPortValues = op.preservedPortValues || {}; + op.preservedPortValues[objPort.name] = objPort.value; + } + } + } + + for (const ipo in opData.portsOut) + { + const objPort = opData.portsOut[ipo]; + if (objPort && objPort.hasOwnProperty("name")) + { + const port2 = op.getPort(objPort.name); + if (port2 && port2.type != CONSTANTS.OP.OP_PORT_TYPE_TEXTURE && objPort.hasOwnProperty("value")) + port2.set(obj.ops[iop].portsOut[ipo].value); + + if (port2 && objPort.expose) port2.setUiAttribs({ "expose": true }); + } + } + newOps.push(op); + } + + const timeused = Math.round(100 * (CABLES.now() - start)) / 100; + if (!this.silent && timeused > 5) console.log("long op init ", obj.ops[iop].objName, timeused); + } + if (window.logStartup)logStartup("add ops done"); + + for (const i in this.ops) + { + if (this.ops[i].onLoadedValueSet) + { + this.ops[i].onLoadedValueSet(this.ops[i]._origData); + this.ops[i].onLoadedValueSet = null; + this.ops[i]._origData = null; + } + this.ops[i].emitEvent("loadedValueSet"); + } + + if (window.logStartup)logStartup("creating links"); + + if (options.opsCreated)options.opsCreated(addedOps); + // create links... + if (obj.ops) + { + for (let iop = 0; iop < obj.ops.length; iop++) + { + if (obj.ops[iop].portsIn) + { + for (let ipi2 = 0; ipi2 < obj.ops[iop].portsIn.length; ipi2++) + { + if (obj.ops[iop].portsIn[ipi2] && obj.ops[iop].portsIn[ipi2].links) + { + for (let ili = 0; ili < obj.ops[iop].portsIn[ipi2].links.length; ili++) + { + const l = this._addLink( + obj.ops[iop].portsIn[ipi2].links[ili].objIn, + obj.ops[iop].portsIn[ipi2].links[ili].objOut, + obj.ops[iop].portsIn[ipi2].links[ili].portIn, + obj.ops[iop].portsIn[ipi2].links[ili].portOut); + + console.log("aaaa", l); + + + // const took = performance.now - startTime; + // if (took > 100)console.log(obj().ops[iop].portsIn[ipi2].links[ili].objIn, obj.ops[iop].portsIn[ipi2].links[ili].objOut, took); + } + } + } + } + if (obj.ops[iop].portsOut) + for (let ipi2 = 0; ipi2 < obj.ops[iop].portsOut.length; ipi2++) + if (obj.ops[iop].portsOut[ipi2] && obj.ops[iop].portsOut[ipi2].links) + { + for (let ili = 0; ili < obj.ops[iop].portsOut[ipi2].links.length; ili++) + { + if (obj.ops[iop].portsOut[ipi2].links[ili]) + { + if (obj.ops[iop].portsOut[ipi2].links[ili].subOpRef) + { + // lost link + const outOp = this.getOpById(obj.ops[iop].portsOut[ipi2].links[ili].objOut); + let dstOp = null; + let theSubPatch = 0; + + for (let i = 0; i < this.ops.length; i++) + { + if ( + this.ops[i].storage && + this.ops[i].storage.ref == obj.ops[iop].portsOut[ipi2].links[ili].subOpRef && + outOp.uiAttribs.subPatch == this.ops[i].uiAttribs.subPatch + ) + { + theSubPatch = this.ops[i].patchId.get(); + break; + } + } + + for (let i = 0; i < this.ops.length; i++) + { + if ( + this.ops[i].storage && + this.ops[i].storage.ref == obj.ops[iop].portsOut[ipi2].links[ili].refOp && + this.ops[i].uiAttribs.subPatch == theSubPatch) + { + dstOp = this.ops[i]; + break; + } + } + + if (!dstOp) this._log.warn("could not find op for lost link"); + else + { + const l = this._addLink( + dstOp.id, + obj.ops[iop].portsOut[ipi2].links[ili].objOut, + + obj.ops[iop].portsOut[ipi2].links[ili].portIn, + obj.ops[iop].portsOut[ipi2].links[ili].portOut); + } + } + else + { + const l = this._addLink(obj.ops[iop].portsOut[ipi2].links[ili].objIn, obj.ops[iop].portsOut[ipi2].links[ili].objOut, obj.ops[iop].portsOut[ipi2].links[ili].portIn, obj.ops[iop].portsOut[ipi2].links[ili].portOut); + + if (!l) + { + const op1 = this.getOpById(obj.ops[iop].portsOut[ipi2].links[ili].objIn); + const op2 = this.getOpById(obj.ops[iop].portsOut[ipi2].links[ili].objOut); + + if (!op1)console.log("could not find link op1"); + if (!op2)console.log("could not find link op2"); + + const p1Name = obj.ops[iop].portsOut[ipi2].links[ili].portIn; + + if (op1 && !op1.getPort(p1Name)) + { + console.log("PRESERVE port 1 not found", p1Name); + + op1.preservedPortLinks[p1Name] = op1.preservedPortLinks[p1Name] || []; + op1.preservedPortLinks[p1Name].push(obj.ops[iop].portsOut[ipi2].links[ili]); + } + + const p2Name = obj.ops[iop].portsOut[ipi2].links[ili].portOut; + if (op2 && !op2.getPort(p2Name)) + { + console.log("PRESERVE port 2 not found", obj.ops[iop].portsOut[ipi2].links[ili].portOut); + op2.preservedPortLinks[p1Name] = op2.preservedPortLinks[p1Name] || []; + op2.preservedPortLinks[p1Name].push(obj.ops[iop].portsOut[ipi2].links[ili]); + } + } + } + } + } + } + } + } + + if (window.logStartup)logStartup("calling ops onloaded"); + + for (const i in this.ops) + { + if (this.ops[i].onLoaded) + { + // TODO: deprecate!!! + this.ops[i].onLoaded(); + this.ops[i].onLoaded = null; + } + } + + if (window.logStartup)logStartup("initializing ops..."); + for (const i in this.ops) + { + if (this.ops[i].init) + { + this.ops[i].init(); + this.ops[i].init = null; + } + } + + if (window.logStartup)logStartup("initializing vars..."); + + if (this.config.variables) + for (const varName in this.config.variables) + this.setVarValue(varName, this.config.variables[varName]); + + if (window.logStartup)logStartup("initializing var ports"); + + for (const i in this.ops) + { + this.ops[i].initVarPorts(); + delete this.ops[i].uiAttribs.pasted; + } + + setTimeout(() => { this.loading.finished(loadingId); }, 100); + + if (window.logStartup)logStartup("calling onPatchLoaded/patchLoadEnd"); + + if (this.config.onPatchLoaded) this.config.onPatchLoaded(this); + + this.deSerialized = true; + this.emitEvent("patchLoadEnd", newOps, obj, options.genIds); +}; + +Patch.prototype.profile = function (enable) +{ + this.profiler = new Profiler(this); + for (const i in this.ops) + { + this.ops[i].profile(enable); + } +}; + +// ---------------------- + +/** + * set variable value + * @function setVariable + * @memberof Patch + * @instance + * @param {String} name of variable + * @param {Number|String|Boolean} value + */ +Patch.prototype.setVariable = function (name, val) +{ + // if (this._variables.hasOwnProperty(name)) + if (this._variables[name] !== undefined) + { + this._variables[name].setValue(val); + } + else + { + console.log("variable " + name + " not found!"); + } +}; + +Patch.prototype._sortVars = function () +{ + if (!this.isEditorMode()) return; + const ordered = {}; + Object.keys(this._variables).sort( + (a, b) => + { return a.localeCompare(b, "en", { "sensitivity": "base" }); } + ).forEach((key) => + { + ordered[key] = this._variables[key]; + }); + this._variables = ordered; +}; + +/** + * has variable + * @function hasVariable + * @memberof Patch + * @instance + * @param {String} name of variable + */ +Patch.prototype.hasVar = function (name) +{ + return this._variables[name] !== undefined; + + // return this._variables.hasOwnProperty(name); +}; + +// used internally +Patch.prototype.setVarValue = function (name, val, type) +{ + if (this.hasVar(name)) + { + this._variables[name].setValue(val); + } + else + { + this._variables[name] = new core_variable(name, val, type); + this._sortVars(); + this.emitEvent("variablesChanged"); + } + return this._variables[name]; +}; +// old? +Patch.prototype.getVarValue = function (name, val) +{ + if (this._variables.hasOwnProperty(name)) return this._variables[name].getValue(); +}; + +/** + * @function getVar + * @memberof Patch + * @instance + * @param {String} name + * @return {Variable} variable + */ +Patch.prototype.getVar = function (name) +{ + if (this._variables.hasOwnProperty(name)) return this._variables[name]; +}; + + +Patch.prototype.deleteVar = function (name) +{ + for (let i = 0; i < this.ops.length; i++) + for (let j = 0; j < this.ops[i].portsIn.length; j++) + if (this.ops[i].portsIn[j].getVariableName() == name) + this.ops[i].portsIn[j].setVariable(null); + + delete this._variables[name]; + this.emitEvent("variableDeleted", name); + this.emitEvent("variablesChanged"); +}; + +/** + * @function getVars + * @memberof Patch + * @instance + * @return {Array} variables + * @function + */ +Patch.prototype.getVars = function (t) +{ + if (t === undefined) return this._variables; + + const vars = []; + if (t == CABLES.OP_PORT_TYPE_STRING) t = "string"; + if (t == CABLES.OP_PORT_TYPE_VALUE) t = "number"; + if (t == CABLES.OP_PORT_TYPE_ARRAY) t = "array"; + if (t == CABLES.OP_PORT_TYPE_OBJECT) t = "object"; + + for (const i in this._variables) + { + if (!this._variables[i].type || this._variables[i].type == t) vars.push(this._variables[i]); + } + return vars; +}; + +/** + * @function exitError + * @memberof Patch + * @instance + * @description cancel patch execution and quit showing an errormessage + * @function + */ +Patch.prototype.exitError = function (errorId, errorMessage, ex) +{ + this.aborted = true; + + if (this && this.config && this.config.onError) + { + this.config.onError(errorId, errorMessage); + } + else + { + if (!this.isEditorMode()) + { + const newDiv = document.createElement("div"); + + const rect = this.cgl.canvas.getBoundingClientRect(); + + newDiv.setAttribute("style", "position:absolute;border:5px solid red;padding:15px;background-color:black;color:white;font-family:monospace;"); + newDiv.style.top = rect.top + "px"; + newDiv.style.left = rect.left + "px"; + let str = "cables - An error occured:
"; + str += "[" + errorId + "] - " + errorMessage; + if (ex)str += "
Exception: " + ex.message; + newDiv.innerHTML = str; + + const pe = this.cgl.canvas.parentElement; + + while (pe.hasChildNodes()) pe.removeChild(pe.lastChild); + + document.body.appendChild(newDiv); + } + } +}; + +/** + * @function preRenderOps + * @memberof Patch + * @instance + * @description invoke pre rendering of ops + * @function + */ +Patch.prototype.preRenderOps = function () +{ + this._log.log("prerendering..."); + + for (let i = 0; i < this.ops.length; i++) + { + if (this.ops[i].preRender) + { + this.ops[i].preRender(); + this._log.log("prerender " + this.ops[i].objName); + } + } +}; + +/** + * @function dispose + * @memberof Patch + * @instance + * @description stop, dispose and cleanup patch + */ +Patch.prototype.dispose = function () +{ + this.pause(); + this.clear(); + this.cgl.dispose(); +}; + +Patch.prototype.pushTriggerStack = function (p) +{ + this._triggerStack.push(p); +}; + +Patch.prototype.popTriggerStack = function () +{ + this._triggerStack.pop(); +}; + +Patch.prototype.printTriggerStack = function () +{ + if (this._triggerStack.length == 0) + { + // console.log("stack length", this._triggerStack.length); // eslint-disable-line + return; + } + console.groupCollapsed( // eslint-disable-line + "trigger port stack " + this._triggerStack[this._triggerStack.length - 1].op.name + "." + this._triggerStack[this._triggerStack.length - 1].name, + ); + + const rows = []; + for (let i = 0; i < this._triggerStack.length; i++) + { + rows.push(i + ". " + this._triggerStack[i].op.name + " " + this._triggerStack[i].name); + } + + console.table(rows); // eslint-disable-line + console.groupEnd(); // eslint-disable-line +}; + +/** + * returns document object of the patch could be != global document object when opening canvas ina popout window + * @function getDocument + * @memberof Patch + * @instance + * @return {Object} document + */ +Patch.prototype.getDocument = function () +{ + return this.cgl.canvas.ownerDocument; +}; + +Patch.replaceOpIds = function (json, options) +{ + const opids = {}; + for (const i in json.ops) + { + opids[json.ops[i].id] = json.ops[i]; + } + + for (const j in json.ops) + { + for (const k in json.ops[j].portsOut) + { + const links = json.ops[j].portsOut[k].links; + if (links) + { + let l = links.length; + + while (l--) + { + if (links[l] && (!opids[links[l].objIn] || !opids[links[l].objOut])) + { + if (!options.doNotUnlinkLostLinks) + { + links.splice(l, 1); + } + else + { + if (options.fixLostLinks) + { + // console.log("lost link...?", links[l]); + const op = gui.corePatch().getOpById(links[l].objIn); + if (!op) console.log("op not found!"); + else + { + const outerOp = gui.patchView.getSubPatchOuterOp(op.uiAttribs.subPatch); + if (outerOp) + { + op.storage = op.storage || {}; + op.storage.ref = op.storage.ref || CABLES.shortId(); + links[l].refOp = op.storage.ref; + links[l].subOpRef = outerOp.storage.ref; + } + } + } + } + } + } + } + } + } + + + + for (const i in json.ops) + { + const op = json.ops[i]; + const oldId = op.id; + let newId = CABLES.shortId(); + + if (options.prefixHash) newId = prefixedHash(options.prefixHash + oldId); + + else if (options.prefixId) newId = options.prefixId + oldId; + else if (options.refAsId) // when saving json + { + if (op.storage && op.storage.ref) + { + newId = op.storage.ref; + delete op.storage.ref; + } + else + { + op.storage = op.storage || {}; + op.storage.ref = newId = CABLES.shortId(); + } + } + + const newID = op.id = newId; + + if (options.oldIdAsRef) // when loading json + { + op.storage = op.storage || {}; + op.storage.ref = oldId; + } + + for (const j in json.ops) + { + if (json.ops[j].portsIn) + for (const k in json.ops[j].portsIn) + { + if (json.ops[j].portsIn[k].links) + { + let l = json.ops[j].portsIn[k].links.length; + + while (l--) if (json.ops[j].portsIn[k].links[l] === null) json.ops[j].portsIn[k].links.splice(l, 1); + + for (l in json.ops[j].portsIn[k].links) + { + if (json.ops[j].portsIn[k].links[l].objIn === oldId) json.ops[j].portsIn[k].links[l].objIn = newID; + if (json.ops[j].portsIn[k].links[l].objOut === oldId) json.ops[j].portsIn[k].links[l].objOut = newID; + } + } + } + + if (json.ops[j].portsOut) + for (const k in json.ops[j].portsOut) + { + if (json.ops[j].portsOut[k].links) + { + let l = json.ops[j].portsOut[k].links.length; + + while (l--) if (json.ops[j].portsOut[k].links[l] === null) json.ops[j].portsOut[k].links.splice(l, 1); + + for (l in json.ops[j].portsOut[k].links) + { + if (json.ops[j].portsOut[k].links[l].objIn === oldId) json.ops[j].portsOut[k].links[l].objIn = newID; + if (json.ops[j].portsOut[k].links[l].objOut === oldId) json.ops[j].portsOut[k].links[l].objOut = newID; + } + } + } + } + } + + // set correct subpatch + const subpatchIds = []; + const fixedSubPatches = []; + + for (let i = 0; i < json.ops.length; i++) + { + // if (CABLES.Op.isSubPatchOpName(json.ops[i].objName)) + if (json.ops[i].storage && json.ops[i].storage.subPatchVer) + { + for (const k in json.ops[i].portsIn) + { + if (json.ops[i].portsIn[k].name === "patchId") + { + let newId = shortId(); + + if (options.prefixHash) newId = prefixedHash(options.prefixHash + json.ops[i].portsIn[k].value); + + const oldSubPatchId = json.ops[i].portsIn[k].value; + const newSubPatchId = json.ops[i].portsIn[k].value = newId; + + subpatchIds.push(newSubPatchId); + + for (let j = 0; j < json.ops.length; j++) + { + // op has no uiAttribs in export, we don't care about subpatches in export though + if (json.ops[j].uiAttribs) + { + if (json.ops[j].uiAttribs.subPatch === oldSubPatchId) + { + json.ops[j].uiAttribs.subPatch = newSubPatchId; + fixedSubPatches.push(json.ops[j].id); + } + } + } + } + } + } + } + + for (const kk in json.ops) + { + let found = false; + for (let j = 0; j < fixedSubPatches.length; j++) + { + if (json.ops[kk].id === fixedSubPatches[j]) + { + found = true; + break; + } + } + // op has no uiAttribs in export, we don't care about subpatches in export though + if (!found && json.ops[kk].uiAttribs && options.parentSubPatchId != null) + json.ops[kk].uiAttribs.subPatch = options.parentSubPatchId; + } + + return json; +}; + +/** + * remove an eventlistener + * @instance + * @function addEventListener + * @param {String} name of event + * @param {function} callback + */ + +/** + * remove an eventlistener + * @instance + * @function removeEventListener + * @param {String} name of event + * @param {function} callback + */ + +/** + * op added to patch event + * @event onOpAdd + * + * @memberof Patch + * @type {Object} + * @property {Op} op new op + */ + +/** + * op deleted from patch + * @event onOpDelete + * @memberof Patch + * @type {Object} + * @property {Op} op that will be deleted + */ + +/** + * link event - two ports will be linked + * @event onLink + * @memberof Patch + * @type {Object} + * @property {Port} port1 + * @property {Port} port2 + */ + +/** + * unlink event - a link was deleted + * @event onUnLink + * @memberof Patch + * @type {Object} + */ + +/** + * variables has been changed / a variable has been added to the patch + * @event variablesChanged + * @memberof Patch + * @type {Object} + * @property {Port} port1 + * @property {Port} port2 + */ + +/** + * configuration object for loading a patch + * @typedef {Object} PatchConfig + * @hideconstructor + * @property {String} [prefixAssetPath=''] prefix for path to assets + * @property {String} [assetPath=''] path to assets + * @property {String} [jsPath=''] path to javascript files + * @property {String} [glCanvasId='glcanvas'] dom element id of canvas element + * @property {Function} [onError=null] called when an error occurs + * @property {Function} [onFinishedLoading=null] called when patch finished loading all assets + * @property {Function} [onFirstFrameRendered=null] called when patch rendered it's first frame + * @property {Boolean} [glCanvasResizeToWindow=false] resize canvas automatically to window size + * @property {Boolean} [doRequestAnimation=true] do requestAnimationFrame set to false if you want to trigger exec() from outside (only do if you know what you are doing) + * @property {Boolean} [clearCanvasColor=true] clear canvas in transparent color every frame + * @property {Boolean} [clearCanvasDepth=true] clear depth every frame + * @property {Boolean} [glValidateShader=true] enable/disable validation of shaders * + * @property {Boolean} [silent=false] + * @property {Number} [fpsLimit=0] 0 for maximum possible frames per second + * @property {String} [glslPrecision='mediump'] default precision for glsl shader + * + */ + +/* harmony default export */ const core_patch = (Patch); + + +;// CONCATENATED MODULE: ./src/core/embedding.js + + + +const EMBED = {}; + +/** + * add patch into html element (will create canvas and set size to fill containerElement) + * @name CABLES.EMBED#addPatch + * @param {object|string} containerElement dom element or id of element + * @param {options} patch options + * @function + */ +EMBED.addPatch = function (_element, options) +{ + let el = _element; + let id = generateUUID(); + if (typeof _element == "string") + { + id = _element; + el = document.getElementById(id); + + if (!el) + { + console.error(id + " Polyshape Container Element not found!"); + return; + } + } + + const canvEl = document.createElement("canvas"); + canvEl.id = "glcanvas_" + id; + canvEl.width = el.clientWidth; + canvEl.height = el.clientHeight; + + window.addEventListener( + "resize", + function () + { + this.setAttribute("width", el.clientWidth); + this.height = el.clientHeight; + }.bind(canvEl), + ); + + el.appendChild(canvEl); + + options = options || {}; + options.glCanvasId = canvEl.id; + + if (!options.onError) + { + options.onError = function (err) + { + console.error(err); + }; + } + + CABLES.patch = new core_patch(options); + return canvEl; +}; + + + +;// CONCATENATED MODULE: ./src/core/webaudio.js +/** @namespace WEBAUDIO */ + + + +const WEBAUDIO = {}; + +WEBAUDIO.toneJsInitialized = false; + +/* + * External JSDoc definitions + */ + +/** + * Part of the Web Audio API, the AudioBuffer interface represents a short audio asset residing in memory. + * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AudioBuffer} + */ + +/** + * Part of the Web Audio API, the AudioNode interface is a generic interface for representing an audio processing module. + * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AudioNode} + */ + +/** + * The AudioContext interface represents an audio-processing graph built from audio modules linked together + * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AudioContext} + */ + +/** + * Checks if a global audio context has been created and creates + * it if necessary. This audio context can be used for native Web Audio as well as Tone.js ops. + * Associates the audio context with Tone.js if it is being used + * @param {CABLES.Op} op - The operator which needs the Audio Context + */ +WEBAUDIO.createAudioContext = function (op) +{ + window.AudioContext = window.AudioContext || window.webkitAudioContext; + if (window.AudioContext) + { + if (!window.audioContext) + { + window.audioContext = new AudioContext(); + } + // check if tone.js lib is being used + if (window.Tone && !WEBAUDIO.toneJsInitialized) + { + // set current audio context in tone.js + Tone.setContext(window.audioContext); + WEBAUDIO.toneJsInitialized = true; + } + } + else + { + op.patch.config.onError("NO_WEBAUDIO", "Web Audio is not supported in this browser."); + return; + } + return window.audioContext; +}; + +/** + * Returns the audio context. + * Before `createAudioContext` must have been called at least once. + * It most cases you should use `createAudioContext`, which just returns the audio context + * when it has been created already. + */ +WEBAUDIO.getAudioContext = function () +{ + return window.audioContext; +}; + +/** + * Creates an audio in port for the op with name `portName` + * When disconnected it will disconnect the previous connected audio node + * from the op's audio node. + * @param {CABLES.Op} op - The operator to create the audio port in + * @param {string} portName - The name of the port + * @param {AudioNode} audioNode - The audionode incoming connections should connect to + * @param {number} [inputChannelIndex=0] - If the audio node has multiple inputs, this is the index of the input channel to connect to + * @returns {CABLES.Port|undefined} - The newly created audio in port or `undefined` if there was an error + */ +WEBAUDIO.createAudioInPort = function (op, portName, audioNode, inputChannelIndex) +{ + if (!op || !portName || !audioNode) + { + const msg = "ERROR: createAudioInPort needs three parameters, op, portName and audioNode"; + op.log(msg); + throw new Error(msg); + // return; + } + if (!inputChannelIndex) + { + inputChannelIndex = 0; + } + op.webAudio = op.webAudio || {}; + op.webAudio.audioInPorts = op.webAudio.audioInPorts || []; + const port = op.inObject(portName); + port.webAudio = {}; + port.webAudio.previousAudioInNode = null; + port.webAudio.audioNode = audioNode; + + op.webAudio.audioInPorts[portName] = port; + + port.onChange = function () + { + const audioInNode = port.get(); + // when port disconnected, disconnect audio nodes + if (!audioInNode) + { + if (port.webAudio.previousAudioInNode) + { + try + { + if (port.webAudio.previousAudioInNode.disconnect) port.webAudio.previousAudioInNode.disconnect(port.webAudio.audioNode, 0, inputChannelIndex); + op.setUiError("audioCtx", null); + } + catch (e) + { + try + { + port.webAudio.previousAudioInNode.disconnect(port.webAudio.audioNode); + } + catch (er) + { + op.log( + "Disconnecting audio node with in/out port index, as well as without in/out-port-index did not work ", + e, + ); + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw e; + } + } + } + } + else + { + try + { + if (audioInNode.connect) + { + audioInNode.connect(port.webAudio.audioNode, 0, inputChannelIndex); + op.setUiError("audioCtx", null); + } + else op.setUiError("audioCtx", "The passed input is not an audio context. Please make sure you connect an audio context to the input.", 2); + } + catch (e) + { + op.log("Error: Failed to connect web audio node!", e); + op.log("port.webAudio.audioNode", port.webAudio.audioNode); + op.log("audioInNode: ", audioInNode); + op.log("inputChannelIndex:", inputChannelIndex); + op.log("audioInNode.connect: ", audioInNode.connect); + throw e; + } + } + port.webAudio.previousAudioInNode = audioInNode; + }; + // TODO: Maybe add subtype to audio-node-object? + return port; +}; + +/** + * Sometimes it is necessary to replace a node of a port, if so all + * connections to this node must be disconnected and connections to the new + * node must be made. + * Can be used for both Audio ports as well as AudioParam ports + * if used with an AudioParam pass e.g. `synth.frequency` as newNode + * @param {CABLES.Port} port - The port where the audio node needs to be replaced + */ +WEBAUDIO.replaceNodeInPort = function (port, oldNode, newNode) +{ + const connectedNode = port.webAudio.previousAudioInNode; + // check if connected + if (connectedNode && connectedNode.disconnect) + { + try + { + connectedNode.disconnect(oldNode); + } + catch (e) + { + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw new Error("replaceNodeInPort: Could not disconnect old audio node. " + e.name + " " + e.message); + } + port.webAudio.audioNode = newNode; + try + { + connectedNode.connect(newNode); + } + catch (e) + { + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw new Error("replaceNodeInPort: Could not connect to new node. " + e.name + " " + e.message); + } + } +}; + +/** + * Creates an audio out port which takes care of (dis-)connecting on it’s own + * @param {CABLES.op} op - The op to create an audio out port for + * @param {string} portName - The name of the port to be created + * @param {AudioNode} audioNode - The audio node to link to the port + * @returns {(CABLES.Port|undefined)} - The newly created audio out port or `undefined` if there was an error + */ +WEBAUDIO.createAudioOutPort = function (op, portName, audioNode) +{ + if (!op || !portName || !audioNode) + { + const msg = "ERROR: createAudioOutPort needs three parameters, op, portName and audioNode"; + op.log(msg); + throw new Error(msg); + } + + const port = op.outObject(portName); + // TODO: Maybe add subtype to audio-node-object? + port.set(audioNode); + return port; +}; + +/** + * Creates an audio param in port for the op with name portName. + * The port accepts other audio nodes as signals as well as values (numbers) + * When the port is disconnected it will disconnect the previous connected audio node + * from the op's audio node and restore the number value set before. + * @param {CABLES.Op} op - The operator to create an audio param input port for + * @param {string} portName - The name of the port to create + * @returns {(CABLES.Port|undefined)} - The newly created port, which takes care of (dis-)connecting on its own, or `undefined` if there was an error + */ +WEBAUDIO.createAudioParamInPort = function (op, portName, audioNode, options, defaultValue) +{ + if (!op || !portName || !audioNode) + { + op.log("ERROR: createAudioParamInPort needs three parameters, op, portName and audioNode"); + if (op && op.name) op.log("opname: ", op.name); + op.log("portName", portName); + op.log("audioNode: ", audioNode); + return; + } + op.webAudio = op.webAudio || {}; + op.webAudio.audioInPorts = op.webAudio.audioInPorts || []; + // var port = op.inObject(portName); + const port = op.inDynamic( + portName, + [CONSTANTS.OP.OP_PORT_TYPE_VALUE, CONSTANTS.OP.OP_PORT_TYPE_OBJECT], + options, + defaultValue, + ); + port.webAudio = {}; + port.webAudio.previousAudioInNode = null; + port.webAudio.audioNode = audioNode; + + op.webAudio.audioInPorts[portName] = port; + + // port.onLinkChanged = function() { + // op.log("onLinkChanged"); + // if(port.isLinked()) { + // + // if(port.links[0].portOut.type === CABLES.CONSTANTS.OP.OP_PORT_TYPE_) { // value + // + // } else if(port.links[0].portOut.type === CABLES.CONSTANTS.OP.OP_PORT_TYPE_OBJECT) { // object + // + // } + // } else { // unlinked + // + // } + // }; + + port.onChange = function () + { + const audioInNode = port.get(); + const node = port.webAudio.audioNode; + const audioCtx = WEBAUDIO.getAudioContext(); + + if (audioInNode != undefined) + { + if (typeof audioInNode === "object" && audioInNode.connect) + { + try + { + audioInNode.connect(node); + } + catch (e) + { + op.log("Could not connect audio node: ", e); + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw e; + } + port.webAudio.previousAudioInNode = audioInNode; + } + else + { + // tone.js audio param + if (node._param && node._param.minValue && node._param.maxValue) + { + if (audioInNode >= node._param.minValue && audioInNode <= node._param.maxValue) + { + try + { + if (node.setValueAtTime) + { + node.setValueAtTime(audioInNode, audioCtx.currentTime); + } + else + { + node.value = audioInNode; + } + } + catch (e) + { + op.log("Possible AudioParam problem with tone.js op: ", e); + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw e; + } + } + else + { + op.log("Warning: The value for an audio parameter is out of range!"); + } + } // native Web Audio param + else if (node.minValue && node.maxValue) + { + if (audioInNode >= node.minValue && audioInNode <= node.maxValue) + { + try + { + if (node.setValueAtTime) + { + node.setValueAtTime(audioInNode, audioCtx.currentTime); + } + else + { + node.value = audioInNode; + } + } + catch (e) + { + op.log( + "AudioParam has minValue / maxValue defined, and value is in range, but setting the value failed! ", + e, + ); + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw e; + } + } + else + { + op.log("Warning: The value for an audio parameter is out of range!"); + } + } // no min-max values, try anyway + else + { + try + { + if (node.setValueAtTime) + { + node.setValueAtTime(audioInNode, audioCtx.currentTime); + } + else + { + node.value = audioInNode; + } + } + catch (e) + { + op.log("Possible AudioParam problem (without minValue / maxValue): ", e); + if (e.printStackTrace) + { + e.printStackTrace(); + } + throw e; + } + } + + if (port.webAudio.previousAudioInNode && port.webAudio.previousAudioInNode.disconnect) + { + try + { + port.webAudio.previousAudioInNode.disconnect(node); + } + catch (e) + { + op.log("Could not disconnect previous audio node: ", e); + throw e; + } + port.webAudio.previousAudioInNode = undefined; + } + } + } + else + { + // disconnected + if (port.webAudio.previousAudioInNode) + { + } + } + }; + return port; +}; + + +/** + * Loads an audio file and updates the loading indicators when cables is run in the editor. + * @param {CABLES.Patch} patch - The cables patch, when called from inside an op this is `op.patch` + * @param {string} url - The url of the audio file to load + * @param {loadAudioFileFinishedCallback} onFinished - The callback to be called when the loading is finished, passes the AudioBuffer + * @param {loadAudioFileErrorCallback} onError - The callback when there was an error loading the file, the rror message is passed + * @see {@link https://developer.mozilla.org/de/docs/Web/API/AudioContext/decodeAudioData} + */ +WEBAUDIO.loadAudioFile = function (patch, url, onFinished, onError, loadingTask) +{ + const audioContext = WEBAUDIO.createAudioContext(); + + let loadingId = null; + if (loadingTask || loadingTask === undefined) + { + loadingId = patch.loading.start("audio", url); + if (patch.isEditorMode()) gui.jobs().start({ "id": "loadaudio" + loadingId, "title": " loading audio (" + url + ")" }); + } + const request = new XMLHttpRequest(); + if (!url) + { + return; + } + request.open("GET", url, true); + request.responseType = "arraybuffer"; + // TODO: maybe crossorigin stuff needed? + // Decode asynchronously + request.onload = function () + { + patch.loading.finished(loadingId); + if (patch.isEditorMode()) gui.jobs().finish("loadaudio" + loadingId); + audioContext.decodeAudioData(request.response, onFinished, onError); + }; + request.send(); +}; + +/** + * Checks if the passed time is a valid time to be used in any of the Tone.js ops. + * @param {(string|number)} t - The time to check + * @returns {boolean} - True if time is valid, false if not + */ +WEBAUDIO.isValidToneTime = function (t) +{ + try + { + const time = new Tone.Time(t); + } + catch (e) + { + return false; + } + return true; +}; + +/** + * Checks if the passed note is a valid note to be used with Tone.js + * @param {string} note - The note to be checked, e.g. `"C4"` + * @returns {boolean} - True if the note is a valid note, false otherwise + */ +WEBAUDIO.isValidToneNote = function (note) +{ + try + { + Tone.Frequency(note); + } + catch (e) + { + return false; + } + return true; +}; + + + +;// CONCATENATED MODULE: ./src/core/sessionvar.js +// todo: old... remove this from ops... + +const Variable = function () +{ + let value = null; + const changedCallbacks = []; + + this.onChanged = function (f) + { + changedCallbacks.push(f); + }; + + this.getValue = function () + { + return value; + }; + + this.setValue = function (v) + { + value = v; + this.emitChanged(); + }; + + this.emitChanged = function () + { + for (let i = 0; i < changedCallbacks.length; i++) + { + changedCallbacks[i](); + } + }; +}; + + + +;// CONCATENATED MODULE: ./src/core/banchprofiler.js +class Branch +{ + constructor(name) + { + this.name = name; + this.dur = 0; + this._startTime = 0; + this.childs = []; + } + + start() + { + this._startTime = performance.now(); + } + + end() + { + this.dur = performance.now() - this._startTime; + } + + push(name) + { + const b = new Branch(name); + this.childs.push(b); + b.start(); + return b; + } + + print(level) + { + level = level || 0; + + let str = ""; + for (let i = 0; i < level; i++) str += " "; + + for (let i = 0; i < this.childs.length; i++) + { + this.childs[i].print(level + 1); + } + } +} + +// ////////////////////////////////////////// + +class BranchStack +{ + constructor() + { + } + + start() + { + this.root = new Branch("Root"); + this.root.start(); + + this.current = this.root; + } + + push(name) + { + if (!this.current) this.start(); + + const prev = this.current; + this.current = this.current.push(name); + this.current.prev = prev; + this.current.start(); + return this.current; + } + + pop() + { + if (!this.current) return; + this.current.end(); + this.current = this.current.prev; + } + + finish() + { + this.current.end(); + this.root.print(); + this.current = null; + } +} + + + + +;// CONCATENATED MODULE: ./src/core/cgp/cgp_uniform.js + + +class cgp_uniform_Uniform extends cg_uniform +{ + constructor(__shader, __type, __name, _value, _port2, _port3, _port4, _structUniformName, _structName, _propertyName) + { + super(__shader, __type, __name, _value, _port2, _port3, _port4, _structUniformName, _structName, _propertyName); + this._loc = -1; + this._cgl = __shader._cgl; + } + + + updateValueF() { } + + setValueF(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValue2F() { } + + setValue2F(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValue3F() { } + + setValue3F(v) + { + this.needsUpdate = true; + this._value = v; + } + + updateValue4F() { } + + setValue4F(v) + { + this.needsUpdate = true; + this._value = v; + } + + getSizeBytes() + { + if (this._type == "f") return 1 * 4; + if (this._type == "i") return 1 * 4; + if (this._type == "2i") return 2 * 4; + if (this._type == "2f") return 2 * 4; + if (this._type == "3f") return 3 * 4; + if (this._type == "4f") return 4 * 4; + if (this._type == "m4") return 4 * 4 * 4; + + this._log.warn("unknown type getSizeBytes"); + // if (this._type == "t") return "sampler2D"; + // if (this._type == "tc") return "samplerCube"; + // if (this._type == "b") return "bool"; + + // if (t == "3f[]") return null; // ignore this for now... + // if (t == "m4[]") return null; // ignore this for now... + // if (t == "f[]") return null; // ignore this for now... + } +} + +;// CONCATENATED MODULE: ./src/core/cgp/cgp_shader.js + + + + +class cgp_shader_Shader +{ + constructor(_cgp, _name) + { + if (!_cgp) throw new Error("shader constructed without cgp " + _name); + this._log = new Logger("cgp_shader"); + this._cgp = _cgp; + this._name = _name; + this._uniforms = []; + + if (!_name) this._log.stack("no shader name given"); + this._name = _name || "unknown"; + this.id = simpleId(); + this._isValid = true; + this._compileReason = ""; + this.shaderModule = null; + this._needsRecompile = true; + + this._src = ""; + } + + get isValid() + { + return this._isValid; + } + + get uniforms() + { + return this._uniforms; + } + + getName() + { + return this._name; + } + + setWhyCompile(why) + { + this._compileReason = why; + } + + setSource(src) + { + this._src = src; + this.setWhyCompile("Source changed"); + this._needsRecompile = true; + } + + compile() + { + this._isValid = true; + console.log("compiling shader...", this._compileReason); + this._cgp.pushErrorScope(); + this.shaderModule = this._cgp.device.createShaderModule({ "code": this._src }); + this._cgp.popErrorScope("cgp_shader " + this._name, this.error.bind(this)); + this._needsRecompile = false; + } + + error(e) + { + this._isValid = false; + } + + + bind() + { + let sizes = {}; + for (let i = 0; i < this._uniforms.length; i++) + { + // console.log(this._uniforms[i]); + } + + if (this._needsRecompile) this.compile(); + } + + /** + * add a uniform to the fragment shader + * @param {String} type ['f','t', etc] + * @param {String} name + * @param {any} value or port + * @memberof Shader + * @instance + * @function addUniformFrag + * @returns {Uniform} + */ + addUniformFrag(type, name, valueOrPort, p2, p3, p4) + { + const uni = new cgp_uniform_Uniform(this, type, name, valueOrPort, p2, p3, p4); + uni.shaderType = "frag"; + return uni; + } + + /** + * add a uniform to the vertex shader + * @param {String} type ['f','t', etc] + * @param {String} name + * @param {any} value or port + * @memberof Shader + * @instance + * @function addUniformVert + * @returns {Uniform} + */ + addUniformVert(type, name, valueOrPort, p2, p3, p4) + { + const uni = new cgp_uniform_Uniform(this, type, name, valueOrPort, p2, p3, p4); + uni.shaderType = "vert"; + return uni; + } + + /** + * add a uniform to all shader programs + * @param {String} type ['f','t', etc] + * @param {String} name + * @param {any} value or port + * @memberof Shader + * @instance + * @function addUniform + * @returns {Uniform} + */ + addUniform(type, name, valueOrPort, p2, p3, p4) + { + const uni = new cgp_uniform_Uniform(this, type, name, valueOrPort, p2, p3, p4); + uni.shaderType = "both"; + return uni; + } + + + _addUniform(uni) + { + this._uniforms.push(uni); + this.setWhyCompile("add uniform " + name); + this._needsRecompile = true; + } +} + +;// CONCATENATED MODULE: ./src/core/cgp/cgl_shader_default.wgsl +/* harmony default export */ const cgl_shader_default = ("struct VSUniforms\n{\n modelMatrix: mat4x4,\n viewMatrix: mat4x4,\n projMatrix: mat4x4,\n};\n\nstruct FSUniforms\n{\n color:vec4\n};\n\n@group(0) @binding(0) var vsUniforms: VSUniforms;\n@group(0) @binding(1) var fsUniforms: FSUniforms;\n\nstruct MyVSInput\n{\n @location(0) position: vec3,\n @location(1) normal: vec3,\n @location(2) texcoord: vec2,\n};\n\nstruct MyVSOutput\n{\n @builtin(position) position: vec4,\n @location(0) normal: vec3,\n @location(1) texcoord: vec2,\n};\n\n@vertex\nfn myVSMain(v: MyVSInput) -> MyVSOutput\n{\n var vsOut: MyVSOutput;\n var pos =vec4(v.position, 1.0);\n\n var mvMatrix=vsUniforms.viewMatrix * vsUniforms.modelMatrix;\n vsOut.position = vsUniforms.projMatrix * mvMatrix * pos;\n\n vsOut.normal = v.normal;\n vsOut.texcoord = v.texcoord;\n return vsOut;\n}\n\n@fragment\nfn myFSMain(v: MyVSOutput) -> @location(0) vec4\n{\n return fsUniforms.color+vec4(.5,.5,.5,1.0);\n}\n\n"); +;// CONCATENATED MODULE: ./src/core/cgp/cgp_state.js + + + + + +// https://github.com/greggman/webgpu-utils +// https://developer.chrome.com/blog/from-webgl-to-webgpu/ +// https://gpuweb.github.io/gpuweb/explainer/ + + +/** + * cables webgpu context/state manager + * @external CGP + * @namespace Context + * @class + * @hideconstructor + */ +// const Context = function (_patch) +class WebGpuContext extends CGState +{ + constructor(_patch) + { + super(); + + this.patch = _patch; + + this.gApi = CG.GAPI_WEBGPU; + this._viewport = [0, 0, 256, 256]; + this._shaderStack = []; + this._simpleShader = null; + + this._stackCullFaceFacing = []; + this._stackDepthTest = []; + this._stackCullFace = []; + this._stackDepthFunc = []; + this._stackDepthWrite = []; + + this.DEPTH_FUNCS = [ + "never", + "always", + "less", + "less-equal", + "greater", + "greater-equal", + "equal", + "not-equal" + ]; + + this.CULL_MODES = [ + "none", + "back", + "front", + "none" // both does not exist in webgpu + ]; + } + + + /// //////////////////// + + getViewPort() + { + return [0, 0, this.canvasWidth, this.canvasHeight]; + } + + renderStart(cgp, identTranslate, identTranslateView) + { + if (!this._simpleShader) + { + this._simpleShader = new cgp_shader_Shader(this, "simple default shader"); + this._simpleShader.setSource(cgl_shader_default); + this._simpleShader.addUniformFrag("4f", "color", 1, 1, 0, 1); + } + + this.fpsCounter.startFrame(); + + this._startMatrixStacks(identTranslate, identTranslateView); + this.setViewPort(0, 0, this.canvasWidth, this.canvasHeight); + + this.pushShader(this._simpleShader); + this.pushDepthTest(true); + this.pushDepthWrite(true); + this.pushDepthFunc("less-equal"); + + this.emitEvent("beginFrame"); + } + + renderEnd() + { + this._endMatrixStacks(); + + this.popShader(); + this.popDepthFunc(); + this.popDepthWrite(); + this.popDepthTest(); + + this.emitEvent("endFrame"); + this.fpsCounter.endFrame(); + } + + + setViewPort(x, y, w, h) + { + this._viewport = [x, y, w, h]; + } + + /** + * @function getViewPort + * @memberof Context + * @instance + * @description get current gl viewport + * @returns {Array} array [x,y,w,h] + */ + getViewPort() + { + return this._viewPort; + } + + + createMesh(geom, glPrimitive) + { + return new CGP.Mesh(this, geom, glPrimitive); + } + + getShader() + { + return {}; + } + + /** + * push a shader to the shader stack + * @function pushShader + * @memberof Context + * @instance + * @param {Object} shader + * @function + */ + pushShader(shader) + { + this._shaderStack.push(shader); + // currentShader = shader; + } + + /** + * pop current used shader from shader stack + * @function popShader + * @memberof Context + * @instance + * @function + */ + popShader() + { + if (this._shaderStack.length === 0) throw new Error("Invalid shader stack pop!"); + this._shaderStack.pop(); + // currentShader = this._shaderStack[this._shaderStack.length - 1]; + } + + getShader() + { + return this._shaderStack[this._shaderStack.length - 1]; + // if (currentShader) if (!this.frameStore || ((this.frameStore.renderOffscreen === true) == currentShader.offScreenPass) === true) return currentShader; + // for (let i = this._shaderStack.length - 1; i >= 0; i--) if (this._shaderStack[i]) if (this.frameStore.renderOffscreen == this._shaderStack[i].offScreenPass) return this._shaderStack[i]; + } + + pushErrorScope() + { + this.device.pushErrorScope("validation"); + } + + popErrorScope(name, cb) + { + this.device.popErrorScope().then((error) => + { + if (error) + { + this.patch.emitEvent("criticalError", { "title": "WebGPU error \"" + name + "\"", "codeText": error.message }); + // if (this.patch.isEditorMode())console.log("WebGPU error " + this._name, error.message); + + console.warn("[cgp]", name, error.message, error, cb); + if (cb)cb(error); + } + }); + } + + /** + * push depth testing enabled state + * @function pushDepthTest + * @param {Boolean} enabled + * @memberof Context + * @instance + */ + + pushDepthTest(b) + { + this._stackDepthTest.push(b); + } + + /** + * current state of depth testing + * @function stateDepthTest + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ + stateDepthTest() + { + return this._stackDepthTest[this._stackDepthTest.length - 1]; + } + + /** + * pop depth testing state + * @function popDepthTest + * @memberof Context + * @instance + */ + popDepthTest() + { + this._stackDepthTest.pop(); + } + + // -------------------------------------- + // state depthwrite + + /** + * push depth write enabled state + * @function pushDepthTest + * @param {Boolean} enabled + * @memberof Context + * @instance + */ + + pushDepthWrite(b) + { + b = b || false; + this._stackDepthWrite.push(b); + } + + /** + * current state of depth writing + * @function stateCullFace + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ + stateDepthWrite() + { + return this._stackDepthWrite[this._stackDepthWrite.length - 1]; + } + + /** + * pop depth writing state + * @function popCullFace + * @memberof Context + * @instance + */ + popDepthWrite() + { + this._stackDepthWrite.pop(); + } + + + // -------------------------------------- + // state depthfunc + + + /** + * @function pushDepthFunc + * @memberof Context + * @instance + * @param {string} depth compare func + */ + pushDepthFunc(f) + { + this._stackDepthFunc.push(f); + } + + /** + * @function stateDepthFunc + * @memberof Context + * @instance + * @returns {string} + */ + stateDepthFunc() + { + if (this._stackDepthFunc.length > 0) return this._stackDepthFunc[this._stackDepthFunc.length - 1]; + return false; + } + + /** + * pop depth compare func + * @function popDepthFunc + * @memberof Context + * @instance + */ + popDepthFunc() + { + this._stackDepthFunc.pop(); + } + + + + // -------------------------------------- + // state CullFace + + /** + * push face culling face enabled state + * @function pushCullFaceFacing + * @param {Boolean} enabled + * @memberof Context + * @instance + */ + pushCullFace(b) + { + this._stackCullFace.push(b); + } + + /** + * current state of face culling + * @function stateCullFace + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ + stateCullFace() + { + return this._stackCullFace[this._stackCullFace.length - 1]; + } + + /** + * pop face culling enabled state + * @function popCullFace + * @memberof Context + * @instance + */ + popCullFace() + { + this._stackCullFace.pop(); + } + + + // -------------------------------------- + // state CullFace Facing + + + /** + * push face culling face side + * @function pushCullFaceFacing + * @memberof Context + * @instance + */ + + pushCullFaceFacing(b) + { + this._stackCullFaceFacing.push(b); + } + + /** + * current state of face culling side + * @function stateCullFaceFacing + * @returns {Boolean} enabled + * @memberof Context + * @instance + */ + stateCullFaceFacing() + { + return this._stackCullFaceFacing[this._stackCullFaceFacing.length - 1]; + } + + /** + * pop face culling face side + * @function popCullFaceFacing + * @memberof Context + * @instance + */ + popCullFaceFacing() + { + this._stackCullFaceFacing.pop(); + } +} + + +;// CONCATENATED MODULE: ./src/core/cgp/cgp_uniformbuffer.js +class UniformBuffer +{ + constructor(shader, shaderType) + { + this._shaderType = shaderType; // frag, vert... + this._shader = shader; + this._cgp = shader._cgp; + + this._gpuBuffer = null; + this._values = null; + + this._sizeBytes = 0; + this.update(); + } + + update() + { + this._sizeBytes = 0; + + for (let i = 0; i < this._shader.uniforms.length; i++) + { + const uni = this._shader.uniforms[i]; + + if (this._shaderType == uni.shaderType) + this._sizeBytes += uni.getSizeBytes(); + } + + this._gpuBuffer = this._cgp.device.createBuffer( + { + "size": this._sizeBytes, + "usage": GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST, + }); + + + this._values = new Float32Array(this._sizeBytes / 4); + this.updateUniformValues(); + } + + updateUniformValues() + { + let count = 0; + for (let i = 0; i < this._shader.uniforms.length; i++) + { + const uni = this._shader.uniforms[i]; + if (uni.shaderType == this._shaderType) + { + if (uni.getSizeBytes() / 4 > 1) + { + for (let j = 0; j < uni.getValue().length; j++) + { + this._values[count] = uni.getValue()[j]; + count++; + } + } + else + { + this._values[count] = uni.getValue(); + count++; + } + } + } + + + this._cgp.device.queue.writeBuffer( + this._gpuBuffer, + 0, + this._values.buffer, + this._values.byteOffset, + this._values.byteLength + ); + } +} + +;// CONCATENATED MODULE: ./src/core/cgp/cgp_pipeline.js + + + +class Pipeline +{ + constructor(_cgp, _name) + { + if (!_cgp) throw new Error("Pipeline constructed without cgp " + _name); + this._cgp = _cgp; + this._isValid = true; + + this._pipeCfg = null; + this._renderPipeline = null; + + this._fsUniformBuffer = null; + this._vsUniformBuffer = null; + + this._old = {}; + + + this.DEPTH_COMPARE_FUNCS_STRINGS = [ + "never", + "less", + "equal", + "lessequal", + "greater", + "notequal", + "greaterequal", + "always"]; + } + + get isValid() { return this._isValid; } + + setPipeline(shader, mesh) + { + if (!mesh || !shader) + { + console.log("pipeline unknown shader/mesh"); + return; + } + + let needsRebuild = + !this._renderPipeline || + !this._pipeCfg || + this._old.mesh != mesh || + this._old.shader != shader || + mesh.needsPipelineUpdate || + shader.needsPipelineUpdate; + + if (this._pipeCfg) + { + if (this._pipeCfg.depthStencil.depthWriteEnabled != this._cgp.stateDepthWrite()) + { + needsRebuild = true; + this._pipeCfg.depthStencil.depthWriteEnabled = this._cgp.stateDepthWrite(); + } + + if (this._cgp.stateDepthTest() === false) + { + if (this._pipeCfg.depthStencil.depthCompare != "never") + { + this._pipeCfg.depthStencil.depthCompare = "never"; + needsRebuild = true; + } + } + else + if (this._pipeCfg.depthStencil.depthCompare != this._cgp.stateDepthFunc()) + { + needsRebuild = true; + this._pipeCfg.depthStencil.depthCompare = this._cgp.stateDepthFunc(); + } + + + if (this._cgp.stateCullFace() === false) + { + if (this._pipeCfg.primitive.cullMode != "none") + { + needsRebuild = true; + this._pipeCfg.primitive.cullMode = "none"; + } + } + else + { + needsRebuild = true; + this._pipeCfg.primitive.cullMode = this._cgp.stateCullFaceFacing(); + } + } + + if (needsRebuild) + { + if (!this._pipeCfg || this._old.shader != shader) this._pipeCfg = this.getPiplelineObject(shader, mesh); + + this._old.shader = shader; + this._old.mesh = mesh; + + + // try + // { + this._renderPipeline = this._cgp.device.createRenderPipeline(this._pipeCfg); + // } + // catch (e) + // { + // console.error(e.message); + // } + + this._bindUniforms(shader); + } + + if (this._renderPipeline && this._isValid) + { + mat4.copy(this._matModel, this._cgp.mMatrix); + mat4.copy(this._matView, this._cgp.vMatrix); + mat4.copy(this._matProj, this._cgp.pMatrix); + + this._cgp.device.queue.writeBuffer( + this._vsUniformBuffer, + 0, + this._vsUniformValues.buffer, + this._vsUniformValues.byteOffset, + this._vsUniformValues.byteLength + ); + + this._uniBufFrag.updateUniformValues(); + + this._cgp.passEncoder.setPipeline(this._renderPipeline); + this._cgp.passEncoder.setBindGroup(0, this._bindGroup); + // this._pipeline = this._cgp.device.createRenderPipeline(this._pipeCfg); + } + } + + getPiplelineObject(shader, mesh) + { + const pipeCfg = { + "layout": "auto", + "vertex": { + "module": shader.shaderModule, + "entryPoint": "myVSMain", + "buffers": [ + // position + { + "arrayStride": 3 * 4, // 3 floats, 4 bytes each + "attributes": [ + { "shaderLocation": 0, "offset": 0, "format": "float32x3" }, + ], + }, + // normals + { + "arrayStride": 3 * 4, // 3 floats, 4 bytes each + "attributes": [ + { "shaderLocation": 1, "offset": 0, "format": "float32x3" }, + ], + }, + // texcoords + { + "arrayStride": 2 * 4, // 2 floats, 4 bytes each + "attributes": [ + { "shaderLocation": 2, "offset": 0, "format": "float32x2", }, + ], + }, + ], + }, + "fragment": { + "module": shader.shaderModule, + "entryPoint": "myFSMain", + "targets": [ + { "format": this._cgp.presentationFormat }, + ], + }, + "primitive": { + "topology": "triangle-list", + "cullMode": "back", // back/none/front + + // "point-list", + // "line-list", + // "line-strip", + // "triangle-list", + // "triangle-strip" + }, + "depthStencil": { + "depthWriteEnabled": true, + "depthCompare": "less", + "format": "depth24plus", + }, + + }; + + return pipeCfg; + } + + + _bindUniforms(shader) + { + this._cgp.pushErrorScope(); + + + const counts = { }; + + this._uniBufFrag = new UniformBuffer(shader, "frag"); + + // for (let i = 0; i < shader.uniforms.length; i++) + // { + // const uni = shader.uniforms[i]; + // const type = uni.shaderType; + // counts[type] = counts[type] || 0; + + + // counts[type] += uni.getSizeBytes(); + // } + // console.log(counts, counts.frag); + + + const vUniformBufferSize = 3 * 16 * 4; // 2 mat4s * 16 floats per mat * 4 bytes per float + // const fUniformBufferSize = counts.frag;// 2 * 3 * 4; // 1 vec3 * 3 floats per vec3 * 4 bytes per float + + this._vsUniformBuffer = this._cgp.device.createBuffer({ + "size": vUniformBufferSize, + "usage": GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST, + }); + + // this._fsUniformBuffer = this._cgp.device.createBuffer({ + // "size": fUniformBufferSize, + // "usage": GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST, + // }); + + // this._fsUniformValues = new Float32Array(counts.frag / 4); + + this._vsUniformValues = new Float32Array(vUniformBufferSize / 4); + + this._matModel = this._vsUniformValues.subarray(0, 16); + this._matView = this._vsUniformValues.subarray(16, 32); + this._matProj = this._vsUniformValues.subarray(32, 48); + + + // this._fsUniformValues[1] = 1.0; + // this._fsUniformValues[0] = 1.0; + // const lightDirection = this._fsUniformValues.subarray(0, 3); + + // console.log("pipeline bindgrouplayout ", pipeline.getBindGroupLayout(0)); + + this._bindGroup = this._cgp.device.createBindGroup( + { + "layout": this._renderPipeline.getBindGroupLayout(0), + "entries": [ + { "binding": 0, "resource": { "buffer": this._vsUniformBuffer } }, + { "binding": 1, "resource": { "buffer": this._uniBufFrag._gpuBuffer } } + // { binding: 2, resource: sampler }, + // { binding: 3, resource: tex.createView() }, + ], + }); + + this._cgp.device.queue.writeBuffer( + this._vsUniformBuffer, + 0, + this._vsUniformValues.buffer, + this._vsUniformValues.byteOffset, + this._vsUniformValues.byteLength + ); + + this._uniBufFrag.updateUniformValues(); + this._cgp.popErrorScope("cgp_pipeline end", (e) => + { + this._isValid = false; + }); + } +} + +;// CONCATENATED MODULE: ./src/core/cgp/cgp_mesh.js + + + +class cgp_mesh_Mesh +{ + constructor(_cgp, __geom) + { + this._log = new Logger("cgl_mesh"); + this._cgp = _cgp; + this._geom = null; + this.numIndex = 0; + + this._pipe = new Pipeline(this._cgp); + + this._numNonIndexed = 0; + this._positionBuffer = null; + this._bufVerticesIndizes = null; + this._attributes = []; + + this._needsPipelineUpdate = false; + + if (__geom) this.setGeom(__geom); + } + + _createBuffer(device, data, usage) + { + const buffer = device.createBuffer({ + "size": data.byteLength, + "usage": usage, + "mappedAtCreation": true, + }); + const dst = new data.constructor(buffer.getMappedRange()); + dst.set(data); + buffer.unmap(); + return buffer; + } + + /** + * @function setGeom + * @memberof Mesh + * @instance + * @description set geometry for mesh + * @param {Geometry} geometry + */ + setGeom(geom, removeRef) + { + this._needsPipelineUpdate = true; + this._geom = geom; + this._disposeAttributes(); + + this._positionBuffer = this._createBuffer(this._cgp.device, new Float32Array(geom.vertices), GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST); + + let vi = geom.verticesIndices; + if (!geom.isIndexed()) vi = Array.from(Array(geom.vertices.length / 3).keys()); + this._numIndices = vi.length; + this._indicesBuffer = this._createBuffer(this._cgp.device, new Uint32Array(vi), GPUBufferUsage.INDEX | GPUBufferUsage.COPY_DST); + + if (geom.texCoords && geom.texCoords.length) this.setAttribute("texCoords", geom.texCoords, 2); + if (geom.vertexNormals && geom.vertexNormals.length) this.setAttribute("normals", geom.vertexNormals, 3); + } + + + _disposeAttributes() + { + this._needsPipelineUpdate = true; + for (let i = 0; i < this._attributes.length; i++) + { + this._attributes[i].buffer.destroy(); + } + this._attributes.length = 0; + } + + dispose() + { + this._disposeAttributes(); + } + + /** + * @function setAttribute + * @description update attribute + * @memberof Mesh + * @instance + * @param {String} attribute name + * @param {Array} data + * @param {Number} itemSize + * @param {Object} options + */ + setAttribute(name, array, itemSize, options) + { + if (!array) + { + this._log.error("mesh addAttribute - no array given! " + name); + throw new Error(); + } + + for (let i = 0; i < this._attributes.length; i++) + { + const attr = this._attributes[i]; + if (attr.name == name) + { + // if (attr.numItems === numItems) + // { + // } + // else + // { + // // this._log.log("wrong buffer size", this._geom.name, attr.name, attr.numItems, numItems); + // this._resizeAttr(array, attr); + // } + // normalBuffer = this._createBuffer(this._cgp.device, new Float32Array(geom.vertexNormals), GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST); + + // this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER, attr.buffer); + // this._bufferArray(array, attr); + + return attr; + } + } + + const buffer = this._createBuffer(this._cgp.device, new Float32Array(array), GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST); + + const attr = { + "buffer": buffer, + "name": name, + // "cb": cb, + // "itemSize": itemSize, + // "numItems": numItems, + // "startItem": 0, + // "instanced": instanced, + // "type": type + }; + this._attributes.push(attr); + + return attr; + } + + // setPipeline() + // { + + // this._cgp.passEncoder.setPipeline(this._pipe.getPiplelineObject(this._cgp.getShader(),this)); + + + // } + + render() + { + if (!this._positionBuffer) return; + + // this.setPipeline(); + + const shader = this._cgp.getShader(); + if (shader)shader.bind(); + + if (!this._cgp.getShader() || !this._cgp.getShader().isValid) + { + // console.log("invalid"); + return; + } + + this._pipe.setPipeline(this._cgp.getShader(), this); + + if (!this._pipe.isValid) + { + // console.log("invalid"); + return; + } + + + this._cgp.passEncoder.setVertexBuffer(0, this._positionBuffer); + for (let i = 0; i < this._attributes.length; i++) + { + this._cgp.passEncoder.setVertexBuffer(i + 1, this._attributes[i].buffer); + } + + this._cgp.passEncoder.setIndexBuffer(this._indicesBuffer, "uint32"); + + if (this._numNonIndexed) + this._cgp.passEncoder.draw(this._numIndices); + else + this._cgp.passEncoder.drawIndexed(this._numIndices); + + // if (shader)shader.unbind(); + } +} + +;// CONCATENATED MODULE: ./src/core/cgp/cgp_texture.js + + +class cgp_texture_Texture +{ + constructor(_cgp, options) + { + if (!_cgp) throw new Error("no cgp"); + this._log = new Logger("cgp_texture"); + this._cgp = _cgp; + this.id = CABLES.uuid(); + + options = options || {}; + + this.name = options.name || "unknown"; + } + + /** + * set texture data from an image/canvas object + * @function initTexture + * @memberof Texture + * @instance + * @param {Object} image + * @param {Number} filter + */ + initTexture(img, filter) + { + this.width = img.width; + this.height = img.height; + + this.textureType = "rgba8unorm"; + + const textureDescriptor = { + // Unlike in WebGL, the size of our texture must be set at texture creation time. + // This means we have to wait until the image is loaded to create the texture, since we won't + // know the size until then. + "size": { "width": img.width, "height": img.height }, + "format": this.textureType, + "usage": GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST + }; + const texture = this._cgp.device.createTexture(textureDescriptor); + + this._cgp.device.queue.copyExternalImageToTexture({ "source": img }, { "texture": texture }, textureDescriptor.size); + + return texture; + } + + getInfo() + { + const tex = this; + const obj = {}; + + obj.name = tex.name; + obj.size = tex.width + " x " + tex.height; + + obj.textureType = tex.textureType; + + return obj; + } +} + + +/** + * @function load + * @static + * @memberof Texture + * @description load an image from an url + * @param {Context} cgl + * @param {String} url + * @param {Function} onFinished + * @param {Object} options + * @return {Texture} + */ +cgp_texture_Texture.load = function (cgp, url, onFinished, settings) +{ + fetch(url).then((response) => + { + response.blob().then((blob) => + { + createImageBitmap(blob).then((imgBitmap) => + { + const texture = new cgp_texture_Texture(cgp, { "name": url }); + texture.initTexture(imgBitmap); + if (onFinished)onFinished(texture); + else console.log("Texture.load no onFinished callback"); + }); + }); + }); +}; + +;// CONCATENATED MODULE: ./src/core/cgp/index.js + + + + + + +const cgp_CGP = { + "Context": WebGpuContext, + "Shader": cgp_shader_Shader, + "Mesh": cgp_mesh_Mesh, + "Pipeline": Pipeline, + "Texture": cgp_texture_Texture, +}; + +window.CGP = cgp_CGP; + + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_framebuffer.js + + + +// todo: convert to prototyped... + +/** + * a framebuffer + * @external CGL + * @namespace Framebuffer + * @constructor + * @param {Context} cgl + * @param {Number} width + * @param {Number} height + * @param {Object} [options] + */ +const Framebuffer = function (_cgl, _w, _h, options) +{ + const cgl = _cgl; + this._log = new Logger("Framebuffer"); + this.valid = true; + + let depthTextureExt = cgl.gl.DEPTH_TEXTURE; + if (!depthTextureExt) depthTextureExt = cgl.enableExtension("WEBGL_depth_texture"); + if (!depthTextureExt) depthTextureExt = cgl.enableExtension("WEBKIT_WEBGL_depth_texture"); + if (!depthTextureExt) depthTextureExt = cgl.enableExtension("MOZ_WEBGL_depth_texture"); + + if (!depthTextureExt) + { + cgl.exitError("NO_DEPTH_TEXTURE", "no depth texture support"); + // return; + } + + let width = _w || 512; + let height = _h || 512; + + options = options || { + "isFloatingPointTexture": false, + }; + + if (!options.hasOwnProperty("clear")) options.clear = true; + if (!options.hasOwnProperty("filter")) options.filter = Texture.FILTER_LINEAR; + + const texture = new Texture(cgl, { + "isFloatingPointTexture": options.isFloatingPointTexture, + "filter": options.filter, + "wrap": options.wrap || Texture.CLAMP_TO_EDGE + }); + + let textureDepth = null; + if (depthTextureExt) + { + textureDepth = new Texture(cgl, { + "isDepthTexture": true, + }); + } + this._options = options; + + const frameBuf = cgl.gl.createFramebuffer(); + const depthBuffer = cgl.gl.createRenderbuffer(); + + this.getWidth = function () + { + return width; + }; + this.getHeight = function () + { + return height; + }; + + /** + * get native gl framebuffer + * @function getGlFrameBuffer + * @memberof Framebuffer + * @returns {Object} framebuffer + */ + this.getGlFrameBuffer = function () + { + return frameBuf; + }; + + /** + * get depth renderbuffer + * @function getDepthRenderBuffer + * @memberof Framebuffer + * @returns {Object} renderbuffer + */ + this.getDepthRenderBuffer = function () + { + return depthBuffer; + }; + + /** + * get color texture + * @function getTextureColor + * @memberof Framebuffer + * @returns {Texture} rgba texture + */ + this.getTextureColor = function () + { + return texture; + }; + + /** + * get depth texture + * @function getTextureDepth + * @memberof Framebuffer + * @returns {Texture} depth texture + */ + this.getTextureDepth = function () + { + return textureDepth; + }; + + this.setFilter = function (f) + { + texture.filter = f; + texture.setSize(width, height); + }; + + this.setSize = function (w, h) + { + if (w < 2) w = 2; + if (h < 2) h = 2; + + width = Math.ceil(w); + height = Math.ceil(h); + + cgl.profileData.profileFrameBuffercreate++; + + cgl.gl.bindFramebuffer(cgl.gl.FRAMEBUFFER, frameBuf); + cgl.gl.bindRenderbuffer(cgl.gl.RENDERBUFFER, depthBuffer); + + texture.setSize(width, height); + if (textureDepth) textureDepth.setSize(width, height); + + // if(depthTextureExt) cgl.gl.renderbufferStorage(cgl.gl.RENDERBUFFER, cgl.gl.DEPTH_COMPONENT16, width,height); + if (depthTextureExt) cgl.gl.renderbufferStorage(cgl.gl.RENDERBUFFER, cgl.gl.DEPTH_COMPONENT16, width, height); + + cgl.gl.framebufferTexture2D(cgl.gl.FRAMEBUFFER, cgl.gl.COLOR_ATTACHMENT0, cgl.gl.TEXTURE_2D, texture.tex, 0); + + if (depthTextureExt) + { + cgl.gl.framebufferRenderbuffer(cgl.gl.FRAMEBUFFER, cgl.gl.DEPTH_ATTACHMENT, cgl.gl.RENDERBUFFER, depthBuffer); + cgl.gl.framebufferTexture2D( + cgl.gl.FRAMEBUFFER, + cgl.gl.DEPTH_ATTACHMENT, // safari needs DEPTH_ATTACHMENT NOT DEPTH_ATTACHMENT16 + // cgl.gl.DEPTH_COMPONENT16, + cgl.gl.TEXTURE_2D, + textureDepth.tex, + 0, + ); + } + + if (!cgl.gl.isFramebuffer(frameBuf)) throw new Error("Invalid framebuffer"); + const status = cgl.gl.checkFramebufferStatus(cgl.gl.FRAMEBUFFER); + + switch (status) + { + case cgl.gl.FRAMEBUFFER_COMPLETE: + break; + case cgl.gl.FRAMEBUFFER_INCOMPLETE_ATTACHMENT: + this._log.warn("FRAMEBUFFER_INCOMPLETE_ATTACHMENT...", width, height, texture.tex, depthBuffer); + this.valid = false; + throw new Error("Incomplete framebuffer: FRAMEBUFFER_INCOMPLETE_ATTACHMENT"); + case cgl.gl.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT: + this._log.warn("FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT"); + this.valid = false; + throw new Error("Incomplete framebuffer: FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT"); + case cgl.gl.FRAMEBUFFER_INCOMPLETE_DIMENSIONS: + this._log.warn("FRAMEBUFFER_INCOMPLETE_DIMENSIONS"); + this.valid = false; + throw new Error("Incomplete framebuffer: FRAMEBUFFER_INCOMPLETE_DIMENSIONS"); + case cgl.gl.FRAMEBUFFER_UNSUPPORTED: + this._log.warn("FRAMEBUFFER_UNSUPPORTED"); + this.valid = false; + throw new Error("Incomplete framebuffer: FRAMEBUFFER_UNSUPPORTED"); + case 0x8CDB: + this._log.warn("Incomplete: FRAMEBUFFER_INCOMPLETE_DRAW_BUFFER from ext. Or Safari/iOS undefined behaviour."); + this.valid = false; + break; + default: + this._log.warn("incomplete framebuffer", status); + this.valid = false; + throw new Error("Incomplete framebuffer: " + status); + // throw("Incomplete framebuffer: " + status); + } + + cgl.gl.bindTexture(cgl.gl.TEXTURE_2D, null); + cgl.gl.bindRenderbuffer(cgl.gl.RENDERBUFFER, null); + cgl.gl.bindFramebuffer(cgl.gl.FRAMEBUFFER, null); + }; + + this.renderStart = function () + { + cgl.pushModelMatrix(); + cgl.gl.bindFramebuffer(cgl.gl.FRAMEBUFFER, frameBuf); + cgl.pushGlFrameBuffer(frameBuf); + cgl.pushFrameBuffer(this); + + cgl.pushPMatrix(); + cgl.gl.viewport(0, 0, width, height); + + if (this._options.clear) + { + cgl.gl.clearColor(0, 0, 0, 0); + cgl.gl.clear(cgl.gl.COLOR_BUFFER_BIT | cgl.gl.DEPTH_BUFFER_BIT); + } + }; + + this.renderEnd = function () + { + cgl.popPMatrix(); + cgl.gl.bindFramebuffer(cgl.gl.FRAMEBUFFER, cgl.popGlFrameBuffer()); + cgl.popFrameBuffer(); + + cgl.popModelMatrix(); + cgl.resetViewPort(); + }; + + + this.delete = function () + { + texture.delete(); + this.valid = false; + if (textureDepth) textureDepth.delete(); + cgl.gl.deleteRenderbuffer(depthBuffer); + cgl.gl.deleteFramebuffer(frameBuf); + }; + + this.dispose = this.delete; + + this.setSize(width, height); +}; + + + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_framebuffer2.js +// * see framebuffer1 + + + + + + +const Framebuffer2 = function (cgl, w, h, options) +{ + if (cgl.glVersion == 1) return console.log("framebuffer2 used on webgl1"); + this._log = new Logger("cgl_framebuffer2"); + this.Framebuffer2DrawTargetsDefault = null; + this.Framebuffer2BlittingFramebuffer = null; + this.Framebuffer2FinalFramebuffer = null; + this._cgl = cgl; + + this._cgl.printError("before framebuffer2 constructor"); + + this._width = 0; + this._height = 0; + this.valid = true; + + this._depthRenderbuffer = null; + this._frameBuffer = null; + this._textureFrameBuffer = null; + this._colorRenderbuffers = []; + this._drawTargetArray = []; + this._disposed = false; + + if (!this.Framebuffer2BlittingFramebuffer) this.Framebuffer2BlittingFramebuffer = cgl.gl.createFramebuffer(); + if (!this.Framebuffer2FinalFramebuffer) this.Framebuffer2FinalFramebuffer = cgl.gl.createFramebuffer(); + + if (!this.Framebuffer2DrawTargetsDefault) this.Framebuffer2DrawTargetsDefault = [cgl.gl.COLOR_ATTACHMENT0]; + + this._options = options || { + "isFloatingPointTexture": false, + }; + + // this._cgl.printError("fb2 before"); + + this.name = this._options.name || "unknown"; + + this._cgl.profileData.addHeavyEvent("framebuffer create", this.name); + + if (!this._options.hasOwnProperty("numRenderBuffers")) this._options.numRenderBuffers = 1; + if (!this._options.hasOwnProperty("depth")) this._options.depth = true; + if (!this._options.hasOwnProperty("clear")) this._options.clear = true; + if (!this._options.hasOwnProperty("multisampling")) + { + this._options.multisampling = false; + this._options.multisamplingSamples = 0; + } + + if (this._options.multisamplingSamples) + { + if (this._cgl.glSlowRenderer) this._options.multisamplingSamples = 0; + if (!this._cgl.gl.MAX_SAMPLES) this._options.multisamplingSamples = 0; + else this._options.multisamplingSamples = Math.min(this._cgl.maxSamples, this._options.multisamplingSamples); + } + + if (!this._options.hasOwnProperty("filter")) this._options.filter = Texture.FILTER_LINEAR; + if (!this._options.hasOwnProperty("wrap")) this._options.wrap = Texture.WRAP_REPEAT; + + this._numRenderBuffers = this._options.numRenderBuffers; + this._colorTextures = []; + + this.clearColors = []; + for (let i = 0; i < this._numRenderBuffers; i++) this.clearColors.push([0, 0, 0, 1]); + + + if (!options.pixelFormat) + { + if (options.isFloatingPointTexture) this._options.pixelFormat = Texture.PFORMATSTR_RGBA32F; + else this._options.pixelFormat = Texture.PFORMATSTR_RGBA8UB; + } + + + for (let i = 0; i < this._numRenderBuffers; i++) + { + this._colorTextures[i] = new Texture(cgl, { + "name": "fb2 " + this.name + " " + i, + "isFloatingPointTexture": this._options.isFloatingPointTexture, + "anisotropic": this._options.anisotropic || 0, + "pixelFormat": this._options.pixelFormat, + "filter": this._options.filter, + "wrap": this._options.wrap, + }); + } + + + + let fil = Texture.FILTER_NEAREST; + if (this._options.shadowMap) fil = Texture.FILTER_LINEAR; + + const defaultTexSize = 512; + + if (this._options.depth) + { + this._textureDepth = new Texture(cgl, + { + "name": "fb2 depth " + this.name, + "isDepthTexture": true, + "filter": fil, + "shadowMap": this._options.shadowMap || false, + "width": w || defaultTexSize, + "height": h || defaultTexSize, + }); + } + + if (cgl.aborted) return; + + this.setSize(w || defaultTexSize, h || defaultTexSize); + + this._cgl.printError("framebuffer2 constructor"); +}; + +Framebuffer2.prototype.getWidth = function () +{ + return this._width; +}; +Framebuffer2.prototype.getHeight = function () +{ + return this._height; +}; + +Framebuffer2.prototype.getGlFrameBuffer = function () +{ + return this._frameBuffer; +}; + +Framebuffer2.prototype.getDepthRenderBuffer = function () +{ + return this._depthRenderbuffer; +}; + +Framebuffer2.prototype.getTextureColor = function () +{ + return this._colorTextures[0]; +}; + +Framebuffer2.prototype.getTextureColorNum = function (i) +{ + return this._colorTextures[i]; +}; + +Framebuffer2.prototype.getTextureDepth = function () +{ + return this._textureDepth; +}; + +Framebuffer2.prototype.setFilter = function (f) +{ + for (let i = 0; i < this._numRenderBuffers; i++) + { + this._colorTextures[i].filter = f; + this._colorTextures[i].setSize(this._width, this._height); + } +}; + +Framebuffer2.prototype.delete = Framebuffer2.prototype.dispose = function () +{ + this._disposed = true; + let i = 0; + for (i = 0; i < this._numRenderBuffers; i++) this._colorTextures[i].delete(); + // this._texture.delete(); + if (this._textureDepth) this._textureDepth.delete(); + for (i = 0; i < this._numRenderBuffers; i++) this._cgl.gl.deleteRenderbuffer(this._colorRenderbuffers[i]); + this._cgl.gl.deleteRenderbuffer(this._depthRenderbuffer); + this._cgl.gl.deleteFramebuffer(this._frameBuffer); + this._cgl.gl.deleteFramebuffer(this._textureFrameBuffer); +}; + +Framebuffer2.prototype.setSize = function (w, h) +{ + if (this._disposed) return this._log.warn("disposed framebuffer setsize..."); + this._cgl.profileData.addHeavyEvent("framebuffer resize", this.name); + + let i = 0; + + this._width = this._cgl.checkTextureSize(w); + this._height = this._cgl.checkTextureSize(h); + + this._cgl.profileData.profileFrameBuffercreate++; + + if (this._frameBuffer) + { + for (i = 0; i < this._numRenderBuffers; i++) this._cgl.gl.deleteRenderbuffer(this._colorRenderbuffers[i]); + // this._cgl.gl.deleteRenderbuffer(this._colorRenderbuffer); + this._cgl.gl.deleteRenderbuffer(this._depthRenderbuffer); + this._cgl.gl.deleteFramebuffer(this._frameBuffer); + this._cgl.gl.deleteFramebuffer(this._textureFrameBuffer); + } + + this._frameBuffer = this._cgl.gl.createFramebuffer(); + this._textureFrameBuffer = this._cgl.gl.createFramebuffer(); + + const depth = this._options.depth; + + for (i = 0; i < this._numRenderBuffers; i++) + { + this._colorTextures[i].setSize(this._width, this._height); + } + + + + for (i = 0; i < this._numRenderBuffers; i++) + { + const renderBuffer = this._cgl.gl.createRenderbuffer(); + + // color renderbuffer + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuffer); + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, renderBuffer); + + const info = Texture.setUpGlPixelFormat(this._cgl, this._options.pixelFormat); + let internFormat = info.glInternalFormat; + + // if (this._options.isFloatingPointTexture) + // { + if (CGL.Texture.isPixelFormatHalfFloat(info.pixelFormat)) + { + if (!this._cgl.enableExtension("OES_texture_float_linear")) + { + this._options.filter = Texture.FILTER_NEAREST; + this.setFilter(this._options.filter); + } + } + else if (CGL.Texture.isPixelFormatFloat(info.pixelFormat)) + { + if (!this._cgl.enableExtension("OES_texture_float_linear")) + { + console.log("no linear pixelformat,using nearest"); + this._options.filter = Texture.FILTER_NEAREST; + this.setFilter(this._options.filter); + } + } + // else if (info.pixelFormat == Texture.PFORMATSTR_RGBA32F || info.pixelFormat == Texture.PFORMATSTR_R11FG11FB10F + // else if (info.pixelFormat == Texture.PFORMATSTR_RGBA32F || info.pixelFormat == Texture.PFORMATSTR_R11FG11FB10F + // else if (info.pixelFormat == Texture.PFORMATSTR_RG16F) + // { + // const extcb = this._cgl.enableExtension("EXT_color_buffer_float"); + + // if (!this._cgl.enableExtension("OES_texture_float_linear")) + // { + // console.log("no linear pixelformat,switching to nearest"); + // this._options.filter = Texture.FILTER_NEAREST; + // this.setFilter(this._options.filter); + // } + // } + // } + + if (this._options.multisampling && this._options.multisamplingSamples) + { + this._cgl.gl.renderbufferStorageMultisample(this._cgl.gl.RENDERBUFFER, this._options.multisamplingSamples, internFormat, this._width, this._height); + } + else + { + this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER, internFormat, this._width, this._height); + } + + + + this._cgl.gl.framebufferRenderbuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0 + i, this._cgl.gl.RENDERBUFFER, renderBuffer); + this._colorRenderbuffers[i] = renderBuffer; + } + + // this._cgl.gl.bindFramebuffer(this._cgl.gl.DRAW_FRAMEBUFFER, this._textureFrameBuffer); + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._textureFrameBuffer); + + for (i = 0; i < this._numRenderBuffers; i++) + { + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0 + i, this._cgl.gl.TEXTURE_2D, this._colorTextures[i].tex, 0); + } + + if (this._options.depth) + { + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.DEPTH_ATTACHMENT, this._cgl.gl.TEXTURE_2D, this._textureDepth.tex, 0); + } + + // depth renderbuffer + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuffer); + + + let depthType = this._cgl.gl.DEPTH_COMPONENT32F; + + if (this._cgl.glSlowRenderer) depthType = this._cgl.gl.DEPTH_COMPONENT16; + if (depth) + { + this._textureDepth.setSize(this._width, this._height); + this._depthRenderbuffer = this._cgl.gl.createRenderbuffer(); + + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, this._depthRenderbuffer); + if (this._options.isFloatingPointTexture) + { + if (this._options.multisampling) this._cgl.gl.renderbufferStorageMultisample(this._cgl.gl.RENDERBUFFER, this._options.multisamplingSamples, depthType, this._width, this._height); + else this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER, depthType, this._width, this._height); + } + else if (this._options.multisampling) + { + this._cgl.gl.renderbufferStorageMultisample(this._cgl.gl.RENDERBUFFER, this._options.multisamplingSamples, depthType, this._width, this._height); + // this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER,depthType, this._width, this._height); + } + else + { + this._cgl.gl.renderbufferStorage(this._cgl.gl.RENDERBUFFER, depthType, this._width, this._height); + } + + this._cgl.gl.framebufferRenderbuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.DEPTH_ATTACHMENT, this._cgl.gl.RENDERBUFFER, this._depthRenderbuffer); + } + + // this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); + // this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._textureFrameBuffer); + + this._drawTargetArray.length = 0; + for (i = 0; i < this._numRenderBuffers; i++) this._drawTargetArray.push(this._cgl.gl.COLOR_ATTACHMENT0 + i); + + // this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); + + + if (!this._cgl.gl.isFramebuffer(this._textureFrameBuffer)) this._log.warn("invalid framebuffer");// throw new Error("Invalid framebuffer"); + const status = this._cgl.gl.checkFramebufferStatus(this._cgl.gl.FRAMEBUFFER); + + if (status != this._cgl.gl.FRAMEBUFFER_COMPLETE) + { + this._log.error("framebuffer incomplete: " + this.name, this); + console.log("options", this._options); + + switch (status) + { + case this._cgl.gl.FRAMEBUFFER_INCOMPLETE_ATTACHMENT: + this._log.warn("FRAMEBUFFER_INCOMPLETE_ATTACHMENT...", this); + throw new Error("Incomplete framebuffer: FRAMEBUFFER_INCOMPLETE_ATTACHMENT"); + case this._cgl.gl.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT: + this._log.warn("FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT"); + throw new Error("Incomplete framebuffer: FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT"); + case this._cgl.gl.FRAMEBUFFER_INCOMPLETE_DIMENSIONS: + this._log.warn("FRAMEBUFFER_INCOMPLETE_DIMENSIONS"); + throw new Error("Incomplete framebuffer: FRAMEBUFFER_INCOMPLETE_DIMENSIONS"); + case this._cgl.gl.FRAMEBUFFER_UNSUPPORTED: + this._log.warn("FRAMEBUFFER_UNSUPPORTED"); + throw new Error("Incomplete framebuffer: FRAMEBUFFER_UNSUPPORTED"); + default: + this.valid = false; + this._log.warn("incomplete framebuffer", status, this._frameBuffer); + this._cgl.printError(); + this._cgl.exitError("Framebuffer incomplete..."); + + this._frameBuffer = null; + // debugger; + throw new Error("Incomplete framebuffer: " + status); + + // throw("Incomplete framebuffer: " + status); + } + } + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); + this._cgl.gl.bindRenderbuffer(this._cgl.gl.RENDERBUFFER, null); + + // this._cgl.printError("fb setsize"); +}; + +Framebuffer2.prototype.renderStart = function () +{ + if (this._disposed) return this._log.warn("disposed framebuffer renderStart..."); + this._cgl.checkFrameStarted("fb2 renderstart"); + this._cgl.pushModelMatrix(); // needed ?? + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuffer); + this._cgl.pushGlFrameBuffer(this._frameBuffer); + this._cgl.pushFrameBuffer(this); + + this._cgl.pushPMatrix(); + this._cgl.pushViewPort(0, 0, this._width, this._height); + + this._cgl.gl.drawBuffers(this._drawTargetArray); + + if (this._options.clear) + { + this._cgl.gl.clearColor(0, 0, 0, 0); + this._cgl.gl.clear(this._cgl.gl.COLOR_BUFFER_BIT | this._cgl.gl.DEPTH_BUFFER_BIT); + } +}; + +Framebuffer2.prototype.clear = function () +{ + if (this._numRenderBuffers <= 1) + { + this._cgl.gl.bindFramebuffer(this._cgl.gl.READ_FRAMEBUFFER, this._frameBuffer); + this._cgl.gl.bindFramebuffer(this._cgl.gl.DRAW_FRAMEBUFFER, this._textureFrameBuffer); + } + else this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._frameBuffer); + + this._cgl.gl.drawBuffers(this._drawTargetArray); + + for (let i = 0; i < this._numRenderBuffers; i++) + { + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0 + i, this._cgl.gl.TEXTURE_2D, this._colorTextures[i].tex, 0); + this._cgl.gl.clearBufferfv(this._cgl.gl.COLOR, i, this.clearColors[i]); + } + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); +}; + +Framebuffer2.prototype.renderEnd = function () +{ + if (this._disposed) return this._log.warn("disposed framebuffer renderEnd..."); + this._cgl.popPMatrix(); + + this._cgl.profileData.profileFramebuffer++; + + + if (this._numRenderBuffers <= 1) + { + this._cgl.gl.bindFramebuffer(this._cgl.gl.READ_FRAMEBUFFER, this._frameBuffer); + this._cgl.gl.bindFramebuffer(this._cgl.gl.DRAW_FRAMEBUFFER, this._textureFrameBuffer); + + // const a = this._cgl.gl.getFramebufferAttachmentParameter(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING); + // if (a == this._cgl.gl.SRGB)console.log("SRGB", this._cgl.gl.SRGB); + // else if (a == this._cgl.gl.LINEAR)console.log("LINEAR", this._cgl.gl.LINEAR); + + + this._cgl.gl.clearBufferfv(this._cgl.gl.COLOR, 0, [0.0, 0.0, 0.0, 1.0]); + this._cgl.gl.blitFramebuffer(0, 0, this._width, this._height, 0, 0, this._width, this._height, this._cgl.gl.COLOR_BUFFER_BIT | this._cgl.gl.DEPTH_BUFFER_BIT, this._cgl.gl.NEAREST); + } + else + { + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this.Framebuffer2BlittingFramebuffer); + this._cgl.gl.framebufferRenderbuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.DEPTH_ATTACHMENT, this._cgl.gl.RENDERBUFFER, this._depthRenderbuffer); + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this.Framebuffer2FinalFramebuffer); + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.DEPTH_ATTACHMENT, this._cgl.gl.TEXTURE_2D, this._textureDepth.tex, 0); + + // console.log("fb this._numRenderBuffers", this._numRenderBuffers); + for (let i = 0; i < this._numRenderBuffers; i++) + { + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this.Framebuffer2BlittingFramebuffer); + this._cgl.gl.framebufferRenderbuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.RENDERBUFFER, this._colorRenderbuffers[i]); + + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this.Framebuffer2FinalFramebuffer); + this._cgl.gl.framebufferTexture2D(this._cgl.gl.FRAMEBUFFER, this._cgl.gl.COLOR_ATTACHMENT0, this._cgl.gl.TEXTURE_2D, this._colorTextures[i].tex, 0); + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, null); + + this._cgl.gl.bindFramebuffer(this._cgl.gl.READ_FRAMEBUFFER, this.Framebuffer2BlittingFramebuffer); + this._cgl.gl.bindFramebuffer(this._cgl.gl.DRAW_FRAMEBUFFER, this.Framebuffer2FinalFramebuffer); + + // this._cgl.gl.clearBufferfv(this._cgl.gl.COLOR, i, [0.0, 0.0, 0.0, 1.0]); + + + + let flags = this._cgl.gl.COLOR_BUFFER_BIT; + if (i == 0) flags |= this._cgl.gl.DEPTH_BUFFER_BIT; + + this._cgl.gl.blitFramebuffer(0, 0, this._width, this._height, 0, 0, this._width, this._height, flags, this._cgl.gl.NEAREST); + } + } + + this._cgl.gl.bindFramebuffer(this._cgl.gl.FRAMEBUFFER, this._cgl.popGlFrameBuffer()); + this._cgl.popFrameBuffer(); + + this._cgl.popModelMatrix(); + // this._cgl.resetViewPort(); + this._cgl.popViewPort(); + + + if (this._colorTextures[0].filter == Texture.FILTER_MIPMAP) + { + for (let i = 0; i < this._numRenderBuffers; i++) + { + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, this._colorTextures[i].tex); + this._colorTextures[i].updateMipMap(); + this._cgl.gl.bindTexture(this._cgl.gl.TEXTURE_2D, null); + } + } +}; + + + +/// /////// + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_marker.js +const Marker = function (_cgl) // deprecated... +{ + this.draw = function (cgl, _size, depthTest) {}; +}; + +const WirePoint = function (cgl) // deprecated... +{ + this.render = function (_cgl, _size) {}; +}; + +const WireCube = function (cgl) // deprecated... +{ + this.render = function (_cgl, sizeX, sizeY, sizeZ) {}; +}; + +;// CONCATENATED MODULE: ./src/core/cgl/cgl_unicolorshader.js + + +class UniColorShader +{ + constructor(_cgl) + { + this.shader = new CGL.Shader(_cgl, "markermaterial"); + + const frag = "" + .endl() + "void main()" + .endl() + "{" + .endl() + " outColor = vec4(color.rgb,1.0);" + .endl() + "}"; + + + const vert = "" + .endl() + "IN vec3 vPosition;" + .endl() + "UNI mat4 projMatrix;" + .endl() + "UNI mat4 mvMatrix;" + + .endl() + "void main()" + .endl() + "{" + .endl() + " gl_Position = projMatrix * mvMatrix * vec4(vPosition,1.0);" + .endl() + "}"; + + this.shader.setSource(vert, frag); + this.coloruni = this.shader.addUniformFrag("4f", "color", [1, 0.777, 1, 1]); + } + + setColor(r, g, b, a) + { + this.coloruni.set(r, g, b, a); + } +} + +;// CONCATENATED MODULE: ./src/core/cgl/index.js + + + + + + + + + + + + + + + + + + + + + + +const cgl_CGL = { + "Framebuffer": Framebuffer, + "Framebuffer2": Framebuffer2, + "Geometry": Geometry, + "BoundingBox": BoundingBox, + "Marker": Marker, + "WirePoint": WirePoint, + "WireCube": WireCube, + "MatrixStack": MatrixStack, + "Mesh": Mesh, + "MESH": MESH, + "ShaderLibMods": ShaderLibMods, + "Shader": Shader, + "Uniform": Uniform, + "MESHES": MESHES, + "Context": Context, + "Texture": Texture, + "TextureEffect": TextureEffect, + "isWindows": isWindows, + "getWheelSpeed": getWheelSpeed, + "getWheelDelta": getWheelDelta, + "onLoadingAssetsFinished": onLoadingAssetsFinished, + "ProfileData": ProfileData, + "UniColorShader": UniColorShader, + ...constants_CONSTANTS.BLEND_MODES, + ...constants_CONSTANTS.SHADER, + ...constants_CONSTANTS.MATH, + ...constants_CONSTANTS.BLEND_MODES, +}; + +window.CGL = cgl_CGL; + + + + + +;// CONCATENATED MODULE: ./src/core/index.js + + + + + + + + + + + + + + + + + + + + +window.CABLES = window.CABLES || {}; + +CABLES.CGL = cgl_CGL; +CABLES.CG = CG; +CABLES.CGP = cgp_CGP; +CABLES.EMBED = EMBED; +CABLES.Link = Link; +CABLES.Port = Port; +CABLES.Op = Op; +CABLES.Profiler = Profiler; +CABLES.Patch = core_patch; +CABLES.Instancing = Instancing; +CABLES.Timer = Timer; +CABLES.WEBAUDIO = WEBAUDIO; +CABLES.Variable = Variable; +CABLES.LoadingStatus = LoadingStatus; +CABLES.now = now; +CABLES.internalNow = internalNow; +CABLES.BranchStack = BranchStack; +CABLES.Branch = Branch; + + +CABLES = Object.assign(CABLES, + base64_namespaceObject, + utils_namespaceObject, + anim_namespaceObject, + CONSTANTS.PORT, + CONSTANTS.PACO, + CONSTANTS.ANIM, + CONSTANTS.OP +); + +/* harmony default export */ const core = (CABLES); + +if (!(function () { return !this; }())) console.warn("not in strict mode: index core"); // eslint-disable-line + +CABLES = __webpack_exports__["default"]; +/******/ })() +; + + +var CABLES = CABLES || {}; CABLES.build = {"timestamp":1715927482175,"created":"2024-05-17T06:31:22.175Z","git":{"branch":"master","commit":"83d9847c52906e47691c89c7ec564876e8749a3b","date":"1715927217","message":"subpatch ops wrong"}}; +/*! +@fileoverview gl-matrix - High performance matrix and vector operations +@author Brandon Jones +@author Colin MacKenzie IV +@version 3.1.0 + +Copyright (c) 2015-2019, Brandon Jones, Colin MacKenzie IV. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + +*/ +!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t=t||self).glMatrix={})}(this,function(t){"use strict";var n=1e-6,a="undefined"!=typeof Float32Array?Float32Array:Array,r=Math.random;var u=Math.PI/180;Math.hypot||(Math.hypot=function(){for(var t=0,n=arguments.length;n--;)t+=arguments[n]*arguments[n];return Math.sqrt(t)});var e=Object.freeze({EPSILON:n,get ARRAY_TYPE(){return a},RANDOM:r,setMatrixArrayType:function(t){a=t},toRadian:function(t){return t*u},equals:function(t,a){return Math.abs(t-a)<=n*Math.max(1,Math.abs(t),Math.abs(a))}});function o(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=a[0],c=a[1],h=a[2],s=a[3];return t[0]=r*i+e*c,t[1]=u*i+o*c,t[2]=r*h+e*s,t[3]=u*h+o*s,t}function i(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t[2]=n[2]-a[2],t[3]=n[3]-a[3],t}var c=o,h=i,s=Object.freeze({create:function(){var t=new a(4);return a!=Float32Array&&(t[1]=0,t[2]=0),t[0]=1,t[3]=1,t},clone:function(t){var n=new a(4);return n[0]=t[0],n[1]=t[1],n[2]=t[2],n[3]=t[3],n},copy:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t},identity:function(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t},fromValues:function(t,n,r,u){var e=new a(4);return e[0]=t,e[1]=n,e[2]=r,e[3]=u,e},set:function(t,n,a,r,u){return t[0]=n,t[1]=a,t[2]=r,t[3]=u,t},transpose:function(t,n){if(t===n){var a=n[1];t[1]=n[2],t[2]=a}else t[0]=n[0],t[1]=n[2],t[2]=n[1],t[3]=n[3];return t},invert:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=a*e-u*r;return o?(o=1/o,t[0]=e*o,t[1]=-r*o,t[2]=-u*o,t[3]=a*o,t):null},adjoint:function(t,n){var a=n[0];return t[0]=n[3],t[1]=-n[1],t[2]=-n[2],t[3]=a,t},determinant:function(t){return t[0]*t[3]-t[2]*t[1]},multiply:o,rotate:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=Math.sin(a),c=Math.cos(a);return t[0]=r*c+e*i,t[1]=u*c+o*i,t[2]=r*-i+e*c,t[3]=u*-i+o*c,t},scale:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=a[0],c=a[1];return t[0]=r*i,t[1]=u*i,t[2]=e*c,t[3]=o*c,t},fromRotation:function(t,n){var a=Math.sin(n),r=Math.cos(n);return t[0]=r,t[1]=a,t[2]=-a,t[3]=r,t},fromScaling:function(t,n){return t[0]=n[0],t[1]=0,t[2]=0,t[3]=n[1],t},str:function(t){return"mat2("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"},frob:function(t){return Math.hypot(t[0],t[1],t[2],t[3])},LDU:function(t,n,a,r){return t[2]=r[2]/r[0],a[0]=r[0],a[1]=r[1],a[3]=r[3]-t[2]*a[1],[t,n,a]},add:function(t,n,a){return t[0]=n[0]+a[0],t[1]=n[1]+a[1],t[2]=n[2]+a[2],t[3]=n[3]+a[3],t},subtract:i,exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]&&t[3]===n[3]},equals:function(t,a){var r=t[0],u=t[1],e=t[2],o=t[3],i=a[0],c=a[1],h=a[2],s=a[3];return Math.abs(r-i)<=n*Math.max(1,Math.abs(r),Math.abs(i))&&Math.abs(u-c)<=n*Math.max(1,Math.abs(u),Math.abs(c))&&Math.abs(e-h)<=n*Math.max(1,Math.abs(e),Math.abs(h))&&Math.abs(o-s)<=n*Math.max(1,Math.abs(o),Math.abs(s))},multiplyScalar:function(t,n,a){return t[0]=n[0]*a,t[1]=n[1]*a,t[2]=n[2]*a,t[3]=n[3]*a,t},multiplyScalarAndAdd:function(t,n,a,r){return t[0]=n[0]+a[0]*r,t[1]=n[1]+a[1]*r,t[2]=n[2]+a[2]*r,t[3]=n[3]+a[3]*r,t},mul:c,sub:h});function M(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=a[0],s=a[1],M=a[2],f=a[3],l=a[4],v=a[5];return t[0]=r*h+e*s,t[1]=u*h+o*s,t[2]=r*M+e*f,t[3]=u*M+o*f,t[4]=r*l+e*v+i,t[5]=u*l+o*v+c,t}function f(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t[2]=n[2]-a[2],t[3]=n[3]-a[3],t[4]=n[4]-a[4],t[5]=n[5]-a[5],t}var l=M,v=f,b=Object.freeze({create:function(){var t=new a(6);return a!=Float32Array&&(t[1]=0,t[2]=0,t[4]=0,t[5]=0),t[0]=1,t[3]=1,t},clone:function(t){var n=new a(6);return n[0]=t[0],n[1]=t[1],n[2]=t[2],n[3]=t[3],n[4]=t[4],n[5]=t[5],n},copy:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t[4]=n[4],t[5]=n[5],t},identity:function(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t},fromValues:function(t,n,r,u,e,o){var i=new a(6);return i[0]=t,i[1]=n,i[2]=r,i[3]=u,i[4]=e,i[5]=o,i},set:function(t,n,a,r,u,e,o){return t[0]=n,t[1]=a,t[2]=r,t[3]=u,t[4]=e,t[5]=o,t},invert:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=n[4],i=n[5],c=a*e-r*u;return c?(c=1/c,t[0]=e*c,t[1]=-r*c,t[2]=-u*c,t[3]=a*c,t[4]=(u*i-e*o)*c,t[5]=(r*o-a*i)*c,t):null},determinant:function(t){return t[0]*t[3]-t[1]*t[2]},multiply:M,rotate:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=Math.sin(a),s=Math.cos(a);return t[0]=r*s+e*h,t[1]=u*s+o*h,t[2]=r*-h+e*s,t[3]=u*-h+o*s,t[4]=i,t[5]=c,t},scale:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=a[0],s=a[1];return t[0]=r*h,t[1]=u*h,t[2]=e*s,t[3]=o*s,t[4]=i,t[5]=c,t},translate:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=a[0],s=a[1];return t[0]=r,t[1]=u,t[2]=e,t[3]=o,t[4]=r*h+e*s+i,t[5]=u*h+o*s+c,t},fromRotation:function(t,n){var a=Math.sin(n),r=Math.cos(n);return t[0]=r,t[1]=a,t[2]=-a,t[3]=r,t[4]=0,t[5]=0,t},fromScaling:function(t,n){return t[0]=n[0],t[1]=0,t[2]=0,t[3]=n[1],t[4]=0,t[5]=0,t},fromTranslation:function(t,n){return t[0]=1,t[1]=0,t[2]=0,t[3]=1,t[4]=n[0],t[5]=n[1],t},str:function(t){return"mat2d("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+", "+t[4]+", "+t[5]+")"},frob:function(t){return Math.hypot(t[0],t[1],t[2],t[3],t[4],t[5],1)},add:function(t,n,a){return t[0]=n[0]+a[0],t[1]=n[1]+a[1],t[2]=n[2]+a[2],t[3]=n[3]+a[3],t[4]=n[4]+a[4],t[5]=n[5]+a[5],t},subtract:f,multiplyScalar:function(t,n,a){return t[0]=n[0]*a,t[1]=n[1]*a,t[2]=n[2]*a,t[3]=n[3]*a,t[4]=n[4]*a,t[5]=n[5]*a,t},multiplyScalarAndAdd:function(t,n,a,r){return t[0]=n[0]+a[0]*r,t[1]=n[1]+a[1]*r,t[2]=n[2]+a[2]*r,t[3]=n[3]+a[3]*r,t[4]=n[4]+a[4]*r,t[5]=n[5]+a[5]*r,t},exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]&&t[3]===n[3]&&t[4]===n[4]&&t[5]===n[5]},equals:function(t,a){var r=t[0],u=t[1],e=t[2],o=t[3],i=t[4],c=t[5],h=a[0],s=a[1],M=a[2],f=a[3],l=a[4],v=a[5];return Math.abs(r-h)<=n*Math.max(1,Math.abs(r),Math.abs(h))&&Math.abs(u-s)<=n*Math.max(1,Math.abs(u),Math.abs(s))&&Math.abs(e-M)<=n*Math.max(1,Math.abs(e),Math.abs(M))&&Math.abs(o-f)<=n*Math.max(1,Math.abs(o),Math.abs(f))&&Math.abs(i-l)<=n*Math.max(1,Math.abs(i),Math.abs(l))&&Math.abs(c-v)<=n*Math.max(1,Math.abs(c),Math.abs(v))},mul:l,sub:v});function m(){var t=new a(9);return a!=Float32Array&&(t[1]=0,t[2]=0,t[3]=0,t[5]=0,t[6]=0,t[7]=0),t[0]=1,t[4]=1,t[8]=1,t}function d(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=n[8],f=a[0],l=a[1],v=a[2],b=a[3],m=a[4],d=a[5],x=a[6],p=a[7],y=a[8];return t[0]=f*r+l*o+v*h,t[1]=f*u+l*i+v*s,t[2]=f*e+l*c+v*M,t[3]=b*r+m*o+d*h,t[4]=b*u+m*i+d*s,t[5]=b*e+m*c+d*M,t[6]=x*r+p*o+y*h,t[7]=x*u+p*i+y*s,t[8]=x*e+p*c+y*M,t}function x(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t[2]=n[2]-a[2],t[3]=n[3]-a[3],t[4]=n[4]-a[4],t[5]=n[5]-a[5],t[6]=n[6]-a[6],t[7]=n[7]-a[7],t[8]=n[8]-a[8],t}var p=d,y=x,q=Object.freeze({create:m,fromMat4:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[4],t[4]=n[5],t[5]=n[6],t[6]=n[8],t[7]=n[9],t[8]=n[10],t},clone:function(t){var n=new a(9);return n[0]=t[0],n[1]=t[1],n[2]=t[2],n[3]=t[3],n[4]=t[4],n[5]=t[5],n[6]=t[6],n[7]=t[7],n[8]=t[8],n},copy:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t[4]=n[4],t[5]=n[5],t[6]=n[6],t[7]=n[7],t[8]=n[8],t},fromValues:function(t,n,r,u,e,o,i,c,h){var s=new a(9);return s[0]=t,s[1]=n,s[2]=r,s[3]=u,s[4]=e,s[5]=o,s[6]=i,s[7]=c,s[8]=h,s},set:function(t,n,a,r,u,e,o,i,c,h){return t[0]=n,t[1]=a,t[2]=r,t[3]=u,t[4]=e,t[5]=o,t[6]=i,t[7]=c,t[8]=h,t},identity:function(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=1,t[5]=0,t[6]=0,t[7]=0,t[8]=1,t},transpose:function(t,n){if(t===n){var a=n[1],r=n[2],u=n[5];t[1]=n[3],t[2]=n[6],t[3]=a,t[5]=n[7],t[6]=r,t[7]=u}else t[0]=n[0],t[1]=n[3],t[2]=n[6],t[3]=n[1],t[4]=n[4],t[5]=n[7],t[6]=n[2],t[7]=n[5],t[8]=n[8];return t},invert:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=n[4],i=n[5],c=n[6],h=n[7],s=n[8],M=s*o-i*h,f=-s*e+i*c,l=h*e-o*c,v=a*M+r*f+u*l;return v?(v=1/v,t[0]=M*v,t[1]=(-s*r+u*h)*v,t[2]=(i*r-u*o)*v,t[3]=f*v,t[4]=(s*a-u*c)*v,t[5]=(-i*a+u*e)*v,t[6]=l*v,t[7]=(-h*a+r*c)*v,t[8]=(o*a-r*e)*v,t):null},adjoint:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=n[4],i=n[5],c=n[6],h=n[7],s=n[8];return t[0]=o*s-i*h,t[1]=u*h-r*s,t[2]=r*i-u*o,t[3]=i*c-e*s,t[4]=a*s-u*c,t[5]=u*e-a*i,t[6]=e*h-o*c,t[7]=r*c-a*h,t[8]=a*o-r*e,t},determinant:function(t){var n=t[0],a=t[1],r=t[2],u=t[3],e=t[4],o=t[5],i=t[6],c=t[7],h=t[8];return n*(h*e-o*c)+a*(-h*u+o*i)+r*(c*u-e*i)},multiply:d,translate:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=n[8],f=a[0],l=a[1];return t[0]=r,t[1]=u,t[2]=e,t[3]=o,t[4]=i,t[5]=c,t[6]=f*r+l*o+h,t[7]=f*u+l*i+s,t[8]=f*e+l*c+M,t},rotate:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=n[8],f=Math.sin(a),l=Math.cos(a);return t[0]=l*r+f*o,t[1]=l*u+f*i,t[2]=l*e+f*c,t[3]=l*o-f*r,t[4]=l*i-f*u,t[5]=l*c-f*e,t[6]=h,t[7]=s,t[8]=M,t},scale:function(t,n,a){var r=a[0],u=a[1];return t[0]=r*n[0],t[1]=r*n[1],t[2]=r*n[2],t[3]=u*n[3],t[4]=u*n[4],t[5]=u*n[5],t[6]=n[6],t[7]=n[7],t[8]=n[8],t},fromTranslation:function(t,n){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=1,t[5]=0,t[6]=n[0],t[7]=n[1],t[8]=1,t},fromRotation:function(t,n){var a=Math.sin(n),r=Math.cos(n);return t[0]=r,t[1]=a,t[2]=0,t[3]=-a,t[4]=r,t[5]=0,t[6]=0,t[7]=0,t[8]=1,t},fromScaling:function(t,n){return t[0]=n[0],t[1]=0,t[2]=0,t[3]=0,t[4]=n[1],t[5]=0,t[6]=0,t[7]=0,t[8]=1,t},fromMat2d:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=0,t[3]=n[2],t[4]=n[3],t[5]=0,t[6]=n[4],t[7]=n[5],t[8]=1,t},fromQuat:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=a+a,i=r+r,c=u+u,h=a*o,s=r*o,M=r*i,f=u*o,l=u*i,v=u*c,b=e*o,m=e*i,d=e*c;return t[0]=1-M-v,t[3]=s-d,t[6]=f+m,t[1]=s+d,t[4]=1-h-v,t[7]=l-b,t[2]=f-m,t[5]=l+b,t[8]=1-h-M,t},normalFromMat4:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=n[4],i=n[5],c=n[6],h=n[7],s=n[8],M=n[9],f=n[10],l=n[11],v=n[12],b=n[13],m=n[14],d=n[15],x=a*i-r*o,p=a*c-u*o,y=a*h-e*o,q=r*c-u*i,g=r*h-e*i,A=u*h-e*c,w=s*b-M*v,R=s*m-f*v,z=s*d-l*v,P=M*m-f*b,j=M*d-l*b,I=f*d-l*m,S=x*I-p*j+y*P+q*z-g*R+A*w;return S?(S=1/S,t[0]=(i*I-c*j+h*P)*S,t[1]=(c*z-o*I-h*R)*S,t[2]=(o*j-i*z+h*w)*S,t[3]=(u*j-r*I-e*P)*S,t[4]=(a*I-u*z+e*R)*S,t[5]=(r*z-a*j-e*w)*S,t[6]=(b*A-m*g+d*q)*S,t[7]=(m*y-v*A-d*p)*S,t[8]=(v*g-b*y+d*x)*S,t):null},projection:function(t,n,a){return t[0]=2/n,t[1]=0,t[2]=0,t[3]=0,t[4]=-2/a,t[5]=0,t[6]=-1,t[7]=1,t[8]=1,t},str:function(t){return"mat3("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+", "+t[4]+", "+t[5]+", "+t[6]+", "+t[7]+", "+t[8]+")"},frob:function(t){return Math.hypot(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8])},add:function(t,n,a){return t[0]=n[0]+a[0],t[1]=n[1]+a[1],t[2]=n[2]+a[2],t[3]=n[3]+a[3],t[4]=n[4]+a[4],t[5]=n[5]+a[5],t[6]=n[6]+a[6],t[7]=n[7]+a[7],t[8]=n[8]+a[8],t},subtract:x,multiplyScalar:function(t,n,a){return t[0]=n[0]*a,t[1]=n[1]*a,t[2]=n[2]*a,t[3]=n[3]*a,t[4]=n[4]*a,t[5]=n[5]*a,t[6]=n[6]*a,t[7]=n[7]*a,t[8]=n[8]*a,t},multiplyScalarAndAdd:function(t,n,a,r){return t[0]=n[0]+a[0]*r,t[1]=n[1]+a[1]*r,t[2]=n[2]+a[2]*r,t[3]=n[3]+a[3]*r,t[4]=n[4]+a[4]*r,t[5]=n[5]+a[5]*r,t[6]=n[6]+a[6]*r,t[7]=n[7]+a[7]*r,t[8]=n[8]+a[8]*r,t},exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]&&t[3]===n[3]&&t[4]===n[4]&&t[5]===n[5]&&t[6]===n[6]&&t[7]===n[7]&&t[8]===n[8]},equals:function(t,a){var r=t[0],u=t[1],e=t[2],o=t[3],i=t[4],c=t[5],h=t[6],s=t[7],M=t[8],f=a[0],l=a[1],v=a[2],b=a[3],m=a[4],d=a[5],x=a[6],p=a[7],y=a[8];return Math.abs(r-f)<=n*Math.max(1,Math.abs(r),Math.abs(f))&&Math.abs(u-l)<=n*Math.max(1,Math.abs(u),Math.abs(l))&&Math.abs(e-v)<=n*Math.max(1,Math.abs(e),Math.abs(v))&&Math.abs(o-b)<=n*Math.max(1,Math.abs(o),Math.abs(b))&&Math.abs(i-m)<=n*Math.max(1,Math.abs(i),Math.abs(m))&&Math.abs(c-d)<=n*Math.max(1,Math.abs(c),Math.abs(d))&&Math.abs(h-x)<=n*Math.max(1,Math.abs(h),Math.abs(x))&&Math.abs(s-p)<=n*Math.max(1,Math.abs(s),Math.abs(p))&&Math.abs(M-y)<=n*Math.max(1,Math.abs(M),Math.abs(y))},mul:p,sub:y});function g(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function A(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=n[8],f=n[9],l=n[10],v=n[11],b=n[12],m=n[13],d=n[14],x=n[15],p=a[0],y=a[1],q=a[2],g=a[3];return t[0]=p*r+y*i+q*M+g*b,t[1]=p*u+y*c+q*f+g*m,t[2]=p*e+y*h+q*l+g*d,t[3]=p*o+y*s+q*v+g*x,p=a[4],y=a[5],q=a[6],g=a[7],t[4]=p*r+y*i+q*M+g*b,t[5]=p*u+y*c+q*f+g*m,t[6]=p*e+y*h+q*l+g*d,t[7]=p*o+y*s+q*v+g*x,p=a[8],y=a[9],q=a[10],g=a[11],t[8]=p*r+y*i+q*M+g*b,t[9]=p*u+y*c+q*f+g*m,t[10]=p*e+y*h+q*l+g*d,t[11]=p*o+y*s+q*v+g*x,p=a[12],y=a[13],q=a[14],g=a[15],t[12]=p*r+y*i+q*M+g*b,t[13]=p*u+y*c+q*f+g*m,t[14]=p*e+y*h+q*l+g*d,t[15]=p*o+y*s+q*v+g*x,t}function w(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=r+r,c=u+u,h=e+e,s=r*i,M=r*c,f=r*h,l=u*c,v=u*h,b=e*h,m=o*i,d=o*c,x=o*h;return t[0]=1-(l+b),t[1]=M+x,t[2]=f-d,t[3]=0,t[4]=M-x,t[5]=1-(s+b),t[6]=v+m,t[7]=0,t[8]=f+d,t[9]=v-m,t[10]=1-(s+l),t[11]=0,t[12]=a[0],t[13]=a[1],t[14]=a[2],t[15]=1,t}function R(t,n){return t[0]=n[12],t[1]=n[13],t[2]=n[14],t}function z(t,n){var a=n[0],r=n[1],u=n[2],e=n[4],o=n[5],i=n[6],c=n[8],h=n[9],s=n[10];return t[0]=Math.hypot(a,r,u),t[1]=Math.hypot(e,o,i),t[2]=Math.hypot(c,h,s),t}function P(t,n){var r=new a(3);z(r,n);var u=1/r[0],e=1/r[1],o=1/r[2],i=n[0]*u,c=n[1]*e,h=n[2]*o,s=n[4]*u,M=n[5]*e,f=n[6]*o,l=n[8]*u,v=n[9]*e,b=n[10]*o,m=i+M+b,d=0;return m>0?(d=2*Math.sqrt(m+1),t[3]=.25*d,t[0]=(f-v)/d,t[1]=(l-h)/d,t[2]=(c-s)/d):i>M&&i>b?(d=2*Math.sqrt(1+i-M-b),t[3]=(f-v)/d,t[0]=.25*d,t[1]=(c+s)/d,t[2]=(l+h)/d):M>b?(d=2*Math.sqrt(1+M-i-b),t[3]=(l-h)/d,t[0]=(c+s)/d,t[1]=.25*d,t[2]=(f+v)/d):(d=2*Math.sqrt(1+b-i-M),t[3]=(c-s)/d,t[0]=(l+h)/d,t[1]=(f+v)/d,t[2]=.25*d),t}function j(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t[2]=n[2]-a[2],t[3]=n[3]-a[3],t[4]=n[4]-a[4],t[5]=n[5]-a[5],t[6]=n[6]-a[6],t[7]=n[7]-a[7],t[8]=n[8]-a[8],t[9]=n[9]-a[9],t[10]=n[10]-a[10],t[11]=n[11]-a[11],t[12]=n[12]-a[12],t[13]=n[13]-a[13],t[14]=n[14]-a[14],t[15]=n[15]-a[15],t}var I=A,S=j,E=Object.freeze({create:function(){var t=new a(16);return a!=Float32Array&&(t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[11]=0,t[12]=0,t[13]=0,t[14]=0),t[0]=1,t[5]=1,t[10]=1,t[15]=1,t},clone:function(t){var n=new a(16);return n[0]=t[0],n[1]=t[1],n[2]=t[2],n[3]=t[3],n[4]=t[4],n[5]=t[5],n[6]=t[6],n[7]=t[7],n[8]=t[8],n[9]=t[9],n[10]=t[10],n[11]=t[11],n[12]=t[12],n[13]=t[13],n[14]=t[14],n[15]=t[15],n},copy:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t[4]=n[4],t[5]=n[5],t[6]=n[6],t[7]=n[7],t[8]=n[8],t[9]=n[9],t[10]=n[10],t[11]=n[11],t[12]=n[12],t[13]=n[13],t[14]=n[14],t[15]=n[15],t},fromValues:function(t,n,r,u,e,o,i,c,h,s,M,f,l,v,b,m){var d=new a(16);return d[0]=t,d[1]=n,d[2]=r,d[3]=u,d[4]=e,d[5]=o,d[6]=i,d[7]=c,d[8]=h,d[9]=s,d[10]=M,d[11]=f,d[12]=l,d[13]=v,d[14]=b,d[15]=m,d},set:function(t,n,a,r,u,e,o,i,c,h,s,M,f,l,v,b,m){return t[0]=n,t[1]=a,t[2]=r,t[3]=u,t[4]=e,t[5]=o,t[6]=i,t[7]=c,t[8]=h,t[9]=s,t[10]=M,t[11]=f,t[12]=l,t[13]=v,t[14]=b,t[15]=m,t},identity:g,transpose:function(t,n){if(t===n){var a=n[1],r=n[2],u=n[3],e=n[6],o=n[7],i=n[11];t[1]=n[4],t[2]=n[8],t[3]=n[12],t[4]=a,t[6]=n[9],t[7]=n[13],t[8]=r,t[9]=e,t[11]=n[14],t[12]=u,t[13]=o,t[14]=i}else t[0]=n[0],t[1]=n[4],t[2]=n[8],t[3]=n[12],t[4]=n[1],t[5]=n[5],t[6]=n[9],t[7]=n[13],t[8]=n[2],t[9]=n[6],t[10]=n[10],t[11]=n[14],t[12]=n[3],t[13]=n[7],t[14]=n[11],t[15]=n[15];return t},invert:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=n[4],i=n[5],c=n[6],h=n[7],s=n[8],M=n[9],f=n[10],l=n[11],v=n[12],b=n[13],m=n[14],d=n[15],x=a*i-r*o,p=a*c-u*o,y=a*h-e*o,q=r*c-u*i,g=r*h-e*i,A=u*h-e*c,w=s*b-M*v,R=s*m-f*v,z=s*d-l*v,P=M*m-f*b,j=M*d-l*b,I=f*d-l*m,S=x*I-p*j+y*P+q*z-g*R+A*w;return S?(S=1/S,t[0]=(i*I-c*j+h*P)*S,t[1]=(u*j-r*I-e*P)*S,t[2]=(b*A-m*g+d*q)*S,t[3]=(f*g-M*A-l*q)*S,t[4]=(c*z-o*I-h*R)*S,t[5]=(a*I-u*z+e*R)*S,t[6]=(m*y-v*A-d*p)*S,t[7]=(s*A-f*y+l*p)*S,t[8]=(o*j-i*z+h*w)*S,t[9]=(r*z-a*j-e*w)*S,t[10]=(v*g-b*y+d*x)*S,t[11]=(M*y-s*g-l*x)*S,t[12]=(i*R-o*P-c*w)*S,t[13]=(a*P-r*R+u*w)*S,t[14]=(b*p-v*q-m*x)*S,t[15]=(s*q-M*p+f*x)*S,t):null},adjoint:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=n[4],i=n[5],c=n[6],h=n[7],s=n[8],M=n[9],f=n[10],l=n[11],v=n[12],b=n[13],m=n[14],d=n[15];return t[0]=i*(f*d-l*m)-M*(c*d-h*m)+b*(c*l-h*f),t[1]=-(r*(f*d-l*m)-M*(u*d-e*m)+b*(u*l-e*f)),t[2]=r*(c*d-h*m)-i*(u*d-e*m)+b*(u*h-e*c),t[3]=-(r*(c*l-h*f)-i*(u*l-e*f)+M*(u*h-e*c)),t[4]=-(o*(f*d-l*m)-s*(c*d-h*m)+v*(c*l-h*f)),t[5]=a*(f*d-l*m)-s*(u*d-e*m)+v*(u*l-e*f),t[6]=-(a*(c*d-h*m)-o*(u*d-e*m)+v*(u*h-e*c)),t[7]=a*(c*l-h*f)-o*(u*l-e*f)+s*(u*h-e*c),t[8]=o*(M*d-l*b)-s*(i*d-h*b)+v*(i*l-h*M),t[9]=-(a*(M*d-l*b)-s*(r*d-e*b)+v*(r*l-e*M)),t[10]=a*(i*d-h*b)-o*(r*d-e*b)+v*(r*h-e*i),t[11]=-(a*(i*l-h*M)-o*(r*l-e*M)+s*(r*h-e*i)),t[12]=-(o*(M*m-f*b)-s*(i*m-c*b)+v*(i*f-c*M)),t[13]=a*(M*m-f*b)-s*(r*m-u*b)+v*(r*f-u*M),t[14]=-(a*(i*m-c*b)-o*(r*m-u*b)+v*(r*c-u*i)),t[15]=a*(i*f-c*M)-o*(r*f-u*M)+s*(r*c-u*i),t},determinant:function(t){var n=t[0],a=t[1],r=t[2],u=t[3],e=t[4],o=t[5],i=t[6],c=t[7],h=t[8],s=t[9],M=t[10],f=t[11],l=t[12],v=t[13],b=t[14],m=t[15];return(n*o-a*e)*(M*m-f*b)-(n*i-r*e)*(s*m-f*v)+(n*c-u*e)*(s*b-M*v)+(a*i-r*o)*(h*m-f*l)-(a*c-u*o)*(h*b-M*l)+(r*c-u*i)*(h*v-s*l)},multiply:A,translate:function(t,n,a){var r,u,e,o,i,c,h,s,M,f,l,v,b=a[0],m=a[1],d=a[2];return n===t?(t[12]=n[0]*b+n[4]*m+n[8]*d+n[12],t[13]=n[1]*b+n[5]*m+n[9]*d+n[13],t[14]=n[2]*b+n[6]*m+n[10]*d+n[14],t[15]=n[3]*b+n[7]*m+n[11]*d+n[15]):(r=n[0],u=n[1],e=n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=n[8],f=n[9],l=n[10],v=n[11],t[0]=r,t[1]=u,t[2]=e,t[3]=o,t[4]=i,t[5]=c,t[6]=h,t[7]=s,t[8]=M,t[9]=f,t[10]=l,t[11]=v,t[12]=r*b+i*m+M*d+n[12],t[13]=u*b+c*m+f*d+n[13],t[14]=e*b+h*m+l*d+n[14],t[15]=o*b+s*m+v*d+n[15]),t},scale:function(t,n,a){var r=a[0],u=a[1],e=a[2];return t[0]=n[0]*r,t[1]=n[1]*r,t[2]=n[2]*r,t[3]=n[3]*r,t[4]=n[4]*u,t[5]=n[5]*u,t[6]=n[6]*u,t[7]=n[7]*u,t[8]=n[8]*e,t[9]=n[9]*e,t[10]=n[10]*e,t[11]=n[11]*e,t[12]=n[12],t[13]=n[13],t[14]=n[14],t[15]=n[15],t},rotate:function(t,a,r,u){var e,o,i,c,h,s,M,f,l,v,b,m,d,x,p,y,q,g,A,w,R,z,P,j,I=u[0],S=u[1],E=u[2],O=Math.hypot(I,S,E);return O0?(r[0]=2*(c*i+M*u+h*o-s*e)/f,r[1]=2*(h*i+M*e+s*u-c*o)/f,r[2]=2*(s*i+M*o+c*e-h*u)/f):(r[0]=2*(c*i+M*u+h*o-s*e),r[1]=2*(h*i+M*e+s*u-c*o),r[2]=2*(s*i+M*o+c*e-h*u)),w(t,n,r),t},getTranslation:R,getScaling:z,getRotation:P,fromRotationTranslationScale:function(t,n,a,r){var u=n[0],e=n[1],o=n[2],i=n[3],c=u+u,h=e+e,s=o+o,M=u*c,f=u*h,l=u*s,v=e*h,b=e*s,m=o*s,d=i*c,x=i*h,p=i*s,y=r[0],q=r[1],g=r[2];return t[0]=(1-(v+m))*y,t[1]=(f+p)*y,t[2]=(l-x)*y,t[3]=0,t[4]=(f-p)*q,t[5]=(1-(M+m))*q,t[6]=(b+d)*q,t[7]=0,t[8]=(l+x)*g,t[9]=(b-d)*g,t[10]=(1-(M+v))*g,t[11]=0,t[12]=a[0],t[13]=a[1],t[14]=a[2],t[15]=1,t},fromRotationTranslationScaleOrigin:function(t,n,a,r,u){var e=n[0],o=n[1],i=n[2],c=n[3],h=e+e,s=o+o,M=i+i,f=e*h,l=e*s,v=e*M,b=o*s,m=o*M,d=i*M,x=c*h,p=c*s,y=c*M,q=r[0],g=r[1],A=r[2],w=u[0],R=u[1],z=u[2],P=(1-(b+d))*q,j=(l+y)*q,I=(v-p)*q,S=(l-y)*g,E=(1-(f+d))*g,O=(m+x)*g,T=(v+p)*A,D=(m-x)*A,F=(1-(f+b))*A;return t[0]=P,t[1]=j,t[2]=I,t[3]=0,t[4]=S,t[5]=E,t[6]=O,t[7]=0,t[8]=T,t[9]=D,t[10]=F,t[11]=0,t[12]=a[0]+w-(P*w+S*R+T*z),t[13]=a[1]+R-(j*w+E*R+D*z),t[14]=a[2]+z-(I*w+O*R+F*z),t[15]=1,t},fromQuat:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=a+a,i=r+r,c=u+u,h=a*o,s=r*o,M=r*i,f=u*o,l=u*i,v=u*c,b=e*o,m=e*i,d=e*c;return t[0]=1-M-v,t[1]=s+d,t[2]=f-m,t[3]=0,t[4]=s-d,t[5]=1-h-v,t[6]=l+b,t[7]=0,t[8]=f+m,t[9]=l-b,t[10]=1-h-M,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t},frustum:function(t,n,a,r,u,e,o){var i=1/(a-n),c=1/(u-r),h=1/(e-o);return t[0]=2*e*i,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*e*c,t[6]=0,t[7]=0,t[8]=(a+n)*i,t[9]=(u+r)*c,t[10]=(o+e)*h,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*e*2*h,t[15]=0,t},perspective:function(t,n,a,r,u){var e,o=1/Math.tan(n/2);return t[0]=o/a,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=o,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[11]=-1,t[12]=0,t[13]=0,t[15]=0,null!=u&&u!==1/0?(e=1/(r-u),t[10]=(u+r)*e,t[14]=2*u*r*e):(t[10]=-1,t[14]=-2*r),t},perspectiveFromFieldOfView:function(t,n,a,r){var u=Math.tan(n.upDegrees*Math.PI/180),e=Math.tan(n.downDegrees*Math.PI/180),o=Math.tan(n.leftDegrees*Math.PI/180),i=Math.tan(n.rightDegrees*Math.PI/180),c=2/(o+i),h=2/(u+e);return t[0]=c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=h,t[6]=0,t[7]=0,t[8]=-(o-i)*c*.5,t[9]=(u-e)*h*.5,t[10]=r/(a-r),t[11]=-1,t[12]=0,t[13]=0,t[14]=r*a/(a-r),t[15]=0,t},ortho:function(t,n,a,r,u,e,o){var i=1/(n-a),c=1/(r-u),h=1/(e-o);return t[0]=-2*i,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*c,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*h,t[11]=0,t[12]=(n+a)*i,t[13]=(u+r)*c,t[14]=(o+e)*h,t[15]=1,t},lookAt:function(t,a,r,u){var e,o,i,c,h,s,M,f,l,v,b=a[0],m=a[1],d=a[2],x=u[0],p=u[1],y=u[2],q=r[0],A=r[1],w=r[2];return Math.abs(b-q)0&&(s*=l=1/Math.sqrt(l),M*=l,f*=l);var v=c*f-h*M,b=h*s-i*f,m=i*M-c*s;return(l=v*v+b*b+m*m)>0&&(v*=l=1/Math.sqrt(l),b*=l,m*=l),t[0]=v,t[1]=b,t[2]=m,t[3]=0,t[4]=M*m-f*b,t[5]=f*v-s*m,t[6]=s*b-M*v,t[7]=0,t[8]=s,t[9]=M,t[10]=f,t[11]=0,t[12]=u,t[13]=e,t[14]=o,t[15]=1,t},str:function(t){return"mat4("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+", "+t[4]+", "+t[5]+", "+t[6]+", "+t[7]+", "+t[8]+", "+t[9]+", "+t[10]+", "+t[11]+", "+t[12]+", "+t[13]+", "+t[14]+", "+t[15]+")"},frob:function(t){return Math.hypot(t[0],t[1],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])},add:function(t,n,a){return t[0]=n[0]+a[0],t[1]=n[1]+a[1],t[2]=n[2]+a[2],t[3]=n[3]+a[3],t[4]=n[4]+a[4],t[5]=n[5]+a[5],t[6]=n[6]+a[6],t[7]=n[7]+a[7],t[8]=n[8]+a[8],t[9]=n[9]+a[9],t[10]=n[10]+a[10],t[11]=n[11]+a[11],t[12]=n[12]+a[12],t[13]=n[13]+a[13],t[14]=n[14]+a[14],t[15]=n[15]+a[15],t},subtract:j,multiplyScalar:function(t,n,a){return t[0]=n[0]*a,t[1]=n[1]*a,t[2]=n[2]*a,t[3]=n[3]*a,t[4]=n[4]*a,t[5]=n[5]*a,t[6]=n[6]*a,t[7]=n[7]*a,t[8]=n[8]*a,t[9]=n[9]*a,t[10]=n[10]*a,t[11]=n[11]*a,t[12]=n[12]*a,t[13]=n[13]*a,t[14]=n[14]*a,t[15]=n[15]*a,t},multiplyScalarAndAdd:function(t,n,a,r){return t[0]=n[0]+a[0]*r,t[1]=n[1]+a[1]*r,t[2]=n[2]+a[2]*r,t[3]=n[3]+a[3]*r,t[4]=n[4]+a[4]*r,t[5]=n[5]+a[5]*r,t[6]=n[6]+a[6]*r,t[7]=n[7]+a[7]*r,t[8]=n[8]+a[8]*r,t[9]=n[9]+a[9]*r,t[10]=n[10]+a[10]*r,t[11]=n[11]+a[11]*r,t[12]=n[12]+a[12]*r,t[13]=n[13]+a[13]*r,t[14]=n[14]+a[14]*r,t[15]=n[15]+a[15]*r,t},exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]&&t[3]===n[3]&&t[4]===n[4]&&t[5]===n[5]&&t[6]===n[6]&&t[7]===n[7]&&t[8]===n[8]&&t[9]===n[9]&&t[10]===n[10]&&t[11]===n[11]&&t[12]===n[12]&&t[13]===n[13]&&t[14]===n[14]&&t[15]===n[15]},equals:function(t,a){var r=t[0],u=t[1],e=t[2],o=t[3],i=t[4],c=t[5],h=t[6],s=t[7],M=t[8],f=t[9],l=t[10],v=t[11],b=t[12],m=t[13],d=t[14],x=t[15],p=a[0],y=a[1],q=a[2],g=a[3],A=a[4],w=a[5],R=a[6],z=a[7],P=a[8],j=a[9],I=a[10],S=a[11],E=a[12],O=a[13],T=a[14],D=a[15];return Math.abs(r-p)<=n*Math.max(1,Math.abs(r),Math.abs(p))&&Math.abs(u-y)<=n*Math.max(1,Math.abs(u),Math.abs(y))&&Math.abs(e-q)<=n*Math.max(1,Math.abs(e),Math.abs(q))&&Math.abs(o-g)<=n*Math.max(1,Math.abs(o),Math.abs(g))&&Math.abs(i-A)<=n*Math.max(1,Math.abs(i),Math.abs(A))&&Math.abs(c-w)<=n*Math.max(1,Math.abs(c),Math.abs(w))&&Math.abs(h-R)<=n*Math.max(1,Math.abs(h),Math.abs(R))&&Math.abs(s-z)<=n*Math.max(1,Math.abs(s),Math.abs(z))&&Math.abs(M-P)<=n*Math.max(1,Math.abs(M),Math.abs(P))&&Math.abs(f-j)<=n*Math.max(1,Math.abs(f),Math.abs(j))&&Math.abs(l-I)<=n*Math.max(1,Math.abs(l),Math.abs(I))&&Math.abs(v-S)<=n*Math.max(1,Math.abs(v),Math.abs(S))&&Math.abs(b-E)<=n*Math.max(1,Math.abs(b),Math.abs(E))&&Math.abs(m-O)<=n*Math.max(1,Math.abs(m),Math.abs(O))&&Math.abs(d-T)<=n*Math.max(1,Math.abs(d),Math.abs(T))&&Math.abs(x-D)<=n*Math.max(1,Math.abs(x),Math.abs(D))},mul:I,sub:S});function O(){var t=new a(3);return a!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function T(t){var n=t[0],a=t[1],r=t[2];return Math.hypot(n,a,r)}function D(t,n,r){var u=new a(3);return u[0]=t,u[1]=n,u[2]=r,u}function F(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t[2]=n[2]-a[2],t}function L(t,n,a){return t[0]=n[0]*a[0],t[1]=n[1]*a[1],t[2]=n[2]*a[2],t}function V(t,n,a){return t[0]=n[0]/a[0],t[1]=n[1]/a[1],t[2]=n[2]/a[2],t}function Q(t,n){var a=n[0]-t[0],r=n[1]-t[1],u=n[2]-t[2];return Math.hypot(a,r,u)}function Y(t,n){var a=n[0]-t[0],r=n[1]-t[1],u=n[2]-t[2];return a*a+r*r+u*u}function X(t){var n=t[0],a=t[1],r=t[2];return n*n+a*a+r*r}function Z(t,n){var a=n[0],r=n[1],u=n[2],e=a*a+r*r+u*u;return e>0&&(e=1/Math.sqrt(e)),t[0]=n[0]*e,t[1]=n[1]*e,t[2]=n[2]*e,t}function _(t,n){return t[0]*n[0]+t[1]*n[1]+t[2]*n[2]}function B(t,n,a){var r=n[0],u=n[1],e=n[2],o=a[0],i=a[1],c=a[2];return t[0]=u*c-e*i,t[1]=e*o-r*c,t[2]=r*i-u*o,t}var N,k=F,U=L,W=V,C=Q,G=Y,H=T,J=X,K=(N=O(),function(t,n,a,r,u,e){var o,i;for(n||(n=3),a||(a=0),i=r?Math.min(r*n+a,t.length):t.length,o=a;o1?0:u<-1?Math.PI:Math.acos(u)},zero:function(t){return t[0]=0,t[1]=0,t[2]=0,t},str:function(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"},exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]},equals:function(t,a){var r=t[0],u=t[1],e=t[2],o=a[0],i=a[1],c=a[2];return Math.abs(r-o)<=n*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(u-i)<=n*Math.max(1,Math.abs(u),Math.abs(i))&&Math.abs(e-c)<=n*Math.max(1,Math.abs(e),Math.abs(c))},sub:k,mul:U,div:W,dist:C,sqrDist:G,len:H,sqrLen:J,forEach:K});function tt(){var t=new a(4);return a!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t}function nt(t){var n=new a(4);return n[0]=t[0],n[1]=t[1],n[2]=t[2],n[3]=t[3],n}function at(t,n,r,u){var e=new a(4);return e[0]=t,e[1]=n,e[2]=r,e[3]=u,e}function rt(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t}function ut(t,n,a,r,u){return t[0]=n,t[1]=a,t[2]=r,t[3]=u,t}function et(t,n,a){return t[0]=n[0]+a[0],t[1]=n[1]+a[1],t[2]=n[2]+a[2],t[3]=n[3]+a[3],t}function ot(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t[2]=n[2]-a[2],t[3]=n[3]-a[3],t}function it(t,n,a){return t[0]=n[0]*a[0],t[1]=n[1]*a[1],t[2]=n[2]*a[2],t[3]=n[3]*a[3],t}function ct(t,n,a){return t[0]=n[0]/a[0],t[1]=n[1]/a[1],t[2]=n[2]/a[2],t[3]=n[3]/a[3],t}function ht(t,n,a){return t[0]=n[0]*a,t[1]=n[1]*a,t[2]=n[2]*a,t[3]=n[3]*a,t}function st(t,n){var a=n[0]-t[0],r=n[1]-t[1],u=n[2]-t[2],e=n[3]-t[3];return Math.hypot(a,r,u,e)}function Mt(t,n){var a=n[0]-t[0],r=n[1]-t[1],u=n[2]-t[2],e=n[3]-t[3];return a*a+r*r+u*u+e*e}function ft(t){var n=t[0],a=t[1],r=t[2],u=t[3];return Math.hypot(n,a,r,u)}function lt(t){var n=t[0],a=t[1],r=t[2],u=t[3];return n*n+a*a+r*r+u*u}function vt(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=a*a+r*r+u*u+e*e;return o>0&&(o=1/Math.sqrt(o)),t[0]=a*o,t[1]=r*o,t[2]=u*o,t[3]=e*o,t}function bt(t,n){return t[0]*n[0]+t[1]*n[1]+t[2]*n[2]+t[3]*n[3]}function mt(t,n,a,r){var u=n[0],e=n[1],o=n[2],i=n[3];return t[0]=u+r*(a[0]-u),t[1]=e+r*(a[1]-e),t[2]=o+r*(a[2]-o),t[3]=i+r*(a[3]-i),t}function dt(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]&&t[3]===n[3]}function xt(t,a){var r=t[0],u=t[1],e=t[2],o=t[3],i=a[0],c=a[1],h=a[2],s=a[3];return Math.abs(r-i)<=n*Math.max(1,Math.abs(r),Math.abs(i))&&Math.abs(u-c)<=n*Math.max(1,Math.abs(u),Math.abs(c))&&Math.abs(e-h)<=n*Math.max(1,Math.abs(e),Math.abs(h))&&Math.abs(o-s)<=n*Math.max(1,Math.abs(o),Math.abs(s))}var pt=ot,yt=it,qt=ct,gt=st,At=Mt,wt=ft,Rt=lt,zt=function(){var t=tt();return function(n,a,r,u,e,o){var i,c;for(a||(a=4),r||(r=0),c=u?Math.min(u*a+r,n.length):n.length,i=r;i=1);do{c=(e=2*r()-1)*e+(o=2*r()-1)*o}while(c>=1);var h=Math.sqrt((1-i)/c);return t[0]=n*a,t[1]=n*u,t[2]=n*e*h,t[3]=n*o*h,t},transformMat4:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3];return t[0]=a[0]*r+a[4]*u+a[8]*e+a[12]*o,t[1]=a[1]*r+a[5]*u+a[9]*e+a[13]*o,t[2]=a[2]*r+a[6]*u+a[10]*e+a[14]*o,t[3]=a[3]*r+a[7]*u+a[11]*e+a[15]*o,t},transformQuat:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=a[0],i=a[1],c=a[2],h=a[3],s=h*r+i*e-c*u,M=h*u+c*r-o*e,f=h*e+o*u-i*r,l=-o*r-i*u-c*e;return t[0]=s*h+l*-o+M*-c-f*-i,t[1]=M*h+l*-i+f*-o-s*-c,t[2]=f*h+l*-c+s*-i-M*-o,t[3]=n[3],t},zero:function(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=0,t},str:function(t){return"vec4("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"},exactEquals:dt,equals:xt,sub:pt,mul:yt,div:qt,dist:gt,sqrDist:At,len:wt,sqrLen:Rt,forEach:zt});function jt(){var t=new a(4);return a!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function It(t,n,a){a*=.5;var r=Math.sin(a);return t[0]=r*n[0],t[1]=r*n[1],t[2]=r*n[2],t[3]=Math.cos(a),t}function St(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=a[0],c=a[1],h=a[2],s=a[3];return t[0]=r*s+o*i+u*h-e*c,t[1]=u*s+o*c+e*i-r*h,t[2]=e*s+o*h+r*c-u*i,t[3]=o*s-r*i-u*c-e*h,t}function Et(t,n,a){a*=.5;var r=n[0],u=n[1],e=n[2],o=n[3],i=Math.sin(a),c=Math.cos(a);return t[0]=r*c+o*i,t[1]=u*c+e*i,t[2]=e*c-u*i,t[3]=o*c-r*i,t}function Ot(t,n,a){a*=.5;var r=n[0],u=n[1],e=n[2],o=n[3],i=Math.sin(a),c=Math.cos(a);return t[0]=r*c-e*i,t[1]=u*c+o*i,t[2]=e*c+r*i,t[3]=o*c-u*i,t}function Tt(t,n,a){a*=.5;var r=n[0],u=n[1],e=n[2],o=n[3],i=Math.sin(a),c=Math.cos(a);return t[0]=r*c+u*i,t[1]=u*c-r*i,t[2]=e*c+o*i,t[3]=o*c-e*i,t}function Dt(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=Math.sqrt(a*a+r*r+u*u),i=Math.exp(e),c=o>0?i*Math.sin(o)/o:0;return t[0]=a*c,t[1]=r*c,t[2]=u*c,t[3]=i*Math.cos(o),t}function Ft(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=Math.sqrt(a*a+r*r+u*u),i=o>0?Math.atan2(o,e)/o:0;return t[0]=a*i,t[1]=r*i,t[2]=u*i,t[3]=.5*Math.log(a*a+r*r+u*u+e*e),t}function Lt(t,a,r,u){var e,o,i,c,h,s=a[0],M=a[1],f=a[2],l=a[3],v=r[0],b=r[1],m=r[2],d=r[3];return(o=s*v+M*b+f*m+l*d)<0&&(o=-o,v=-v,b=-b,m=-m,d=-d),1-o>n?(e=Math.acos(o),i=Math.sin(e),c=Math.sin((1-u)*e)/i,h=Math.sin(u*e)/i):(c=1-u,h=u),t[0]=c*s+h*v,t[1]=c*M+h*b,t[2]=c*f+h*m,t[3]=c*l+h*d,t}function Vt(t,n){var a,r=n[0]+n[4]+n[8];if(r>0)a=Math.sqrt(r+1),t[3]=.5*a,a=.5/a,t[0]=(n[5]-n[7])*a,t[1]=(n[6]-n[2])*a,t[2]=(n[1]-n[3])*a;else{var u=0;n[4]>n[0]&&(u=1),n[8]>n[3*u+u]&&(u=2);var e=(u+1)%3,o=(u+2)%3;a=Math.sqrt(n[3*u+u]-n[3*e+e]-n[3*o+o]+1),t[u]=.5*a,a=.5/a,t[3]=(n[3*e+o]-n[3*o+e])*a,t[e]=(n[3*e+u]+n[3*u+e])*a,t[o]=(n[3*o+u]+n[3*u+o])*a}return t}var Qt,Yt,Xt,Zt,_t,Bt,Nt=nt,kt=at,Ut=rt,Wt=ut,Ct=et,Gt=St,Ht=ht,Jt=bt,Kt=mt,$t=ft,tn=$t,nn=lt,an=nn,rn=vt,un=dt,en=xt,on=(Qt=O(),Yt=D(1,0,0),Xt=D(0,1,0),function(t,n,a){var r=_(n,a);return r<-.999999?(B(Qt,Yt,n),H(Qt)<1e-6&&B(Qt,Xt,n),Z(Qt,Qt),It(t,Qt,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(B(Qt,n,a),t[0]=Qt[0],t[1]=Qt[1],t[2]=Qt[2],t[3]=1+r,rn(t,t))}),cn=(Zt=jt(),_t=jt(),function(t,n,a,r,u,e){return Lt(Zt,n,u,e),Lt(_t,a,r,e),Lt(t,Zt,_t,2*e*(1-e)),t}),hn=(Bt=m(),function(t,n,a,r){return Bt[0]=a[0],Bt[3]=a[1],Bt[6]=a[2],Bt[1]=r[0],Bt[4]=r[1],Bt[7]=r[2],Bt[2]=-n[0],Bt[5]=-n[1],Bt[8]=-n[2],rn(t,Vt(t,Bt))}),sn=Object.freeze({create:jt,identity:function(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t},setAxisAngle:It,getAxisAngle:function(t,a){var r=2*Math.acos(a[3]),u=Math.sin(r/2);return u>n?(t[0]=a[0]/u,t[1]=a[1]/u,t[2]=a[2]/u):(t[0]=1,t[1]=0,t[2]=0),r},getAngle:function(t,n){var a=Jt(t,n);return Math.acos(2*a*a-1)},multiply:St,rotateX:Et,rotateY:Ot,rotateZ:Tt,calculateW:function(t,n){var a=n[0],r=n[1],u=n[2];return t[0]=a,t[1]=r,t[2]=u,t[3]=Math.sqrt(Math.abs(1-a*a-r*r-u*u)),t},exp:Dt,ln:Ft,pow:function(t,n,a){return Ft(t,n),Ht(t,t,a),Dt(t,t),t},slerp:Lt,random:function(t){var n=r(),a=r(),u=r(),e=Math.sqrt(1-n),o=Math.sqrt(n);return t[0]=e*Math.sin(2*Math.PI*a),t[1]=e*Math.cos(2*Math.PI*a),t[2]=o*Math.sin(2*Math.PI*u),t[3]=o*Math.cos(2*Math.PI*u),t},invert:function(t,n){var a=n[0],r=n[1],u=n[2],e=n[3],o=a*a+r*r+u*u+e*e,i=o?1/o:0;return t[0]=-a*i,t[1]=-r*i,t[2]=-u*i,t[3]=e*i,t},conjugate:function(t,n){return t[0]=-n[0],t[1]=-n[1],t[2]=-n[2],t[3]=n[3],t},fromMat3:Vt,fromEuler:function(t,n,a,r){var u=.5*Math.PI/180;n*=u,a*=u,r*=u;var e=Math.sin(n),o=Math.cos(n),i=Math.sin(a),c=Math.cos(a),h=Math.sin(r),s=Math.cos(r);return t[0]=e*c*s-o*i*h,t[1]=o*i*s+e*c*h,t[2]=o*c*h-e*i*s,t[3]=o*c*s+e*i*h,t},str:function(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"},clone:Nt,fromValues:kt,copy:Ut,set:Wt,add:Ct,mul:Gt,scale:Ht,dot:Jt,lerp:Kt,length:$t,len:tn,squaredLength:nn,sqrLen:an,normalize:rn,exactEquals:un,equals:en,rotationTo:on,sqlerp:cn,setAxes:hn});function Mn(t,n,a){var r=.5*a[0],u=.5*a[1],e=.5*a[2],o=n[0],i=n[1],c=n[2],h=n[3];return t[0]=o,t[1]=i,t[2]=c,t[3]=h,t[4]=r*h+u*c-e*i,t[5]=u*h+e*o-r*c,t[6]=e*h+r*i-u*o,t[7]=-r*o-u*i-e*c,t}function fn(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t[4]=n[4],t[5]=n[5],t[6]=n[6],t[7]=n[7],t}var ln=Ut;var vn=Ut;function bn(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=a[4],c=a[5],h=a[6],s=a[7],M=n[4],f=n[5],l=n[6],v=n[7],b=a[0],m=a[1],d=a[2],x=a[3];return t[0]=r*x+o*b+u*d-e*m,t[1]=u*x+o*m+e*b-r*d,t[2]=e*x+o*d+r*m-u*b,t[3]=o*x-r*b-u*m-e*d,t[4]=r*s+o*i+u*h-e*c+M*x+v*b+f*d-l*m,t[5]=u*s+o*c+e*i-r*h+f*x+v*m+l*b-M*d,t[6]=e*s+o*h+r*c-u*i+l*x+v*d+M*m-f*b,t[7]=o*s-r*i-u*c-e*h+v*x-M*b-f*m-l*d,t}var mn=bn;var dn=Jt;var xn=$t,pn=xn,yn=nn,qn=yn;var gn=Object.freeze({create:function(){var t=new a(8);return a!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[4]=0,t[5]=0,t[6]=0,t[7]=0),t[3]=1,t},clone:function(t){var n=new a(8);return n[0]=t[0],n[1]=t[1],n[2]=t[2],n[3]=t[3],n[4]=t[4],n[5]=t[5],n[6]=t[6],n[7]=t[7],n},fromValues:function(t,n,r,u,e,o,i,c){var h=new a(8);return h[0]=t,h[1]=n,h[2]=r,h[3]=u,h[4]=e,h[5]=o,h[6]=i,h[7]=c,h},fromRotationTranslationValues:function(t,n,r,u,e,o,i){var c=new a(8);c[0]=t,c[1]=n,c[2]=r,c[3]=u;var h=.5*e,s=.5*o,M=.5*i;return c[4]=h*u+s*r-M*n,c[5]=s*u+M*t-h*r,c[6]=M*u+h*n-s*t,c[7]=-h*t-s*n-M*r,c},fromRotationTranslation:Mn,fromTranslation:function(t,n){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t[4]=.5*n[0],t[5]=.5*n[1],t[6]=.5*n[2],t[7]=0,t},fromRotation:function(t,n){return t[0]=n[0],t[1]=n[1],t[2]=n[2],t[3]=n[3],t[4]=0,t[5]=0,t[6]=0,t[7]=0,t},fromMat4:function(t,n){var r=jt();P(r,n);var u=new a(3);return R(u,n),Mn(t,r,u),t},copy:fn,identity:function(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t[4]=0,t[5]=0,t[6]=0,t[7]=0,t},set:function(t,n,a,r,u,e,o,i,c){return t[0]=n,t[1]=a,t[2]=r,t[3]=u,t[4]=e,t[5]=o,t[6]=i,t[7]=c,t},getReal:ln,getDual:function(t,n){return t[0]=n[4],t[1]=n[5],t[2]=n[6],t[3]=n[7],t},setReal:vn,setDual:function(t,n){return t[4]=n[0],t[5]=n[1],t[6]=n[2],t[7]=n[3],t},getTranslation:function(t,n){var a=n[4],r=n[5],u=n[6],e=n[7],o=-n[0],i=-n[1],c=-n[2],h=n[3];return t[0]=2*(a*h+e*o+r*c-u*i),t[1]=2*(r*h+e*i+u*o-a*c),t[2]=2*(u*h+e*c+a*i-r*o),t},translate:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=.5*a[0],c=.5*a[1],h=.5*a[2],s=n[4],M=n[5],f=n[6],l=n[7];return t[0]=r,t[1]=u,t[2]=e,t[3]=o,t[4]=o*i+u*h-e*c+s,t[5]=o*c+e*i-r*h+M,t[6]=o*h+r*c-u*i+f,t[7]=-r*i-u*c-e*h+l,t},rotateX:function(t,n,a){var r=-n[0],u=-n[1],e=-n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=i*o+s*r+c*e-h*u,f=c*o+s*u+h*r-i*e,l=h*o+s*e+i*u-c*r,v=s*o-i*r-c*u-h*e;return Et(t,n,a),r=t[0],u=t[1],e=t[2],o=t[3],t[4]=M*o+v*r+f*e-l*u,t[5]=f*o+v*u+l*r-M*e,t[6]=l*o+v*e+M*u-f*r,t[7]=v*o-M*r-f*u-l*e,t},rotateY:function(t,n,a){var r=-n[0],u=-n[1],e=-n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=i*o+s*r+c*e-h*u,f=c*o+s*u+h*r-i*e,l=h*o+s*e+i*u-c*r,v=s*o-i*r-c*u-h*e;return Ot(t,n,a),r=t[0],u=t[1],e=t[2],o=t[3],t[4]=M*o+v*r+f*e-l*u,t[5]=f*o+v*u+l*r-M*e,t[6]=l*o+v*e+M*u-f*r,t[7]=v*o-M*r-f*u-l*e,t},rotateZ:function(t,n,a){var r=-n[0],u=-n[1],e=-n[2],o=n[3],i=n[4],c=n[5],h=n[6],s=n[7],M=i*o+s*r+c*e-h*u,f=c*o+s*u+h*r-i*e,l=h*o+s*e+i*u-c*r,v=s*o-i*r-c*u-h*e;return Tt(t,n,a),r=t[0],u=t[1],e=t[2],o=t[3],t[4]=M*o+v*r+f*e-l*u,t[5]=f*o+v*u+l*r-M*e,t[6]=l*o+v*e+M*u-f*r,t[7]=v*o-M*r-f*u-l*e,t},rotateByQuatAppend:function(t,n,a){var r=a[0],u=a[1],e=a[2],o=a[3],i=n[0],c=n[1],h=n[2],s=n[3];return t[0]=i*o+s*r+c*e-h*u,t[1]=c*o+s*u+h*r-i*e,t[2]=h*o+s*e+i*u-c*r,t[3]=s*o-i*r-c*u-h*e,i=n[4],c=n[5],h=n[6],s=n[7],t[4]=i*o+s*r+c*e-h*u,t[5]=c*o+s*u+h*r-i*e,t[6]=h*o+s*e+i*u-c*r,t[7]=s*o-i*r-c*u-h*e,t},rotateByQuatPrepend:function(t,n,a){var r=n[0],u=n[1],e=n[2],o=n[3],i=a[0],c=a[1],h=a[2],s=a[3];return t[0]=r*s+o*i+u*h-e*c,t[1]=u*s+o*c+e*i-r*h,t[2]=e*s+o*h+r*c-u*i,t[3]=o*s-r*i-u*c-e*h,i=a[4],c=a[5],h=a[6],s=a[7],t[4]=r*s+o*i+u*h-e*c,t[5]=u*s+o*c+e*i-r*h,t[6]=e*s+o*h+r*c-u*i,t[7]=o*s-r*i-u*c-e*h,t},rotateAroundAxis:function(t,a,r,u){if(Math.abs(u)0){a=Math.sqrt(a);var r=n[0]/a,u=n[1]/a,e=n[2]/a,o=n[3]/a,i=n[4],c=n[5],h=n[6],s=n[7],M=r*i+u*c+e*h+o*s;t[0]=r,t[1]=u,t[2]=e,t[3]=o,t[4]=(i-r*M)/a,t[5]=(c-u*M)/a,t[6]=(h-e*M)/a,t[7]=(s-o*M)/a}return t},str:function(t){return"quat2("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+", "+t[4]+", "+t[5]+", "+t[6]+", "+t[7]+")"},exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]&&t[2]===n[2]&&t[3]===n[3]&&t[4]===n[4]&&t[5]===n[5]&&t[6]===n[6]&&t[7]===n[7]},equals:function(t,a){var r=t[0],u=t[1],e=t[2],o=t[3],i=t[4],c=t[5],h=t[6],s=t[7],M=a[0],f=a[1],l=a[2],v=a[3],b=a[4],m=a[5],d=a[6],x=a[7];return Math.abs(r-M)<=n*Math.max(1,Math.abs(r),Math.abs(M))&&Math.abs(u-f)<=n*Math.max(1,Math.abs(u),Math.abs(f))&&Math.abs(e-l)<=n*Math.max(1,Math.abs(e),Math.abs(l))&&Math.abs(o-v)<=n*Math.max(1,Math.abs(o),Math.abs(v))&&Math.abs(i-b)<=n*Math.max(1,Math.abs(i),Math.abs(b))&&Math.abs(c-m)<=n*Math.max(1,Math.abs(c),Math.abs(m))&&Math.abs(h-d)<=n*Math.max(1,Math.abs(h),Math.abs(d))&&Math.abs(s-x)<=n*Math.max(1,Math.abs(s),Math.abs(x))}});function An(){var t=new a(2);return a!=Float32Array&&(t[0]=0,t[1]=0),t}function wn(t,n,a){return t[0]=n[0]-a[0],t[1]=n[1]-a[1],t}function Rn(t,n,a){return t[0]=n[0]*a[0],t[1]=n[1]*a[1],t}function zn(t,n,a){return t[0]=n[0]/a[0],t[1]=n[1]/a[1],t}function Pn(t,n){var a=n[0]-t[0],r=n[1]-t[1];return Math.hypot(a,r)}function jn(t,n){var a=n[0]-t[0],r=n[1]-t[1];return a*a+r*r}function In(t){var n=t[0],a=t[1];return Math.hypot(n,a)}function Sn(t){var n=t[0],a=t[1];return n*n+a*a}var En=In,On=wn,Tn=Rn,Dn=zn,Fn=Pn,Ln=jn,Vn=Sn,Qn=function(){var t=An();return function(n,a,r,u,e,o){var i,c;for(a||(a=2),r||(r=0),c=u?Math.min(u*a+r,n.length):n.length,i=r;i0&&(u=1/Math.sqrt(u)),t[0]=n[0]*u,t[1]=n[1]*u,t},dot:function(t,n){return t[0]*n[0]+t[1]*n[1]},cross:function(t,n,a){var r=n[0]*a[1]-n[1]*a[0];return t[0]=t[1]=0,t[2]=r,t},lerp:function(t,n,a,r){var u=n[0],e=n[1];return t[0]=u+r*(a[0]-u),t[1]=e+r*(a[1]-e),t},random:function(t,n){n=n||1;var a=2*r()*Math.PI;return t[0]=Math.cos(a)*n,t[1]=Math.sin(a)*n,t},transformMat2:function(t,n,a){var r=n[0],u=n[1];return t[0]=a[0]*r+a[2]*u,t[1]=a[1]*r+a[3]*u,t},transformMat2d:function(t,n,a){var r=n[0],u=n[1];return t[0]=a[0]*r+a[2]*u+a[4],t[1]=a[1]*r+a[3]*u+a[5],t},transformMat3:function(t,n,a){var r=n[0],u=n[1];return t[0]=a[0]*r+a[3]*u+a[6],t[1]=a[1]*r+a[4]*u+a[7],t},transformMat4:function(t,n,a){var r=n[0],u=n[1];return t[0]=a[0]*r+a[4]*u+a[12],t[1]=a[1]*r+a[5]*u+a[13],t},rotate:function(t,n,a,r){var u=n[0]-a[0],e=n[1]-a[1],o=Math.sin(r),i=Math.cos(r);return t[0]=u*i-e*o+a[0],t[1]=u*o+e*i+a[1],t},angle:function(t,n){var a=t[0],r=t[1],u=n[0],e=n[1],o=a*a+r*r;o>0&&(o=1/Math.sqrt(o));var i=u*u+e*e;i>0&&(i=1/Math.sqrt(i));var c=(a*u+r*e)*o*i;return c>1?0:c<-1?Math.PI:Math.acos(c)},zero:function(t){return t[0]=0,t[1]=0,t},str:function(t){return"vec2("+t[0]+", "+t[1]+")"},exactEquals:function(t,n){return t[0]===n[0]&&t[1]===n[1]},equals:function(t,a){var r=t[0],u=t[1],e=a[0],o=a[1];return Math.abs(r-e)<=n*Math.max(1,Math.abs(r),Math.abs(e))&&Math.abs(u-o)<=n*Math.max(1,Math.abs(u),Math.abs(o))},len:En,sub:On,mul:Tn,div:Dn,dist:Fn,sqrDist:Ln,sqrLen:Vn,forEach:Qn});t.glMatrix=e,t.mat2=s,t.mat2d=b,t.mat3=q,t.mat4=E,t.quat=sn,t.quat2=gn,t.vec2=Yn,t.vec3=$,t.vec4=Pt,Object.defineProperty(t,"__esModule",{value:!0})}); + +// ["glMatrix", "mat2", "mat2d", "mat3", "mat4", "quat", "quat2", "vec2", "vec3", "vec4"] +window.glMatrix = glMatrix; +window.mat2 = glMatrix.mat2; +window.mat2d = glMatrix.mat2d; +window.mat3 = glMatrix.mat3; +window.mat4 = glMatrix.mat4; +window.quat = glMatrix.quat; +window.quat2 = glMatrix.quat2; +window.vec2 = glMatrix.vec2; +window.vec3 = glMatrix.vec3; +window.vec4 = glMatrix.vec4; + + +if(!CABLES.exportedPatches)CABLES.exportedPatches={};CABLES.exportedPatches["uvBp73"]={_id:"65bcb16a71656d76fa1ec204",ops:[{id:"zdo60lxbk",uiAttribs:{},portsIn:[{name:"FPS Limit",value:0},{name:"Reduce FPS not focussed",value:1},{name:"Reduce FPS loading",value:0},{name:"Clear",value:1},{name:"ClearAlpha",value:0},{name:"Fullscreen Button",value:0},{name:"Active",value:1},{name:"Hires Displays",value:1},{name:"Pixel Unit index",value:0},{name:"Pixel Unit",value:"Display"}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"e0268dfa-e089-4f1f-966c-c30218792023",objOut:"zdo60lxbk"}]},{name:"width",value:1532},{name:"height",value:834}],objName:"Ops.Gl.MainLoop"},{id:"141502b6-2964-42b8-b273-c6d7f5bcf303",uiAttribs:{},portsOut:[{name:"trigger 0",links:[{portIn:"Trigger",portOut:"trigger 0",objIn:"e0698285-4e6a-4339-a9ba-d9b3e441372c",objOut:"141502b6-2964-42b8-b273-c6d7f5bcf303"},{portIn:"Increment",portOut:"trigger 0",objIn:"6hojoyomj",objOut:"141502b6-2964-42b8-b273-c6d7f5bcf303"}]},{name:"trigger 5",links:[{portIn:"in0 Cursor Update",portOut:"trigger 5",objIn:"cd9136e7-4c7b-4555-bf01-18381685410b",objOut:"141502b6-2964-42b8-b273-c6d7f5bcf303"}]},{name:"trigger 8",links:[{portIn:"Trigger",portOut:"trigger 8",objIn:"ch5u1xz0l",objOut:"141502b6-2964-42b8-b273-c6d7f5bcf303"}]},{name:"trigger 9",links:[{portIn:"exe",portOut:"trigger 9",objIn:"124910bf-e88f-4da5-847e-888a7ac73020",objOut:"141502b6-2964-42b8-b273-c6d7f5bcf303"}]},{name:"trigger 15",links:[{portIn:"Trigger",portOut:"trigger 15",objIn:"afa40c7e-19f5-4546-911c-1e34c62f310b",objOut:"141502b6-2964-42b8-b273-c6d7f5bcf303"}]}],objName:"Ops.Trigger.Sequence"},{id:"4950e7c1-dcaf-47ac-9ca9-512013c4e9c9",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Coordinates index",value:0},{name:"Coordinates",value:"-1 to 1"},{name:"Area index",value:3},{name:"Area",value:"Canvas Area"},{name:"flip y",value:0},{name:"right click prevent default",value:1},{name:"Touch support",value:1},{name:"Passive Events",value:0},{name:"Active",value:1}],portsOut:[{name:"x",links:[{portIn:"out1 Ops.Devices.Mouse.Mouse_v3 x",portOut:"x",objIn:"7bebb5f0-9d69-43ee-98be-27a13edd98db",objOut:"4950e7c1-dcaf-47ac-9ca9-512013c4e9c9"}]},{name:"y",links:[{portIn:"out2 Ops.Devices.Mouse.Mouse_v3 y",portOut:"y",objIn:"7bebb5f0-9d69-43ee-98be-27a13edd98db",objOut:"4950e7c1-dcaf-47ac-9ca9-512013c4e9c9"}]},{name:"click",links:[{portIn:"Trigger",portOut:"click",objIn:"xz7qgpta6",objOut:"4950e7c1-dcaf-47ac-9ca9-512013c4e9c9"}]},{name:"Button is down",value:0},{name:"Mouse is hovering",links:[{portIn:"Value",portOut:"Mouse is hovering",objIn:"d155f04b-ae78-473c-994b-81138389d0f0",objOut:"4950e7c1-dcaf-47ac-9ca9-512013c4e9c9"}]},{name:"Movement X",value:0},{name:"Movement Y",value:0}],objName:"Ops.Devices.Mouse.Mouse_v3"},{id:"d155f04b-ae78-473c-994b-81138389d0f0",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Variable",value:"ui_mouseOver"}],objName:"Ops.Vars.VarSetNumber_v2"},{id:"dq71li66q",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Multiply",value:1},{name:"Limit",value:1},{name:"Min",value:0},{name:"Max",value:1},{name:"Rubberband",value:0}],portsOut:[{name:"Absolute Value",links:[{portIn:"out0 DeltaSum Absolute Value",portOut:"Absolute Value",objIn:"7bebb5f0-9d69-43ee-98be-27a13edd98db",objOut:"dq71li66q"}]}],objName:"Ops.Math.DeltaSum"},{id:"9d85ffdc-685a-42ef-bd41-b501521a114c",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsOut:[{name:"create port",value:0}],objName:"Ops.Ui.PatchInput"},{id:"7bebb5f0-9d69-43ee-98be-27a13edd98db",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"create port",value:0}],objName:"Ops.Ui.PatchOutput"},{id:"cd9136e7-4c7b-4555-bf01-18381685410b",uiAttribs:{},storage:{subPatchVer:1},portsIn:[{name:"create port",value:0},{name:"dataStr",value:'{"ports":[{"name":"in0 Cursor Update","type":1}],"portsOut":[{"name":"out0 DeltaSum Absolute Value","type":0},{"name":"out1 Ops.Devices.Mouse.Mouse_v3 x","type":0},{"name":"out2 Ops.Devices.Mouse.Mouse_v3 y","type":0}]}'},{name:"patchId",value:"66dae55a-8297-4120-81e2-d946cc6b2b60"}],portsOut:[{name:"create port out",value:0},{name:"out0 DeltaSum Absolute Value",links:[{portIn:"Value",portOut:"out0 DeltaSum Absolute Value",objIn:"9fsk0rgx7",objOut:"cd9136e7-4c7b-4555-bf01-18381685410b"}]}],objName:"Ops.Ui.SubPatch"},{id:"c2a85325-d75f-4f01-9b5c-83a2edd8d35d",uiAttribs:{},portsIn:[{name:"posY",value:-.2},{name:"posZ",value:0},{name:"scale",value:.25},{name:"rotX",value:0},{name:"rotY",value:180},{name:"rotZ",value:315.48}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"li365texv",objOut:"c2a85325-d75f-4f01-9b5c-83a2edd8d35d"},{portIn:"render",portOut:"trigger",objIn:"i111f5qjb",objOut:"c2a85325-d75f-4f01-9b5c-83a2edd8d35d"}]}],objName:"Ops.Gl.Matrix.Transform"},{id:"e0268dfa-e089-4f1f-966c-c30218792023",uiAttribs:{},portsIn:[{name:"r",value:0},{name:"g",value:0},{name:"b",value:0},{name:"a",value:1}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"te11ob7nw",objOut:"e0268dfa-e089-4f1f-966c-c30218792023"},{portIn:"Trigger",portOut:"trigger",objIn:"zcc6zzw4d",objOut:"e0268dfa-e089-4f1f-966c-c30218792023"}]}],objName:"Ops.Gl.ClearColor"},{id:"b65ca0b8-40c9-4d0a-9e22-aba7d89f3abf",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Active",value:1},{name:"Speed",value:-.01},{name:"Input Type index",value:0},{name:"Input Type",value:"All"},{name:"Area index",value:0},{name:"Area",value:"Canvas Area"}],portsOut:[{name:"Delta X",value:0},{name:"Delta Y",links:[{portIn:"Delta Value",portOut:"Delta Y",objIn:"dq71li66q",objOut:"b65ca0b8-40c9-4d0a-9e22-aba7d89f3abf"}]},{name:"Is Dragging",links:[{portIn:"Value",portOut:"Is Dragging",objIn:"ls3p3eowk",objOut:"b65ca0b8-40c9-4d0a-9e22-aba7d89f3abf"}]}],objName:"Ops.Patch.PuvBp73.MouseDrag"},{id:"b6dd9bba-0e82-4220-a27d-884c1d3887a3",uiAttribs:{},portsIn:[{name:"Attribute index",value:1},{name:"Attribute",value:"TexCoords"},{name:"Absolute",value:0},{name:"World Space",value:1}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"gfjoyon3n",objOut:"b6dd9bba-0e82-4220-a27d-884c1d3887a3"}]}],objName:"Ops.Gl.Shader.AttributeAsColorMaterial"},{id:"e0698285-4e6a-4339-a9ba-d9b3e441372c",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"mainExe"}],objName:"Ops.Trigger.TriggerSend"},{id:"babe81ef-3ee9-4ed3-ba28-8b648c21dd11",uiAttribs:{},portsIn:[{name:"Title",value:"Dial Blueprint"}],objName:"Ops.Ui.Area"},{id:"a82e74aa-f66f-47c9-a07a-2f1b0376925b",uiAttribs:{},portsIn:[{name:"Title",value:"Data"}],objName:"Ops.Ui.Area"},{id:"afa40c7e-19f5-4546-911c-1e34c62f310b",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"finalExe"}],objName:"Ops.Trigger.TriggerSend"},{id:"1aaf40f7-386a-40d0-80de-4857b3f558f4",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_NormValue"}],portsOut:[{name:"Value",links:[{portIn:"Number",portOut:"Value",objIn:"rjsjd3otn",objOut:"1aaf40f7-386a-40d0-80de-4857b3f558f4"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"7dq6j5p5k",uiAttribs:{},portsIn:[{name:"Check Body Collisions",value:0}],portsOut:[{name:"Next",links:[{portIn:"Trigger",portOut:"Next",objIn:"9sm9dp98r",objOut:"7dq6j5p5k"}]},{name:"Total Bodies",value:4}],objName:"Ops.Graphics.Intersection.IntersectWorld"},{id:"9sm9dp98r",uiAttribs:{},portsIn:[{name:"Coordinate Format index",value:0},{name:"Coordinate Format",value:"-1 to 1"},{name:"Z",value:0},{name:"To X",value:0},{name:"To Y",value:0},{name:"To Z",value:0},{name:"Active",value:1},{name:"Change Cursor",value:0}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"ge3zj70cy",objOut:"9sm9dp98r"},{portIn:"render",portOut:"Next",objIn:"mbk4m8pcr",objOut:"9sm9dp98r"},{portIn:"render",portOut:"Next",objIn:"7qikt1vaf",objOut:"9sm9dp98r"},{portIn:"render",portOut:"Next",objIn:"aupoduf7d",objOut:"9sm9dp98r"}]},{name:"Has Hit",value:0},{name:"Hit Body Name",links:[{portIn:"Value",portOut:"Hit Body Name",objIn:"tg35ehmtt",objOut:"9sm9dp98r"}]},{name:"Hit X",value:0},{name:"Hit Y",value:0},{name:"Hit Z",value:0}],objName:"Ops.Graphics.Intersection.IntersectTestRaycast"},{id:"jrkdakvqd",uiAttribs:{},portsIn:[{name:"Shape index",value:0},{name:"Shape",value:"Sphere"},{name:"Name",value:"dial.1"},{name:"Radius",value:.22},{name:"Size X",value:.55},{name:"Size Y",value:.55},{name:"Size Z",value:0},{name:"Positions"},{name:"Append Index to name",value:1}],objName:"Ops.Graphics.Intersection.IntersectBody"},{id:"bs0d2bloj",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"mainExe"}],portsOut:[{name:"Triggered",links:[{portIn:"Trigger",portOut:"Triggered",objIn:"7dq6j5p5k",objOut:"bs0d2bloj"}]}],objName:"Ops.Trigger.TriggerReceive"},{id:"ge3zj70cy",uiAttribs:{},portsIn:[{name:"x",value:-.88},{name:"y",value:-.19},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Trigger",portOut:"trigger",objIn:"jrkdakvqd",objOut:"ge3zj70cy"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"5me0htliz",uiAttribs:{},portsIn:[{name:"Shape index",value:0},{name:"Shape",value:"Sphere"},{name:"Name",value:"dial.2"},{name:"Radius",value:.22},{name:"Size X",value:.55},{name:"Size Y",value:.55},{name:"Size Z",value:0},{name:"Positions"},{name:"Append Index to name",value:1}],objName:"Ops.Graphics.Intersection.IntersectBody"},{id:"mbk4m8pcr",uiAttribs:{},portsIn:[{name:"x",value:-.3},{name:"y",value:-.19},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Trigger",portOut:"trigger",objIn:"5me0htliz",objOut:"mbk4m8pcr"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"adh054ku6",uiAttribs:{},portsIn:[{name:"Shape index",value:0},{name:"Shape",value:"Sphere"},{name:"Name",value:"dial.3"},{name:"Radius",value:.23},{name:"Size X",value:.55},{name:"Size Y",value:.55},{name:"Size Z",value:0},{name:"Positions"},{name:"Append Index to name",value:1}],objName:"Ops.Graphics.Intersection.IntersectBody"},{id:"yjtjh6kai",uiAttribs:{},portsIn:[{name:"Shape index",value:0},{name:"Shape",value:"Sphere"},{name:"Name",value:"dial.4"},{name:"Radius",value:.23},{name:"Size X",value:.55},{name:"Size Y",value:.55},{name:"Size Z",value:0},{name:"Positions"},{name:"Append Index to name",value:1}],objName:"Ops.Graphics.Intersection.IntersectBody"},{id:"sfqxroo9q",uiAttribs:{},portsIn:[{name:"Coordinates index",value:0},{name:"Coordinates",value:"-1 to 1"},{name:"Area index",value:0},{name:"Area",value:"Canvas"},{name:"flip y",value:1},{name:"right click prevent default",value:1},{name:"Touch support",value:1},{name:"Passive Events",value:0},{name:"Active",value:1}],portsOut:[{name:"x",links:[{portIn:"X",portOut:"x",objIn:"9sm9dp98r",objOut:"sfqxroo9q"}]},{name:"y",links:[{portIn:"Y",portOut:"y",objIn:"9sm9dp98r",objOut:"sfqxroo9q"}]},{name:"Button is down",links:[{portIn:"Value",portOut:"Button is down",objIn:"er6016ry9",objOut:"sfqxroo9q"}]},{name:"Mouse is hovering",value:1},{name:"Movement X",value:0},{name:"Movement Y",value:-.5}],objName:"Ops.Devices.Mouse.Mouse_v3"},{id:"124910bf-e88f-4da5-847e-888a7ac73020",uiAttribs:{},portsIn:[{name:"num x",value:4},{name:"num y",value:1},{name:"center",value:1}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"c2a85325-d75f-4f01-9b5c-83a2edd8d35d",objOut:"124910bf-e88f-4da5-847e-888a7ac73020"},{portIn:"render",portOut:"trigger",objIn:"zlpf1p0f5",objOut:"124910bf-e88f-4da5-847e-888a7ac73020"}]},{name:"x",links:[{portIn:"posX",portOut:"x",objIn:"c2a85325-d75f-4f01-9b5c-83a2edd8d35d",objOut:"124910bf-e88f-4da5-847e-888a7ac73020"},{portIn:"posX",portOut:"x",objIn:"zlpf1p0f5",objOut:"124910bf-e88f-4da5-847e-888a7ac73020"}]},{name:"y",value:0},{name:"index",links:[{portIn:"Value",portOut:"index",objIn:"euqza6b25",objOut:"124910bf-e88f-4da5-847e-888a7ac73020"}]},{name:"total iterations",value:4}],objName:"Ops.Trigger.Repeat2d"},{id:"7qikt1vaf",uiAttribs:{},portsIn:[{name:"x",value:.31},{name:"y",value:-.19},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Trigger",portOut:"trigger",objIn:"adh054ku6",objOut:"7qikt1vaf"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"aupoduf7d",uiAttribs:{},portsIn:[{name:"x",value:.9},{name:"y",value:-.19},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Trigger",portOut:"trigger",objIn:"yjtjh6kai",objOut:"aupoduf7d"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"32lmfrmux",uiAttribs:{},portsIn:[{name:"Title",value:"Intersect"}],objName:"Ops.Ui.Area"},{id:"tg35ehmtt",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_hitBodyName"}],objName:"Ops.Vars.VarSetString_v2"},{id:"gb0lraco2",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_activeDial_ID"}],portsOut:[{name:"Value",links:[{portIn:"number1",portOut:"Value",objIn:"kcwn0w2tu",objOut:"gb0lraco2"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"qyara3wac",uiAttribs:{},portsOut:[{name:"result",value:0}],objName:"Ops.Math.Compare.Equals"},{id:"xz7qgpta6",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Named Trigger",value:"mouseDown"}],objName:"Ops.Trigger.TriggerSend"},{id:"v1hlb4w7t",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_activeDial_ID"}],portsOut:[{name:"Value",links:[{portIn:"number1",portOut:"Value",objIn:"k9cpiqwvn",objOut:"v1hlb4w7t"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"k9cpiqwvn",uiAttribs:{},portsIn:[{name:"number2",value:1}],portsOut:[{name:"result",links:[{portIn:"Index",portOut:"result",objIn:"rjsjd3otn",objOut:"k9cpiqwvn"}]}],objName:"Ops.Math.Subtract"},{id:"53603a6e-a331-41a7-9822-120aba8de4f8",uiAttribs:{},portsIn:[{name:"number2",value:270}],portsOut:[{name:"result",links:[{portIn:"rotY",portOut:"result",objIn:"li365texv",objOut:"53603a6e-a331-41a7-9822-120aba8de4f8"}]}],objName:"Ops.Math.Multiply"},{id:"931c114e-4c92-4747-896b-6697a0610953",uiAttribs:{},portsIn:[{name:"number2",value:.75}],portsOut:[{name:"result",links:[{portIn:"percent",portOut:"result",objIn:"gfjoyon3n",objOut:"931c114e-4c92-4747-896b-6697a0610953"},{portIn:"percent",portOut:"result",objIn:"8eccns7e5",objOut:"931c114e-4c92-4747-896b-6697a0610953"}]}],objName:"Ops.Math.Multiply"},{id:"9fsk0rgx7",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_NormValue"}],objName:"Ops.Vars.VarSetNumber_v2"},{id:"aqjh1act1",uiAttribs:{},portsIn:[{name:"Value Invalid Index",value:0}],portsOut:[{name:"value",links:[{portIn:"number1",portOut:"value",objIn:"53603a6e-a331-41a7-9822-120aba8de4f8",objOut:"aqjh1act1"},{portIn:"number1",portOut:"value",objIn:"931c114e-4c92-4747-896b-6697a0610953",objOut:"aqjh1act1"},{portIn:"Value",portOut:"value",objIn:"j3kd0q09w",objOut:"aqjh1act1"},{portIn:"Value",portOut:"value",objIn:"1rc15x0gs",objOut:"aqjh1act1"}]},{name:"Valid Index",value:1}],objName:"Ops.Array.ArrayGetNumber"},{id:"x6efudpvd",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_dialValues"}],objName:"Ops.Vars.VarSetArray_v2"},{id:"i0rjtphmz",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_dialValues"}],portsOut:[{name:"Value",links:[{portIn:"array",portOut:"Value",objIn:"aqjh1act1",objOut:"i0rjtphmz"}]}],objName:"Ops.Vars.VarGetArray_v2"},{id:"hsmbgpnm6",uiAttribs:{},portsIn:[{name:"Array length",value:4},{name:"Mode select index",value:0},{name:"Mode select",value:"Number"},{name:"Default Value",value:0},{name:"Reverse",value:0}],portsOut:[{name:"Array",links:[{portIn:"Array",portOut:"Array",objIn:"rjsjd3otn",objOut:"hsmbgpnm6"}]},{name:"Array length out",value:4}],objName:"Ops.Array.Array_v3"},{id:"er6016ry9",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_buttonIsDown"}],objName:"Ops.Vars.VarSetNumber_v2"},{id:"ls3p3eowk",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Variable",value:"ui_mouseIsDragging"}],objName:"Ops.Vars.VarSetNumber_v2"},{id:"c390aebl7",uiAttribs:{},portsIn:[{name:"Variable",value:"ui_mouseIsDragging"}],portsOut:[{name:"Value",links:[{portIn:"Pass Through",portOut:"Value",objIn:"d7vl5bf8b",objOut:"c390aebl7"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"kcwn0w2tu",uiAttribs:{},portsIn:[{name:"number2",value:1}],portsOut:[{name:"result",links:[{portIn:"number1",portOut:"result",objIn:"qyara3wac",objOut:"kcwn0w2tu"}]}],objName:"Ops.Math.Subtract"},{id:"pd9s43czm",uiAttribs:{},storage:{blueprintVer:2,subPatchVer:2},portsIn:[{name:"patchId",value:"bp2sub_pd9s43czm"}],objName:"Ops.Patch.PuvBp73.SubPatch2"},{id:"te11ob7nw",uiAttribs:{},portsIn:[{name:"projection mode index",value:0},{name:"projection mode",value:"prespective"},{name:"frustum near",value:.01},{name:"frustum far",value:5e3},{name:"fov",value:30},{name:"Auto Aspect Ratio",value:1},{name:"Aspect Ratio",value:1},{name:"eye X",value:0},{name:"eye Y",value:-.03},{name:"eye Z",value:.73},{name:"center X",value:0},{name:"center Y",value:0},{name:"center Z",value:0},{name:"truck",value:0},{name:"boom",value:.23},{name:"dolly",value:0},{name:"tilt",value:0},{name:"pan",value:0},{name:"roll",value:0}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"p78s2gczc",objOut:"te11ob7nw"}]},{name:"Aspect",value:1.8369304556354915}],objName:"Ops.Gl.Matrix.Camera"},{id:"p78s2gczc",uiAttribs:{},portsIn:[{name:"min distance",value:.001},{name:"max distance",value:1},{name:"min rot y",value:0},{name:"max rot y",value:0},{name:"initial radius",value:0},{name:"initial axis y",value:.5},{name:"initial axis x",value:.25},{name:"mul",value:1},{name:"Smoothness",value:.3},{name:"Speed X",value:1},{name:"Speed Y",value:1},{name:"Active",value:1},{name:"Allow Panning",value:1},{name:"Allow Zooming",value:1},{name:"Allow Rotation",value:0},{name:"restricted",value:1}],portsOut:[{name:"trigger",links:[{portIn:"exe",portOut:"trigger",objIn:"141502b6-2964-42b8-b273-c6d7f5bcf303",objOut:"p78s2gczc"},{portIn:"Trigger",portOut:"trigger",objIn:"4pu8mr0y2",objOut:"p78s2gczc"}]},{name:"radius",value:.001},{name:"Rot X",value:90},{name:"Rot Y",value:90}],objName:"Ops.Gl.Matrix.OrbitControls"},{id:"uc9r4wu0r",uiAttribs:{},portsIn:[{name:"b",value:.856},{name:"a",value:.63},{name:"colorizeTexture",value:1},{name:"Vertex Colors",value:0},{name:"Alpha Mask Source index",value:0},{name:"Alpha Mask Source",value:"Luminance"},{name:"Opacity TexCoords Transform",value:0},{name:"Discard Transparent Pixels",value:0},{name:"diffuseRepeatX",value:1},{name:"diffuseRepeatY",value:1},{name:"Tex Offset X",value:0},{name:"Tex Offset Y",value:0},{name:"Crop TexCoords",value:0},{name:"billboard",value:0}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"8eccns7e5",objOut:"uc9r4wu0r"}]}],objName:"Ops.Gl.Shader.BasicMaterial_v3"},{id:"j3kd0q09w",uiAttribs:{},portsIn:[{name:"Min",value:0},{name:"Max",value:.9},{name:"Easing index",value:4},{name:"Easing",value:"Cubic In"}],portsOut:[{name:"Result",links:[{portIn:"Value",portOut:"Result",objIn:"conrnxfgk",objOut:"j3kd0q09w"},{portIn:"r",portOut:"Result",objIn:"uc9r4wu0r",objOut:"j3kd0q09w"}]}],objName:"Ops.Math.Ease"},{id:"dugq70sv7",uiAttribs:{},portsOut:[{name:"Used Heap Size",value:80.84566116333008},{name:"Total Heap Size",value:87.53744506835938}],objName:"Ops.Devices.Browser.JsMemory"},{id:"conrnxfgk",uiAttribs:{},portsIn:[{name:"Min",value:0},{name:"Max",value:.27},{name:"Easing index",value:5},{name:"Easing",value:"Cubic Out"}],portsOut:[{name:"Result",links:[{portIn:"Offset X",portOut:"Result",objIn:"chztenqi0",objOut:"conrnxfgk"},{portIn:"g",portOut:"Result",objIn:"uc9r4wu0r",objOut:"conrnxfgk"}]}],objName:"Ops.Math.Ease"},{id:"8dsa2kb7j",uiAttribs:{},portsIn:[{name:"Draw",value:1,title:"Render mesh"},{name:"segments",value:32},{name:"stacks",value:1},{name:"length",value:.22},{name:"outer radius",value:.58},{name:"inner radius",value:.32},{name:"UV mode index",value:0},{name:"UV mode",value:"simple"},{name:"Flip Mapping",value:0},{name:"Caps",value:1},{name:"Flat Normals",value:0}],objName:"Ops.Gl.Meshes.Cylinder_v2"},{id:"chztenqi0",uiAttribs:{},portsIn:[{name:"r",value:.412},{name:"g",value:.512},{name:"b",value:.553},{name:"Opacity",value:1},{name:"AO Intensity",value:1},{name:"Normal Map Intensity",value:1},{name:"Repeat X",value:0},{name:"Repeat Y",value:1},{name:"Offset Y",value:0},{name:"Screen Space Normals",value:0},{name:"Calc normal tangents",value:0},{name:"Opacity TexCoords Transform",value:0},{name:"Discard Transparent Pixels",value:1},{name:"Alpha Mask Source index",value:0},{name:"Alpha Mask Source",value:"Luminance"}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"8dsa2kb7j",objOut:"chztenqi0"}]}],objName:"Ops.Gl.Shader.MatCapMaterial_v3"},{id:"0oya8etuv",uiAttribs:{},portsIn:[{name:"File",value:"assets/lib_matcaps_Chrome_Blue_Tint-White.png",display:"file"},{name:"Filter index",value:1},{name:"Filter",value:"linear"},{name:"Wrap index",value:0},{name:"Wrap",value:"repeat"},{name:"Anisotropic index",value:0},{name:"Anisotropic",value:"0"},{name:"Data Format index",value:3},{name:"Data Format",value:"RGBA"},{name:"Flip",value:0},{name:"Pre Multiplied Alpha",value:0},{name:"Active",value:1},{name:"Save Memory",value:1},{name:"Add Cachebuster",value:1}],portsOut:[{name:"Texture",links:[{portIn:"MatCap",portOut:"Texture",objIn:"chztenqi0",objOut:"0oya8etuv"}]},{name:"Width",value:256},{name:"Height",value:256},{name:"Aspect Ratio",value:1},{name:"Loaded",value:1},{name:"Loading",value:0}],objName:"Ops.Gl.Texture_v2"},{id:"li365texv",uiAttribs:{},portsIn:[{name:"posX",value:0},{name:"posY",value:0},{name:"posZ",value:0},{name:"scale",value:1},{name:"rotX",value:0},{name:"rotZ",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Render",portOut:"trigger",objIn:"chztenqi0",objOut:"li365texv"}]}],objName:"Ops.Gl.Matrix.Transform"},{id:"bd0mu1qkj",uiAttribs:{},portsIn:[{name:"Title",value:"Main"}],objName:"Ops.Ui.Area"},{id:"fvg1zz75v",uiAttribs:{},portsIn:[{name:"Size index",value:0},{name:"Size",value:"Canvas"},{name:"texture width",value:1532},{name:"texture height",value:834},{name:"Auto Aspect",value:1},{name:"filter index",value:1},{name:"filter",value:"linear"},{name:"Wrap index",value:0},{name:"Wrap",value:"Clamp"},{name:"MSAA index",value:2},{name:"MSAA",value:"4x"},{name:"Pixel Format index",value:5},{name:"Pixel Format",value:"SRGBA 8bit ubyte"},{name:"Depth",value:1},{name:"Clear",value:1}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"tckfhevim",objOut:"fvg1zz75v"}]},{name:"texture",links:[{portIn:"Base Texture",portOut:"texture",objIn:"48vrkn65x",objOut:"fvg1zz75v"}]}],objName:"Ops.Gl.RenderToTexture_v3"},{id:"9dqwuc8l6",uiAttribs:{},portsIn:[{name:"render",title:"Trigger"},{name:"Render Mesh",value:1,title:"Render"},{name:"width",value:1},{name:"height",value:1.8},{name:"pivot x index",value:1},{name:"pivot x",value:"center"},{name:"pivot y index",value:1},{name:"pivot y",value:"center"},{name:"axis index",value:0},{name:"axis",value:"xy"},{name:"Flip TexCoord X",value:0},{name:"Flip TexCoord Y",value:1},{name:"num columns",value:1},{name:"num rows",value:1}],objName:"Ops.Gl.Meshes.Rectangle_v4"},{id:"62jtojeuu",uiAttribs:{},portsIn:[{name:"posX",value:0},{name:"posY",value:-.97},{name:"posZ",value:-2.94},{name:"scale",value:3.57},{name:"rotX",value:-84.79},{name:"rotY",value:0},{name:"rotZ",value:180.28}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"9dqwuc8l6",objOut:"62jtojeuu"}]}],objName:"Ops.Gl.Matrix.TransformView"},{id:"flor1ge09",uiAttribs:{},portsIn:[{name:"r",value:.07},{name:"g",value:.06},{name:"b",value:.51},{name:"Opacity",value:.78},{name:"AO Intensity",value:1},{name:"Normal Map Intensity",value:1},{name:"Repeat X",value:1},{name:"Repeat Y",value:1},{name:"Offset X",value:0},{name:"Offset Y",value:0},{name:"Screen Space Normals",value:0},{name:"Calc normal tangents",value:1},{name:"Opacity TexCoords Transform",value:0},{name:"Discard Transparent Pixels",value:1},{name:"Alpha Mask Source index",value:0},{name:"Alpha Mask Source",value:"Luminance"}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"wcm52u6xo",objOut:"flor1ge09"}]}],objName:"Ops.Gl.Shader.MatCapMaterial_v3"},{id:"wcm52u6xo",uiAttribs:{},portsIn:[{name:"x",value:-1.26},{name:"y",value:.46},{name:"z",value:-1.17}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"62jtojeuu",objOut:"wcm52u6xo"}]}],objName:"Ops.Gl.Matrix.ScaleXYZViewMatrix"},{id:"tckfhevim",uiAttribs:{},portsIn:[{name:"x",value:1.2},{name:"y",value:-2.97},{name:"z",value:-1}],portsOut:[{name:"trigger",links:[{portIn:"exe",portOut:"trigger",objIn:"124910bf-e88f-4da5-847e-888a7ac73020",objOut:"tckfhevim"}]}],objName:"Ops.Deprecated.Gl.Matrix.ScaleXYZ"},{id:"x8l31ycyr",uiAttribs:{},portsIn:[{name:"Num",value:64},{name:"Spacing",value:.3},{name:"Center",value:1},{name:"Axis index",value:1},{name:"Axis",value:"XZ"}],objName:"Ops.Gl.Meshes.Grid"},{id:"33hdtkr51",uiAttribs:{},portsIn:[{name:"x",value:0},{name:"y",value:.22},{name:"z",value:-.01}],portsOut:[{name:"trigger",links:[{portIn:"Render",portOut:"trigger",objIn:"flor1ge09",objOut:"33hdtkr51"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"ajz3m2b7r",uiAttribs:{},portsIn:[{name:"r",value:.4752931908661422},{name:"g",value:.36659911993317373},{name:"b",value:.9581856509868598},{name:"a",value:1},{name:"colorizeTexture",value:1},{name:"Vertex Colors",value:0},{name:"Alpha Mask Source index",value:0},{name:"Alpha Mask Source",value:"Luminance"},{name:"Opacity TexCoords Transform",value:0},{name:"Discard Transparent Pixels",value:1},{name:"diffuseRepeatX",value:1},{name:"diffuseRepeatY",value:1},{name:"Tex Offset X",value:-2.19},{name:"Tex Offset Y",value:11.92},{name:"Crop TexCoords",value:0},{name:"billboard",value:0}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"o4q65sx2h",objOut:"ajz3m2b7r"}]}],objName:"Ops.Gl.Shader.BasicMaterial_v3"},{id:"6a24jo2e0",uiAttribs:{},portsIn:[{name:"Title",value:"Setting"}],objName:"Ops.Ui.Area"},{id:"o4q65sx2h",uiAttribs:{},portsIn:[{name:"x",value:0},{name:"y",value:-.56},{name:"z",value:3.58}],portsOut:[{name:"trigger",links:[{portIn:"Render",portOut:"trigger",objIn:"x8l31ycyr",objOut:"o4q65sx2h"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"eupi4n3t8",uiAttribs:{},portsIn:[{name:"Scale index",value:0},{name:"Scale",value:"Stretch"},{name:"Flip Y",value:0},{name:"Flip X",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Execute",portOut:"trigger",objIn:"ii9hyaw76",objOut:"eupi4n3t8"}]}],objName:"Ops.Gl.Meshes.FullscreenRectangle_v2"},{id:"txsuzzmpp",uiAttribs:{},portsIn:[{name:"Gradient",value:'{"keys" : [{"pos":0,"r":0,"g":0,"b":0},{"pos":1,"r":1,"g":1,"b":1}]}'},{name:"Direction index",value:1},{name:"Direction",value:"Y"},{name:"Smoothstep",value:0},{name:"Step",value:0},{name:"Flip",value:1},{name:"sRGB",value:1},{name:"Oklab",value:0},{name:"Size",value:64},{name:"filter index",value:1},{name:"filter",value:"linear"},{name:"wrap index",value:0},{name:"wrap",value:"clamp to edge"},{name:"Gradient Array",value:0}],portsOut:[{name:"Texture",links:[{portIn:"R",portOut:"Texture",objIn:"ii9hyaw76",objOut:"txsuzzmpp"}]}],objName:"Ops.Gl.GradientTexture"},{id:"ii9hyaw76",uiAttribs:{},portsIn:[{name:"Filter index",value:1},{name:"Filter",value:"linear"},{name:"Wrap index",value:1},{name:"Wrap",value:"repeat"},{name:"Pixel Format index",value:9},{name:"Pixel Format",value:"RGBA 16bit float"},{name:"Size index",value:0},{name:"Size",value:"Biggest"},{name:"R Source index",value:0},{name:"R Source",value:"R"},{name:"R Value index",value:0},{name:"R Value",value:"Source"},{name:"R Default",value:1},{name:"G Source index",value:0},{name:"G Source",value:"R"},{name:"G Value index",value:1},{name:"G Value",value:"Invert"},{name:"G Default",value:1},{name:"B Source index",value:2},{name:"B Source",value:"B"},{name:"B Value index",value:0},{name:"B Value",value:"Source"},{name:"B Default",value:1},{name:"A Source index",value:0},{name:"A Source",value:"R"},{name:"A Value index",value:0},{name:"A Value",value:"Source"},{name:"A Default",value:1}],portsOut:[{name:"Next",links:[{portIn:"Render",portOut:"Next",objIn:"bom62ei05",objOut:"ii9hyaw76"}]},{name:"Texture",links:[{portIn:"Base Texture",portOut:"Texture",objIn:"bom62ei05",objOut:"ii9hyaw76"}]}],objName:"Ops.Gl.Textures.CombineTextures"},{id:"dvpyr3uz9",uiAttribs:{},portsIn:[{name:"File",value:"assets/65bbe44771656d76fa1e7e54_voro.png",display:"file"},{name:"Filter index",value:2},{name:"Filter",value:"mipmap"},{name:"Wrap index",value:0},{name:"Wrap",value:"repeat"},{name:"Anisotropic index",value:0},{name:"Anisotropic",value:"0"},{name:"Data Format index",value:3},{name:"Data Format",value:"RGBA"},{name:"Flip",value:0},{name:"Pre Multiplied Alpha",value:0},{name:"Active",value:1},{name:"Save Memory",value:1},{name:"Add Cachebuster",value:1}],portsOut:[{name:"Texture",links:[{portIn:"G",portOut:"Texture",objIn:"ii9hyaw76",objOut:"dvpyr3uz9"}]},{name:"Width",value:1660},{name:"Height",value:840},{name:"Aspect Ratio",value:1.9761904761904763},{name:"Loaded",value:1},{name:"Loading",value:0}],objName:"Ops.Gl.Texture_v2"},{id:"48vrkn65x",uiAttribs:{},portsIn:[{name:"Size index",value:0},{name:"Size",value:"Auto"},{name:"Width",value:640},{name:"Height",value:480},{name:"Filter index",value:1},{name:"Filter",value:"linear"},{name:"Wrap index",value:1},{name:"Wrap",value:"repeat"},{name:"Anisotropic index",value:0},{name:"Anisotropic",value:"0"},{name:"Pixel Format index",value:5},{name:"Pixel Format",value:"SRGBA 8bit ubyte"},{name:"R",value:0},{name:"G",value:0},{name:"B",value:0},{name:"A",value:0}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"6fb2f0244",objOut:"48vrkn65x"}]},{name:"texture_out",links:[{portIn:"Diffuse",portOut:"texture_out",objIn:"flor1ge09",objOut:"48vrkn65x"}]},{name:"Aspect Ratio",value:1.8369304556354915},{name:"Texture Width",value:1532},{name:"Texture Height",value:834}],objName:"Ops.Gl.ImageCompose.ImageCompose_v4"},{id:"6fb2f0244",uiAttribs:{},portsIn:[{name:"Passes",value:1},{name:"Clamp",value:0},{name:"direction index",value:0},{name:"direction",value:"both"},{name:"Mask Invert",value:0}],objName:"Ops.Gl.ImageCompose.FastBlur_v2"},{id:"bom62ei05",uiAttribs:{},portsIn:[{name:"Size index",value:0},{name:"Size",value:"Auto"},{name:"Width",value:640},{name:"Height",value:480},{name:"Filter index",value:1},{name:"Filter",value:"linear"},{name:"Wrap index",value:1},{name:"Wrap",value:"repeat"},{name:"Anisotropic index",value:0},{name:"Anisotropic",value:"0"},{name:"Pixel Format index",value:4},{name:"Pixel Format",value:"RGBA 8bit ubyte"},{name:"R",value:0},{name:"G",value:0},{name:"B",value:0},{name:"A",value:0}],portsOut:[{name:"Next",links:[{portIn:"Render",portOut:"Next",objIn:"m6kwtuieo",objOut:"bom62ei05"}]},{name:"texture_out",links:[{portIn:"Texture",portOut:"texture_out",objIn:"eupi4n3t8",objOut:"bom62ei05"}]},{name:"Aspect Ratio",value:1.9761904761904763},{name:"Texture Width",value:1660},{name:"Texture Height",value:840}],objName:"Ops.Gl.ImageCompose.ImageCompose_v4"},{id:"m6kwtuieo",uiAttribs:{},portsIn:[{name:"Blend Mode index",value:0},{name:"Blend Mode",value:"normal"},{name:"Alpha Mask index",value:0},{name:"Alpha Mask",value:"Off"},{name:"Amount",value:1},{name:"Strength",value:1},{name:"Radius",value:.3},{name:"Sharp",value:.25},{name:"Aspect",value:1},{name:"r",value:0},{name:"g",value:0},{name:"b",value:0},{name:"Alpha",value:0}],objName:"Ops.Gl.ImageCompose.Vignette_v3"},{id:"kgtq6kbqp",uiAttribs:{},portsIn:[{name:"Font",value:"chivo"},{name:"Scale",value:.11},{name:"Letter Spacing",value:-.02},{name:"Line Height",value:1},{name:"Align index",value:0},{name:"Align",value:"Left"},{name:"Vertical Align index",value:2},{name:"Vertical Align",value:"Middle"},{name:"r",value:0},{name:"g",value:0},{name:"b",value:0},{name:"a",value:.91},{name:"SDF",value:1},{name:"Smoothing",value:.126},{name:"Border",value:1},{name:"Border Width",value:.222},{name:"Smoothness",value:.25},{name:"Border r",value:0},{name:"Border g",value:0},{name:"Border b",value:1},{name:"Shadow",value:0},{name:"Positions",value:0},{name:"Scalings",value:0},{name:"Rotations",value:0},{name:"Colors",value:0}],portsOut:[{name:"Num Lines",value:1},{name:"Width",value:.23304531249999996},{name:"Height",value:.06678697916666666},{name:"Start Y",value:.03477526041666667},{name:"Num Chars",value:9}],objName:"Ops.Gl.TextMeshMSDF_v2"},{id:"1rc15x0gs",uiAttribs:{},portsIn:[{name:"Variable",value:"_currentDialValueInsideRepeat2D"}],objName:"Ops.Vars.VarSetNumber_v2"},{id:"o8zk12f1r",uiAttribs:{},portsIn:[{name:"Variable",value:"_currentDialValueInsideRepeat2D"}],portsOut:[{name:"Value",links:[{portIn:"number",portOut:"Value",objIn:"2lpsqzgrb",objOut:"o8zk12f1r"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"2lpsqzgrb",uiAttribs:{},portsIn:[{name:"Decimal Places",value:4}],portsOut:[{name:"result",links:[{portIn:"Number",portOut:"result",objIn:"vib72zx3n",objOut:"2lpsqzgrb"}]}],objName:"Ops.Math.Round"},{id:"vib72zx3n",uiAttribs:{},portsOut:[{name:"Result",links:[{portIn:"String B",portOut:"Result",objIn:"hhpgrbf2g",objOut:"vib72zx3n"}]}],objName:"Ops.String.NumberToString_v2"},{id:"i111f5qjb",uiAttribs:{},portsIn:[{name:"x",value:0},{name:"y",value:0},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"uc9r4wu0r",objOut:"i111f5qjb"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"zlpf1p0f5",uiAttribs:{},portsIn:[{name:"posY",value:.09},{name:"posZ",value:.24},{name:"scale",value:1},{name:"rotX",value:0},{name:"rotY",value:0},{name:"rotZ",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Render",portOut:"trigger",objIn:"kgtq6kbqp",objOut:"zlpf1p0f5"}]}],objName:"Ops.Gl.Matrix.TransformView"},{id:"prvtvnqot",uiAttribs:{},portsIn:[{name:"Font Name",value:"chivo"},{name:"Font Data",value:"assets/ChivoMono-Medium-msdf.json",display:"file"},{name:"Font Image",value:"assets/ChivoMono-Medium.png",display:"file"},{name:"Font Image 1",value:0,display:"file"},{name:"Font Image 2",value:0,display:"file"},{name:"Font Image 3",value:0,display:"file"}],portsOut:[{name:"Loaded",value:true},{name:"Total Chars",value:66},{name:"Chars",value:"jQgbdf03689CGOShikl12457ABDEFHIJKLMNPRTUVWXYZpqtyw+acemnorsuvxz*-."}],objName:"Ops.Gl.FontMSDF_v2"},{id:"f67se0kft",uiAttribs:{},portsIn:[{name:"Title",value:"Text"}],objName:"Ops.Ui.Area"},{id:"6hojoyomj",uiAttribs:{},portsIn:[{name:"Limit",value:1},{name:"Length",value:10},{name:"Mode index",value:1},{name:"Mode",value:"Stop at Max"},{name:"Default",value:0}],portsOut:[{name:"Value",links:[{portIn:"val",portOut:"Value",objIn:"1b7ls5v00",objOut:"6hojoyomj"}]}],objName:"Ops.Math.Incrementor"},{id:"m4wpz0q5c",uiAttribs:{},portsIn:[{name:"number2",value:.06}],portsOut:[{name:"result",links:[{portIn:"mul",portOut:"result",objIn:"124910bf-e88f-4da5-847e-888a7ac73020",objOut:"m4wpz0q5c"}]}],objName:"Ops.Math.Multiply"},{id:"1b7ls5v00",uiAttribs:{},portsIn:[{name:"min",value:0},{name:"max",value:9}],portsOut:[{name:"result",links:[{portIn:"number1",portOut:"result",objIn:"m4wpz0q5c",objOut:"1b7ls5v00"}]}],objName:"Ops.Math.SmootherStep"},{id:"hhpgrbf2g",uiAttribs:{},portsIn:[{name:"Format",value:"*$a $b"},{name:"String C",value:2},{name:"String D",value:3},{name:"String E",value:""},{name:"String F",value:""}],portsOut:[{name:"Result",links:[{portIn:"Text",portOut:"Result",objIn:"kgtq6kbqp",objOut:"hhpgrbf2g"}]}],objName:"Ops.String.StringCompose_v3"},{id:"euqza6b25",uiAttribs:{},portsIn:[{name:"Variable",value:"_currentIndexInsideRepeat2D"}],objName:"Ops.Vars.VarSetNumber_v2"},{id:"34zd4vl4f",uiAttribs:{},portsIn:[{name:"Variable",value:"_currentIndexInsideRepeat2D"}],portsOut:[{name:"Value",links:[{portIn:"index",portOut:"Value",objIn:"aqjh1act1",objOut:"34zd4vl4f"},{portIn:"number2",portOut:"Value",objIn:"qyara3wac",objOut:"34zd4vl4f"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"8eccns7e5",uiAttribs:{},portsIn:[{name:"radius",value:.97},{name:"innerRadius",value:.949},{name:"segments",value:32},{name:"steps",value:1},{name:"invertSteps",value:0},{name:"mapping index",value:1},{name:"mapping",value:"round"},{name:"Spline",value:0},{name:"Draw",value:1,title:"Render mesh"}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"b6dd9bba-0e82-4220-a27d-884c1d3887a3",objOut:"8eccns7e5"}]}],objName:"Ops.Gl.Meshes.Circle_v3"},{id:"gfjoyon3n",uiAttribs:{},portsIn:[{name:"radius",value:.86},{name:"innerRadius",value:.895},{name:"segments",value:100},{name:"steps",value:2},{name:"invertSteps",value:1},{name:"mapping index",value:0},{name:"mapping",value:"flat"},{name:"Spline",value:0},{name:"Draw",value:1,title:"Render mesh"}],objName:"Ops.Gl.Meshes.Circle_v3"},{id:"mtxdae1jj",uiAttribs:{},portsIn:[{name:"Variable",value:"_currentIndexInsideRepeat2D"}],portsOut:[{name:"Value",links:[{portIn:"index",portOut:"Value",objIn:"fxd9qy0nv",objOut:"mtxdae1jj"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"ejryfn62d",uiAttribs:{},portsIn:[{name:"Title",value:"*"}],objName:"Ops.Ui.Area"},{id:"yvvnsby8j",uiAttribs:{},portsIn:[{name:"text",value:"decay, size, mod, mix"},{name:"separator",value:","},{name:"Numbers",value:0},{name:"Trim",value:1},{name:"Split Lines",value:0}],portsOut:[{name:"array",links:[{portIn:"array",portOut:"array",objIn:"fxd9qy0nv",objOut:"yvvnsby8j"}]},{name:"length",value:4}],objName:"Ops.Array.StringToArray_v2"},{id:"fxd9qy0nv",uiAttribs:{},portsOut:[{name:"result",links:[{portIn:"String A",portOut:"result",objIn:"hhpgrbf2g",objOut:"fxd9qy0nv"}]}],objName:"Ops.Array.ArrayGetString"},{id:"xqowbomkj",uiAttribs:{},portsIn:[{name:"Title",value:"*"}],objName:"Ops.Ui.Area"},{id:"rdmibd961",uiAttribs:{},portsIn:[{name:"Start Row",value:0}],objName:"Ops.Ui.VizArrayTable"},{id:"okiq8ed9q",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"mainExe"}],portsOut:[{name:"Triggered",links:[{portIn:"render",portOut:"Triggered",objIn:"eupi4n3t8",objOut:"okiq8ed9q"}]}],objName:"Ops.Trigger.TriggerReceive"},{id:"ch5u1xz0l",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"midExe"}],objName:"Ops.Trigger.TriggerSend"},{id:"faiior48h",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"midExe"}],portsOut:[{name:"Triggered",links:[{portIn:"render",portOut:"Triggered",objIn:"fvg1zz75v",objOut:"faiior48h"},{portIn:"Render",portOut:"Triggered",objIn:"48vrkn65x",objOut:"faiior48h"},{portIn:"render",portOut:"Triggered",objIn:"33hdtkr51",objOut:"faiior48h"}]}],objName:"Ops.Trigger.TriggerReceive"},{id:"smns78b6k",uiAttribs:{},portsIn:[{name:"Title",value:"*"}],objName:"Ops.Ui.Area"},{id:"c9u5wxkzu",uiAttribs:{},portsIn:[{name:"Value",value:0}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"33hdtkr51",objOut:"c9u5wxkzu"}]},{name:"Number",value:0}],objName:"Ops.Number.TriggerOnChangeNumber"},{id:"piq1e64rw",uiAttribs:{},portsIn:[{name:"Title",value:"*"}],objName:"Ops.Ui.Area"},{id:"t83msa078",uiAttribs:{},portsIn:[{name:"Title",value:"*"}],objName:"Ops.Ui.Area"},{id:"ifc049dka",uiAttribs:{},portsIn:[{name:"Id",value:""},{name:"Class",value:"nel-logo"},{name:"Style",value:""},{name:"Interactive",value:1},{name:"Visible",value:1},{name:"Convert Line Breaks",value:0},{name:"Propagate Click-Events",value:1}],portsOut:[{name:"DOM Element",links:[{portIn:"DOMElement",portOut:"DOM Element",objIn:"m4lf0ljbk",objOut:"ifc049dka"},{portIn:"Element",portOut:"DOM Element",objIn:"ql6igmez3",objOut:"ifc049dka"}]},{name:"Hover",links:[{portIn:"Use Value 1",portOut:"Hover",objIn:"acmkbycvu",objOut:"ifc049dka"}]},{name:"Clicked",links:[{portIn:"Open",portOut:"Clicked",objIn:"g5qz1ee85",objOut:"ifc049dka"}]}],objName:"Ops.Html.DivElement_v3"},{id:"p1qw1y67z",uiAttribs:{},portsIn:[{name:"value",value:'\n\x3c!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --\x3e\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n'},{name:"Syntax index",value:3},{name:"Syntax",value:"html"}],portsOut:[{name:"Result",links:[{portIn:"Text",portOut:"Result",objIn:"ifc049dka",objOut:"p1qw1y67z"}]}],objName:"Ops.String.StringEditor"},{id:"ehh39rz6v",uiAttribs:{},portsIn:[{name:"css code",value:".nel-logo {\n \nposition:absolute;\nz-index:100;\nleft: 100px;\nopacity: 0.9;\n}"},{name:"Active",value:1}],objName:"Ops.Html.CSS_v2"},{id:"p160hjd8r",uiAttribs:{},portsIn:[{name:"posX",value:-1.53},{name:"posY",value:-1.09},{name:"posZ",value:-1.65},{name:"scale",value:1},{name:"rotX",value:8.63},{name:"rotY",value:69.58},{name:"rotZ",value:0}],portsOut:[{name:"trigger",links:[{portIn:"trigger",portOut:"trigger",objIn:"m4lf0ljbk",objOut:"p160hjd8r"}]}],objName:"Ops.Gl.Matrix.Transform"},{id:"m4lf0ljbk",uiAttribs:{},portsIn:[{name:"origin index",value:7},{name:"origin",value:"bottom-middle"}],objName:"Ops.Html.TransformCSS3DElement"},{id:"4pu8mr0y2",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"preSequenceFlow"}],objName:"Ops.Trigger.TriggerSend"},{id:"jfun4qac1",uiAttribs:{},portsIn:[{name:"Pixel Unit index",value:0},{name:"Pixel Unit",value:"Display"}],portsOut:[{name:"width",value:1532},{name:"height",value:834},{name:"Pixel Ratio",value:2},{name:"Pixel Width",links:[{portIn:"number1",portOut:"Pixel Width",objIn:"cd0k5qsyf",objOut:"jfun4qac1"}]},{name:"Pixel Height",value:1668},{name:"Aspect Ratio",value:1.8369304556354915},{name:"Landscape",value:1}],objName:"Ops.Gl.CanvasInfo_v2"},{id:"cd0k5qsyf",uiAttribs:{},portsIn:[{name:"number2",value:800}],portsOut:[{name:"result",value:3.83}],objName:"Ops.Math.Divide"},{id:"of6q9dm1m",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"mainExe"}],portsOut:[{name:"Triggered",links:[{portIn:"render",portOut:"Triggered",objIn:"ajz3m2b7r",objOut:"of6q9dm1m"}]}],objName:"Ops.Trigger.TriggerReceive"},{id:"rid9x7kap",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"preSequenceFlow"}],portsOut:[{name:"Triggered",links:[{portIn:"render",portOut:"Triggered",objIn:"p160hjd8r",objOut:"rid9x7kap"}]}],objName:"Ops.Trigger.TriggerReceive"},{id:"efooconni",uiAttribs:{},portsIn:[{name:"Title",value:"HTML"}],objName:"Ops.Ui.Area"},{id:"ql6igmez3",uiAttribs:{},portsIn:[{name:"Property",value:"opacity"},{name:"Value Suffix",value:""}],objName:"Ops.Html.CSSProperty_v2"},{id:"acmkbycvu",uiAttribs:{},portsIn:[{name:"Value 0",value:.7},{name:"Value 1",value:1}],portsOut:[{name:"Out Value",links:[{portIn:"Value",portOut:"Out Value",objIn:"ql6igmez3",objOut:"acmkbycvu"}]}],objName:"Ops.Boolean.BoolToNumber_v2"},{id:"g5qz1ee85",uiAttribs:{},portsIn:[{name:"URL",value:"https://neverenginelabs.com"},{name:"Target Name",value:"_blank"},{name:"Specs",value:""}],objName:"Ops.Html.HyperLink_v2"},{id:"zcc6zzw4d",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"exeNoCamera"}],objName:"Ops.Trigger.TriggerSend"},{id:"catyviogw",uiAttribs:{},portsIn:[{name:"x",value:1.73},{name:"y",value:.95},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"Trigger",portOut:"trigger",objIn:"ny2jicns4",objOut:"catyviogw"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"jmw19jjzi",uiAttribs:{},portsIn:[{name:"r",value:.222},{name:"g",value:.898},{name:"b",value:1},{name:"Vertex Colors",value:0},{name:"Alpha Mask Source index",value:0},{name:"Alpha Mask Source",value:"Luminance"},{name:"Opacity TexCoords Transform",value:0},{name:"Discard Transparent Pixels",value:0},{name:"diffuseRepeatX",value:-.36},{name:"diffuseRepeatY",value:-.18},{name:"Tex Offset X",value:-24.27},{name:"Tex Offset Y",value:7.78},{name:"Crop TexCoords",value:0},{name:"billboard",value:0}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"catyviogw",objOut:"jmw19jjzi"},{portIn:"Update",portOut:"trigger",objIn:"gf07781ar",objOut:"jmw19jjzi"}]}],objName:"Ops.Gl.Shader.BasicMaterial_v3"},{id:"avhqfpehd",uiAttribs:{},portsIn:[{name:"Named Trigger",value:"exeNoCamera"}],portsOut:[{name:"Triggered",links:[{portIn:"Trigger",portOut:"Triggered",objIn:"12xx7g980",objOut:"avhqfpehd"}]}],objName:"Ops.Trigger.TriggerReceive"},{id:"0cristvpm",uiAttribs:{},portsIn:[{name:"Font File",value:"assets/forkawesome-webfont.ttf",display:"file"}],portsOut:[{name:"Opentype Font",links:[{portIn:"Opentype Font",portOut:"Opentype Font",objIn:"btqy1laa6",objOut:"0cristvpm"}]}],objName:"Ops.Extension.OpenType.OpentypeFont"},{id:"btqy1laa6",uiAttribs:{},portsIn:[{name:"Text",value:""},{name:"Letter Spacing",value:0}],portsOut:[{name:"Path String",links:[{portIn:"SVG Path",portOut:"Path String",objIn:"m3rdjk1xk",objOut:"btqy1laa6"}]}],objName:"Ops.Extension.OpenType.OpentypeToSvgPath"},{id:"m3rdjk1xk",uiAttribs:{},portsIn:[{name:"Bezier Stepsize",value:3},{name:"Rescale",value:.07}],portsOut:[{name:"Geometry",links:[{portIn:"Geometry",portOut:"Geometry",objIn:"s71v490xs",objOut:"m3rdjk1xk"}]}],objName:"Ops.Graphics.Geometry.SvgPathToGeometry_v2"},{id:"9vf5ijecy",uiAttribs:{},portsIn:[{name:"Render Mesh",value:1},{name:"Add Vertex Numbers",value:0}],objName:"Ops.Gl.RenderGeometry_v2"},{id:"12xx7g980",uiAttribs:{},portsIn:[{name:"Check Body Collisions",value:0}],portsOut:[{name:"Next",links:[{portIn:"Trigger",portOut:"Next",objIn:"zmasrvvjw",objOut:"12xx7g980"}]},{name:"Total Bodies",value:1}],objName:"Ops.Graphics.Intersection.IntersectWorld"},{id:"ny2jicns4",uiAttribs:{},portsIn:[{name:"Shape index",value:1},{name:"Shape",value:"BoxAA"},{name:"Name",value:"icon.save"},{name:"Radius",value:.09},{name:"Size X",value:.24},{name:"Size Y",value:.23},{name:"Size Z",value:.19},{name:"Positions"},{name:"Append Index to name",value:0}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"lp0zvoc9g",objOut:"ny2jicns4"}]}],objName:"Ops.Graphics.Intersection.IntersectBody"},{id:"zmasrvvjw",uiAttribs:{},portsIn:[{name:"Coordinate Format index",value:0},{name:"Coordinate Format",value:"-1 to 1"},{name:"Z",value:0},{name:"To X",value:0},{name:"To Y",value:0},{name:"To Z",value:0},{name:"Active",value:1},{name:"Change Cursor",value:1}],portsOut:[{name:"Next",links:[{portIn:"render",portOut:"Next",objIn:"jmw19jjzi",objOut:"zmasrvvjw"}]},{name:"Has Hit",value:0},{name:"Hit Body Name",value:""},{name:"Hit X",links:[{portIn:"colorizeTexture",portOut:"Hit X",objIn:"jmw19jjzi",objOut:"zmasrvvjw"}]},{name:"Hit Y",links:[{portIn:"number1",portOut:"Hit Y",objIn:"w59tgvg1u",objOut:"zmasrvvjw"}]},{name:"Hit Z",links:[{portIn:"A",portOut:"Hit Z",objIn:"yn916v8en",objOut:"zmasrvvjw"}]}],objName:"Ops.Graphics.Intersection.IntersectTestRaycast"},{id:"mts5kprh0",uiAttribs:{},portsIn:[{name:"Coordinates index",value:0},{name:"Coordinates",value:"-1 to 1"},{name:"Area index",value:0},{name:"Area",value:"Canvas"},{name:"flip y",value:1},{name:"right click prevent default",value:1},{name:"Touch support",value:1},{name:"Passive Events",value:0},{name:"Active",value:1}],portsOut:[{name:"x",links:[{portIn:"X",portOut:"x",objIn:"zmasrvvjw",objOut:"mts5kprh0"}]},{name:"y",links:[{portIn:"Y",portOut:"y",objIn:"zmasrvvjw",objOut:"mts5kprh0"}]},{name:"Button is down",value:0},{name:"Mouse is hovering",value:1},{name:"Movement X",value:0},{name:"Movement Y",value:-.5}],objName:"Ops.Devices.Mouse.Mouse_v3"},{id:"s71v490xs",uiAttribs:{},portsIn:[{name:"Smooth",value:1},{name:"Walls",value:0},{name:"Top",value:1},{name:"Bottom",value:0}],portsOut:[{name:"Result Geometry",links:[{portIn:"Geometry",portOut:"Result Geometry",objIn:"9vf5ijecy",objOut:"s71v490xs"}]}],objName:"Ops.Graphics.Geometry.GeometryExtrude"},{id:"w59tgvg1u",uiAttribs:{},portsIn:[{name:"number2",value:.05}],portsOut:[{name:"result",links:[{portIn:"Value",portOut:"result",objIn:"gf07781ar",objOut:"w59tgvg1u"}]}],objName:"Ops.Math.Multiply"},{id:"lp0zvoc9g",uiAttribs:{},portsIn:[{name:"x",value:-.05},{name:"y",value:-.05},{name:"z",value:0}],portsOut:[{name:"trigger",links:[{portIn:"render",portOut:"trigger",objIn:"9vf5ijecy",objOut:"lp0zvoc9g"}]}],objName:"Ops.Gl.Matrix.Translate"},{id:"lk6h207g7",uiAttribs:{},portsIn:[{name:"File",value:"assets/lib_matcaps_Chrome_Blue_Tint-White.png",display:"file"},{name:"Filter index",value:1},{name:"Filter",value:"linear"},{name:"Wrap index",value:0},{name:"Wrap",value:"repeat"},{name:"Anisotropic index",value:0},{name:"Anisotropic",value:"0"},{name:"Data Format index",value:3},{name:"Data Format",value:"RGBA"},{name:"Flip",value:1},{name:"Pre Multiplied Alpha",value:1},{name:"Active",value:1},{name:"Save Memory",value:1},{name:"Add Cachebuster",value:1}],portsOut:[{name:"Texture",links:[{portIn:"texture",portOut:"Texture",objIn:"jmw19jjzi",objOut:"lk6h207g7"}]},{name:"Width",value:256},{name:"Height",value:256},{name:"Aspect Ratio",value:1},{name:"Loaded",value:1},{name:"Loading",value:0}],objName:"Ops.Gl.Texture_v2"},{id:"gf07781ar",uiAttribs:{},portsIn:[{name:"Separate inc/dec",value:0},{name:"Inc factor",value:4,title:"Inc/Dec factor"},{name:"Dec factor",value:4}],portsOut:[{name:"Result",links:[{portIn:"Height",portOut:"Result",objIn:"s71v490xs",objOut:"gf07781ar"}]}],objName:"Ops.Anim.Smooth"},{id:"g464u24ms",uiAttribs:{},portsIn:[{name:"Title",value:"Icons"}],objName:"Ops.Ui.Area"},{id:"yn916v8en",uiAttribs:{},portsIn:[{name:"B",value:5},{name:"C",value:.5},{name:"D",value:3},{name:"Expression",value:"(a*b) + c"}],portsOut:[{name:"Result",links:[{portIn:"a",portOut:"Result",objIn:"jmw19jjzi",objOut:"yn916v8en"}]},{name:"Expression Valid",value:true}],objName:"Ops.Math.MathExpression"},{id:"zi3u8x4zd",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Variable",value:"ui_activeDial_ID"}],portsOut:[{name:"Value",links:[{portIn:"number1",portOut:"Value",objIn:"zhjkbd61e",objOut:"zi3u8x4zd"}]}],objName:"Ops.Vars.VarGetNumber_v2"},{id:"0txm5qrgs",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Variable",value:"ui_dialValues"}],portsOut:[{name:"Value",links:[{portIn:"array",portOut:"Value",objIn:"ccotjup9t",objOut:"0txm5qrgs"}]}],objName:"Ops.Vars.VarGetArray_v2"},{id:"ccotjup9t",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"Value Invalid Index",value:0}],portsOut:[{name:"value",links:[{portIn:"Default Value",portOut:"value",objIn:"dq71li66q",objOut:"ccotjup9t"}]},{name:"Valid Index",value:1}],objName:"Ops.Array.ArrayGetNumber"},{id:"zhjkbd61e",uiAttribs:{subPatch:"66dae55a-8297-4120-81e2-d946cc6b2b60"},portsIn:[{name:"number2",value:1}],portsOut:[{name:"result",links:[{portIn:"index",portOut:"result",objIn:"ccotjup9t",objOut:"zhjkbd61e"}]}],objName:"Ops.Math.Subtract"},{id:"d7vl5bf8b",uiAttribs:{},portsIn:[{name:"When False index",value:0},{name:"When False",value:"keep last array"}],portsOut:[{name:"Array Out",links:[{portIn:"Value",portOut:"Array Out",objIn:"x6efudpvd",objOut:"d7vl5bf8b"}]}],objName:"Ops.Array.GateArray_v2"},{id:"rjsjd3otn",uiAttribs:{},portsOut:[{name:"Result",links:[{portIn:"Array",portOut:"Result",objIn:"rdmibd961",objOut:"rjsjd3otn"},{portIn:"Array in",portOut:"Result",objIn:"d7vl5bf8b",objOut:"rjsjd3otn"}]}],objName:"Ops.Patch.PuvBp73.ArraySetNumberAtIndex_v4"}],export:{time:"2024-06-29 16:32:47",service:"download",exportNumber:8}};if(!CABLES.exportedPatch){CABLES.exportedPatch=CABLES.exportedPatches["uvBp73"]}"use strict";var CABLES=CABLES||{};CABLES.OPS=CABLES.OPS||{};var Ops=Ops||{};Ops.Gl=Ops.Gl||{};Ops.Ui=Ops.Ui||{};Ops.Anim=Ops.Anim||{};Ops.Html=Ops.Html||{};Ops.Math=Ops.Math||{};Ops.Vars=Ops.Vars||{};Ops.Array=Ops.Array||{};Ops.Patch=Ops.Patch||{};Ops.Number=Ops.Number||{};Ops.String=Ops.String||{};Ops.Boolean=Ops.Boolean||{};Ops.Devices=Ops.Devices||{};Ops.Trigger=Ops.Trigger||{};Ops.Graphics=Ops.Graphics||{};Ops.Extension=Ops.Extension||{};Ops.Gl.Matrix=Ops.Gl.Matrix||{};Ops.Gl.Meshes=Ops.Gl.Meshes||{};Ops.Gl.Shader=Ops.Gl.Shader||{};Ops.Deprecated=Ops.Deprecated||{};Ops.Gl.Textures=Ops.Gl.Textures||{};Ops.Math.Compare=Ops.Math.Compare||{};Ops.Deprecated.Gl=Ops.Deprecated.Gl||{};Ops.Devices.Mouse=Ops.Devices.Mouse||{};Ops.Patch.PuvBp73=Ops.Patch.PuvBp73||{};Ops.Devices.Browser=Ops.Devices.Browser||{};Ops.Gl.ImageCompose=Ops.Gl.ImageCompose||{};Ops.Graphics.Geometry=Ops.Graphics.Geometry||{};Ops.Extension.OpenType=Ops.Extension.OpenType||{};Ops.Deprecated.Gl.Matrix=Ops.Deprecated.Gl.Matrix||{};Ops.Graphics.Intersection=Ops.Graphics.Intersection||{};Ops.Patch.PuvBp73.SubPatch2=function(){CABLES.Op.apply(this,arguments);const e=this;const n=e.attachments={inc_gen_ports_js:"op.initInnerPorts=function(addedOps)\n{\n for(let i=0;ir.get())}};Ops.Math.Compare.GreaterThan.prototype=new CABLES.Op;CABLES.OPS["b250d606-f7f8-44d3-b099-c29efff2608a"]={f:Ops.Math.Compare.GreaterThan,objName:"Ops.Math.Compare.GreaterThan"};Ops.Vars.VarSetNumber_v2=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inValueFloat("Value",0);e.varName=e.inDropDown("Variable",[],"",true);new CABLES.VarSetOpWrapper(e,"number",n,e.varName)};Ops.Vars.VarSetNumber_v2.prototype=new CABLES.Op;CABLES.OPS["b5249226-6095-4828-8a1c-080654e192fa"]={f:Ops.Vars.VarSetNumber_v2,objName:"Ops.Vars.VarSetNumber_v2"};Ops.Number.GateNumber=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inValue("Value In",0),r=e.inValueBool("Pass Through"),i=e.inSwitch("When False",["keep last number","custom"],"keep last number"),a=e.inFloat("Custom Value",0),s=e.outNumber("Value Out");n.onChange=l;r.onChange=l;n.changeAlways=s.changeAlways=true;i.onChange=o;function o(){a.setUiAttribs({greyout:i.get()!="custom"});l()}function l(){if(r.get()){s.set(n.get())}else{if(i.get()=="custom")s.set(a.get())}}};Ops.Number.GateNumber.prototype=new CABLES.Op;CABLES.OPS["594105c8-1fdb-4f3c-bbd5-29b9ad6b33e0"]={f:Ops.Number.GateNumber,objName:"Ops.Number.GateNumber"};Ops.Ui.SubPatchInput=function(){CABLES.Op.apply(this,arguments);const t=this;const e=t.attachments={};t.innerInput=true;const n=t.inTriggerButton("Goto SubPatchOp");n.setUiAttribs({hidePort:true});n.onTriggered=()=>{const e=t.patch.getSubPatchOuterOp(t.uiAttribs.subPatch);gui.patchView.centerSelectOp(e.id)}};Ops.Ui.SubPatchInput.prototype=new CABLES.Op;CABLES.OPS["c4e4e933-136e-479e-8de8-0b35b75d9217"]={f:Ops.Ui.SubPatchInput,objName:"Ops.Ui.SubPatchInput"};Ops.Ui.SubPatchOutput=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};e.innerOutput=true};Ops.Ui.SubPatchOutput.prototype=new CABLES.Op;CABLES.OPS["02d45073-7936-4830-81ad-59a162febf1f"]={f:Ops.Ui.SubPatchOutput,objName:"Ops.Ui.SubPatchOutput"};Ops.Gl.MainLoop=function(){CABLES.Op.apply(this,arguments);const r=this;const e=r.attachments={};const t=r.inValue("FPS Limit",0),n=r.outTrigger("trigger"),i=r.outNumber("width"),a=r.outNumber("height"),s=r.inValueBool("Reduce FPS not focussed",false),o=r.inValueBool("Reduce FPS loading"),l=r.inValueBool("Clear",true),u=r.inValueBool("ClearAlpha",true),c=r.inValueBool("Fullscreen Button",false),p=r.inValueBool("Active",true),h=r.inValueBool("Hires Displays",false),f=r.inSwitch("Pixel Unit",["Display","CSS"],"Display");r.onAnimFrame=T;h.onChange=function(){if(h.get())r.patch.cgl.pixelDensity=window.devicePixelRatio;else r.patch.cgl.pixelDensity=1;r.patch.cgl.updateSize();if(CABLES.UI)gui.setLayout()};p.onChange=function(){r.patch.removeOnAnimFrame(r);if(p.get()){r.setUiAttrib({extendTitle:""});r.onAnimFrame=T;r.patch.addOnAnimFrame(r);r.log("adding again!")}else{r.setUiAttrib({extendTitle:"Inactive"})}};const d=r.patch.cgl;let g=0;let m=0;let v=null;let b=false;if(!r.patch.cgl)r.uiAttr({error:"No webgl cgl context"});const y=vec3.create();vec3.set(y,0,0,0);const x=vec3.create();vec3.set(x,0,0,-2);c.onChange=C;setTimeout(C,100);let S=null;let O=true;let _=true;window.addEventListener("blur",()=>{O=false});window.addEventListener("focus",()=>{O=true});document.addEventListener("visibilitychange",()=>{_=!document.hidden});I();d.mainloopOp=this;f.onChange=()=>{i.set(0);a.set(0)};function A(){if(o.get()&&r.patch.loading.getProgress()<1)return 5;if(s.get()){if(!_)return 10;if(!O)return 30}return t.get()}function C(){function e(){if(S)S.style.display="block"}function t(){if(S)S.style.display="none"}r.patch.cgl.canvas.addEventListener("mouseleave",t);r.patch.cgl.canvas.addEventListener("mouseenter",e);if(c.get()){if(!S){S=document.createElement("div");const n=r.patch.cgl.canvas.parentElement;if(n)n.appendChild(S);S.addEventListener("mouseenter",e);S.addEventListener("click",function(e){if(CABLES.UI&&!e.shiftKey)gui.cycleFullscreen();else d.fullScreen()})}S.style.padding="10px";S.style.position="absolute";S.style.right="5px";S.style.top="5px";S.style.width="20px";S.style.height="20px";S.style.cursor="pointer";S.style["border-radius"]="40px";S.style.background="#444";S.style["z-index"]="9999";S.style.display="none";S.innerHTML=''}else{if(S){S.style.display="none";S.remove();S=null}}}r.onDelete=function(){d.gl.clearColor(0,0,0,0);d.gl.clear(d.gl.COLOR_BUFFER_BIT|d.gl.DEPTH_BUFFER_BIT)};function T(e){if(!p.get())return;if(d.aborted||d.canvas.clientWidth===0||d.canvas.clientHeight===0)return;r.patch.cg=d;if(h.get())r.patch.cgl.pixelDensity=window.devicePixelRatio;const t=performance.now();r.patch.config.fpsLimit=A();if(d.canvasWidth==-1){d.setCanvas(r.patch.config.glCanvasId);return}if(d.canvasWidth!=i.get()||d.canvasHeight!=a.get()){let e=1;if(f.get()=="CSS")e=r.patch.cgl.pixelDensity;i.set(d.canvasWidth/e);a.set(d.canvasHeight/e)}if(CABLES.now()-m>1e3){CGL.fpsReport=CGL.fpsReport||[];if(r.patch.loading.getProgress()>=1&&m!==0)CGL.fpsReport.push(g);g=0;m=CABLES.now()}CGL.MESH.lastShader=null;CGL.MESH.lastMesh=null;d.renderStart(d,y,x);if(l.get()){d.gl.clearColor(0,0,0,1);d.gl.clear(d.gl.COLOR_BUFFER_BIT|d.gl.DEPTH_BUFFER_BIT)}n.trigger();if(CGL.MESH.lastMesh)CGL.MESH.lastMesh.unBind();if(CGL.Texture.previewTexture){if(!CGL.Texture.texturePreviewer)CGL.Texture.texturePreviewer=new CGL.Texture.texturePreview(d);CGL.Texture.texturePreviewer.render(CGL.Texture.previewTexture)}d.renderEnd(d);r.patch.cg=null;if(u.get()){d.gl.clearColor(1,1,1,1);d.gl.colorMask(false,false,false,true);d.gl.clear(d.gl.COLOR_BUFFER_BIT);d.gl.colorMask(true,true,true,true)}if(!d.frameStore.phong)d.frameStore.phong={};g++;r.patch.cgl.profileData.profileMainloopMs=performance.now()-t}function I(){clearTimeout(v);v=setTimeout(()=>{if(r.patch.getOpsByObjName(r.name).length>1){r.setUiError("multimainloop","there should only be one mainloop op!");if(!b)b=r.patch.addEventListener("onOpDelete",I)}else r.setUiError("multimainloop",null,1)},500)}};Ops.Gl.MainLoop.prototype=new CABLES.Op;CABLES.OPS["b0472a1d-db16-4ba6-8787-f300fbdc77bb"]={f:Ops.Gl.MainLoop,objName:"Ops.Gl.MainLoop"};Ops.Trigger.Sequence=function(){CABLES.Op.apply(this,arguments);const a=this;const e=a.attachments={};const t=a.inTrigger("exe"),n=a.inTriggerButton("Clean up connections");a.setUiAttrib({resizable:true,resizableY:false,stretchPorts:true});const r=[],s=[],i=16;let o=null,l=[];t.onTriggered=p;n.onTriggered=h;n.setUiAttribs({hideParam:true,hidePort:true});for(let t=0;t0)l.push(s[e])}function c(){u();clearTimeout(o);o=setTimeout(()=>{let t=false;for(let e=0;e1)t=true;n.setUiAttribs({hideParam:!t});if(a.isCurrentUiOp())a.refreshParams()},60)}function p(){for(let e=0;e1)for(let e=1;e0)r++;t.push(s[n].links[e]);const i=s[n].links[e].getOtherPort(s[n]);a.patch.link(a,"trigger "+r,i.op,i.name);r++}for(let e=0;et.left&&e.clientXt.top&&e.clientY0)E(e.touches[0])}function U(e){h.set(true);if(e.touches&&e.touches.length>0)_(e.touches[0])}function R(e){h.set(false);A()}function P(){if(!b)return;b.removeEventListener("touchend",R);b.removeEventListener("touchstart",U);b.removeEventListener("touchmove",N);b.removeEventListener("click",T);b.removeEventListener("mousemove",L);b.removeEventListener("mouseleave",I);b.removeEventListener("mousedown",_);b.removeEventListener("mouseup",A);b.removeEventListener("mouseenter",O);b.removeEventListener("contextmenu",C);b=null}function M(){if(b||!o.get())P();if(!o.get())return;b=y=m.canvas;if(i.get()=="Canvas Area"){y=m.canvas.parentElement;b=document.body}if(i.get()=="Document")y=b=document.body;if(i.get()=="Parent Element")b=y=m.canvas.parentElement;let e=false;if(s.get())e={passive:true};if(r.get()){b.addEventListener("touchend",R,e);b.addEventListener("touchstart",U,e);b.addEventListener("touchmove",N,e)}b.addEventListener("mousemove",L,e);b.addEventListener("mouseleave",I,e);b.addEventListener("mousedown",_,e);b.addEventListener("mouseup",A,e);b.addEventListener("mouseenter",O,e);b.addEventListener("contextmenu",C,e);b.addEventListener("click",T,e)}};Ops.Devices.Mouse.Mouse_v3.prototype=new CABLES.Op;CABLES.OPS["6d1edbc0-088a-43d7-9156-918fb3d7f24b"]={f:Ops.Devices.Mouse.Mouse_v3,objName:"Ops.Devices.Mouse.Mouse_v3"};Ops.Math.DeltaSum=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const o=e.inValue("Delta Value"),n=e.inValue("Default Value",0),l=e.inValue("Multiply",1),r=e.inTriggerButton("Reset"),a=e.inValueBool("Limit",false),u=e.inValue("Min",0),c=e.inValue("Max",100),p=e.inValue("Rubberband",0),s=e.outNumber("Absolute Value");o.changeAlways=true;e.setPortGroup("Limit",[a,u,c,p]);let h=0;let f=CABLES.now();let d=null;a.onChange=g;n.onChange=r.onTriggered=i;c.onChange=u.onChange=v;g();function i(){let e=n.get();if(a.get()){e=Math.max(u.get(),e);e=Math.min(c.get(),e)}h=e;s.set(h)}function g(){u.setUiAttribs({greyout:!a.get()});c.setUiAttribs({greyout:!a.get()});p.setUiAttribs({greyout:!a.get()});v()}function m(){const e=u.get();const t=c.get();if(ht)h=t;s.set(h)}function v(){if(a.get()){const e=u.get();const t=c.get();const n=p.get();const r=u.get()-n;const i=c.get()+n;if(hi)h=i;if(n!==0){clearTimeout(d);d=setTimeout(m.bind(this),300)}}s.set(h)}o.onChange=function(){let e=o.get();const t=p.get();if(t!==0){const n=u.get();const r=c.get();const i=u.get()-t;const a=c.get()+t;if(hr){const s=Math.abs(a-h)/t;e*=s*s}}f=CABLES.now();h+=e*l.get();v()}};Ops.Math.DeltaSum.prototype=new CABLES.Op;CABLES.OPS["d9d4b3db-c24b-48da-b798-9e6230d861f7"]={f:Ops.Math.DeltaSum,objName:"Ops.Math.DeltaSum"};Ops.Ui.PatchInput=function(){CABLES.Op.apply(this,arguments);const i=this;const e=i.attachments={};const a=i.addOutPort(new CABLES.Port(i,"create port",CABLES.OP_PORT_TYPE_DYNAMIC));function s(){for(let e in i.patch.ops){if(i.patch.ops[e].patchId){if(i.patch.ops[e].patchId.get()==i.uiAttribs.subPatch){return i.patch.ops[e]}}}}a.onLinkChanged=()=>{const e=s();if(!a.links.length||!e||!e.addNewInPort)return;const t=a.links[0].getOtherPort(a);a.removeLinks();const n=e.addNewInPort(t);const r=gui.scene().link(t.parent,t.getName(),i,n);e.saveData()}};Ops.Ui.PatchInput.prototype=new CABLES.Op;CABLES.OPS["e3f68bc3-892a-4c78-9974-aca25c27025d"]={f:Ops.Ui.PatchInput,objName:"Ops.Ui.PatchInput"};Ops.Ui.PatchOutput=function(){CABLES.Op.apply(this,arguments);const i=this;const e=i.attachments={};const a=i.addInPort(new CABLES.Port(i,"create port",CABLES.OP_PORT_TYPE_DYNAMIC));function s(){for(let e in i.patch.ops){if(i.patch.ops[e].patchId){if(i.patch.ops[e].patchId.get()==i.uiAttribs.subPatch){return i.patch.ops[e]}}}}a.onLinkChanged=()=>{const e=s();if(!a.links.length)return;const t=a.links[0].getOtherPort(a);a.removeLinks();const n=e.addNewOutPort(t);const r=gui.scene().link(t.parent,t.getName(),i,n);e.saveData()}};Ops.Ui.PatchOutput.prototype=new CABLES.Op;CABLES.OPS["851b44cb-5667-4140-9800-5aeb7031f1d7"]={f:Ops.Ui.PatchOutput,objName:"Ops.Ui.PatchOutput"};Ops.Ui.SubPatch=function(){CABLES.Op.apply(this,arguments);const u=this;const e=u.attachments={};u.dyn=u.addInPort(new CABLES.Port(u,"create port",CABLES.OP_PORT_TYPE_DYNAMIC));u.dynOut=u.addOutPort(new CABLES.Port(u,"create port out",CABLES.OP_PORT_TYPE_DYNAMIC));const t=u.addInPort(new CABLES.Port(u,"dataStr",CABLES.OP_PORT_TYPE_VALUE,{display:"readonly"}));u.patchId=u.addInPort(new CABLES.Port(u,"patchId",CABLES.OP_PORT_TYPE_VALUE,{display:"readonly"}));t.setUiAttribs({hideParam:true});u.patchId.setUiAttribs({hidePort:true});let c={ports:[],portsOut:[]};let n=CABLES.generateUUID();u.patchId.set(n);d();f();let p=false;u.saveData=s;u.init=()=>{u.setStorage({subPatchVer:1})};u.patchId.onChange=function(){if(!u.patch.isEditorMode())return;const t=u.patch.getSubPatchOps(n);if(t.length===2){if(u.patch.isEditorMode()&&CABLES.UI.DEFAULTOPS.isInBlueprint(u))CABLES.UI.undo.pause();for(let e=0;e=0;e--){if(u.patch.ops[e]&&u.patch.ops[e].uiAttribs&&u.patch.ops[e].uiAttribs.subPatch==u.patchId.get()){u.patch.deleteOp(u.patch.ops[e].id)}}};u.rebuildListeners=()=>{u.log("rebuild listeners...");const t=f();for(let e=0;et.left&&e.clientXt.top&&e.clientY{r.varName.set(e);r.patch.namedTriggers[e]=r.patch.namedTriggers[e]||[];n()}});return}r.refreshParams()}if(!r.patch.namedTriggers[r.varName.get()]){r.patch.namedTriggers[r.varName.get()]=r.patch.namedTriggers[r.varName.get()]||[];r.patch.emitEvent("namedTriggersChanged")}r.setTitle(">"+r.varName.get());r.refreshParams();r.patch.emitEvent("opTriggerNameChanged",r,r.varName.get())}function a(){const t=r.patch.namedTriggers[r.varName.get()];r.patch.emitEvent("namedTriggerSent",r.varName.get());if(!t){r.setUiError("unknowntrigger","unknown trigger");return}else r.setUiError("unknowntrigger",null);for(let e=0;et.minX&&e.pos[0]t.minY&&e.pos[1]t.minZ&&e.pos[2]e.maxX)i-=(t.pos[0]-e.maxX)**2;if(t.pos[1]e.maxY)i-=(t.pos[1]-e.maxY)**2;if(t.pos[2]e.maxZ)i-=(t.pos[2]-e.maxZ)**2;if(i>0){return{body0:a,name0:a.name,body1:s,name1:s.name}}}else{console.warn("unknown collision pair...",a.type,s.type)}}function f(){const n=[];const r=o.frameStore.collisionWorld.bodies;for(let t=0;t0){const c=(-o-Math.sqrt(u))/(2+i);if(cb)continue;r=true;E.set(s.name);I.set(true);vec3.mul(P,k,[v,v,v]);vec3.add(P,P,t);L.set(P[0]);N.set(P[1]);U.set(P[2])}}if(!r){E.set("");I.set(false);L.set(0);N.set(0);U.set(0)}}}};Ops.Graphics.Intersection.IntersectTestRaycast.prototype=new CABLES.Op;CABLES.OPS["dd5d9b39-75c2-40b1-98a4-7a0fdafdb5cb"]={f:Ops.Graphics.Intersection.IntersectTestRaycast,objName:"Ops.Graphics.Intersection.IntersectTestRaycast"};Ops.Graphics.Intersection.IntersectBody=function(){CABLES.Op.apply(this,arguments);const a=this;const e=a.attachments={};const t=["Sphere","BoxAA","Point"],n=a.inTrigger("Trigger"),r=a.inSwitch("Shape",t,"Sphere"),s=a.inString("Name",""),o=a.inFloat("Radius",.5),l=a.inFloat("Size X",1),u=a.inFloat("Size Y",1),c=a.inFloat("Size Z",1),p=a.inArray("Positions",null,3),h=a.inBool("Append Index to name",true),f=a.outTrigger("Next");a.setPortGroup("Array",[p,h]);const d=a.patch.cgl;const i=vec3.create();const g=vec3.create();y();let m=[];let v={name:"???",type:1};n.onTriggered=C;function b(){return{name:v.name,type:v.type}}r.onChange=()=>{v.type=t.indexOf(r.get())+1;y()};function y(){o.setUiAttribs({greyout:r.get()!="Sphere"});l.setUiAttribs({greyout:r.get()!="BoxAA"});u.setUiAttribs({greyout:r.get()!="BoxAA"});c.setUiAttribs({greyout:r.get()!="BoxAA"})}function x(e){e.minX=e.pos[0]-e.size[0]/2;e.maxX=e.pos[0]+e.size[0]/2;e.minY=e.pos[1]-e.size[1]/2;e.maxY=e.pos[1]+e.size[1]/2;e.minZ=e.pos[2]-e.size[2]/2;e.maxZ=e.pos[2]+e.size[2]/2}const S=1;const O=2;const _=3;function A(e){if(!CABLES.UI)return;if(!d.shouldDrawHelpers(a))return;if(e.type===S){d.pushModelMatrix();CABLES.UI.OverlayMeshes.drawSphere(a,e.radius,true);d.popModelMatrix()}else if(e.type===O){d.pushModelMatrix();CABLES.UI.OverlayMeshes.drawCube(a,e.size[0]/2,e.size[1]/2,e.size[2]/2);d.popModelMatrix()}else if(e.type===_){d.pushModelMatrix();CABLES.UI.OverlayMeshes.drawAxisMarker(a,.05);d.popModelMatrix()}else console.warn("[intersectWorld] unknown col shape")}function C(){if(!d.frameStore||!d.frameStore.collisionWorld)return;const t=a.patch.cgl;const n=p.get();const r=o.get();if(n&&n.length>0&&n.length%3==0){m.length=n.length/3;for(let e=0;e"+r.varName.get());r.patch.namedTriggers[r.varName.get()]=r.patch.namedTriggers[r.varName.get()]||[];let e=r.patch.namedTriggers[r.varName.get()];e.push(i);n=r.varName.get();s();r.patch.emitEvent("opTriggerNameChanged",r,r.varName.get())};r.on("uiParamPanel",s);function s(){if(!r.varName.get()){r.setUiError("unknowntrigger","unknown trigger")}else r.setUiError("unknowntrigger",null)}};Ops.Trigger.TriggerReceive.prototype=new CABLES.Op;CABLES.OPS["0816c999-f2db-466b-9777-2814573574c5"]={f:Ops.Trigger.TriggerReceive,objName:"Ops.Trigger.TriggerReceive"};Ops.Gl.Matrix.Translate=function(){CABLES.Op.apply(this,arguments);const t=this;const e=t.attachments={};const n=t.inTrigger("render"),r=t.outTrigger("trigger"),i=t.inValue("x"),a=t.inValue("y"),s=t.inValue("z");const o=vec3.create();n.onTriggered=function(){const e=t.patch.cg;vec3.set(o,i.get(),a.get(),s.get());e.pushModelMatrix();mat4.translate(e.mMatrix,e.mMatrix,o);r.trigger();e.popModelMatrix()}};Ops.Gl.Matrix.Translate.prototype=new CABLES.Op;CABLES.OPS["1f89ba0e-e7eb-46d7-8c66-7814b7c528b9"]={f:Ops.Gl.Matrix.Translate,objName:"Ops.Gl.Matrix.Translate"};Ops.Trigger.Repeat2d=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inTrigger("exe"),s=e.inValueInt("num x",5),o=e.inValueInt("num y",5),l=e.inValueFloat("mul",1),u=e.inValueBool("center"),c=e.outTrigger("trigger"),p=e.outNumber("x"),h=e.outNumber("y"),f=e.outNumber("index"),d=e.outNumber("total iterations");n.onTriggered=function(){let n=0;let e=0;const r=l.get();const i=s.get();const a=o.get();if(u.get()){n=(i-1)*r/2;e=(a-1)*r/2}for(let t=0;tJ){e=L;T%=L}else T%=L;I%=Math.PI;vec3.set(g,0,0,0);vec3.set(f,0,0,0);vec3.set(h,0,1,0);x=r.get()*Math.PI*2+e;S=n.get()-.5;v=t.get();p=R(S)}function ee(){Q=e.get()*10+1}e.onChange=ee;let te=true;function N(e,t){if(te)return t;return e+(t-e)/Q}let U=0;const ne=0;B.onTriggered=function(){const e=i.patch.cg;if(!E){ce(e.canvas);pe()}e.pushViewMatrix();T=N(T,x);I=N(I,S);let t=(I+.5)*180;if(o.get()!==0&&tl.get()){t=l.get();I=U}else{U=I}const n=T*CGL.RAD2DEG;W.set(t);Y.set(n);re(p,I);vec3.add(O,p,g);vec3.add(A,f,g);_[0]=N(_[0],O[0]);_[1]=N(_[1],O[1]);_[2]=N(_[2],O[2]);C[0]=N(C[0],A[0]);C[1]=N(C[1],A[1]);C[2]=N(C[2],A[2]);const r=vec3.create();mat4.lookAt(d,_,C,h);mat4.rotate(d,d,T,h);mat4.multiply(e.vMatrix,e.vMatrix,d);X.trigger();e.popViewMatrix();te=false};function re(e,t){const n=u.get();if(vs.get()*n)v=s.get()*n;c.set(v*n);let r=0,i=0;i=360*t/2*CGL.DEG2RAD;vec3.set(e,Math.cos(i)*v*n,Math.sin(i)*v*n,0);return e}function R(e){const t=u.get();if(vs.get()*t)v=s.get()*t;c.set(v*t);let n=0,r=0;const i=vec3.create();r=360*e/2*CGL.DEG2RAD;vec3.set(i,Math.cos(r)*v*t,Math.sin(r)*v*t,0);return i}function P(e){if(!m)return;const t=e.clientX;const n=e.clientY;let r=t-b;let i=n-y;r*=G.get();i*=V.get();if(e.buttons==2&&F.get()){g[2]+=r*.01*u.get();g[1]+=i*.01*u.get()}else if(e.buttons==4&&j.get()){v+=i*.05;p=R(S)}else{if(z.get()){x+=r*.003;S+=i*.002;if(H.get()){if(S>.5)S=.5;if(S<-.5)S=-.5}}}b=t;y=n}function M(e){b=e.clientX;y=e.clientY;m=true;try{E.setPointerCapture(e.pointerId)}catch(e){}}function k(e){m=false;try{E.releasePointerCapture(e.pointerId)}catch(e){}}function ie(){const e=i.patch.cg.canvas;if(document.pointerLockElement===e||document.mozPointerLockElement===e||document.webkitPointerLockElement===e){document.addEventListener("mousemove",P,false)}}function ae(e){}t.onChange=function(){v=t.get();$()};r.onChange=function(){T=x=r.get()*Math.PI*2};n.onChange=function(){I=S=n.get()-.5;p=R(S)};const se=function(e){if(j.get()){const t=CGL.getWheelSpeed(e)*.06;v+=parseFloat(t)*1.2;p=R(S)}};const oe=function(e){if(e.touches&&e.touches.length>0)M(e.touches[0])};const le=function(e){k()};const ue=function(e){if(e.touches&&e.touches.length>0)P(e.touches[0])};D.onChange=function(){if(D.get())pe();else he()};function ce(e){he();E=e;pe()}function pe(){if(!E)return;E.addEventListener("pointermove",P);E.addEventListener("pointerdown",M);E.addEventListener("pointerup",k);E.addEventListener("pointerleave",k);E.addEventListener("pointerenter",ae);E.addEventListener("contextmenu",function(e){e.preventDefault()});E.addEventListener("wheel",se,{passive:true})}function he(){if(!E)return;E.removeEventListener("pointermove",P);E.removeEventListener("pointerdown",M);E.removeEventListener("pointerup",k);E.removeEventListener("pointerleave",k);E.removeEventListener("pointerenter",k);E.removeEventListener("wheel",se)}p=R(0);r.set(.25);t.set(.05)};Ops.Gl.Matrix.OrbitControls.prototype=new CABLES.Op;CABLES.OPS["eaf4f7ce-08a3-4d1b-b9f4-ebc0b7b1cde1"]={f:Ops.Gl.Matrix.OrbitControls,objName:"Ops.Gl.Matrix.OrbitControls"};Ops.Gl.Shader.BasicMaterial_v3=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={basicmaterial_frag:"{{MODULES_HEAD}}\n\nIN vec2 texCoord;\n\n#ifdef VERTEX_COLORS\nIN vec4 vertCol;\n#endif\n\n#ifdef HAS_TEXTURES\n IN vec2 texCoordOrig;\n #ifdef HAS_TEXTURE_DIFFUSE\n UNI sampler2D tex;\n #endif\n #ifdef HAS_TEXTURE_OPACITY\n UNI sampler2D texOpacity;\n #endif\n#endif\n\n\n\nvoid main()\n{\n {{MODULE_BEGIN_FRAG}}\n vec4 col=color;\n\n\n #ifdef HAS_TEXTURES\n vec2 uv=texCoord;\n\n #ifdef CROP_TEXCOORDS\n if(uv.x<0.0 || uv.x>1.0 || uv.y<0.0 || uv.y>1.0) discard;\n #endif\n\n #ifdef HAS_TEXTURE_DIFFUSE\n col=texture(tex,uv);\n\n #ifdef COLORIZE_TEXTURE\n col.r*=color.r;\n col.g*=color.g;\n col.b*=color.b;\n #endif\n #endif\n col.a*=color.a;\n #ifdef HAS_TEXTURE_OPACITY\n #ifdef TRANSFORMALPHATEXCOORDS\n uv=texCoordOrig;\n #endif\n #ifdef ALPHA_MASK_IR\n col.a*=1.0-texture(texOpacity,uv).r;\n #endif\n #ifdef ALPHA_MASK_IALPHA\n col.a*=1.0-texture(texOpacity,uv).a;\n #endif\n #ifdef ALPHA_MASK_ALPHA\n col.a*=texture(texOpacity,uv).a;\n #endif\n #ifdef ALPHA_MASK_LUMI\n col.a*=dot(vec3(0.2126,0.7152,0.0722), texture(texOpacity,uv).rgb);\n #endif\n #ifdef ALPHA_MASK_R\n col.a*=texture(texOpacity,uv).r;\n #endif\n #ifdef ALPHA_MASK_G\n col.a*=texture(texOpacity,uv).g;\n #endif\n #ifdef ALPHA_MASK_B\n col.a*=texture(texOpacity,uv).b;\n #endif\n // #endif\n #endif\n #endif\n\n {{MODULE_COLOR}}\n\n #ifdef DISCARDTRANS\n if(col.a<0.2) discard;\n #endif\n\n #ifdef VERTEX_COLORS\n col*=vertCol;\n #endif\n\n outColor = col;\n}\n",basicmaterial_vert:"\n{{MODULES_HEAD}}\n\nOUT vec2 texCoord;\nOUT vec2 texCoordOrig;\n\nUNI mat4 projMatrix;\nUNI mat4 modelMatrix;\nUNI mat4 viewMatrix;\n\n#ifdef HAS_TEXTURES\n UNI float diffuseRepeatX;\n UNI float diffuseRepeatY;\n UNI float texOffsetX;\n UNI float texOffsetY;\n#endif\n\n#ifdef VERTEX_COLORS\n in vec4 attrVertColor;\n out vec4 vertCol;\n\n#endif\n\n\nvoid main()\n{\n mat4 mMatrix=modelMatrix;\n mat4 modelViewMatrix;\n\n norm=attrVertNormal;\n texCoordOrig=attrTexCoord;\n texCoord=attrTexCoord;\n #ifdef HAS_TEXTURES\n texCoord.x=texCoord.x*diffuseRepeatX+texOffsetX;\n texCoord.y=(1.0-texCoord.y)*diffuseRepeatY+texOffsetY;\n #endif\n\n #ifdef VERTEX_COLORS\n vertCol=attrVertColor;\n #endif\n\n vec4 pos = vec4(vPosition, 1.0);\n\n #ifdef BILLBOARD\n vec3 position=vPosition;\n modelViewMatrix=viewMatrix*modelMatrix;\n\n gl_Position = projMatrix * modelViewMatrix * vec4((\n position.x * vec3(\n modelViewMatrix[0][0],\n modelViewMatrix[1][0],\n modelViewMatrix[2][0] ) +\n position.y * vec3(\n modelViewMatrix[0][1],\n modelViewMatrix[1][1],\n modelViewMatrix[2][1]) ), 1.0);\n #endif\n\n {{MODULE_VERTEX_POSITION}}\n\n #ifndef BILLBOARD\n modelViewMatrix=viewMatrix * mMatrix;\n\n {{MODULE_VERTEX_MOVELVIEW}}\n\n #endif\n\n // mat4 modelViewMatrix=viewMatrix*mMatrix;\n\n #ifndef BILLBOARD\n // gl_Position = projMatrix * viewMatrix * modelMatrix * pos;\n gl_Position = projMatrix * modelViewMatrix * pos;\n #endif\n}\n"};const n=e.inTrigger("render");const r=e.outTrigger("trigger");const i=e.outObject("shader",null,"shader");i.ignoreValueSerialize=true;e.toWorkPortsNeedToBeLinked(n);e.toWorkShouldNotBeChild("Ops.Gl.TextureEffects.ImageCompose",CABLES.OP_PORT_TYPE_FUNCTION);const a=e.patch.cgl;const s=new CGL.Shader(a,"basicmaterialnew",this);s.addAttribute({type:"vec3",name:"vPosition"});s.addAttribute({type:"vec2",name:"attrTexCoord"});s.addAttribute({type:"vec3",name:"attrVertNormal",nameFrag:"norm"});s.addAttribute({type:"float",name:"attrVertIndex"});s.setModules(["MODULE_VERTEX_POSITION","MODULE_COLOR","MODULE_BEGIN_FRAG","MODULE_VERTEX_MOVELVIEW"]);s.setSource(t.basicmaterial_vert,t.basicmaterial_frag);i.setRef(s);n.onTriggered=I;const o=e.inValueSlider("r",Math.random());const l=e.inValueSlider("g",Math.random());const u=e.inValueSlider("b",Math.random());const c=e.inValueSlider("a",1);o.setUiAttribs({colorPick:true});const p=s.addUniformFrag("4f","color",o,l,u,c);s.uniformColorDiffuse=p;const h=e.inTexture("texture");let f=null;h.onChange=L;const d=e.inValueBool("colorizeTexture",false);const g=e.inValueBool("Vertex Colors",false);const m=e.inTexture("textureOpacity");let v=null;const b=e.inSwitch("Alpha Mask Source",["Luminance","R","G","B","A","1-A","1-R"],"Luminance");b.setUiAttribs({greyout:true});m.onChange=E;const y=e.inValueBool("Opacity TexCoords Transform",false);const x=e.inValueBool("Discard Transparent Pixels");const S=e.inValue("diffuseRepeatX",1),O=e.inValue("diffuseRepeatY",1),_=e.inValue("Tex Offset X",0),A=e.inValue("Tex Offset Y",0),C=e.inBool("Crop TexCoords",false);s.addUniformFrag("f","diffuseRepeatX",S);s.addUniformFrag("f","diffuseRepeatY",O);s.addUniformFrag("f","texOffsetX",_);s.addUniformFrag("f","texOffsetY",A);const T=e.inValueBool("billboard",false);b.onChange=T.onChange=x.onChange=y.onChange=C.onChange=g.onChange=d.onChange=U;e.setPortGroup("Color",[o,l,u,c]);e.setPortGroup("Color Texture",[h,g,d]);e.setPortGroup("Opacity",[m,b,x,y]);e.setPortGroup("Texture Transform",[S,O,_,A,C]);E();L();e.preRender=function(){s.bind();I()};function I(){if(!s)return;a.pushShader(s);s.popTextures();if(f&&h.get())s.pushTexture(f,h.get());if(v&&m.get())s.pushTexture(v,m.get());r.trigger();a.popShader()}function E(){if(m.get()){if(v!==null)return;s.removeUniform("texOpacity");s.define("HAS_TEXTURE_OPACITY");if(!v)v=new CGL.Uniform(s,"t","texOpacity")}else{s.removeUniform("texOpacity");s.removeDefine("HAS_TEXTURE_OPACITY");v=null}U()}function L(){if(h.get()){if(!s.hasDefine("HAS_TEXTURE_DIFFUSE"))s.define("HAS_TEXTURE_DIFFUSE");if(!f)f=new CGL.Uniform(s,"t","texDiffuse")}else{s.removeUniform("texDiffuse");s.removeDefine("HAS_TEXTURE_DIFFUSE");f=null}N()}function N(){const e=h.isLinked()||m.isLinked();S.setUiAttribs({greyout:!e});O.setUiAttribs({greyout:!e});_.setUiAttribs({greyout:!e});A.setUiAttribs({greyout:!e});d.setUiAttribs({greyout:!e});b.setUiAttribs({greyout:!m.get()});y.setUiAttribs({greyout:!m.get()});let t=true;t=h.get()&&!d.get();o.setUiAttribs({greyout:t});l.setUiAttribs({greyout:t});u.setUiAttribs({greyout:t})}function U(){s.toggleDefine("VERTEX_COLORS",g.get());s.toggleDefine("CROP_TEXCOORDS",C.get());s.toggleDefine("COLORIZE_TEXTURE",d.get());s.toggleDefine("TRANSFORMALPHATEXCOORDS",y.get());s.toggleDefine("DISCARDTRANS",x.get());s.toggleDefine("BILLBOARD",T.get());s.toggleDefine("ALPHA_MASK_ALPHA",b.get()=="A");s.toggleDefine("ALPHA_MASK_IALPHA",b.get()=="1-A");s.toggleDefine("ALPHA_MASK_IR",b.get()=="1-R");s.toggleDefine("ALPHA_MASK_LUMI",b.get()=="Luminance");s.toggleDefine("ALPHA_MASK_R",b.get()=="R");s.toggleDefine("ALPHA_MASK_G",b.get()=="G");s.toggleDefine("ALPHA_MASK_B",b.get()=="B");N()}};Ops.Gl.Shader.BasicMaterial_v3.prototype=new CABLES.Op;CABLES.OPS["ec55d252-3843-41b1-b731-0482dbd9e72b"]={f:Ops.Gl.Shader.BasicMaterial_v3,objName:"Ops.Gl.Shader.BasicMaterial_v3"};Ops.Math.Ease=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inValue("Value"),r=e.inValue("Min",0),i=e.inValue("Max",1),a=e.outNumber("Result"),s=new CABLES.Anim;s.createPort(e,"Easing",l);s.setValue(0,0);s.setValue(1,1);e.onLoaded=r.onChange=i.onChange=o;function o(){s.keys[0].time=s.keys[0].value=Math.min(r.get(),i.get());s.keys[1].time=s.keys[1].value=Math.max(r.get(),i.get())}function l(){s.keys[0].setEasing(s.defaultEasing)}n.onChange=function(){const e=s.getValue(n.get());a.set(e)}};Ops.Math.Ease.prototype=new CABLES.Op;CABLES.OPS["8f6e4a08-33e6-408f-ac4a-198bd03b417b"]={f:Ops.Math.Ease,objName:"Ops.Math.Ease"};Ops.Devices.Browser.JsMemory=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inTrigger("Update"),r=e.outNumber("Used Heap Size",0),i=e.outNumber("Total Heap Size",0);if(performance.memory&&performance.memory.usedJSHeapSize)n.onTriggered=a;function a(){r.set(performance.memory.usedJSHeapSize/1024/1024);i.set(performance.memory.totalJSHeapSize/1024/1024)}};Ops.Devices.Browser.JsMemory.prototype=new CABLES.Op;CABLES.OPS["7176f9c7-1ee8-419e-b58b-178cca9265e7"]={f:Ops.Devices.Browser.JsMemory,objName:"Ops.Devices.Browser.JsMemory"};Ops.Gl.Meshes.Cylinder_v2=function(){CABLES.Op.apply(this,arguments);const _=this;const e=_.attachments={};const t=_.inTrigger("render"),n=_.inValueBool("Draw",true),A=_.inValueInt("segments",40),C=_.inValueInt("stacks",1),T=_.inValueFloat("length",1),I=_.inValueFloat("outer radius",.5),E=_.inValueFloat("inner radius",0),L=_.inValueSelect("UV mode",["simple","atlas"],"simple"),N=_.inValueBool("Flip Mapping",false),U=_.inValueBool("Caps",true),R=_.inValueBool("Flat Normals",false),r=_.outTrigger("next"),P=_.outObject("geometry"),M=new CGL.Geometry("cylinder");n.setUiAttribs({title:"Render mesh"});const k=Math.PI*2,i=_.patch.cgl;let w=true;let B=null;L.setUiAttribs({hidePort:true});_.preRender=a;function a(){const e=N.get();const t=Math.max(A.get(),3)|0,n=Math.max(E.get(),0),r=Math.max(I.get(),n),i=Math.max(C.get(),C.defaultValue)|0,a=T.get(),s=a/i,o=k/t,l=L.get();let u=[],c=[],p=[],h=[],f=[],d=[],g,m,v,b,y,x,S,O;if(l=="atlas")O=.5;else O=1;for(b=0,v=-a/2;b<=i;b++,v+=s){for(y=x=0;y<=t;y++,x+=o){u.push((g=Math.sin(x))*r,(m=Math.cos(x))*r,v);S=Math.sqrt(g*g+m*m);g/=S;m/=S;c.push(g,m,0);p.push(-m,g,0);h.push(0,0,1);if(e)f.push(y/t,1-(v/a+.5)*O);else f.push((v/a+.5)*O,y/t)}}for(y=0;y1){m.set(false);v.set(true);const r=a.get();i.setUiAttrib({extendTitle:CABLES.basename(t)});if(n)i.refreshParams();b.patch.loading.addAssetLoadingTask(()=>{i.setUiError("urlerror",null);CGL.Texture.load(b,t,function(e,t){b.checkFrameStarted("texture inittexture");if(a.get()!=r){b.patch.loading.finished(x);x=null;return}if(S)S.delete();if(e){const n=CGL.Texture.getErrorTexture(b);p.setRef(n);i.setUiError("urlerror",'could not load texture: "'+a.get()+'"',2);b.patch.loading.finished(x);x=null;return}f.set(t.width);d.set(t.height);g.set(t.width/t.height);S=t;p.setRef(S);v.set(false);m.set(true);if(c.get())S.image=null;if(x){b.patch.loading.finished(x);x=null}i.checkMainloopExists()},{anisotropic:A,wrap:_,flip:o.get(),unpackAlpha:l.get(),pixelFormat:E(),filter:O});i.checkMainloopExists()})}else{b.patch.loading.finished(x);x=null;T()}}function N(){if(t.get()=="nearest")O=CGL.Texture.FILTER_NEAREST;else if(t.get()=="linear")O=CGL.Texture.FILTER_LINEAR;else if(t.get()=="mipmap")O=CGL.Texture.FILTER_MIPMAP;else if(t.get()=="Anisotropic")O=CGL.Texture.FILTER_ANISOTROPIC;r.setUiAttribs({greyout:O!=CGL.Texture.FILTER_MIPMAP});A=parseFloat(r.get());I()}function U(){if(n.get()=="repeat")_=CGL.Texture.WRAP_REPEAT;if(n.get()=="mirrored repeat")_=CGL.Texture.WRAP_MIRRORED_REPEAT;if(n.get()=="clamp to edge")_=CGL.Texture.WRAP_CLAMP_TO_EDGE;I()}i.onFileChanged=function(e){if(a.get()&&a.get().indexOf(e)>-1){p.set(CGL.Texture.getEmptyTexture(i.patch.cgl));p.set(CGL.Texture.getTempTexture(b));L(true)}}};Ops.Gl.Texture_v2.prototype=new CABLES.Op;CABLES.OPS["790f3702-9833-464e-8e37-6f0f813f7e16"]={f:Ops.Gl.Texture_v2,objName:"Ops.Gl.Texture_v2"};Ops.Gl.RenderToTexture_v3=function(){CABLES.Op.apply(this,arguments);const i=this;const e=i.attachments={};const t=i.inTrigger("render"),n=i.inSwitch("Size",["Canvas","Manual"],"Canvas"),r=i.inValueInt("texture width",512),a=i.inValueInt("texture height",512),s=i.inBool("Auto Aspect",true),o=i.inSwitch("filter",["nearest","linear","mipmap"],"linear"),l=i.inSwitch("Wrap",["Clamp","Repeat","Mirror"],"Repeat"),u=i.inSwitch("MSAA",["none","2x","4x","8x"],"none"),c=i.outTrigger("trigger"),p=i.outTexture("texture"),h=i.outTexture("textureDepth"),f=i.inDropDown("Pixel Format",CGL.Texture.PIXELFORMATS,CGL.Texture.PFORMATSTR_RGBA8UB),d=i.inValueBool("Depth",true),g=i.inValueBool("Clear",true);const m=i.patch.cgl;let v=null;let b=true;i.setPortGroup("Size",[n,r,a,s]);f.onChange=d.onChange=g.onChange=o.onChange=l.onChange=u.onChange=x;n.onChange=y;t.onTriggered=i.preRender=S;y();function y(){r.setUiAttribs({greyout:n.get()!="Manual"});a.setUiAttribs({greyout:n.get()!="Manual"});s.setUiAttribs({greyout:n.get()!="Manual"})}function x(){b=true}function S(){CGL.TextureEffect.checkOpNotInTextureEffect(i);if(!v||b){if(v)v.delete();let n=CGL.Texture.WRAP_REPEAT;if(l.get()=="Clamp")n=CGL.Texture.WRAP_CLAMP_TO_EDGE;else if(l.get()=="Mirror")n=CGL.Texture.WRAP_MIRRORED_REPEAT;let r=CGL.Texture.FILTER_NEAREST;if(o.get()=="nearest")r=CGL.Texture.FILTER_NEAREST;else if(o.get()=="linear")r=CGL.Texture.FILTER_LINEAR;else if(o.get()=="mipmap")r=CGL.Texture.FILTER_MIPMAP;if(f.get().indexOf("loat")&&o.get()=="mipmap")i.setUiError("fpmipmap","Can't use mipmap and float texture at the same time");else i.setUiError("fpmipmap",null);if(m.glVersion>=2){let e=true;let t=4;if(u.get()=="none"){t=0;e=false}if(u.get()=="2x")t=2;if(u.get()=="4x")t=4;if(u.get()=="8x")t=8;v=new CGL.Framebuffer2(m,8,8,{name:"render2texture "+i.id,pixelFormat:f.get(),multisampling:e,multisamplingSamples:t,wrap:n,filter:r,depth:d.get(),clear:g.get()})}else{v=new CGL.Framebuffer(m,8,8,{isFloatingPointTexture:false,clear:g.get()})}if(v&&v.valid){h.set(v.getTextureDepth());b=false}else{v=null;b=true}}let e=s.get();if(n.get()=="Canvas"){e=true;r.set(i.patch.cgl.checkTextureSize(m.canvasWidth));a.set(i.patch.cgl.checkTextureSize(m.canvasHeight))}if(v.getWidth()!=i.patch.cgl.checkTextureSize(r.get())||v.getHeight()!=i.patch.cgl.checkTextureSize(a.get())){v.setSize(i.patch.cgl.checkTextureSize(r.get()),i.patch.cgl.checkTextureSize(a.get()))}v.renderStart(m);m.pushViewPort(0,0,r.get(),a.get());if(e)mat4.perspective(m.pMatrix,45,r.get()/a.get(),.1,1e3);c.trigger();v.renderEnd(m);m.popViewPort();h.setRef(v.getTextureDepth());p.setRef(v.getTextureColor())}};Ops.Gl.RenderToTexture_v3.prototype=new CABLES.Op;CABLES.OPS["41eec5c7-c480-477a-be81-04c3efac8357"]={f:Ops.Gl.RenderToTexture_v3,objName:"Ops.Gl.RenderToTexture_v3"};Ops.Gl.Meshes.Rectangle_v4=function(){CABLES.Op.apply(this,arguments);const t=this;const e=t.attachments={};const n=t.inTrigger("render"),r=t.inValueBool("Render Mesh",true),I=t.inValue("width",1),E=t.inValue("height",1),L=t.inSwitch("pivot x",["left","center","right"],"center"),N=t.inSwitch("pivot y",["top","center","bottom"],"center"),U=t.inSwitch("axis",["xy","xz"],"xy"),R=t.inBool("Flip TexCoord X",false),P=t.inBool("Flip TexCoord Y",true),M=t.inValueInt("num columns",1),k=t.inValueInt("num rows",1),i=t.outTrigger("trigger"),w=t.outObject("geometry",null,"geometry");w.ignoreValueSerialize=true;const a=t.patch.cgl;const B=new CGL.Geometry("rectangle");r.setUiAttribs({title:"Render"});n.setUiAttribs({title:"Trigger"});i.setUiAttribs({title:"Next"});t.setPortGroup("Pivot",[L,N,U]);t.setPortGroup("Size",[I,E]);t.setPortGroup("Structure",[M,k]);t.toWorkPortsNeedToBeLinked(n);t.toWorkShouldNotBeChild("Ops.Gl.TextureEffects.ImageCompose",CABLES.OP_PORT_TYPE_TRIGGER);const G=0;const V=1;let D=G;let F=null;let j=true;let z=true;const s=vec3.create();vec3.set(s,1,1,1);U.onChange=L.onChange=N.onChange=R.onChange=P.onChange=k.onChange=M.onChange=o;H();I.onChange=E.onChange=()=>{if(z)H();else j=true};function H(){if(D===G)vec3.set(s,I.get(),E.get(),1);if(D===V)vec3.set(s,I.get(),1,E.get())}w.onLinkChanged=()=>{z=!w.isLinked();H();j=true};function o(){j=true}n.onTriggered=()=>{if(j)l();const e=t.patch.cg;if(F&&r.get()){if(z){e.pushModelMatrix();mat4.scale(e.mMatrix,e.mMatrix,s)}F.render(e.getShader());if(z)e.popModelMatrix()}i.trigger()};t.onDelete=()=>{if(F)F.dispose();o()};function l(){if(U.get()=="xy")D=G;if(U.get()=="xz")D=V;H();let n=I.get();let r=E.get();if(z)n=r=1;let i=0;let a=0;if(L.get()=="center")i=0;else if(L.get()=="right")i=-n/2;else if(L.get()=="left")i=+n/2;if(N.get()=="center")a=0;else if(N.get()=="top")a=-r/2;else if(N.get()=="bottom")a=+r/2;const s=Math.max(1,Math.round(k.get()));const o=Math.max(1,Math.round(M.get()));const l=n/o;const u=r/s;const c=[];const p=new Float32Array((o+1)*(s+1)*2);const h=new Float32Array((o+1)*(s+1)*3);const f=new Float32Array((o+1)*(s+1)*3);const d=new Float32Array((o+1)*(s+1)*3);const g=new Float32Array((o+1)*(s+1)*3);let m=0;let v=0;let b=0;let y=0;let x=0;for(let t=0;t<=s;t++){for(let e=0;e<=o;e++){h[v++]=e*l-n/2+i;if(D==V)h[v++]=0;h[v++]=t*u-r/2+a;if(D==G)h[v++]=0;p[m++]=e/o;p[m++]=t/s;if(D==G){f[b++]=0;f[b++]=0;f[b++]=1;d[y++]=1;d[y++]=0;d[y++]=0;g[x++]=0;g[x++]=1;g[x++]=0}else if(D==V){f[b++]=0;f[b++]=1;f[b++]=0;g[x++]=0;g[x++]=0;g[x++]=1}}}c.length=o*s*6;let S=0;for(let t=0;tf){e=f*1/n;t=f}l.pushViewPort((f-t)/2,(d-e)/2,t,e)}if(m){if(s.get())l.setTexture(0,s.get().tex);u.render(g)}else{u.render(l.getShader())}l.gl.clear(l.gl.DEPTH_BUFFER_BIT);l.popPMatrix();l.popModelMatrix();l.popViewMatrix();if(b&&s.get())l.popViewPort();o.trigger()}function _(){u=null}function A(){if(l.viewPort[2]==f&&l.viewPort[3]==d&&u)return;let e=0,t=0;f=l.viewPort[2];d=l.viewPort[3];c.vertices=new Float32Array([e+f,t+d,0,e,t+d,0,e+f,t,0,e,t,0]);let n=null;if(i.get())n=new Float32Array([1,0,0,0,1,1,0,1]);else n=new Float32Array([1,1,0,1,1,0,0,0]);if(a.get()){n[0]=0;n[2]=1;n[4]=0;n[6]=1}c.setTexCoords(n);c.verticesIndices=new Uint16Array([2,1,0,3,1,2]);c.vertexNormals=new Float32Array([0,0,1,0,0,1,0,0,1,0,0,1]);c.tangents=new Float32Array([-1,0,0,-1,0,0,-1,0,0,-1,0,0]);c.biTangents==new Float32Array([0,-1,0,0,-1,0,0,-1,0,0,-1,0]);if(!u)u=new CGL.Mesh(l,c);else u.setGeom(c)}};Ops.Gl.Meshes.FullscreenRectangle_v2.prototype=new CABLES.Op;CABLES.OPS["fb70721a-eac2-4ff5-a5a2-5c59e2393972"]={f:Ops.Gl.Meshes.FullscreenRectangle_v2,objName:"Ops.Gl.Meshes.FullscreenRectangle_v2"};Ops.Gl.GradientTexture=function(){CABLES.Op.apply(this,arguments);const n=this;const e=n.attachments={};const T=n.inGradient("Gradient"),I=n.inValueSelect("Direction",["X","Y","XY","YX","Radial"],"X"),E=n.inValueBool("Smoothstep",false),L=n.inBool("Step",false),N=n.inBool("Flip",false),U=n.inBool("sRGB",false),R=n.inBool("Oklab",false),P=n.inValueInt("Size",256),M=n.inSwitch("filter",["nearest","linear","mipmap"],"linear"),k=n.inValueSelect("wrap",["clamp to edge","repeat","mirrored repeat"],"clamp to edge"),r=n.inArray("Gradient Array"),t=n.inTriggerButton("Randomize Colors"),w=n.outTexture("Texture"),B=n.outArray("Colors",null,3),G=n.outArray("Colors Pos",null,1);const V=n.patch.cgl;let i=null;T.setUiAttribs({editShortcut:true});k.onChange=M.onChange=L.onChange=N.onChange=U.onChange=R.onChange=P.onChange=T.onChange=E.onChange=I.onChange=r.onChange=a;T.set('{"keys" : [{"pos":0,"r":0,"g":0,"b":0},{"pos":1,"r":1,"g":1,"b":1}]}');n.onLoaded=a;t.onTriggered=()=>{const e=s();if(e){e.forEach(e=>{e.r=Math.random();e.g=Math.random();e.b=Math.random()});const t=JSON.stringify({keys:e});T.set(t)}};function D(e,t,n){let r=.4122214708*e+.5363325363*t+.0514459929*n;let i=.2119034982*e+.6806995451*t+.1073969566*n;let a=.0883024619*e+.2817188376*t+.6299787005*n;r=Math.cbrt(r);i=Math.cbrt(i);a=Math.cbrt(a);return[r*+.2104542553+i*+.793617785+a*-.0040720468,r*+1.9779984951+i*-2.428592205+a*+.4505937099,r*+.0259040371+i*+.7827717662+a*-.808675766]}function F(e,t,n){let r=e+t*+.3963377774+n*+.2158037573;let i=e+t*-.1055613458+n*-.0638541728;let a=e+t*-.0894841775+n*-1.291485548;r**=3;i**=3;a**=3;let s=r*+4.0767416621+i*-3.3077115913+a*+.2309699292;let o=r*-1.2684380046+i*+2.6097574011+a*-.3413193965;let l=r*-.0041960863+i*-.7034186147+a*+1.707614701;s=CABLES.clamp(s,0,1);o=CABLES.clamp(o,0,1);l=CABLES.clamp(l,0,1);return[s,o,l]}function j(e,t,n){e/=255;const r=.0031308;let i=12.92*e;let a=1.055*Math.pow(e,.41666)-.055;return(e{const e=s();if(e)o(e)},5)}function s(){let t=null;n.setUiError("nodata",null);n.setUiError("parse",null);if(Array.isArray(r.get())){t=r.get()}else{let e=null;if(!T.get()||T.get()===""){return null}try{e=JSON.parse(T.get())}catch(e){n.setUiError("parse","could not parse gradient data")}if(!e||!e.keys){n.setUiError("nodata","gradient no data");return null}t=e.keys}return t}function o(t){let i=Math.round(P.get());if(i<4)i=4;T.setUiAttribs({editShortcut:true,gradEditSmoothstep:E.get(),gradEditStep:L.get(),gradOklab:R.get()});let e=0;let n=0;if(k.get()=="repeat")e=CGL.Texture.WRAP_REPEAT;else if(k.get()=="mirrored repeat")e=CGL.Texture.WRAP_MIRRORED_REPEAT;else if(k.get()=="clamp to edge")e=CGL.Texture.WRAP_CLAMP_TO_EDGE;if(M.get()=="nearest")n=CGL.Texture.FILTER_NEAREST;else if(M.get()=="linear")n=CGL.Texture.FILTER_LINEAR;else if(M.get()=="mipmap")n=CGL.Texture.FILTER_MIPMAP;const r=new CGL.Texture(V);let a=new Uint8Array(i*4);for(let e=0;e=i*4)t=i*4-4;_[r*4+n*4*i+0]=a[t+0];_[r*4+n*4*i+1]=a[t+1];_[r*4+n*4*i+2]=a[t+2];_[r*4+n*4*i+3]=Math.round(255)}}a=_;r.initFromData(a,i,i,n,e)}if(I.get()=="XY"||I.get()=="YX"){const _=new Uint8Array(i*i*4);for(let r=0;r{O=P();_=true};a.onLinkChanged=u.onLinkChanged=f.onLinkChanged=v.onLinkChanged=s.onChange=c.onChange=d.onChange=b.onChange=o.onChange=p.onChange=g.onChange=y.onChange=M;t.onChange=n.onChange=r.onChange=()=>{A=null};function P(){let n=4;let r=4;let i=[];if(t.get()=="Biggest"||t.get()=="Smallest"){if(a.get())i.push([a.get().width,a.get().height,a.get().width*a.get().height]);if(u.get())i.push([u.get().width,u.get().height,u.get().width*u.get().height]);if(f.get())i.push([f.get().width,f.get().height,f.get().width*f.get().height]);if(v.get())i.push([v.get().width,v.get().height,v.get().width*v.get().height])}if(t.get()=="Biggest"){let t=0;for(let e=0;et){n=i[e][0];r=i[e][1];t=i[e][2]}}}else if(t.get()=="Smallest"){let t=e.patch.cgl.gl.MAX_TEXTURE_SIZE+1;for(let e=0;e{if(!A||_&&!e.patch.cgl.frameStore.shadowPass){if(!A)V();A.bgShader.popTextures();if(a.get())A.bgShader.pushTexture(C,a.get().tex);else A.bgShader.pushTexture(C,CGL.Texture.getEmptyTexture(S).tex);if(u.get())A.bgShader.pushTexture(T,u.get().tex);else A.bgShader.pushTexture(T,CGL.Texture.getEmptyTexture(S).tex);if(f.get())A.bgShader.pushTexture(I,f.get().tex);else A.bgShader.pushTexture(I,CGL.Texture.getEmptyTexture(S).tex);if(v.get())A.bgShader.pushTexture(E,v.get().tex);else A.bgShader.pushTexture(E,CGL.Texture.getEmptyTexture(S).tex);L.setValue(l.get());N.setValue(h.get());U.setValue(m.get());R.setValue(x.get());A.setSize(O[0],O[1]);G.setRef(A.copy(a.get()||u.get()||f.get()||v.get()||CGL.Texture.getEmptyTexture(S)));_=false}B.trigger()}};Ops.Gl.Textures.CombineTextures.prototype=new CABLES.Op;CABLES.OPS["5f33dd4a-a553-4f0f-b3b1-66a80cd240a7"]={f:Ops.Gl.Textures.CombineTextures,objName:"Ops.Gl.Textures.CombineTextures"};Ops.Gl.ImageCompose.ImageCompose_v4=function(){CABLES.Op.apply(this,arguments);const n=this;const e=n.attachments={imgcomp_frag:"IN vec2 texCoord;\nUNI vec4 bgColor;\nUNI sampler2D tex;\n#ifdef USE_UVTEX\nUNI sampler2D UVTex;\n#endif\n\nvoid main()\n{\n\n #ifndef USE_TEX\n outColor=bgColor;\n #endif\n #ifdef USE_TEX\n #ifndef USE_UVTEX\n outColor=texture(tex,texCoord);\n #else\n outColor=texture(tex,texture(UVTex,texCoord).xy);\n #endif\n #endif\n\n\n\n}\n"};const t=n.patch.cgl,r=n.inTrigger("Render"),i=n.inTexture("Base Texture"),a=n.inTexture("UV Texture"),s=n.inSwitch("Size",["Auto","Canvas","Manual"],"Auto"),o=n.inValueInt("Width",640),l=n.inValueInt("Height",480),u=n.inSwitch("Filter",["nearest","linear","mipmap"],"linear"),c=n.inValueSelect("Wrap",["clamp to edge","repeat","mirrored repeat"],"repeat"),p=n.inSwitch("Anisotropic",["0","1","2","4","8","16"],"0"),h=n.inDropDown("Pixel Format",CGL.Texture.PIXELFORMATS,CGL.Texture.PFORMATSTR_RGBA8UB),f=n.inValueSlider("R",0),d=n.inValueSlider("G",0),g=n.inValueSlider("B",0),m=n.inValueSlider("A",0),v=n.outTrigger("Next"),b=n.outTexture("texture_out",CGL.Texture.getEmptyTexture(t)),y=n.outNumber("Aspect Ratio"),x=n.outNumber("Texture Width"),k=n.outNumber("Texture Height");n.setPortGroup("Texture Size",[s,o,l]);n.setPortGroup("Texture Parameters",[c,p,u,h]);f.setUiAttribs({colorPick:true});n.setPortGroup("Color",[f,d,g,m]);n.toWorkPortsNeedToBeLinked(r);const w=[0,0,0,0];let S=null;let O=null;let _=true;let B=false;let A=null;let G=null;let V=null;let D=null;c.onChange=u.onChange=p.onChange=h.onChange=F;i.onLinkChanged=s.onChange=a.onChange=R;r.onTriggered=n.preRender=M;R();function C(){if(S)S.delete();if(O)O.delete();O=null;S=new CGL.TextureEffect(t,{isFloatingPointTexture:CGL.Texture.isPixelFormatFloat(h.get()),name:n.name});const e=Math.min(t.maxAnisotropic,parseFloat(p.get()));O=new CGL.Texture(t,{anisotropic:e,name:"image_compose_v2_"+n.id,pixelFormat:h.get(),filter:T(),wrap:I(),width:E(),height:L()});S.setSourceTexture(O);x.set(E());k.set(L());y.set(E()/L());b.set(CGL.Texture.getEmptyTexture(t));_=false;R()}function T(){if(u.get()=="nearest")return CGL.Texture.FILTER_NEAREST;else if(u.get()=="linear")return CGL.Texture.FILTER_LINEAR;else if(u.get()=="mipmap")return CGL.Texture.FILTER_MIPMAP}function I(){if(c.get()=="repeat")return CGL.Texture.WRAP_REPEAT;else if(c.get()=="mirrored repeat")return CGL.Texture.WRAP_MIRRORED_REPEAT;else if(c.get()=="clamp to edge")return CGL.Texture.WRAP_CLAMP_TO_EDGE}function E(){let e=0;if(i.get()&&s.get()=="Auto")e=i.get().width;else if(s.get()=="Auto"||s.get()=="Canvas")e=t.canvasWidth;else if(s.get()=="ViewPort")e=t.getViewPort()[2];else e=Math.ceil(o.get());return n.patch.cgl.checkTextureSize(e)}function L(){let e=0;if(i.get()&&s.get()=="Auto")e=i.get().height;else if(s.get()=="Auto"||s.get()=="Canvas")e=t.canvasHeight;else if(s.get()=="ViewPort")e=t.getViewPort()[3];else e=Math.ceil(l.get());return n.patch.cgl.checkTextureSize(e)}function F(){_=true}function j(){if((E()!=O.width||L()!=O.height||O.pixelFormat!=h.get()||O.filter!=T()||O.wrap!=I())&&(E()!==0&&L()!==0)){C();S.setSourceTexture(O);b.set(CGL.Texture.getEmptyTexture(t));b.set(O);N();P()}}function N(){let e=null;if(s.get()=="Manual"){e=null}else if(s.get()=="Auto"){if(i.get())e="Input Texture";else e="Canvas Size";e+=": "+E()+" x "+L()}let t=false;t=s.uiAttribs.info!=e;s.setUiAttribs({info:e});if(t)n.refreshParams()}function U(){if(A)A.toggleDefine("USE_TEX",i.isLinked());if(A)A.toggleDefine("USE_UVTEX",a.isLinked())}function R(){p.setUiAttribs({greyout:T()!=CGL.Texture.FILTER_MIPMAP});f.setUiAttribs({greyout:i.isLinked()});g.setUiAttribs({greyout:i.isLinked()});d.setUiAttribs({greyout:i.isLinked()});m.setUiAttribs({greyout:i.isLinked()});o.setUiAttribs({greyout:s.get()!="Manual"});l.setUiAttribs({greyout:s.get()!="Manual"});if(O)if(CGL.Texture.isPixelFormatFloat(h.get())&&T()==CGL.Texture.FILTER_MIPMAP)n.setUiError("fpmipmap","Don't use mipmap and 32bit at the same time, many systems do not support this.");else n.setUiError("fpmipmap",null);N();U();P()}function P(){if(O)if(i.isLinked()&&i.get()&&O.isFloatingPoint()!=i.get().isFloatingPoint())n.setUiError("textypediff","Warning: Mixing floating point and non floating point texture can result in data/precision loss",1);else n.setUiError("textypediff",null)}n.preRender=()=>{M()};function z(){if(!A){A=new CGL.Shader(t,"copytextureshader");A.setSource(A.getDefaultVertexShader(),e.imgcomp_frag);G=new CGL.Uniform(A,"t","tex",0);V=new CGL.Uniform(A,"t","UVTex",1);D=new CGL.Uniform(A,"4f","bgColor",f,d,g,m);U()}t.pushShader(A);t.currentTextureEffect.bind();if(i.get())t.setTexture(0,i.get().tex);if(a.get())t.setTexture(1,a.get().tex);t.currentTextureEffect.finish();t.popShader()}function M(){if(!S||_)C();t.pushBlend(false);j();const e=t.currentTextureEffect;t.currentTextureEffect=S;t.currentTextureEffect.imgCompVer=3;t.currentTextureEffect.width=o.get();t.currentTextureEffect.height=l.get();S.setSourceTexture(O);S.startEffect(i.get()||CGL.Texture.getEmptyTexture(t,B),true);z();v.trigger();t.pushViewPort(0,0,o.get(),l.get());S.endEffect();b.setRef(S.getCurrentSourceTexture());t.popViewPort();t.popBlend();t.currentTextureEffect=e}};Ops.Gl.ImageCompose.ImageCompose_v4.prototype=new CABLES.Op;CABLES.OPS["17212e2b-d692-464c-8f8d-2d511dd3410a"]={f:Ops.Gl.ImageCompose.ImageCompose_v4,objName:"Ops.Gl.ImageCompose.ImageCompose_v4"};Ops.Gl.ImageCompose.FastBlur_v2=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={blur_frag:"\nUNI sampler2D tex;\n#ifdef USE_MASK\n UNI sampler2D texMask;\n#endif\nUNI float amount;\nUNI float pass;\n\nIN vec2 texCoord;\n\nUNI float dirX;\nUNI float dirY;\nUNI float width;\nUNI float height;\n\nIN vec2 coord0;\nIN vec2 coord1;\nIN vec2 coord2;\nIN vec2 coord3;\nIN vec2 coord4;\nIN vec2 coord5;\nIN vec2 coord6;\n\n#ifdef HAS_MASK\n UNI sampler2D imageMask;\n#endif\n\nvoid main()\n{\n vec4 color = vec4(0.0);\n\n #ifdef USE_MASK\n #ifdef MASK_INVERT\n if(texture(texMask,texCoord).r<0.5)\n {\n outColor= texture(tex, texCoord);\n return;\n }\n #endif\n\n #ifndef MASK_INVERT\n if(texture(texMask,texCoord).r>0.5)\n {\n outColor= texture(tex, texCoord);\n return;\n }\n #endif\n #endif\n\n color += texture(tex, coord0) * 0.06927096443792478;\n color += texture(tex, coord1) * 0.1383328848652136;\n color += texture(tex, coord2) * 0.21920904690397863;\n color += texture(tex, coord3) * 0.14637421;\n color += texture(tex, coord4) * 0.21920904690397863;\n color += texture(tex, coord5) * 0.1383328848652136;\n color += texture(tex, coord6) * 0.06927096443795711;\n\n outColor= color;\n}",blur_vert:"\nIN vec3 vPosition;\nIN vec2 attrTexCoord;\nIN vec3 attrVertNormal;\nOUT vec2 texCoord;\nOUT vec3 norm;\nUNI mat4 projMatrix;\nUNI mat4 mvMatrix;\nUNI mat4 modelMatrix;\n\nUNI float pass;\nUNI float dirX;\nUNI float dirY;\nUNI float width;\nUNI float height;\n\nOUT vec2 coord0;\nOUT vec2 coord1;\nOUT vec2 coord2;\nOUT vec2 coord3;\nOUT vec2 coord4;\nOUT vec2 coord5;\nOUT vec2 coord6;\n\nvoid main()\n{\n texCoord=attrTexCoord;\n norm=attrVertNormal;\n vec4 pos=vec4(vPosition, 1.0);\n {{MODULE_VERTEX_POSITION}}\n\n vec2 dir=vec2(dirX,dirY);\n vec2 res=vec2( (1.) / width , (1.) / height )*dir;\n\n coord3= attrTexCoord;\n\n coord0= attrTexCoord + (-3.0368997744118595 * res);\n coord1= attrTexCoord + (-2.089778445362373 * res);\n coord2= attrTexCoord + (-1.2004366090034069 * res);\n coord4= attrTexCoord + (1.2004366090034069 * res);\n coord5= attrTexCoord + (2.089778445362373* res);\n coord6= attrTexCoord + (3.0368997744118595 * res);\n\n #ifdef CLAMP\n coord0=clamp(coord0,0.0,1.0);\n coord1=clamp(coord1,0.0,1.0);\n coord2=clamp(coord2,0.0,1.0);\n coord3=clamp(coord3,0.0,1.0);\n coord4=clamp(coord4,0.0,1.0);\n coord5=clamp(coord5,0.0,1.0);\n coord6=clamp(coord6,0.0,1.0);\n #endif\n\n gl_Position = projMatrix * mvMatrix * pos;\n}\n"};const n=e.inTrigger("render"),r=e.outTrigger("trigger"),i=e.inFloat("Passes",3),a=e.inBool("Clamp",false),s=e.inDropDown("direction",["both","vertical","horizontal"],"both"),o=e.inTexture("Mask"),l=e.inBool("Mask Invert",false);const u=e.patch.cgl;const c=new CGL.Shader(u,"fastblur");e.setPortGroup("Mask",[o,l]);c.setSource(t.blur_vert,t.blur_frag);const p=new CGL.Uniform(c,"t","tex",0),h=new CGL.Uniform(c,"f","dirX",0),f=new CGL.Uniform(c,"f","dirY",0),d=new CGL.Uniform(c,"f","width",0),g=new CGL.Uniform(c,"f","height",0),m=new CGL.Uniform(c,"f","pass",0),v=new CGL.Uniform(c,"f","amount",i.get()),b=new CGL.Uniform(c,"t","texMask",1);i.onChange=()=>{v.setValue(i.get())};let y=0;s.onChange=()=>{if(s.get()=="both")y=0;if(s.get()=="horizontal")y=1;if(s.get()=="vertical")y=2};a.onChange=()=>{c.toggleDefine("CLAMP",a.get())};l.onChange=o.onChange=x;x();function x(){c.toggleDefine("USE_MASK",o.isLinked());c.toggleDefine("MASK_INVERT",l.get());l.setUiAttribs({greyout:!o.isLinked()})}n.onTriggered=function(){if(!CGL.TextureEffect.checkOpInEffect(e,3))return;d.setValue(u.currentTextureEffect.getCurrentSourceTexture().width);g.setValue(u.currentTextureEffect.getCurrentSourceTexture().height);const t=i.get();if(o.get())u.setTexture(1,o.get().tex);for(let e=0;e{xe();V=true;d=true};I.onChange=()=>{d=true;if(R&&I.get()&&I.isLinked())R.setAttribute("attrColors",new Float32Array(I.get()),4,{instanced:true})};T.onChange=F.onChange=A.onChange=C.onChange=function(){d=true};e.onChange=_e;i.patch.addEventListener("variablesChanged",b);i.patch.addEventListener("FontLoadedMSDF",b);a.onChange=Se;xe();Oe();b();function xe(){h.toggleDefine("SDF",r.get());h.toggleDefine("SHADOW",X.get());h.toggleDefine("BORDER",s.get());h.toggleDefine("TEXTURE_COLOR",c.isLinked());h.toggleDefine("TEXTURE_MASK",p.isLinked());h.toggleDefine("HAS_ATTR_COLORS",I.isLinked());u.setUiAttribs({greyout:!s.get()});z.setUiAttribs({greyout:!s.get()});H.setUiAttribs({greyout:!s.get()});l.setUiAttribs({greyout:!s.get()});o.setUiAttribs({greyout:!s.get()})}function Se(){b();const e=re+a.get();L=null;f=null;N={};const t=i.patch.getVar(e);if(!t||!t.getValue()){L=null;i.warn("no varname",e);return}L=t.getValue().data;if(!L){return}const n=t.getValue().basename;const r=i.patch.getVar("font_tex_"+n);if(!r){f=null;L=null;return}f=r.getValue();for(let e=0;e0){E.pushShader(h);if(f[0])me.setValue([f[0].width,f[0].height]);if(f[0])E.setTexture(0,f[0].tex);else E.setTexture(0,CGL.Texture.getEmptyTexture(E).tex);if(f[1])E.setTexture(1,f[1].tex);else E.setTexture(1,CGL.Texture.getEmptyTexture(E).tex);if(f[2])E.setTexture(2,f[2].tex);else E.setTexture(2,CGL.Texture.getEmptyTexture(E).tex);if(f[3])E.setTexture(3,f[3].tex);else E.setTexture(3,CGL.Texture.getEmptyTexture(E).tex);if(c.get())E.setTexture(4,c.get().tex);if(p.get())E.setTexture(5,p.get().tex);E.pushModelMatrix();mat4.translate(E.mMatrix,E.mMatrix,ae);if(V)Ae();if(D)R.setAttribute("instMat",new Float32Array(D),16,{instanced:true});if(E.getShader())E.getShader().define("INSTANCING");if(!P){mat4.scale(E.mMatrix,E.mMatrix,se);R.render(E.getShader())}E.popModelMatrix();E.setTexture(0,null);E.popShader()}Z.trigger()};function Ce(e){return N[String(e)]||N["?"]||N._||N.X}function Te(){if(!L||!N){ne.set(0);return}const e=String(F.get()+"");if(!U){U=new CGL.Geometry("textmesh");U.vertices=[.5,.5,0,-.5,.5,0,.5,-.5,0,-.5,-.5,0];U.normals=[0,0,0,0,0,0,0,0,0,0,0,0];U.texCoords=new Float32Array([1,0,0,0,1,1,0,1]);U.verticesIndices=[0,1,2,2,1,3]}if(R)R.dispose();R=new CGL.Mesh(E,U);const i=e.split("\n");const a=[];const s=[];const o=[];const t=[];const l=[];const u=[];let c=0;const p=[];const h=.01;J.set(i.length);k=99999;w=-99999;B=99999;G=-99999;M=0;for(let e=0;e-1||p.get()&&p.get().indexOf(e)>-1||h.get()&&h.get().indexOf(e)>-1||f.get()&&f.get().indexOf(e)>-1){n()}};let t="";function n(){if(!u.get()||!c.get())return;S.length=0;o.patch.deleteVar("font_data_"+t);o.patch.deleteVar("font_tex_"+t);t=l.get();const i="font_data_"+l.get();const n="font_tex_"+l.get();o.patch.setVarValue(i,{});o.patch.setVarValue(n,S);o.patch.getVar(i).type="fontData";o.patch.getVar(n).type="fontTexture";b=y=false;O();o.patch.loading.finished(x);x=o.patch.loading.start("jsonFile",""+u.get(),o);o.setUiError("invaliddata",null);o.setUiError("jsonerr",null);o.setUiError("texurlerror",null);const e=o.patch.getFilePath(String(u.get()));v.patch.loading.addAssetLoadingTask(()=>{CABLES.ajax(e,(e,r,t)=>{if(e){o.logError(e);return}try{let t=r;if(typeof t==="string")t=JSON.parse(r);if(!t.chars||!t.info||!t.info.face){o.setUiError("invaliddata","data file is invalid");return}g.set(t.chars.length);let n="";for(let e=0;e"+e);o.patch.loading.finished(x);O();d.set(false)}})});for(let t=0;t<4;t++){const r=t;let e=c;if(t==1)e=p;if(t==2)e=h;if(t==3)e=f;if(!e.get())continue;const a=v.patch.loading.start("textureOp",e.get(),o);const s=o.patch.getFilePath(String(e.get()));CGL.Texture.load(v,s,function(e,t){if(e){o.setUiError("texurlerror","could not load texture");v.patch.loading.finished(a);y=false;return}S[r]=t;o.patch.setVarValue(n,null);o.patch.setVarValue(n,S);y=true;v.patch.loading.finished(a);O()},{filter:CGL.Texture.FILTER_LINEAR,flip:false})}}};Ops.Gl.FontMSDF_v2.prototype=new CABLES.Op;CABLES.OPS["6cbd5d67-25d5-4936-a2ad-3ee8ed478570"]={f:Ops.Gl.FontMSDF_v2,objName:"Ops.Gl.FontMSDF_v2"};Ops.Math.Incrementor=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inTriggerButton("Increment"),r=e.inTriggerButton("Decrement"),i=e.inBool("Limit",false),a=e.inValueInt("Length"),s=e.inTriggerButton("Reset"),o=e.inSwitch("Mode",["Rewind","Stop at Max"],"Rewind"),l=e.inValueInt("Default",0),u=e.outTrigger("Changed"),c=e.outNumber("Value"),p=e.outTrigger("Restarted");const h=0;const f=1;c.ignoreValueSerialize=true;a.set(10);let d=0;let g=h;c.set(0);a.onTriggered=s;l.onChange=v;s.onTriggered=v;i.onChange=m;m();o.onChange=()=>{if(o.get()=="Rewind"){g=h}if(o.get()=="Stop at Max"){g=f}};function m(){a.setUiAttribs({greyout:!i.get()})}function v(){c.set(null);d=l.get();c.set(d);p.trigger()}r.onTriggered=function(){d--;if(i.get()){if(g==h&&d<0)d=a.get()-1;if(g==f&&d<0)d=0}c.set(d);u.trigger()};n.onTriggered=function(){d++;if(i.get()){if(g==h&&d>=a.get()){d=0;p.trigger()}if(g==f&&d>=a.get())d=a.get()-1}c.set(d);u.trigger()}};Ops.Math.Incrementor.prototype=new CABLES.Op;CABLES.OPS["45cc0011-ada8-4423-8f5b-39a3810b8389"]={f:Ops.Math.Incrementor,objName:"Ops.Math.Incrementor"};Ops.Math.SmootherStep=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inValueFloat("val",0),r=e.inValueFloat("min",0),i=e.inValueFloat("max",1),a=e.outNumber("result");n.onChange=i.onChange=r.onChange=s;s();function s(){let e=Math.max(0,Math.min(1,(n.get()-r.get())/(i.get()-r.get())));a.set(e*e*e*(e*(e*6-15)+10)*(i.get()-r.get()))}};Ops.Math.SmootherStep.prototype=new CABLES.Op;CABLES.OPS["c66da84f-ff2f-45de-b3c2-557bdf1cb946"]={f:Ops.Math.SmootherStep,objName:"Ops.Math.SmootherStep"};Ops.String.StringCompose_v3=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inString("Format","hello $a, $b $c und $d"),r=e.inString("String A","world"),i=e.inString("String B",1),a=e.inString("String C",2),s=e.inString("String D",3),o=e.inString("String E"),l=e.inString("String F"),u=e.outString("Result");n.onChange=r.onChange=i.onChange=a.onChange=s.onChange=o.onChange=l.onChange=c;c();function c(){var e=n.get()||"";if(typeof e!="string")e="";e=e.replace(/\$a/g,r.get());e=e.replace(/\$b/g,i.get());e=e.replace(/\$c/g,a.get());e=e.replace(/\$d/g,s.get());e=e.replace(/\$e/g,o.get());e=e.replace(/\$f/g,l.get());u.set(e)}};Ops.String.StringCompose_v3.prototype=new CABLES.Op;CABLES.OPS["6afea9f4-728d-4f3c-9e75-62ddc1448bf0"]={f:Ops.String.StringCompose_v3,objName:"Ops.String.StringCompose_v3"};Ops.Gl.Meshes.Circle_v3=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inTrigger("render"),N=e.inValue("radius",.5),U=e.inValueSlider("innerRadius",0),R=e.inValueInt("segments",40),P=e.inValueSlider("percent",1),M=e.inValue("steps",0),k=e.inValueBool("invertSteps",false),w=e.inSwitch("mapping",["flat","round"]),B=e.inValueBool("Spline",false),r=e.inValueBool("Draw",true),i=e.outTrigger("trigger"),G=e.outObject("geometry",null,"geometry");e.setPortGroup("Size",[N,U]);e.setPortGroup("Display",[P,M,k]);e.toWorkShouldNotBeChild("Ops.Gl.TextureEffects.ImageCompose",CABLES.OP_PORT_TYPE_FUNCTION);r.setUiAttribs({title:"Render mesh"});w.set("flat");w.onChange=R.onChange=N.onChange=U.onChange=P.onChange=M.onChange=k.onChange=B.onChange=p;G.ignoreValueSerialize=true;const a=e.patch.cgl;let V=new CGL.Geometry("circle");let D=null;const s=-1;let o=0;let l=null;let F=true;n.onTriggered=u;e.preRender=()=>{u()};n.onLinkChanged=function(){if(!n.isLinked())G.set(null);else G.setRef(V)};function u(){if(F)c();if(!CGL.TextureEffect.checkOpNotInTextureEffect(e))return;l=e.patch.cg.getShader();if(!l)return;o=l.glPrimitive;if(B.get())l.glPrimitive=a.gl.LINE_STRIP;if(r.get()&&D)D.render(l);i.trigger();l.glPrimitive=o}function c(){const n=Math.max(3,Math.floor(R.get()));V.clear();const t=[];const r=[];const i=[];const a=[];const s=[];let o=0,l=0;let u=0,c=0;let p=0,h=0;let f=0,d=0;let g=0,m=0;let v=0,b=0;let y=0,x=0;let S=0,O=0;const _=Math.max(0,P.get());const A=[];if(B.get()){let e=0;let t=0;const C=[];for(o=0;o<=n*_;o++){l=360/n*o*CGL.DEG2RAD;S=Math.cos(l)*N.get();O=Math.sin(l)*N.get();x=.5;if(o>0){A.push(e);A.push(t);A.push(0);y=1-(o-1)/n;C.push(y,x)}A.push(S);A.push(O);A.push(0);e=S;t=O}V.setPointVertices(A)}else if(U.get()<=0){for(o=0;o<=n*_;o++){l=360/n*o*CGL.DEG2RAD;S=Math.cos(l)*N.get();O=Math.sin(l)*N.get();if(w.get()=="flat"){y=(Math.cos(l)+1)/2;x=1-(Math.sin(l)+1)/2;v=.5;b=.5}else if(w.get()=="round"){y=1-o/n;x=0;v=y;b=1}t.push([0,0,0],[u,c,0],[S,O,0]);r.push(v,b,p,h,y,x);i.push(0,0,1,0,0,1,0,0,1);a.push(1,0,0,1,0,0,1,0,0);s.push(0,-1,0,0,-1,0,0,-1,0);p=y;h=x;u=S;c=O}V=CGL.Geometry.buildFromFaces(t,"circle");V.vertexNormals=i;V.tangents=a;V.biTangents=s;V.texCoords=r}else{let e=0;const T=n*_;const I=0;for(o=0;o<=T;o++){e++;l=360/n*o*CGL.DEG2RAD;S=Math.cos(l)*N.get();O=Math.sin(l)*N.get();const E=Math.cos(l)*U.get()*N.get();const L=Math.sin(l)*U.get()*N.get();if(w.get()=="round"){y=1-o/n;x=0;v=y;b=1}if(M.get()===0||e%parseInt(M.get(),10)===0&&!k.get()||e%parseInt(M.get(),10)!==0&&k.get()){t.push([E,L,0],[u,c,0],[S,O,0]);t.push([f,d,0],[u,c,0],[E,L,0]);r.push(y,0,p,0,v,1,y,1,p,0,g,1);i.push(0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1);a.push(1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0);s.push(0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1,0,0,-1)}g=v;m=b;p=y;h=x;u=S;c=O;f=E;d=L}V=CGL.Geometry.buildFromFaces(t,"circle");V.vertexNormals=i;V.tangents=a;V.biTangents=s;if(w.get()=="flat")V.mapTexCoords2d();else V.texCoords=r}G.setRef(V);if(V.vertices.length==0)return;if(D)D.dispose();D=null;D=e.patch.cg.createMesh(V,{opId:e.id});F=false}function p(){F=true}e.onDelete=function(){if(D)D.dispose()}};Ops.Gl.Meshes.Circle_v3.prototype=new CABLES.Op;CABLES.OPS["ae07830b-91c3-4cbe-a7d6-d3b737392c16"]={f:Ops.Gl.Meshes.Circle_v3,objName:"Ops.Gl.Meshes.Circle_v3"};Ops.Array.StringToArray_v2=function(){CABLES.Op.apply(this,arguments);const r=this;const e=r.attachments={};const i=r.inStringEditor("text","1,2,3"),a=r.inString("separator",","),s=r.inValueBool("Numbers",true),o=r.inValueBool("Trim",true),l=r.inBool("Split Lines",false),u=r.outArray("array"),c=r.outTrigger("Parsed"),p=r.outNumber("length");i.setUiAttribs({ignoreBigPort:true});i.onChange=a.onChange=s.onChange=o.onChange=t;l.onChange=()=>{a.setUiAttribs({greyout:l.get()});t()};t();function t(){if(!i.get()){u.set(null);u.set([]);p.set(0);return}let e=i.get();if(o.get()&&e){e=e.replace(/^\s+|\s+$/g,"");e=e.trim()}let n;let t=a.get();if(a.get()==="\\n")t="\n";if(l.get())n=e.split("\n");else n=e.split(t);if(n[n.length-1]==="")n.length-=1;p.set(n.length);if(o.get()){for(let e=0;e{r.fillStyle="#222";r.fillRect(i.x,i.y,i.width,i.height);r.save();r.scale(i.scale,i.scale);r.font="normal 10px sourceCodePro";r.fillStyle="#ccc";const a=g.get()||[];let s=1;if(g.get()===null)d.setUiAttrib({extendTitle:"null"});else if(g.get()===undefined)d.setUiAttrib({extendTitle:"undefined"});else d.setUiAttrib({extendTitle:"length: "+a.length});if(g.links.length>0&&g.links[0].getOtherPort(g))s=g.links[0].getOtherPort(g).uiAttribs.stride||1;let e=Math.floor(i.height/i.scale/10-1);let o=4;let l=m.get()*s;let n=[];for(let e=0;ea.length)continue;r.fillStyle="#666";const h=n/s;if(h>=0)r.fillText(h,i.x/i.scale+o,i.y/i.scale+10+(n-l)/s*10+o);for(let t=0;t0){const f=r.createLinearGradient(0,i.y/i.scale+5,0,i.y/i.scale+c);f.addColorStop(0,"#222");f.addColorStop(1,"rgba(34,34,34,0.0)");r.fillStyle=f;r.fillRect(i.x/i.scale,i.y/i.scale,2e5,c)}if(l+e*s");if(m.innerHTML!=e)m.innerHTML=e;c.set(null);c.set(m)}function _(){if(!m)return;m.setAttribute("style",a.get());S();c.set(null);c.set(m);if(!m.parentElement){v.appendChild(m)}P()}let A="";function C(){if(!m)return;const t=(i.get()||"").split(" ");for(let e=0;e{if(!t.get())i.remove();else l()};function s(){let t=r.get();if(t){let e=null;if(n.storage&&n.storage.blueprint&&n.storage.blueprint.patchId){e=n.storage.blueprint.patchId}t=t.replace(new RegExp("{{ASSETPATH}}","g"),n.patch.getAssetPath(e))}return t}function o(){i=n.patch.getDocument().getElementById(a);if(i){i.textContent=s()}else{i=n.patch.getDocument().createElement("style");i.type="text/css";i.id=a;i.textContent=e.css_spinner;i.classList.add("cablesEle");l()}}function l(){const e=n.patch.getDocument().getElementsByTagName("body")[0];e.appendChild(i)}n.onDelete=function(){i=n.patch.getDocument().getElementById(a);if(i)i.remove()}};Ops.Html.CSS_v2.prototype=new CABLES.Op;CABLES.OPS["a56d3edd-06ad-44ed-9810-dbf714600c67"]={f:Ops.Html.CSS_v2,objName:"Ops.Html.CSS_v2"};Ops.Html.TransformCSS3DElement=function(){CABLES.Op.apply(this,arguments);const r=this;const e=r.attachments={};const i=r.patch.cgl,t=["top-left","top-middle","top-right","center-left","center-middle","center-right","bottom-left","bottom-middle","bottom-right"],n=r.inTrigger("trigger"),a=r.inObject("DOMElement"),s=r.inValueSelect("origin",t,"center-middle"),o=r.outTrigger("next"),l=mat4.create(),u=vec3.create();r.uuid=CABLES.uuid();let c=null;let p=i.canvas.parentElement.querySelector('[data-provide="css3d"]');if(!p){p=document.createElement("div");p.dataset.op=r.id;p.style.position="absolute";p.style.top=p.style.left=0;p.style.width=p.style.height="100%";p.dataset.provide="css3d";p.style.zIndex=1e3;p.style.pointerEvents="none";p.style.perspectiveOrigin="center center";i.canvas.parentElement.appendChild(p);let e=document.createElement("style");e.dataset.op=r.id;e.type="text/css";e.textContent=[".cables-loading .cables-css3dview {visibility:hidden;pointer-events:none;backface-visibility:hidden;}",".cables-css3dview {position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d;}",".cables-css3dview > * {pointer-events:auto;}",".cables-css3dview.origin-top-left > * {}",".cables-css3dview.origin-top-middle > * {transform:translate3d(-50%,0,0);}",".cables-css3dview.origin-top-right > * {transform:translate3d(-100%,0,0);}",".cables-css3dview.origin-center-left > * {transform:translate3d(0,-50%,0);}",".cables-css3dview.origin-center-middle > * {transform:translate3d(-50%,-50%,0);}",".cables-css3dview.origin-center-right > * {transform:translate3d(-100%,-50%,0);}",".cables-css3dview.origin-bottom-left > * {transform:translate3d(0,-100%,0);}",".cables-css3dview.origin-bottom-middle > * {transform:translate3d(-50%,-100%,0);}",".cables-css3dview.origin-bottom-right > * {transform:translate3d(-100%,-100%,0);}"].join("\n");p.appendChild(e)}r.onDelete=function(){let e=p.querySelector('[data-ccs3did="'+r.uuid+'"]');if(e&&e.parentElement)e.parentElement.removeChild(e)};function h(e){let t=document.createElement("div");t.classList.add("cables-css3dview");t.dataset.css3did=r.uuid;t.appendChild(e);return t}a.onChange=function(e,t){r.onDelete();if(!t)return;p.appendChild(h(t));s.onChange()};s.onChange=function(){let e=a.get();if(!e||!e.parentElement)return;DOMTokenList.prototype.remove.apply(e.parentElement.classList,t.map(function(e){return"origin-"+e}));e.parentElement.classList.add("origin-"+s.get())};n.onTriggered=function(){let e=.5/(1/i.pMatrix[5])*i.gl.drawingBufferHeight/r.patch.cgl.pixelDensity;p.style.perspective=e+"px";let t=-2*i.gl.drawingBufferWidth/i.gl.drawingBufferHeight;vec3.set(u,t/i.gl.drawingBufferWidth*r.patch.cgl.pixelDensity,-2/i.gl.drawingBufferHeight*r.patch.cgl.pixelDensity,1);let n=a.get();if(n){mat4.multiply(l,i.vMatrix,i.mMatrix);mat4.scale(l,l,u);if(n.parentElement)n.parentElement.style.transform="translateZ("+e+"px) matrix3d("+l[0]+","+-l[1]+","+l[2]+","+l[3]+","+l[4]+","+-l[5]+","+l[6]+","+l[7]+","+l[8]+","+-l[9]+","+l[10]+","+l[11]+","+l[12]+","+-l[13]+","+l[14]+","+l[15]+") scaleX(-1) translate3d("+i.gl.drawingBufferWidth/2/r.patch.cgl.pixelDensity+"px,"+i.gl.drawingBufferHeight/2/r.patch.cgl.pixelDensity+"px"+",0"+")"}o.trigger();c=n};s.onChange();function f(e){if(!e)e=a.get();if(e&&e.parentElement)e.parentElement.style.transform=""}r.onDelete=function(){f(c)};a.onLinkChanged=function(){if(!a.isLinked())f(c)};r.addEventListener("onEnabledChange",function(e){if(!e)f()})};Ops.Html.TransformCSS3DElement.prototype=new CABLES.Op;CABLES.OPS["7b81ed97-6fb9-4044-a731-962a2a11db27"]={f:Ops.Html.TransformCSS3DElement,objName:"Ops.Html.TransformCSS3DElement"};Ops.Gl.CanvasInfo_v2=function(){CABLES.Op.apply(this,arguments);const t=this;const e=t.attachments={};const n=t.outNumber("width"),r=t.outNumber("height"),i=t.outNumber("Pixel Ratio"),a=t.outNumber("Pixel Width"),s=t.outNumber("Pixel Height"),o=t.inSwitch("Pixel Unit",["Display","CSS"],"Display"),l=t.outNumber("Aspect Ratio"),u=t.outBool("Landscape"),c=t.outObject("Canvas","element"),p=t.outObject("Canvas Parent","element");let h=t.patch.cgl;c.set(t.patch.cgl.canvas);p.set(t.patch.cgl.canvas.parentElement);h.on("resize",f);o.onChange=f;f();function f(){let e=1;if(o.get()=="CSS")e=t.patch.cgl.pixelDensity;r.set(h.canvasHeight);n.set(h.canvasWidth);s.set(h.canvasHeight*t.patch.cgl.pixelDensity);a.set(h.canvasWidth*t.patch.cgl.pixelDensity);i.set(t.patch.cgl.pixelDensity);l.set(h.canvasWidth/h.canvasHeight);u.set(h.canvasWidth>h.canvasHeight?1:0)}};Ops.Gl.CanvasInfo_v2.prototype=new CABLES.Op;CABLES.OPS["a249e025-ae2c-4fb1-99f1-f86bfe7d5fc4"]={f:Ops.Gl.CanvasInfo_v2,objName:"Ops.Gl.CanvasInfo_v2"};Ops.Math.Divide=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inValueFloat("number1",1),r=e.inValueFloat("number2",2),i=e.outNumber("result");e.setUiAttribs({mathTitle:true});n.onChange=r.onChange=a;a();function a(){i.set(n.get()/r.get())}};Ops.Math.Divide.prototype=new CABLES.Op;CABLES.OPS["86fcfd8c-038d-4b91-9820-a08114f6b7eb"]={f:Ops.Math.Divide,objName:"Ops.Math.Divide"};Ops.Html.CSSProperty_v2=function(){CABLES.Op.apply(this,arguments);const t=this;const e=t.attachments={};const n=t.inObject("Element"),r=t.inString("Property"),i=t.inFloat("Value"),a=t.inString("Value Suffix","px"),s=t.outObject("HTML Element");t.setPortGroup("Element",[n]);t.setPortGroup("Attributes",[r,i,a]);r.onChange=l;i.onChange=u;a.onChange=u;let o=null;n.onChange=n.onLinkChanged=function(){if(o&&o.style){o.style[r.get()]="initial"}u()};function l(){u();t.setUiAttrib({extendTitle:r.get()+""})}function u(){o=n.get();if(o&&o.style){const e=i.get()+a.get();try{if(o.style[r.get()]!=e)o.style[r.get()]=e}catch(e){t.logError(e)}}else{setTimeout(u,50)}s.set(n.get())}};Ops.Html.CSSProperty_v2.prototype=new CABLES.Op;CABLES.OPS["c179aa0e-b558-4130-8c2d-2deab2919a07"]={f:Ops.Html.CSSProperty_v2,objName:"Ops.Html.CSSProperty_v2"};Ops.Boolean.BoolToNumber_v2=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inBool("Use Value 1",false),r=e.inFloat("Value 0",0),i=e.inFloat("Value 1",1),a=e.outNumber("Out Value",0);r.onChange=i.onChange=n.onChange=s;function s(){const e=n.get();if(e){a.set(i.get())}else{a.set(r.get())}}};Ops.Boolean.BoolToNumber_v2.prototype=new CABLES.Op;CABLES.OPS["400eea7d-5a68-4dda-a94d-2bb2ee7c2331"]={f:Ops.Boolean.BoolToNumber_v2,objName:"Ops.Boolean.BoolToNumber_v2"};Ops.Html.HyperLink_v2=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inTriggerButton("Open"),r=e.inString("URL","https://cables.gl"),i=e.inString("Target Name","_self"),a=e.inString("Specs","");n.onTriggered=function(){window.open(r.get(),i.get(),a.get())}};Ops.Html.HyperLink_v2.prototype=new CABLES.Op;CABLES.OPS["a669d4f7-1e35-463c-bf8b-08c9f1b68e04"]={f:Ops.Html.HyperLink_v2,objName:"Ops.Html.HyperLink_v2"};Ops.Extension.OpenType.OpentypeFont=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inUrl("Font File",[".otf",".ttf",".woff",".woff2"]),r=e.outObject("Opentype Font",null,"opentype");n.onChange=async function(){const e=await opentype.load(n.get());r.set(e)}};Ops.Extension.OpenType.OpentypeFont.prototype=new CABLES.Op;CABLES.OPS["f85574bb-3869-4a14-8dcc-70414bd8cfcd"]={f:Ops.Extension.OpenType.OpentypeFont,objName:"Ops.Extension.OpenType.OpentypeFont"};Ops.Extension.OpenType.OpentypeToSvgPath=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const a=e.inObject("Opentype Font"),s=e.inString("Text","cables"),o=e.inFloat("Letter Spacing",0),l=e.outString("Path String");s.onChange=o.onChange=a.onChange=async function(){const e=a.get();if(!e||!e.getPath){l.set("");return}const n=e.getPaths(s.get(),0,0,72);let r="";let i=o.get();for(let t=0;t{let e=d.get();if(!e||e.length<2){m.set(null);return}e=e.replace(/([A-Z,a-z])/g," $1 ");const t=v(e);const o=[];t.forEach(({type:e,x:t,y:n,x1:r,y1:i,x2:a,y2:s})=>{switch(e){case"M":o.push(new b);o[o.length-1].moveTo({x:t,y:n});break;case"L":o[o.length-1].moveTo({x:t,y:n});break;case"C":o[o.length-1].cubicTo({x:t,y:n},{x:r,y:i},{x:a,y:s});break;case"Q":o[o.length-1].conicTo({x:t,y:n},{x:r,y:i});break;case"Z":o[o.length-1].close();break}});o.sort((e,t)=>{return Math.abs(t.area)-Math.abs(e.area)});const r=[];for(let n=0;n=0;--e){if(o[e].inside(o[n].points[0])&&o[n].area*o[e].area<0){t=o[e];break}}if(t){t.children.push(o[n])}else{r.push(o[n])}}const n=o.reduce((e,t)=>{return e+t.points.length},0);const i=new Float32Array(n*2);let a=0;const s=[];function l(e){const n=[];const t=[];e.points.forEach(({x:e,y:t})=>{return n.push(e,t)});e.children.forEach(e=>{e.children.forEach(l);t.push(n.length/2);e.points.forEach(({x:e,y:t})=>{return n.push(e,t)})});i.set(n,a*2);earcut(n,t).forEach(e=>{return s.push(e+a)});a+=n.length/2}r.forEach(l);const u=new Float32Array(n*3);let c=-99999;for(let e=0;e0){let t=n.shift();if(s.hasOwnProperty(t)){i=t}else{n.unshift(t)}a={type:i};s[i].forEach(e=>{t=n.shift();a[e]=parseFloat(t)});if(i==="M"){i="L"}else if(i==="m"){i="l"}r.push(a)}return r}const u=15;const o=1e-6;class b{constructor(){this.points=[];this.children=[];this.area=0;this.BEZIER_STEP_SIZE=n.get()}moveTo(e){this.points.push(e)}lineTo(e){this.points.push(e)}close(){let t=this.points[this.points.length-1];this.points.forEach(e=>{this.area+=.5*r(t,e);t=e})}conicTo(t,n){const r=this.points[this.points.length-1];const e=c(r,n)+c(n,t);const i=Math.max(2,Math.min(u,e/this.BEZIER_STEP_SIZE));for(let e=1;e<=i;++e){const a=e/i;this.points.push(p(p(r,n,a),p(n,t,a),a))}}cubicTo(t,n,r){const i=this.points[this.points.length-1];const e=c(i,n)+c(n,r)+c(r,t);const a=Math.max(2,Math.min(u,e/this.BEZIER_STEP_SIZE));for(let e=1;e<=a;++e){const s=e/a;const o=p(p(i,n,s),p(n,r,s),s);const l=p(p(n,r,s),p(r,t,s),s);this.points.push(p(o,l,s))}}inside(r){let i=0,a=this.points[this.points.length-1];this.points.forEach(e=>{const t=a.yr.y+o){if((n.x-t.x)*(r.y-t.y)>(r.x-t.x)*(n.y-t.y)){i+=1}}a=e});return i%2!==0}}function c(e,t){const n=e.x-t.x,r=e.y-t.y;return Math.sqrt(n*n+r*r)}function p(e,t,n){return{x:(1-n)*e.x+n*t.x,y:(1-n)*e.y+n*t.y}}function r(e,t){return e.x*t.y-e.y*t.x}};Ops.Graphics.Geometry.SvgPathToGeometry_v2.prototype=new CABLES.Op;CABLES.OPS["4267b3e7-1285-4a3e-acc8-ea92a72a6bc0"]={f:Ops.Graphics.Geometry.SvgPathToGeometry_v2,objName:"Ops.Graphics.Geometry.SvgPathToGeometry_v2"};Ops.Gl.RenderGeometry_v2=function(){CABLES.Op.apply(this,arguments);const t=this;const e=t.attachments={};const n=t.inTrigger("render"),r=t.inObject("Geometry",null,"geometry"),i=t.inBool("Render Mesh",true),a=t.inBool("Add Vertex Numbers",true),s=t.outTrigger("trigger");t.toWorkPortsNeedToBeLinked(r,n);r.ignoreValueSerialize=true;let o=null;let l=true;r.onLinkChanged=a.onChange=r.onChange=()=>{l=true};n.onTriggered=function(){if(l)u();if(o&&i.get())o.render(t.patch.cgl.getShader());s.trigger()};function u(){l=false;const e=r.get();if(e&&e.isGeometry){if(o){o.dispose();o=null}if(!o){o=new CGL.Mesh(t.patch.cgl,e);o.addVertexNumbers=a.get();o.setGeom(e)}}else{o=null}}};Ops.Gl.RenderGeometry_v2.prototype=new CABLES.Op;CABLES.OPS["0a9bdb39-8250-460e-8d99-50fe6825d956"]={f:Ops.Gl.RenderGeometry_v2,objName:"Ops.Gl.RenderGeometry_v2"};Ops.Graphics.Geometry.GeometryExtrude=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const p=e.inObject("Geometry",null,"geometry"),h=e.inFloat("Height",.5),f=e.inBool("Smooth",true),d=e.inBool("Walls",true),g=e.inBool("Top",true),m=e.inBool("Bottom",true),v=e.outObject("Result Geometry",null,"geometry");function b(t){let n=0;for(let e=0;e0}f.onChange=d.onChange=g.onChange=m.onChange=h.onChange=p.onChange=()=>{const i=p.get();if(!i){v.set(null);return}function t(t,n){let r=0;for(let e=0;e500||h===0)u=i.get()||0;else e=(performance.now()-h)/(performance.now()-h);h=performance.now();if(u!=u)u=0;if(g<=0)g=1e-4;const t=c-u;if(t>=0)u+=t/(d*e);else u+=t/(f*e);if(Math.abs(t)<1e-5)u=c;if(g!=g)u=0;if(u!=u||u==-Infinity||u==Infinity)u=i.get();if(p!=u){l.set(u);p=u}if(u==c&&!m){m=true;l.set(u)}a.trigger()}n.onTriggered=function(){O()}};Ops.Anim.Smooth.prototype=new CABLES.Op;CABLES.OPS["5677b5b5-753a-4fbf-9e91-64c81ec68a2f"]={f:Ops.Anim.Smooth,objName:"Ops.Anim.Smooth"};Ops.Math.MathExpression=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inFloat("A",0);const r=e.inFloat("B",1);const i=e.inFloat("C",2);const a=e.inFloat("D",3);e.setPortGroup("Parameters",[n,r,i,a]);const s=e.inString("Expression","a*(b+c+d)");e.setPortGroup("Expression",[s]);const o=e.outNumber("Result");const l=e.outBool("Expression Valid");let u=s.get();let c=false;const p=()=>{try{u=new Function("m","a","b","c","d",`with(m) { return ${s.get()} }`);c=true;h();l.set(c)}catch(e){c=false;l.set(c);if(e instanceof ReferenceError||e instanceof SyntaxError)return}};const h=()=>{if(c){o.set(u(Math,n.get(),r.get(),i.get(),a.get()));if(!s.get())o.set(0)}l.set(c)};n.onChange=r.onChange=i.onChange=a.onChange=h;s.onChange=p;p()};Ops.Math.MathExpression.prototype=new CABLES.Op;CABLES.OPS["d2343a1e-64ea-45b2-99ed-46e167bbdcd3"]={f:Ops.Math.MathExpression,objName:"Ops.Math.MathExpression"};Ops.Array.GateArray_v2=function(){CABLES.Op.apply(this,arguments);const e=this;const t=e.attachments={};const n=e.inArray("Array in"),r=e.inValueBool("Pass Through",true),i=e.inSwitch("When False",["keep last array","null"],"keep last array"),a=e.outArray("Array Out");let s=null;function o(t){if(!t)return null;const n=[];n.length=t.length;for(let e=0;e=n){return undefined}var i=t.charCodeAt(r);var a;if(i>=55296&&i<=56319&&n>r+1){a=t.charCodeAt(r+1);if(a>=56320&&a<=57343){return(i-55296)*1024+a-56320+65536}}return i};if(e){e(String.prototype,"codePointAt",{value:t,configurable:true,writable:true})}else{String.prototype.codePointAt=t}})()}var P=0;var M=-3;function k(){this.table=new Uint16Array(16);this.trans=new Uint16Array(288)}function w(e,t){this.source=e;this.sourceIndex=0;this.tag=0;this.bitcount=0;this.dest=t;this.destLen=0;this.ltree=new k;this.dtree=new k}var B=new k;var F=new k;var j=new Uint8Array(30);var z=new Uint16Array(30);var H=new Uint8Array(30);var X=new Uint16Array(30);var Y=new Uint8Array([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]);var W=new k;var h=new Uint8Array(288+32);function q(e,t,n,r){var i,a;for(i=0;i>>=1;return t}function f(e,t,n){if(!t){return n}while(e.bitcount<24){e.tag|=e.source[e.sourceIndex++]<>>16-t;e.tag>>>=t;e.bitcount-=t;return r+n}function $(e,t){while(e.bitcount<24){e.tag|=e.source[e.sourceIndex++]<>>=1;++i;n+=t.table[i];r-=t.table[i]}while(r>=0);e.tag=a;e.bitcount-=i;return t.trans[n+r]}function ee(e,t,n){var r,i,a;var s,o,l;r=f(e,5,257);i=f(e,5,1);a=f(e,4,4);for(s=0;s<19;++s){h[s]=0}for(s=0;s8){e.sourceIndex--;e.bitcount-=8}t=e.source[e.sourceIndex+1];t=256*t+e.source[e.sourceIndex];n=e.source[e.sourceIndex+3];n=256*n+e.source[e.sourceIndex+2];if(t!==(~n&65535)){return M}e.sourceIndex+=4;for(r=t;r;--r){e.dest[e.destLen++]=e.source[e.sourceIndex++]}e.bitcount=0;return P}function re(e,t){var n=new w(e,t);var r,i,a;do{r=J(n);i=f(n,2,0);switch(i){case 0:a=ne(n);break;case 1:a=te(n,B,F);break;case 2:ee(n,n.ltree,n.dtree);a=te(n,n.ltree,n.dtree);break;default:a=M}if(a!==P){throw new Error("Data error")}}while(!r);if(n.destLenthis.x2){this.x2=e}}if(typeof t==="number"){if(isNaN(this.y1)||isNaN(this.y2)){this.y1=t;this.y2=t}if(tthis.y2){this.y2=t}}};o.prototype.addX=function(e){this.addPoint(e,null)};o.prototype.addY=function(e){this.addPoint(null,e)};o.prototype.addBezier=function(e,t,n,r,i,a,s,o){var l=[e,t];var u=[n,r];var c=[i,a];var p=[s,o];this.addPoint(e,t);this.addPoint(s,o);for(var h=0;h<=1;h++){var f=6*l[h]-12*u[h]+6*c[h];var d=-3*l[h]+9*u[h]-9*c[h]+3*p[h];var g=3*u[h]-3*l[h];if(d===0){if(f===0){continue}var m=-g/f;if(0=0&&n>0){t+=" "}t+=i(r)}return t}var n="";for(var r=0;r=0&&e<=255,"Byte value should be between 0 and 255.");return[e]};l.BYTE=e(1);I.CHAR=function(e){return[e.charCodeAt(0)]};l.CHAR=e(1);I.CHARARRAY=function(e){if(typeof e==="undefined"){e="";console.warn("Undefined CHARARRAY encountered and treated as an empty string. This is probably caused by a missing glyph name.")}var t=[];for(var n=0;n>8&255,e&255]};l.USHORT=e(2);I.SHORT=function(e){if(e>=le){e=-(2*le-e)}return[e>>8&255,e&255]};l.SHORT=e(2);I.UINT24=function(e){return[e>>16&255,e>>8&255,e&255]};l.UINT24=e(3);I.ULONG=function(e){return[e>>24&255,e>>16&255,e>>8&255,e&255]};l.ULONG=e(4);I.LONG=function(e){if(e>=ue){e=-(2*ue-e)}return[e>>24&255,e>>16&255,e>>8&255,e&255]};l.LONG=e(4);I.FIXED=I.ULONG;l.FIXED=l.ULONG;I.FWORD=I.SHORT;l.FWORD=l.SHORT;I.UFWORD=I.USHORT;l.UFWORD=l.USHORT;I.LONGDATETIME=function(e){return[0,0,0,0,e>>24&255,e>>16&255,e>>8&255,e&255]};l.LONGDATETIME=e(8);I.TAG=function(e){_.argument(e.length===4,"Tag should be exactly 4 ASCII characters.");return[e.charCodeAt(0),e.charCodeAt(1),e.charCodeAt(2),e.charCodeAt(3)]};l.TAG=e(4);I.Card8=I.BYTE;l.Card8=l.BYTE;I.Card16=I.USHORT;l.Card16=l.USHORT;I.OffSize=I.BYTE;l.OffSize=l.BYTE;I.SID=I.USHORT;l.SID=l.USHORT;I.NUMBER=function(e){if(e>=-107&&e<=107){return[e+139]}else if(e>=108&&e<=1131){e=e-108;return[(e>>8)+247,e&255]}else if(e>=-1131&&e<=-108){e=-e-108;return[(e>>8)+251,e&255]}else if(e>=-32768&&e<=32767){return I.NUMBER16(e)}else{return I.NUMBER32(e)}};l.NUMBER=function(e){return I.NUMBER(e).length};I.NUMBER16=function(e){return[28,e>>8&255,e&255]};l.NUMBER16=e(3);I.NUMBER32=function(e){return[29,e>>24&255,e>>16&255,e>>8&255,e&255]};l.NUMBER32=e(5);I.REAL=function(e){var t=e.toString();var n=/\.(\d*?)(?:9{5,20}|0{5,20})\d{0,2}(?:e(.+)|$)/.exec(t);if(n){var r=parseFloat("1e"+((n[2]?+n[2]:0)+n[1].length));t=(Math.round(e*r)/r).toString()}var i="";for(var a=0,s=t.length;a>8&255;t[t.length]=r&255}return t};l.UTF16=function(e){return e.length*2};var pe={"x-mac-croatian":"ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®Š™´¨≠ŽØ∞±≤≥∆µ∂∑∏š∫ªºΩžø"+"¿¡¬√ƒ≈Ć«Č… ÀÃÕŒœĐ—“”‘’÷◊©⁄€‹›Æ»–·‚„‰ÂćÁčÈÍÎÏÌÓÔđÒÚÛÙıˆ˜¯πË˚¸Êæˇ","x-mac-cyrillic":"АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ†°Ґ£§•¶І®©™Ђђ≠Ѓѓ∞±≤≥іµґЈЄєЇїЉљЊњ"+"јЅ¬√ƒ≈∆«»… ЋћЌќѕ–—“”‘’÷„ЎўЏџ№Ёёяабвгдежзийклмнопрстуфхцчшщъыьэю","x-mac-gaelic":"ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ÆØḂ±≤≥ḃĊċḊḋḞḟĠġṀæø"+"ṁṖṗɼƒſṠ«»… ÀÃÕŒœ–—“”‘’ṡẛÿŸṪ€‹›Ŷŷṫ·Ỳỳ⁊ÂÊÁËÈÍÎÏÌÓÔ♣ÒÚÛÙıÝýŴŵẄẅẀẁẂẃ","x-mac-greek":"Ĺ²É³ÖÜ΅àâä΄¨çéèê룙î‰ôö¦€ùûü†ΓΔΘΛΞΠß®©ΣΪ§≠°·Α±≤≥¥ΒΕΖΗΙΚΜΦΫΨΩ"+"άΝ¬ΟΡ≈Τ«»… ΥΧΆΈœ–―“”‘’÷ΉΊΌΎέήίόΏύαβψδεφγηιξκλμνοπώρστθωςχυζϊϋΐΰ­","x-mac-icelandic":"ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûüÝ°¢£§•¶ß®©™´¨≠ÆØ∞±≤≥¥µ∂∑∏π∫ªºΩæø"+"¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸ⁄€ÐðÞþý·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙıˆ˜¯˘˙˚¸˝˛ˇ","x-mac-inuit":"ᐃᐄᐅᐆᐊᐋᐱᐲᐳᐴᐸᐹᑉᑎᑏᑐᑑᑕᑖᑦᑭᑮᑯᑰᑲᑳᒃᒋᒌᒍᒎᒐᒑ°ᒡᒥᒦ•¶ᒧ®©™ᒨᒪᒫᒻᓂᓃᓄᓅᓇᓈᓐᓯᓰᓱᓲᓴᓵᔅᓕᓖᓗ"+"ᓘᓚᓛᓪᔨᔩᔪᔫᔭ… ᔮᔾᕕᕖᕗ–—“”‘’ᕘᕙᕚᕝᕆᕇᕈᕉᕋᕌᕐᕿᖀᖁᖂᖃᖄᖅᖏᖐᖑᖒᖓᖔᖕᙱᙲᙳᙴᙵᙶᖖᖠᖡᖢᖣᖤᖥᖦᕼŁł","x-mac-ce":"ÄĀāÉĄÖÜáąČäčĆć鏟ĎíďĒēĖóėôöõúĚěü†°Ę£§•¶ß®©™ę¨≠ģĮįĪ≤≥īĶ∂∑łĻļĽľĹĺŅ"+"ņѬ√ńŇ∆«»… ňŐÕőŌ–—“”‘’÷◊ōŔŕŘ‹›řŖŗŠ‚„šŚśÁŤťÍŽžŪÓÔūŮÚůŰűŲųÝýķŻŁżĢˇ",macintosh:"ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ÆØ∞±≤≥¥µ∂∑∏π∫ªºΩæø"+"¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸ⁄€‹›fifl‡·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙıˆ˜¯˘˙˚¸˝˛ˇ","x-mac-romanian":"ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ĂȘ∞±≤≥¥µ∂∑∏π∫ªºΩăș"+"¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸ⁄€‹›Țț‡·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙıˆ˜¯˘˙˚¸˝˛ˇ","x-mac-turkish":"ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ÆØ∞±≤≥¥µ∂∑∏π∫ªºΩæø"+"¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸĞğİıŞş‡·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙˆ˜¯˘˙˚¸˝˛ˇ"};ce.MACSTRING=function(e,t,n,r){var i=pe[r];if(i===undefined){return undefined}var a="";for(var s=0;s=128){a=n[a];if(a===undefined){return undefined}}r[i]=a}return r};l.MACSTRING=function(e,t){var n=I.MACSTRING(e,t);if(n!==undefined){return n.length}else{return 0}};function ge(e){return e>=-128&&e<=127}function me(e,t,n){var r=0;var i=e.length;while(t>8&255,l+256&255)}return a}I.VARDELTAS=function(e){var t=0;var n=[];while(t=-128&&r<=127){t=ve(e,t,n)}else{t=be(e,t,n)}}return n};I.INDEX=function(e){var t=1;var n=[t];var r=[];for(var i=0;i>8;t[p+1]=h&255;t=t.concat(r[c])}return t};l.TABLE=function(e){var t=0;var n=e.fields.length;for(var r=0;r0){return new c(this.data,this.offset+t).parseStruct(e)}return undefined};c.prototype.parsePointer32=function(e){var t=this.parseOffset32();if(t>0){return new c(this.data,this.offset+t).parseStruct(e)}return undefined};c.prototype.parseListOfLists=function(e){var t=this.parseOffset16List();var n=t.length;var r=this.relativeOffset;var i=new Array(n);for(var a=0;a>1;t.skip("uShort",3);e.glyphIndexMap={};var s=new G.Parser(n,r+i+14);var o=new G.Parser(n,r+i+16+a*2);var l=new G.Parser(n,r+i+16+a*4);var u=new G.Parser(n,r+i+16+a*6);var c=r+i+16+a*8;for(var p=0;p=0;i-=1){var a=G.getUShort(e,t+4+i*8);var s=G.getUShort(e,t+4+i*8+2);if(a===3&&(s===0||s===1||s===10)||a===0&&(s===0||s===1||s===2||s===3||s===4)){r=G.getULong(e,t+4+i*8+4);break}}if(r===-1){throw new Error("No valid cmap sub-tables found.")}var o=new G.Parser(e,t+r);n.format=o.parseUShort();if(n.format===12){Ge(n,o)}else if(n.format===4){Ve(n,o,e,t,r)}else{throw new Error("Only format 4 and 12 cmap tables are supported (found format "+n.format+").")}return n}function Fe(e,t,n){e.segments.push({end:t,start:t,delta:-(t-n),offset:0,glyphIndex:n})}function je(e){e.segments.push({end:65535,start:65535,delta:1,offset:0})}function ze(e){var t=true;var n;for(n=e.length-1;n>0;n-=1){var r=e.get(n);if(r.unicode>65535){console.log("Adding CMAP format 12 (needed!)");t=false;break}}var i=[{name:"version",type:"USHORT",value:0},{name:"numTables",type:"USHORT",value:t?1:2},{name:"platformID",type:"USHORT",value:3},{name:"encodingID",type:"USHORT",value:1},{name:"offset",type:"ULONG",value:t?12:12+8}];if(!t){i=i.concat([{name:"cmap12PlatformID",type:"USHORT",value:3},{name:"cmap12EncodingID",type:"USHORT",value:10},{name:"cmap12Offset",type:"ULONG",value:0}])}i=i.concat([{name:"format",type:"USHORT",value:4},{name:"cmap4Length",type:"USHORT",value:0},{name:"language",type:"USHORT",value:0},{name:"segCountX2",type:"USHORT",value:0},{name:"searchRange",type:"USHORT",value:0},{name:"entrySelector",type:"USHORT",value:0},{name:"rangeShift",type:"USHORT",value:0}]);var a=new E.Table("cmap",i);a.segments=[];for(n=0;n>4;var s=i&15;if(a===n){break}t+=r[a];if(s===n){break}t+=r[s]}return parseFloat(t)}function ft(e,t){var n;var r;var i;var a;if(t===28){n=e.parseByte();r=e.parseByte();return n<<8|r}if(t===29){n=e.parseByte();r=e.parseByte();i=e.parseByte();a=e.parseByte();return n<<24|r<<16|i<<8|a}if(t===30){return ht(e)}if(t>=32&&t<=246){return t-139}if(t>=247&&t<=250){n=e.parseByte();return(t-247)*256+n+108}if(t>=251&&t<=254){n=e.parseByte();return-(t-251)*256-n-108}throw new Error("Invalid b0 "+t)}function dt(e){var t={};for(var n=0;n>1;O.length=0;A=true}function M(e){var t;var n;var r;var i;var a;var s;var o;var l;var u;var c;var p;var h;var f=0;while(f1&&!A){U=O.shift()+N;A=true}I+=O.pop();R(T,I);break;case 5:while(O.length>0){T+=O.shift();I+=O.shift();S.lineTo(T,I)}break;case 6:while(O.length>0){T+=O.shift();S.lineTo(T,I);if(O.length===0){break}I+=O.shift();S.lineTo(T,I)}break;case 7:while(O.length>0){I+=O.shift();S.lineTo(T,I);if(O.length===0){break}T+=O.shift();S.lineTo(T,I)}break;case 8:while(O.length>0){v=T+O.shift();b=I+O.shift();y=v+O.shift();x=b+O.shift();T=y+O.shift();I=x+O.shift();S.curveTo(v,b,y,x,T,I)}break;case 10:a=O.pop()+L;s=E[a];if(s){M(s)}break;case 11:return;case 12:d=e[f];f+=1;switch(d){case 35:v=T+O.shift();b=I+O.shift();y=v+O.shift();x=b+O.shift();o=y+O.shift();l=x+O.shift();u=o+O.shift();c=l+O.shift();p=u+O.shift();h=c+O.shift();T=p+O.shift();I=h+O.shift();O.shift();S.curveTo(v,b,y,x,o,l);S.curveTo(u,c,p,h,T,I);break;case 34:v=T+O.shift();b=I;y=v+O.shift();x=b+O.shift();o=y+O.shift();l=x;u=o+O.shift();c=x;p=u+O.shift();h=I;T=p+O.shift();S.curveTo(v,b,y,x,o,l);S.curveTo(u,c,p,h,T,I);break;case 36:v=T+O.shift();b=I+O.shift();y=v+O.shift();x=b+O.shift();o=y+O.shift();l=x;u=o+O.shift();c=x;p=u+O.shift();h=c+O.shift();T=p+O.shift();S.curveTo(v,b,y,x,o,l);S.curveTo(u,c,p,h,T,I);break;case 37:v=T+O.shift();b=I+O.shift();y=v+O.shift();x=b+O.shift();o=y+O.shift();l=x+O.shift();u=o+O.shift();c=l+O.shift();p=u+O.shift();h=c+O.shift();if(Math.abs(p-T)>Math.abs(h-I)){T=p+O.shift()}else{I=h+O.shift()}S.curveTo(v,b,y,x,o,l);S.curveTo(u,c,p,h,T,I);break;default:console.log("Glyph "+m.index+": unknown operator "+1200+d);O.length=0}break;case 14:if(O.length>0&&!A){U=O.shift()+N;A=true}if(C){S.closePath();C=false}break;case 18:P();break;case 19:case 20:P();f+=_+7>>3;break;case 21:if(O.length>2&&!A){U=O.shift()+N;A=true}I+=O.pop();T+=O.pop();R(T,I);break;case 22:if(O.length>1&&!A){U=O.shift()+N;A=true}T+=O.pop();R(T,I);break;case 23:P();break;case 24:while(O.length>2){v=T+O.shift();b=I+O.shift();y=v+O.shift();x=b+O.shift();T=y+O.shift();I=x+O.shift();S.curveTo(v,b,y,x,T,I)}T+=O.shift();I+=O.shift();S.lineTo(T,I);break;case 25:while(O.length>6){T+=O.shift();I+=O.shift();S.lineTo(T,I)}v=T+O.shift();b=I+O.shift();y=v+O.shift();x=b+O.shift();T=y+O.shift();I=x+O.shift();S.curveTo(v,b,y,x,T,I);break;case 26:if(O.length%2){T+=O.shift()}while(O.length>0){v=T;b=I+O.shift();y=v+O.shift();x=b+O.shift();T=y;I=x+O.shift();S.curveTo(v,b,y,x,T,I)}break;case 27:if(O.length%2){I+=O.shift()}while(O.length>0){v=T+O.shift();b=I;y=v+O.shift();x=b+O.shift();T=y+O.shift();I=x;S.curveTo(v,b,y,x,T,I)}break;case 28:t=e[f];n=e[f+1];O.push((t<<24|n<<16)>>16);f+=2;break;case 29:a=O.pop()+g.gsubrsBias;s=g.gsubrs[a];if(s){M(s)}break;case 30:while(O.length>0){v=T;b=I+O.shift();y=v+O.shift();x=b+O.shift();T=y+O.shift();I=x+(O.length===1?O.shift():0);S.curveTo(v,b,y,x,T,I);if(O.length===0){break}v=T+O.shift();b=I;y=v+O.shift();x=b+O.shift();I=x+O.shift();T=y+(O.length===1?O.shift():0);S.curveTo(v,b,y,x,T,I)}break;case 31:while(O.length>0){v=T+O.shift();b=I;y=v+O.shift();x=b+O.shift();I=x+O.shift();T=y+(O.length===1?O.shift():0);S.curveTo(v,b,y,x,T,I);if(O.length===0){break}v=T;b=I+O.shift();y=v+O.shift();x=b+O.shift();T=y+O.shift();I=x+(O.length===1?O.shift():0);S.curveTo(v,b,y,x,T,I)}break;default:if(d<32){console.log("Glyph "+m.index+": unknown operator "+d)}else if(d<247){O.push(d-139)}else if(d<251){t=e[f];f+=1;O.push((d-247)*256+t+108)}else if(d<255){t=e[f];f+=1;O.push(-(d-251)*256-t-108)}else{t=e[f];n=e[f+1];r=e[f+2];i=e[f+3];f+=4;O.push((t<<24|n<<16|r<<8|i)/65536)}}}}M(e);m.advanceWidth=U;return S}function It(e,t,n,r){var i=[];var a;var s=new G.Parser(e,t);var o=s.parseCard8();if(o===0){for(var l=0;l=r){throw new Error("CFF table CID Font FDSelect has bad FD index value "+a+" (FD count "+r+")")}i.push(a)}}else if(o===3){var u=s.parseCard16();var c=s.parseCard16();if(c!==0){throw new Error("CFF Table CID Font FDSelect format 3 range has bad initial GID "+c)}var p;for(var h=0;h=r){throw new Error("CFF table CID Font FDSelect has bad FD index value "+a+" (FD count "+r+")")}if(p>n){throw new Error("CFF Table CID Font FDSelect format 3 range has bad GID "+p)}for(;c=0){n=r}r=t.indexOf(e);if(r>=0){n=r+Xe.length}else{n=Xe.length+t.length;t.push(e)}return n}function Nt(){return new E.Record("Header",[{name:"major",type:"Card8",value:1},{name:"minor",type:"Card8",value:0},{name:"hdrSize",type:"Card8",value:4},{name:"major",type:"Card8",value:1}])}function Ut(e){var t=new E.Record("Name INDEX",[{name:"names",type:"INDEX",value:[]}]);t.names=[];for(var n=0;n=n.begin&&e=1){n.ulCodePageRange1=r.parseULong();n.ulCodePageRange2=r.parseULong()}if(n.version>=2){n.sxHeight=r.parseShort();n.sCapHeight=r.parseShort();n.usDefaultChar=r.parseUShort();n.usBreakChar=r.parseUShort();n.usMaxContent=r.parseUShort()}return n}function Tn(e){return new E.Table("OS/2",[{name:"version",type:"USHORT",value:3},{name:"xAvgCharWidth",type:"SHORT",value:0},{name:"usWeightClass",type:"USHORT",value:0},{name:"usWidthClass",type:"USHORT",value:0},{name:"fsType",type:"USHORT",value:0},{name:"ySubscriptXSize",type:"SHORT",value:650},{name:"ySubscriptYSize",type:"SHORT",value:699},{name:"ySubscriptXOffset",type:"SHORT",value:0},{name:"ySubscriptYOffset",type:"SHORT",value:140},{name:"ySuperscriptXSize",type:"SHORT",value:650},{name:"ySuperscriptYSize",type:"SHORT",value:699},{name:"ySuperscriptXOffset",type:"SHORT",value:0},{name:"ySuperscriptYOffset",type:"SHORT",value:479},{name:"yStrikeoutSize",type:"SHORT",value:49},{name:"yStrikeoutPosition",type:"SHORT",value:258},{name:"sFamilyClass",type:"SHORT",value:0},{name:"bFamilyType",type:"BYTE",value:0},{name:"bSerifStyle",type:"BYTE",value:0},{name:"bWeight",type:"BYTE",value:0},{name:"bProportion",type:"BYTE",value:0},{name:"bContrast",type:"BYTE",value:0},{name:"bStrokeVariation",type:"BYTE",value:0},{name:"bArmStyle",type:"BYTE",value:0},{name:"bLetterform",type:"BYTE",value:0},{name:"bMidline",type:"BYTE",value:0},{name:"bXHeight",type:"BYTE",value:0},{name:"ulUnicodeRange1",type:"ULONG",value:0},{name:"ulUnicodeRange2",type:"ULONG",value:0},{name:"ulUnicodeRange3",type:"ULONG",value:0},{name:"ulUnicodeRange4",type:"ULONG",value:0},{name:"achVendID",type:"CHARARRAY",value:"XXXX"},{name:"fsSelection",type:"USHORT",value:0},{name:"usFirstCharIndex",type:"USHORT",value:0},{name:"usLastCharIndex",type:"USHORT",value:0},{name:"sTypoAscender",type:"SHORT",value:0},{name:"sTypoDescender",type:"SHORT",value:0},{name:"sTypoLineGap",type:"SHORT",value:0},{name:"usWinAscent",type:"USHORT",value:0},{name:"usWinDescent",type:"USHORT",value:0},{name:"ulCodePageRange1",type:"ULONG",value:0},{name:"ulCodePageRange2",type:"ULONG",value:0},{name:"sxHeight",type:"SHORT",value:0},{name:"sCapHeight",type:"SHORT",value:0},{name:"usDefaultChar",type:"USHORT",value:0},{name:"usBreakChar",type:"USHORT",value:0},{name:"usMaxContext",type:"USHORT",value:0}],e)}var In={parse:Cn,make:Tn,unicodeRanges:_n,getUnicodeRange:An};function En(e,t){var n={};var r=new G.Parser(e,t);n.version=r.parseVersion();n.italicAngle=r.parseFixed();n.underlinePosition=r.parseShort();n.underlineThickness=r.parseShort();n.isFixedPitch=r.parseULong();n.minMemType42=r.parseULong();n.maxMemType42=r.parseULong();n.minMemType1=r.parseULong();n.maxMemType1=r.parseULong();switch(n.version){case 1:n.names=u.slice();break;case 2:n.numberOfGlyphs=r.parseUShort();n.glyphNameIndex=new Array(n.numberOfGlyphs);for(var i=0;i=u.length){var s=r.parseChar();n.names.push(r.parseString(s))}}break;case 2.5:n.numberOfGlyphs=r.parseUShort();n.offset=new Array(n.numberOfGlyphs);for(var o=0;ot.value.tag){return 1}else{return-1}});t.fields=t.fields.concat(r);t.fields=t.fields.concat(i);return t}function zn(e,t,n){for(var r=0;r0){var a=e.glyphs.get(i);return a.getMetrics()}}return n}function Hn(e){var t=0;for(var n=0;nm||l===undefined){if(m>0){l=m}}if(u 123 are reserved for internal usage")}if(g.name===".notdef"){continue}var b=g.getMetrics();t.push(b.xMin);n.push(b.yMin);r.push(b.xMax);i.push(b.yMax);s.push(b.leftSideBearing);o.push(b.rightSideBearing);a.push(g.advanceWidth)}var y={xMin:Math.min.apply(null,t),yMin:Math.min.apply(null,n),xMax:Math.max.apply(null,r),yMax:Math.max.apply(null,i),advanceWidthMax:Math.max.apply(null,a),advanceWidthAvg:Hn(a),minLeftSideBearing:Math.min.apply(null,s),maxLeftSideBearing:Math.max.apply(null,s),minRightSideBearing:Math.min.apply(null,o)};y.ascender=e.ascender;y.descender=e.descender;var x=Xt.make({flags:3,unitsPerEm:e.unitsPerEm,xMin:y.xMin,yMin:y.yMin,xMax:y.xMax,yMax:y.yMax,lowestRecPPEM:3,createdTimestamp:e.createdTimestamp});var S=qt.make({ascender:y.ascender,descender:y.descender,advanceWidthMax:y.advanceWidthMax,minLeftSideBearing:y.minLeftSideBearing,minRightSideBearing:y.minRightSideBearing,xMaxExtent:y.maxLeftSideBearing+(y.xMax-y.xMin),numberOfHMetrics:e.glyphs.length});var w=sn.make(e.glyphs.length);var B=In.make(Object.assign({xAvgCharWidth:Math.round(y.advanceWidthAvg),usFirstCharIndex:l,usLastCharIndex:u,ulUnicodeRange1:c,ulUnicodeRange2:p,ulUnicodeRange3:h,ulUnicodeRange4:f,sTypoAscender:y.ascender,sTypoDescender:y.descender,sTypoLineGap:0,usWinAscent:y.yMax,usWinDescent:Math.abs(y.yMin),ulCodePageRange1:1,sxHeight:zn(e,"xyvw",{yMax:Math.round(y.ascender/2)}).yMax,sCapHeight:zn(e,"HIKLEFJMNTZBDPRAGOQSUVWXY",y).yMax,usDefaultChar:e.hasChar(" ")?32:0,usBreakChar:e.hasChar(" ")?32:0},e.tables.os2));var G=$t.make(e.glyphs);var V=He.make(e.glyphs);var O=e.getEnglishName("fontFamily");var _=e.getEnglishName("fontSubfamily");var A=O+" "+_;var C=e.getEnglishName("postScriptName");if(!C){C=O.replace(/\s/g,"")+"-"+_}var T={};for(var I in e.names){T[I]=e.names[I]}if(!T.uniqueID){T.uniqueID={en:e.getEnglishName("manufacturer")+":"+A}}if(!T.postScriptName){T.postScriptName={en:C}}if(!T.preferredFamily){T.preferredFamily=e.names.fontFamily}if(!T.preferredSubfamily){T.preferredSubfamily=e.names.fontSubfamily}var E=[];var D=On.make(T,E);var L=E.length>0?nn.make(E):undefined;var F=Nn.make();var j=jt.make(e.glyphs,{version:e.getEnglishName("version"),fullName:A,familyName:O,weightName:_,postScriptName:C,unitsPerEm:e.unitsPerEm,fontBBox:[0,y.yMin,y.ascender,y.advanceWidthMax]});var N=e.metas&&Object.keys(e.metas).length>0?Gn.make(e.metas):undefined;var U=[x,S,w,B,D,V,F,j,G];if(L){U.push(L)}if(e.tables.gsub){U.push(kn.make(e.tables.gsub))}if(N){U.push(N)}var R=jn(U);var z=R.encode();var H=Dn(z);var P=R.fields;var M=false;for(var k=0;k>>1;var a=e[i].tag;if(a===t){return i}else if(a>>1;var a=e[i];if(a===t){return i}else if(a>>1;n=e[a];var s=n.start;if(s===t){return n}else if(s0){n=e[r-1];if(t>n.end){return 0}return n}}function Kn(e,t){this.font=e;this.tableName=t}Kn.prototype={searchTag:Wn,binSearch:qn,getTable:function(e){var t=this.font.tables[this.tableName];if(!t&&e){t=this.font.tables[this.tableName]=this.createDefaultTable()}return t},getScriptNames:function(){var e=this.getTable();if(!e){return[]}return e.scripts.map(function(e){return e.tag})},getDefaultScriptName:function(){var e=this.getTable();if(!e){return}var t=false;for(var n=0;n=0){return r[i].script}else if(t){var a={tag:e,script:{defaultLangSys:{reserved:0,reqFeatureIndex:65535,featureIndexes:[]},langSysRecords:[]}};r.splice(-1-i,0,a);return a.script}}},getLangSysTable:function(e,t,n){var r=this.getScriptTable(e,n);if(r){if(!t||t==="dflt"||t==="DFLT"){return r.defaultLangSys}var i=Wn(r.langSysRecords,t);if(i>=0){return r.langSysRecords[i].langSys}else if(n){var a={tag:t,langSys:{reserved:0,reqFeatureIndex:65535,featureIndexes:[]}};r.langSysRecords.splice(-1-i,0,a);return a.langSys}}},getFeatureTable:function(e,t,n,r){var i=this.getLangSysTable(e,t,r);if(i){var a;var s=i.featureIndexes;var o=this.font.tables[this.tableName].features;for(var l=0;l=o[u-1].tag,"Features must be added in alphabetical order.");a={tag:n,feature:{params:0,lookupListIndexes:[]}};o.push(a);s.push(u);return a.feature}}},getLookupTables:function(e,t,n,r,i){var a=this.getFeatureTable(e,t,n,i);var s=[];if(a){var o;var l=a.lookupListIndexes;var u=this.font.tables[this.tableName].lookups;for(var c=0;c=0?n:-1;case 2:var r=Zn(e.ranges,t);return r?r.index+t-r.start:-1}},expandCoverage:function(e){if(e.format===1){return e.glyphs}else{var t=[];var n=e.ranges;for(var r=0;r1,'Multiple: "by" must be an array of two or more ids');var i=this.getLookupTables(n,r,e,2,true)[0];var a=$n(i,1,{substFormat:1,coverage:{format:1,glyphs:[]},sequences:[]});_.assert(a.coverage.format===1,"Multiple: unable to modify coverage table format "+a.coverage.format);var s=t.sub;var o=this.binSearch(a.coverage.glyphs,s);if(o<0){o=-1-o;a.coverage.glyphs.splice(o,0,s);a.sequences.splice(o,0,0)}a.sequences[o]=t.by};t.prototype.addAlternate=function(e,t,n,r){var i=this.getLookupTables(n,r,e,3,true)[0];var a=$n(i,1,{substFormat:1,coverage:{format:1,glyphs:[]},alternateSets:[]});_.assert(a.coverage.format===1,"Alternate: unable to modify coverage table format "+a.coverage.format);var s=t.sub;var o=this.binSearch(a.coverage.glyphs,s);if(o<0){o=-1-o;a.coverage.glyphs.splice(o,0,s);a.alternateSets.splice(o,0,0)}a.alternateSets[o]=t.by};t.prototype.addLigature=function(e,t,n,r){var i=this.getLookupTables(n,r,e,4,true)[0];var a=i.subtables[0];if(!a){a={substFormat:1,coverage:{format:1,glyphs:[]},ligatureSets:[]};i.subtables[0]=a}_.assert(a.coverage.format===1,"Ligature: unable to modify coverage table format "+a.coverage.format);var s=t.sub[0];var o=t.sub.slice(1);var l={ligGlyph:t.by,components:o};var u=this.binSearch(a.coverage.glyphs,s);if(u>=0){var c=a.ligatureSets[u];for(var p=0;p0){a=e.parseByte();if((t&i)===0){a=-a}a=n+a}else{if((t&i)>0){a=n}else{a=n+e.parseShort()}}return a}function ar(e,t,n){var r=new G.Parser(t,n);e.numberOfContours=r.parseShort();e._xMin=r.parseShort();e._yMin=r.parseShort();e._xMax=r.parseShort();e._yMax=r.parseShort();var i;var a;if(e.numberOfContours>0){var s=e.endPointIndices=[];for(var o=0;o0){var p=r.parseByte();for(var h=0;h0){var f=[];var d;if(u>0){for(var g=0;g=0;f.push(d)}var m=0;for(var v=0;v0){if((i&2)>0){S.dx=r.parseShort();S.dy=r.parseShort()}else{S.matchedPoints=[r.parseUShort(),r.parseUShort()]}}else{if((i&2)>0){S.dx=r.parseChar();S.dy=r.parseChar()}else{S.matchedPoints=[r.parseByte(),r.parseByte()]}}if((i&8)>0){S.xScale=S.yScale=r.parseF2Dot14()}else if((i&64)>0){S.xScale=r.parseF2Dot14();S.yScale=r.parseF2Dot14()}else if((i&128)>0){S.xScale=r.parseF2Dot14();S.scale01=r.parseF2Dot14();S.scale10=r.parseF2Dot14();S.yScale=r.parseF2Dot14()}e.components.push(S);x=!!(i&32)}if(i&256){e.instructionLength=r.parseUShort();e.instructions=[];for(var O=0;Ot.points.length-1||r.matchedPoints[1]>i.points.length-1){throw Error("Matched points out of range in "+t.name)}var s=t.points[r.matchedPoints[0]];var o=i.points[r.matchedPoints[1]];var l={xScale:r.xScale,scale01:r.scale01,scale10:r.scale10,yScale:r.yScale,dx:0,dy:0};o=sr([o],l)[0];l.dx=s.x-o.x;l.dy=s.y-o.y;a=sr(i.points,l)}t.points=t.points.concat(a)}}}return lr(t.points)}function cr(e,t,n,r){var i=new A.GlyphSet(r);for(var a=0;a2){return}var n=this.font;var r=this._prepState;if(!r||r.ppem!==t){var i=this._fpgmState;if(!i){S.prototype=Lr;i=this._fpgmState=new S("fpgm",n.tables.fpgm);i.funcs=[];i.font=n;if(C.DEBUG){console.log("---EXEC FPGM---");i.step=-1}try{gr(i)}catch(e){console.log("Hinting error in FPGM:"+e);this._errorState=3;return}}S.prototype=i;r=this._prepState=new S("prep",n.tables.prep);r.ppem=t;var a=n.tables.cvt;if(a){var s=r.cvt=new Array(a.length);var o=t/n.unitsPerEm;for(var l=0;l1){return}try{return mr(e,r)}catch(e){if(this._errorState<1){console.log("Hinting error:"+e);console.log("Note: further hinting errors are silenced")}this._errorState=1;return undefined}};mr=function(e,t){var n=t.ppem/t.font.unitsPerEm;var r=n;var i=e.components;var a;var s;var o;S.prototype=t;if(!i){o=new S("glyf",e.instructions);if(C.DEBUG){console.log("---EXEC GLYPH---");o.step=-1}vr(e,o,n,r);s=o.gZone}else{var l=t.font;s=[];a=[];for(var u=0;u=176&&a<=183){r+=a-176+1}else if(a>=184&&a<=191){r+=(a-184+1)*2}else if(t&&i===1&&a===27){break}}while(i>0);e.ip=r}function Rr(e,t){if(C.DEBUG){console.log(t.step,"SVTCA["+e.axis+"]")}t.fv=t.pv=t.dpv=e}function Pr(e,t){if(C.DEBUG){console.log(t.step,"SPVTCA["+e.axis+"]")}t.pv=t.dpv=e}function Mr(e,t){if(C.DEBUG){console.log(t.step,"SFVTCA["+e.axis+"]")}t.fv=e}function kr(e,t){var n=t.stack;var r=n.pop();var i=n.pop();var a=t.z2[r];var s=t.z1[i];if(C.DEBUG){console.log("SPVTL["+e+"]",r,i)}var o;var l;if(!e){o=s.x-a.x;l=s.y-a.y}else{o=a.y-s.y;l=s.x-a.x}t.pv=t.dpv=Ir(o,l)}function wr(e,t){var n=t.stack;var r=n.pop();var i=n.pop();var a=t.z2[r];var s=t.z1[i];if(C.DEBUG){console.log("SFVTL["+e+"]",r,i)}var o;var l;if(!e){o=s.x-a.x;l=s.y-a.y}else{o=a.y-s.y;l=s.x-a.x}t.fv=Ir(o,l)}function Br(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"SPVFS[]",n,r)}e.pv=e.dpv=Ir(r,n)}function Gr(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"SPVFS[]",n,r)}e.fv=Ir(r,n)}function Vr(e){var t=e.stack;var n=e.pv;if(C.DEBUG){console.log(e.step,"GPV[]")}t.push(n.x*16384);t.push(n.y*16384)}function Dr(e){var t=e.stack;var n=e.fv;if(C.DEBUG){console.log(e.step,"GFV[]")}t.push(n.x*16384);t.push(n.y*16384)}function Fr(e){e.fv=e.pv;if(C.DEBUG){console.log(e.step,"SFVTPV[]")}}function jr(e){var t=e.stack;var n=t.pop();var r=t.pop();var i=t.pop();var a=t.pop();var s=t.pop();var o=e.z0;var l=e.z1;var u=o[n];var c=o[r];var p=l[i];var h=l[a];var f=e.z2[s];if(C.DEBUG){console.log("ISECT[], ",n,r,i,a,s)}var d=u.x;var g=u.y;var m=c.x;var v=c.y;var b=p.x;var y=p.y;var x=h.x;var S=h.y;var O=(d-m)*(y-S)-(g-v)*(b-x);var _=d*v-g*m;var A=b*S-y*x;f.x=(_*(b-x)-A*(d-m))/O;f.y=(_*(y-S)-A*(g-v))/O}function zr(e){e.rp0=e.stack.pop();if(C.DEBUG){console.log(e.step,"SRP0[]",e.rp0)}}function Hr(e){e.rp1=e.stack.pop();if(C.DEBUG){console.log(e.step,"SRP1[]",e.rp1)}}function Xr(e){e.rp2=e.stack.pop();if(C.DEBUG){console.log(e.step,"SRP2[]",e.rp2)}}function Yr(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SZP0[]",t)}e.zp0=t;switch(t){case 0:if(!e.tZone){Nr(e)}e.z0=e.tZone;break;case 1:e.z0=e.gZone;break;default:throw new Error("Invalid zone pointer")}}function Wr(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SZP1[]",t)}e.zp1=t;switch(t){case 0:if(!e.tZone){Nr(e)}e.z1=e.tZone;break;case 1:e.z1=e.gZone;break;default:throw new Error("Invalid zone pointer")}}function qr(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SZP2[]",t)}e.zp2=t;switch(t){case 0:if(!e.tZone){Nr(e)}e.z2=e.tZone;break;case 1:e.z2=e.gZone;break;default:throw new Error("Invalid zone pointer")}}function Zr(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SZPS[]",t)}e.zp0=e.zp1=e.zp2=t;switch(t){case 0:if(!e.tZone){Nr(e)}e.z0=e.z1=e.z2=e.tZone;break;case 1:e.z0=e.z1=e.z2=e.gZone;break;default:throw new Error("Invalid zone pointer")}}function Kr(e){e.loop=e.stack.pop();if(C.DEBUG){console.log(e.step,"SLOOP[]",e.loop)}}function Qr(e){if(C.DEBUG){console.log(e.step,"RTG[]")}e.round=xr}function Jr(e){if(C.DEBUG){console.log(e.step,"RTHG[]")}e.round=Or}function $r(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SMD[]",t)}e.minDis=t/64}function ei(e){if(C.DEBUG){console.log(e.step,"ELSE[]")}Ur(e,false)}function ti(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"JMPR[]",t)}e.ip+=t-1}function ni(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SCVTCI[]",t)}e.cvCutIn=t/64}function ri(e){var t=e.stack;if(C.DEBUG){console.log(e.step,"DUP[]")}t.push(t[t.length-1])}function ii(e){if(C.DEBUG){console.log(e.step,"POP[]")}e.stack.pop()}function ai(e){if(C.DEBUG){console.log(e.step,"CLEAR[]")}e.stack.length=0}function si(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"SWAP[]")}t.push(n);t.push(r)}function oi(e){var t=e.stack;if(C.DEBUG){console.log(e.step,"DEPTH[]")}t.push(t.length)}function li(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"LOOPCALL[]",n,r)}var i=e.ip;var a=e.prog;e.prog=e.funcs[n];for(var s=0;s1?"loop "+(t.loop-o)+": ":"")+"SHP["+(e?"rp1":"rp2")+"]",u)}}t.loop=1}function mi(e,t){var n=t.stack;var r=e?t.rp1:t.rp2;var i=(e?t.z0:t.z1)[r];var a=t.fv;var s=t.pv;var o=n.pop();var l=t.z2[t.contours[o]];var u=l;if(C.DEBUG){console.log(t.step,"SHC["+e+"]",o)}var c=s.distance(i,i,false,true);do{if(u!==i){a.setRelative(u,u,c,s)}u=u.nextPointOnContour}while(u!==l)}function vi(e,t){var n=t.stack;var r=e?t.rp1:t.rp2;var i=(e?t.z0:t.z1)[r];var a=t.fv;var s=t.pv;var o=n.pop();if(C.DEBUG){console.log(t.step,"SHZ["+e+"]",o)}var l;switch(o){case 0:l=t.tZone;break;case 1:l=t.gZone;break;default:throw new Error("Invalid zone")}var u;var c=s.distance(i,i,false,true);var p=l.length-2;for(var h=0;h1?"loop "+(e.loop-n)+": ":"")+"SHPIX[]",s,i)}r.setRelative(o,o,i);r.touch(o)}e.loop=1}function yi(e){var t=e.stack;var n=e.rp1;var r=e.rp2;var i=e.loop;var a=e.z0[n];var s=e.z1[r];var o=e.fv;var l=e.dpv;var u=e.z2;while(i--){var c=t.pop();var p=u[c];if(C.DEBUG){console.log(e.step,(e.loop>1?"loop "+(e.loop-i)+": ":"")+"IP[]",c,n,"<->",r)}o.interpolate(p,a,s,l);o.touch(p)}e.loop=1}function xi(e,t){var n=t.stack;var r=n.pop()/64;var i=n.pop();var a=t.z1[i];var s=t.z0[t.rp0];var o=t.fv;var l=t.pv;o.setRelative(a,s,r,l);o.touch(a);if(C.DEBUG){console.log(t.step,"MSIRP["+e+"]",r,i)}t.rp1=t.rp0;t.rp2=i;if(e){t.rp0=i}}function Si(e){var t=e.stack;var n=e.rp0;var r=e.z0[n];var i=e.loop;var a=e.fv;var s=e.pv;var o=e.z1;while(i--){var l=t.pop();var u=o[l];if(C.DEBUG){console.log(e.step,(e.loop>1?"loop "+(e.loop-i)+": ":"")+"ALIGNRP[]",l)}a.setRelative(u,r,0,s);a.touch(u)}e.loop=1}function Oi(e){if(C.DEBUG){console.log(e.step,"RTDG[]")}e.round=Sr}function _i(e,t){var n=t.stack;var r=n.pop();var i=n.pop();var a=t.z0[i];var s=t.fv;var o=t.pv;var l=t.cvt[r];if(C.DEBUG){console.log(t.step,"MIAP["+e+"]",r,"(",l,")",i)}var u=o.distance(a,Er);if(e){if(Math.abs(u-l)",o)}t.stack.push(Math.round(o*64))}function Ri(e){if(C.DEBUG){console.log(e.step,"MPPEM[]")}e.stack.push(e.ppem)}function Pi(e){if(C.DEBUG){console.log(e.step,"FLIPON[]")}e.autoFlip=true}function Mi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"LT[]",n,r)}t.push(rn?1:0)}function Bi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"GTEQ[]",n,r)}t.push(r>=n?1:0)}function Gi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"EQ[]",n,r)}t.push(n===r?1:0)}function Vi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"NEQ[]",n,r)}t.push(n!==r?1:0)}function Di(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"ODD[]",n)}t.push(Math.trunc(n)%2?1:0)}function Fi(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"EVEN[]",n)}t.push(Math.trunc(n)%2?0:1)}function ji(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"IF[]",t)}if(!t){Ur(e,true);if(C.DEBUG){console.log(e.step,"EIF[]")}}}function zi(e){if(C.DEBUG){console.log(e.step,"EIF[]")}}function Hi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"AND[]",n,r)}t.push(n&&r?1:0)}function Xi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"OR[]",n,r)}t.push(n||r?1:0)}function Yi(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"NOT[]",n)}t.push(n?0:1)}function Wi(e,t){var n=t.stack;var r=n.pop();var i=t.fv;var a=t.pv;var s=t.ppem;var o=t.deltaBase+(e-1)*16;var l=t.deltaShift;var u=t.z0;if(C.DEBUG){console.log(t.step,"DELTAP["+e+"]",r,n)}for(var c=0;c>4);if(f!==s){continue}var d=(h&15)-8;if(d>=0){d++}if(C.DEBUG){console.log(t.step,"DELTAPFIX",p,"by",d*l)}var g=u[p];i.setRelative(g,g,d*l,a)}}function qi(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"SDB[]",n)}e.deltaBase=n}function Zi(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"SDS[]",n)}e.deltaShift=Math.pow(.5,n)}function Ki(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"ADD[]",n,r)}t.push(r+n)}function Qi(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"SUB[]",n,r)}t.push(r-n)}function Ji(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"DIV[]",n,r)}t.push(r*64/n)}function $i(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"MUL[]",n,r)}t.push(r*n/64)}function ea(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"ABS[]",n)}t.push(Math.abs(n))}function ta(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"NEG[]",n)}t.push(-n)}function na(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"FLOOR[]",n)}t.push(Math.floor(n/64)*64)}function ra(e){var t=e.stack;var n=t.pop();if(C.DEBUG){console.log(e.step,"CEILING[]",n)}t.push(Math.ceil(n/64)*64)}function ia(e,t){var n=t.stack;var r=n.pop();if(C.DEBUG){console.log(t.step,"ROUND[]")}n.push(t.round(r/64)*64)}function aa(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"WCVTF[]",n,r)}e.cvt[r]=n*e.ppem/e.font.unitsPerEm}function sa(e,t){var n=t.stack;var r=n.pop();var i=t.ppem;var a=t.deltaBase+(e-1)*16;var s=t.deltaShift;if(C.DEBUG){console.log(t.step,"DELTAC["+e+"]",r,n)}for(var o=0;o>4);if(c!==i){continue}var p=(u&15)-8;if(p>=0){p++}var h=p*s;if(C.DEBUG){console.log(t.step,"DELTACFIX",l,"by",h)}t.cvt[l]+=h}}function oa(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SROUND[]",t)}e.round=Cr;var n;switch(t&192){case 0:n=.5;break;case 64:n=1;break;case 128:n=2;break;default:throw new Error("invalid SROUND value")}e.srPeriod=n;switch(t&48){case 0:e.srPhase=0;break;case 16:e.srPhase=.25*n;break;case 32:e.srPhase=.5*n;break;case 48:e.srPhase=.75*n;break;default:throw new Error("invalid SROUND value")}t&=15;if(t===0){e.srThreshold=0}else{e.srThreshold=(t/8-.5)*n}}function la(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"S45ROUND[]",t)}e.round=Cr;var n;switch(t&192){case 0:n=Math.sqrt(2)/2;break;case 64:n=Math.sqrt(2);break;case 128:n=2*Math.sqrt(2);break;default:throw new Error("invalid S45ROUND value")}e.srPeriod=n;switch(t&48){case 0:e.srPhase=0;break;case 16:e.srPhase=.25*n;break;case 32:e.srPhase=.5*n;break;case 48:e.srPhase=.75*n;break;default:throw new Error("invalid S45ROUND value")}t&=15;if(t===0){e.srThreshold=0}else{e.srThreshold=(t/8-.5)*n}}function ua(e){if(C.DEBUG){console.log(e.step,"ROFF[]")}e.round=yr}function ca(e){if(C.DEBUG){console.log(e.step,"RUTG[]")}e.round=_r}function pa(e){if(C.DEBUG){console.log(e.step,"RDTG[]")}e.round=Ar}function ha(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SCANCTRL[]",t)}}function fa(e,t){var n=t.stack;var r=n.pop();var i=n.pop();var a=t.z2[r];var s=t.z1[i];if(C.DEBUG){console.log(t.step,"SDPVTL["+e+"]",r,i)}var o;var l;if(!e){o=s.x-a.x;l=s.y-a.y}else{o=a.y-s.y;l=s.x-a.x}t.dpv=Ir(o,l)}function da(e){var t=e.stack;var n=t.pop();var r=0;if(C.DEBUG){console.log(e.step,"GETINFO[]",n)}if(n&1){r=35}if(n&32){r|=4096}t.push(r)}function ga(e){var t=e.stack;var n=t.pop();var r=t.pop();var i=t.pop();if(C.DEBUG){console.log(e.step,"ROLL[]")}t.push(r);t.push(n);t.push(i)}function ma(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"MAX[]",n,r)}t.push(Math.max(r,n))}function va(e){var t=e.stack;var n=t.pop();var r=t.pop();if(C.DEBUG){console.log(e.step,"MIN[]",n,r)}t.push(Math.min(r,n))}function ba(e){var t=e.stack.pop();if(C.DEBUG){console.log(e.step,"SCANTYPE[]",t)}}function ya(e){var t=e.stack.pop();var n=e.stack.pop();if(C.DEBUG){console.log(e.step,"INSTCTRL[]",t,n)}switch(t){case 1:e.inhibitGridFit=!!n;return;case 2:e.ignoreCvt=!!n;return;default:throw new Error("invalid INSTCTRL[] selector")}}function n(e,t){var n=t.stack;var r=t.prog;var i=t.ip;if(C.DEBUG){console.log(t.step,"PUSHB["+e+"]")}for(var a=0;a=0?1:-1;m=Math.abs(m);if(e){b=a.cvt[o];if(r&&Math.abs(m-b)":"_")+(r?"R":"_")+(i===0?"Gr":i===1?"Bl":i===2?"Wh":"")+"]",e?o+"("+a.cvt[o]+","+b+")":"",l,"(d =",g,"->",v*m,")")}a.rp1=a.rp0;a.rp2=l;if(t){a.rp0=l}}dr=[Rr.bind(undefined,v),Rr.bind(undefined,m),Pr.bind(undefined,v),Pr.bind(undefined,m),Mr.bind(undefined,v),Mr.bind(undefined,m),kr.bind(undefined,0),kr.bind(undefined,1),wr.bind(undefined,0),wr.bind(undefined,1),Br,Gr,Vr,Dr,Fr,jr,zr,Hr,Xr,Yr,Wr,qr,Zr,Kr,Qr,Jr,$r,ei,ti,ni,undefined,undefined,ri,ii,ai,si,oi,ci,pi,undefined,undefined,undefined,li,ui,hi,undefined,fi.bind(undefined,0),fi.bind(undefined,1),di.bind(undefined,v),di.bind(undefined,m),gi.bind(undefined,0),gi.bind(undefined,1),mi.bind(undefined,0),mi.bind(undefined,1),vi.bind(undefined,0),vi.bind(undefined,1),bi,yi,xi.bind(undefined,0),xi.bind(undefined,1),Si,Oi,_i.bind(undefined,0),_i.bind(undefined,1),Ai,Ci,Ti,Ii,Ei,Li,Ni.bind(undefined,0),Ni.bind(undefined,1),undefined,Ui.bind(undefined,0),Ui.bind(undefined,1),Ri,undefined,Pi,undefined,undefined,Mi,ki,wi,Bi,Gi,Vi,Di,Fi,ji,zi,Hi,Xi,Yi,Wi.bind(undefined,1),qi,Zi,Ki,Qi,Ji,$i,ea,ta,na,ra,ia.bind(undefined,0),ia.bind(undefined,1),ia.bind(undefined,2),ia.bind(undefined,3),undefined,undefined,undefined,undefined,aa,Wi.bind(undefined,2),Wi.bind(undefined,3),sa.bind(undefined,1),sa.bind(undefined,2),sa.bind(undefined,3),oa,la,undefined,undefined,ua,undefined,ca,pa,ii,ii,undefined,undefined,undefined,undefined,undefined,ha,fa.bind(undefined,0),fa.bind(undefined,1),da,undefined,ga,ma,va,ba,ya,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,n.bind(undefined,1),n.bind(undefined,2),n.bind(undefined,3),n.bind(undefined,4),n.bind(undefined,5),n.bind(undefined,6),n.bind(undefined,7),n.bind(undefined,8),r.bind(undefined,1),r.bind(undefined,2),r.bind(undefined,3),r.bind(undefined,4),r.bind(undefined,5),r.bind(undefined,6),r.bind(undefined,7),r.bind(undefined,8),s.bind(undefined,0,0,0,0,0),s.bind(undefined,0,0,0,0,1),s.bind(undefined,0,0,0,0,2),s.bind(undefined,0,0,0,0,3),s.bind(undefined,0,0,0,1,0),s.bind(undefined,0,0,0,1,1),s.bind(undefined,0,0,0,1,2),s.bind(undefined,0,0,0,1,3),s.bind(undefined,0,0,1,0,0),s.bind(undefined,0,0,1,0,1),s.bind(undefined,0,0,1,0,2),s.bind(undefined,0,0,1,0,3),s.bind(undefined,0,0,1,1,0),s.bind(undefined,0,0,1,1,1),s.bind(undefined,0,0,1,1,2),s.bind(undefined,0,0,1,1,3),s.bind(undefined,0,1,0,0,0),s.bind(undefined,0,1,0,0,1),s.bind(undefined,0,1,0,0,2),s.bind(undefined,0,1,0,0,3),s.bind(undefined,0,1,0,1,0),s.bind(undefined,0,1,0,1,1),s.bind(undefined,0,1,0,1,2),s.bind(undefined,0,1,0,1,3),s.bind(undefined,0,1,1,0,0),s.bind(undefined,0,1,1,0,1),s.bind(undefined,0,1,1,0,2),s.bind(undefined,0,1,1,0,3),s.bind(undefined,0,1,1,1,0),s.bind(undefined,0,1,1,1,1),s.bind(undefined,0,1,1,1,2),s.bind(undefined,0,1,1,1,3),s.bind(undefined,1,0,0,0,0),s.bind(undefined,1,0,0,0,1),s.bind(undefined,1,0,0,0,2),s.bind(undefined,1,0,0,0,3),s.bind(undefined,1,0,0,1,0),s.bind(undefined,1,0,0,1,1),s.bind(undefined,1,0,0,1,2),s.bind(undefined,1,0,0,1,3),s.bind(undefined,1,0,1,0,0),s.bind(undefined,1,0,1,0,1),s.bind(undefined,1,0,1,0,2),s.bind(undefined,1,0,1,0,3),s.bind(undefined,1,0,1,1,0),s.bind(undefined,1,0,1,1,1),s.bind(undefined,1,0,1,1,2),s.bind(undefined,1,0,1,1,3),s.bind(undefined,1,1,0,0,0),s.bind(undefined,1,1,0,0,1),s.bind(undefined,1,1,0,0,2),s.bind(undefined,1,1,0,0,3),s.bind(undefined,1,1,0,1,0),s.bind(undefined,1,1,0,1,1),s.bind(undefined,1,1,0,1,2),s.bind(undefined,1,1,0,1,3),s.bind(undefined,1,1,1,0,0),s.bind(undefined,1,1,1,0,1),s.bind(undefined,1,1,1,0,2),s.bind(undefined,1,1,1,0,3),s.bind(undefined,1,1,1,1,0),s.bind(undefined,1,1,1,1,1),s.bind(undefined,1,1,1,1,2),s.bind(undefined,1,1,1,1,3)];function xa(e){this.char=e;this.state={};this.activeState=null}function Sa(e,t,n){this.contextName=n;this.startIndex=e;this.endOffset=t}function Oa(e,t,n){this.contextName=e;this.openRange=null;this.ranges=[];this.checkStart=t;this.checkEnd=n}function L(e,t){this.context=e;this.index=t;this.length=e.length;this.current=e[t];this.backtrack=e.slice(0,t);this.lookahead=e.slice(t+1)}function _a(e){this.eventId=e;this.subscribers=[]}function Aa(n){var r=this;var e=["start","end","next","newToken","contextStart","contextEnd","insertToken","removeToken","removeRange","replaceToken","replaceRange","composeRUD","updateContextsRanges"];e.forEach(function(e){Object.defineProperty(r.events,e,{value:new _a(e)})});if(!!n){e.forEach(function(e){var t=n[e];if(typeof t==="function"){r.events[e].subscribe(t)}})}var t=["insertToken","removeToken","removeRange","replaceToken","replaceRange","composeRUD"];t.forEach(function(e){r.events[e].subscribe(r.updateContextsRanges)})}function b(e){this.tokens=[];this.registeredContexts={};this.contextCheckers=[];this.events={};this.registeredModifiers=[];Aa.call(this,e)}xa.prototype.setState=function(e,t){this.state[e]=t;this.activeState={key:e,value:this.state[e]};return this.activeState};xa.prototype.getState=function(e){return this.state[e]||null};b.prototype.inboundIndex=function(e){return e>=0&&e0&&e<=this.lookahead.length:return this.lookahead[e-1];default:return null}};b.prototype.rangeToText=function(e){if(e instanceof Sa){return this.getRangeTokens(e).map(function(e){return e.char}).join("")}};b.prototype.getText=function(){return this.tokens.map(function(e){return e.char}).join("")};b.prototype.getContext=function(e){var t=this.registeredContexts[e];return!!t?t:null};b.prototype.on=function(e,t){var n=this.events[e];if(!!n){return n.subscribe(t)}else{return null}};b.prototype.dispatch=function(e,t){var n=this;var r=this.events[e];if(r instanceof _a){r.subscribers.forEach(function(e){e.apply(n,t||[])})}};b.prototype.registerContextChecker=function(e,t,n){if(!!this.getContext(e)){return{FAIL:"context name '"+e+"' is already registered."}}if(typeof t!=="function"){return{FAIL:"missing context start check."}}if(typeof n!=="function"){return{FAIL:"missing context end check."}}var r=new Oa(e,t,n);this.registeredContexts[e]=r;this.contextCheckers.push(r);return r};b.prototype.getRangeTokens=function(e){var t=e.startIndex+e.endOffset;return[].concat(this.tokens.slice(e.startIndex,t))};b.prototype.getContextRanges=function(e){var t=this.getContext(e);if(!!t){return t.ranges}else{return{FAIL:"context checker '"+e+"' is not registered."}}};b.prototype.resetContextsRanges=function(){var e=this.registeredContexts;for(var t in e){if(e.hasOwnProperty(t)){var n=e[t];n.ranges=[]}}};b.prototype.updateContextsRanges=function(){this.resetContextsRanges();var e=this.tokens.map(function(e){return e.char});for(var t=0;t=i.start&&e<=i.end){var a=e-i.start;return i.index+a}}break;default:return-1}return-1}function Na(e,t){var n=La(e,t.coverage);if(n===-1){return null}return e+t.deltaGlyphId}function Ua(e,t){var n=La(e,t.coverage);if(n===-1){return null}return t.substitute[n]}function Ra(e,t){var n=[];for(var r=0;r=0;n--){var r=t[n];var i=Ca(r);var a=N(r);if(!i&&!a){return true}if(i){return false}}return false}function Za(e){if(Ca(e.current)){return false}for(var t=0;t0)}e("fontFamily");e("weightName");e("manufacturer");e("copyright");e("version");r(this.unitsPerEm>0)};V.prototype.toTables=function(){return Yn.fontToTable(this)};V.prototype.toBuffer=function(){console.warn("Font.toBuffer is deprecated. Use Font.toArrayBuffer instead.");return this.toArrayBuffer()};V.prototype.toArrayBuffer=function(){var e=this.toTables();var t=e.encode();var n=new ArrayBuffer(t.length);var r=new Uint8Array(n);for(var i=0;i=1.2){i.markGlyphSets=n.parsePointer(_s)}return i}var Cs={parse:As};var R=new Array(10);R[1]=function e(){var t=this.offset+this.relativeOffset;var n=this.parseUShort();if(n===1){return{posFormat:1,coverage:this.parsePointer(c.coverage),value:this.parseValueRecord()}}else if(n===2){return{posFormat:2,coverage:this.parsePointer(c.coverage),values:this.parseValueRecordList()}}_.assert(false,"0x"+t.toString(16)+": GPOS lookup type 1 format must be 1 or 2.")};R[2]=function e(){var t=this.offset+this.relativeOffset;var n=this.parseUShort();_.assert(n===1||n===2,"0x"+t.toString(16)+": GPOS lookup type 2 format must be 1 or 2.");var r=this.parsePointer(c.coverage);var i=this.parseUShort();var a=this.parseUShort();if(n===1){return{posFormat:n,coverage:r,valueFormat1:i,valueFormat2:a,pairSets:this.parseList(c.pointer(c.list(function(){return{secondGlyph:this.parseUShort(),value1:this.parseValueRecord(i),value2:this.parseValueRecord(a)}})))}}else if(n===2){var s=this.parsePointer(c.classDef);var o=this.parsePointer(c.classDef);var l=this.parseUShort();var u=this.parseUShort();return{posFormat:n,coverage:r,valueFormat1:i,valueFormat2:a,classDef1:s,classDef2:o,class1Count:l,class2Count:u,classRecords:this.parseList(l,c.list(u,function(){return{value1:this.parseValueRecord(i),value2:this.parseValueRecord(a)}}))}}};R[3]=function e(){return{error:"GPOS Lookup 3 not supported"}};R[4]=function e(){return{error:"GPOS Lookup 4 not supported"}};R[5]=function e(){return{error:"GPOS Lookup 5 not supported"}};R[6]=function e(){return{error:"GPOS Lookup 6 not supported"}};R[7]=function e(){return{error:"GPOS Lookup 7 not supported"}};R[8]=function e(){return{error:"GPOS Lookup 8 not supported"}};R[9]=function e(){return{error:"GPOS Lookup 9 not supported"}};function Ts(e,t){t=t||0;var n=new c(e,t);var r=n.parseVersion(1);_.argument(r===1||r===1.1,"Unsupported GPOS table version "+r);if(r===1){return{version:r,scripts:n.parseScriptList(),features:n.parseFeatureList(),lookups:n.parseLookupList(R)}}else{return{version:r,scripts:n.parseScriptList(),features:n.parseFeatureList(),lookups:n.parseLookupList(R),variations:n.parseFeatureVariationsList()}}}var Is=new Array(10);function Es(e){return new E.Table("GPOS",[{name:"version",type:"ULONG",value:65536},{name:"scripts",type:"TABLE",value:new E.ScriptList(e.scripts)},{name:"features",type:"TABLE",value:new E.FeatureList(e.features)},{name:"lookups",type:"TABLE",value:new E.LookupList(e.lookups,Is)}])}var Ls={parse:Ts,make:Es};function Ns(e){var t={};e.skip("uShort");var n=e.parseUShort();_.argument(n===0,"Unsupported kern sub-table version.");e.skip("uShort",2);var r=e.parseUShort();e.skip("uShort",3);for(var i=0;i1){console.warn("Only the first kern subtable is supported.")}e.skip("uLong");var r=e.parseUShort();var i=r&255;e.skip("uShort");if(i===0){var a=e.parseUShort();e.skip("uShort",3);for(var s=0;s80*n){o=u=e[0];l=c=e[1];for(var d=n;du)u=p;if(h>c)c=h}f=Math.max(u-o,c-l);f=f!==0?1/f:0}m(a,s,n,o,l,f);return s}function g(e,t,n,r,i){var a,s;if(i===M(e,t,n,r)>0){for(a=t;a=t;a-=r)s=U(a,e[a],e[a+1],s)}if(s&&o(s,s.next)){R(s);s=s.next}return s}function c(e,t){if(!e)return e;if(!t)t=e;var n=e,r;do{r=false;if(!n.steiner&&(o(n,n.next)||C(n.prev,n,n.next)===0)){R(n);n=t=n.prev;if(n===n.next)break;r=true}else{n=n.next}}while(r||n!==t);return t}function m(e,t,n,r,i,a,s){if(!e)return;if(!s&&a)S(e,r,i,a);var o=e,l,u;while(e.prev!==e.next){l=e.prev;u=e.next;if(a?h(e,r,i,a):p(e)){t.push(l.i/n);t.push(e.i/n);t.push(u.i/n);R(e);e=u.next;o=u.next;continue}e=u;if(e===o){if(!s){m(c(e),t,n,r,i,a,1)}else if(s===1){e=f(c(e),t,n);m(e,t,n,r,i,a,2)}else if(s===2){d(e,t,n,r,i,a)}break}}}function p(e){var t=e.prev,n=e,r=e.next;if(C(t,n,r)>=0)return false;var i=e.next.next;while(i!==e.prev){if(A(t.x,t.y,n.x,n.y,r.x,r.y,i.x,i.y)&&C(i.prev,i,i.next)>=0)return false;i=i.next}return true}function h(e,t,n,r){var i=e.prev,a=e,s=e.next;if(C(i,a,s)>=0)return false;var o=i.xa.x?i.x>s.x?i.x:s.x:a.x>s.x?a.x:s.x,c=i.y>a.y?i.y>s.y?i.y:s.y:a.y>s.y?a.y:s.y;var p=O(o,l,t,n,r),h=O(u,c,t,n,r);var f=e.prevZ,d=e.nextZ;while(f&&f.z>=p&&d&&d.z<=h){if(f!==e.prev&&f!==e.next&&A(i.x,i.y,a.x,a.y,s.x,s.y,f.x,f.y)&&C(f.prev,f,f.next)>=0)return false;f=f.prevZ;if(d!==e.prev&&d!==e.next&&A(i.x,i.y,a.x,a.y,s.x,s.y,d.x,d.y)&&C(d.prev,d,d.next)>=0)return false;d=d.nextZ}while(f&&f.z>=p){if(f!==e.prev&&f!==e.next&&A(i.x,i.y,a.x,a.y,s.x,s.y,f.x,f.y)&&C(f.prev,f,f.next)>=0)return false;f=f.prevZ}while(d&&d.z<=h){if(d!==e.prev&&d!==e.next&&A(i.x,i.y,a.x,a.y,s.x,s.y,d.x,d.y)&&C(d.prev,d,d.next)>=0)return false;d=d.nextZ}return true}function f(e,t,n){var r=e;do{var i=r.prev,a=r.next.next;if(!o(i,a)&&l(i,r,r.next,a)&&E(i,a)&&E(a,i)){t.push(i.i/n);t.push(r.i/n);t.push(a.i/n);R(r);R(r.next);r=e=a}r=r.next}while(r!==e);return c(r)}function d(e,t,n,r,i,a){var s=e;do{var o=s.next.next;while(o!==s.prev){if(s.i!==o.i&&u(s,o)){var l=N(s,o);s=c(s,s.next);l=c(l,l.next);m(s,t,n,r,i,a);m(l,t,n,r,i,a);return}o=o.next}s=s.next}while(s!==e)}function v(e,t,n,r){var i=[],a,s,o,l,u;for(a=0,s=t.length;a=n.next.y&&n.next.y!==n.y){var o=n.x+(i-n.y)*(n.next.x-n.x)/(n.next.y-n.y);if(o<=r&&o>a){a=o;if(o===r){if(i===n.y)return n;if(i===n.next.y)return n.next}s=n.x=n.x&&n.x>=u&&r!==n.x&&A(is.x||n.x===s.x&&x(s,n)))){s=n;p=h}}n=n.next}while(n!==l);return s}function x(e,t){return C(e.prev,e,t.prev)<0&&C(t.next,e,e.next)<0}function S(e,t,n,r){var i=e;do{if(i.z===null)i.z=O(i.x,i.y,t,n,r);i.prevZ=i.prev;i.nextZ=i.next;i=i.next}while(i!==e);i.prevZ.nextZ=null;i.prevZ=null;s(i)}function s(e){var t,n,r,i,a,s,o,l,u=1;do{n=e;e=null;a=null;s=0;while(n){s++;r=n;o=0;for(t=0;t0||l>0&&r){if(o!==0&&(l===0||!r||n.z<=r.z)){i=n;n=n.nextZ;o--}else{i=r;r=r.nextZ;l--}if(a)a.nextZ=i;else e=i;i.prevZ=a;a=i}n=r}a.nextZ=null;u*=2}while(s>1);return e}function O(e,t,n,r,i){e=32767*(e-n)*i;t=32767*(t-r)*i;e=(e|e<<8)&16711935;e=(e|e<<4)&252645135;e=(e|e<<2)&858993459;e=(e|e<<1)&1431655765;t=(t|t<<8)&16711935;t=(t|t<<4)&252645135;t=(t|t<<2)&858993459;t=(t|t<<1)&1431655765;return e|t<<1}function _(e){var t=e,n=e;do{if(t.x=0&&(e-s)*(r-o)-(n-s)*(t-o)>=0&&(n-s)*(a-o)-(i-s)*(r-o)>=0}function u(e,t){return e.next.i!==t.i&&e.prev.i!==t.i&&!i(e,t)&&(E(e,t)&&E(t,e)&&L(e,t)&&(C(e.prev,e,t.prev)||C(e,t.prev,t))||o(e,t)&&C(e.prev,e,e.next)>0&&C(t.prev,t,t.next)>0)}function C(e,t,n){return(t.y-e.y)*(n.x-t.x)-(t.x-e.x)*(n.y-t.y)}function o(e,t){return e.x===t.x&&e.y===t.y}function l(e,t,n,r){var i=I(C(e,t,n));var a=I(C(e,t,r));var s=I(C(n,r,e));var o=I(C(n,r,t));if(i!==a&&s!==o)return true;if(i===0&&T(e,n,t))return true;if(a===0&&T(e,r,t))return true;if(s===0&&T(n,e,r))return true;if(o===0&&T(n,t,r))return true;return false}function T(e,t,n){return t.x<=Math.max(e.x,n.x)&&t.x>=Math.min(e.x,n.x)&&t.y<=Math.max(e.y,n.y)&&t.y>=Math.min(e.y,n.y)}function I(e){return e>0?1:e<0?-1:0}function i(e,t){var n=e;do{if(n.i!==e.i&&n.next.i!==e.i&&n.i!==t.i&&n.next.i!==t.i&&l(n,n.next,e,t))return true;n=n.next}while(n!==e);return false}function E(e,t){return C(e.prev,e,e.next)<0?C(e,t,e.next)>=0&&C(e,e.prev,t)>=0:C(e,t,e.prev)<0||C(e,e.next,t)<0}function L(e,t){var n=e,r=false,i=(e.x+t.x)/2,a=(e.y+t.y)/2;do{if(n.y>a!==n.next.y>a&&n.next.y!==n.y&&i<(n.next.x-n.x)*(a-n.y)/(n.next.y-n.y)+n.x)r=!r;n=n.next}while(n!==e);return r}function N(e,t){var n=new P(e.i,e.x,e.y),r=new P(t.i,t.x,t.y),i=e.next,a=t.prev;e.next=t;t.prev=e;n.next=i;i.prev=n;r.next=n;n.prev=r;a.next=r;r.prev=a;return r}function U(e,t,n,r){var i=new P(e,t,n);if(!r){i.prev=i;i.next=i}else{i.next=r.next;i.prev=r;r.next.prev=i;r.next=i}return i}function R(e){e.next.prev=e.prev;e.prev.next=e.next;if(e.prevZ)e.prevZ.nextZ=e.nextZ;if(e.nextZ)e.nextZ.prevZ=e.prevZ}function P(e,t,n){this.i=e;this.x=t;this.y=n;this.prev=null;this.next=null;this.z=null;this.prevZ=null;this.nextZ=null;this.steiner=false}r.deviation=function(e,t,n,r){var i=t&&t.length;var a=i?t[0]*n:e.length;var s=Math.abs(M(e,0,a,n));if(i){for(var o=0,l=t.length;o0){r+=e[i-1].length;n.holes.push(r)}}return n}},{}]},{},[1])(1)});(()=>{"use strict";var e={};const s={ANIM:{EASINGS:["linear","absolute","smoothstep","smootherstep","Cubic In","Cubic Out","Cubic In Out","Expo In","Expo Out","Expo In Out","Sin In","Sin Out","Sin In Out","Quart In","Quart Out","Quart In Out","Quint In","Quint Out","Quint In Out","Back In","Back Out","Back In Out","Elastic In","Elastic Out","Bounce In","Bounce Out"],EASING_LINEAR:0,EASING_ABSOLUTE:1,EASING_SMOOTHSTEP:2,EASING_SMOOTHERSTEP:3,EASING_CUBICSPLINE:4,EASING_CUBIC_IN:5,EASING_CUBIC_OUT:6,EASING_CUBIC_INOUT:7,EASING_EXPO_IN:8,EASING_EXPO_OUT:9,EASING_EXPO_INOUT:10,EASING_SIN_IN:11,EASING_SIN_OUT:12,EASING_SIN_INOUT:13,EASING_BACK_IN:14,EASING_BACK_OUT:15,EASING_BACK_INOUT:16,EASING_ELASTIC_IN:17,EASING_ELASTIC_OUT:18,EASING_BOUNCE_IN:19,EASING_BOUNCE_OUT:21,EASING_QUART_IN:22,EASING_QUART_OUT:23,EASING_QUART_INOUT:24,EASING_QUINT_IN:25,EASING_QUINT_OUT:26,EASING_QUINT_INOUT:27},OP:{OP_PORT_TYPE_VALUE:0,OP_PORT_TYPE_NUMBER:0,OP_PORT_TYPE_FUNCTION:1,OP_PORT_TYPE_TRIGGER:1,OP_PORT_TYPE_OBJECT:2,OP_PORT_TYPE_TEXTURE:2,OP_PORT_TYPE_ARRAY:3,OP_PORT_TYPE_DYNAMIC:4,OP_PORT_TYPE_STRING:5,OP_VERSION_PREFIX:"_v"},PORT:{PORT_DIR_IN:0,PORT_DIR_OUT:1},PACO:{PACO_CLEAR:0,PACO_VALUECHANGE:1,PACO_OP_DELETE:2,PACO_UNLINK:3,PACO_LINK:4,PACO_LOAD:5,PACO_OP_CREATE:6,PACO_OP_ENABLE:7,PACO_OP_DISABLE:8,PACO_UIATTRIBS:9,PACO_VARIABLES:10,PACO_TRIGGERS:11,PACO_PORT_SETVARIABLE:12,PACO_PORT_SETANIMATED:13,PACO_PORT_ANIM_UPDATED:14,PACO_DESERIALIZE:15}};const t=class{constructor(t,e,n,r,i,a){this._valuePort=n;this._varNamePort=r;this._op=t;this._type=e;this._typeId=-1;this._triggerPort=i;this._nextPort=a;this._btnCreate=t.inTriggerButton("Create new variable");this._btnCreate.setUiAttribs({hidePort:true});this._btnCreate.onTriggered=this._createVar.bind(this);this._helper=t.inUiTriggerButtons("",["Rename"]);this._helper.setUiAttribs({hidePort:true});this._helper.onTriggered=e=>{if(e=="Rename")CABLES.CMD.PATCH.renameVariable(t.varName.get())};this._op.setPortGroup("Variable",[this._helper,this._varNamePort,this._btnCreate]);this._op.on("uiParamPanel",this._updateVarNamesDropdown.bind(this));this._op.patch.addEventListener("variablesChanged",this._updateName.bind(this));this._op.patch.addEventListener("variableRename",this._renameVar.bind(this));this._varNamePort.onChange=this._updateName.bind(this);this._isTexture=this._valuePort.uiAttribs.objType==="texture";this._valuePort.changeAlways=true;if(this._triggerPort){this._triggerPort.onTriggered=()=>{this._setVarValue(true)}}else{this._valuePort.onChange=this._setVarValue.bind(this)}this._op.init=()=>{this._updateName();if(!this._triggerPort)this._setVarValue();this._updateErrorUi()};if(e=="array")this._typeId=s.OP.OP_PORT_TYPE_ARRAY;else if(e=="object")this._typeId=s.OP.OP_PORT_TYPE_OBJECT;else if(e=="string")this._typeId=s.OP.OP_PORT_TYPE_STRING;else if(e=="texture")this._typeId=s.OP.OP_PORT_TYPE_TEXTURE;else this._typeId=s.OP.OP_PORT_TYPE_VALUE}_updateErrorUi(){if(CABLES.UI){if(!this._varNamePort.get())this._op.setUiError("novarname","no variable selected");else{if(this._op.hasUiErrors){this._op.setUiError("novarname",null)}}}}_updateName(){const e=this._varNamePort.get();this._op.setTitle("var set");this._op.setUiAttrib({extendTitle:"#"+e});this._updateErrorUi();const t=this._op.patch.getVar(e);if(t&&!t.type)t.type=this._type;if(!this._op.patch.hasVar(e)&&e!=0&&!this._triggerPort){this._setVarValue()}if(!this._op.patch.hasVar(e)&&e!=0&&this._triggerPort){if(this._type=="string")this._op.patch.setVarValue(e,"");else if(this._type=="number")this._op.patch.setVarValue(e,"");else this._op.patch.setVarValue(e,null)}if(this._op.isCurrentUiOp()){this._updateVarNamesDropdown();this._op.refreshParams()}this._updateDisplay();this._op.patch.emitEvent("opVariableNameChanged",this._op,this._varNamePort.get())}_createVar(){CABLES.CMD.PATCH.createVariable(this._op,this._type,()=>{this._updateName()})}_updateDisplay(){this._valuePort.setUiAttribs({greyout:!this._varNamePort.get()})}_updateVarNamesDropdown(){if(CABLES.UI&&CABLES.UI.loaded&&CABLES.UI.loaded){const e=CABLES.UI.uiProfiler.start("[vars] _updateVarNamesDropdown");const t=[];const n=this._op.patch.getVars();for(const r in n)if(n[r].type==this._type&&r!="0")t.push(r);this._varNamePort.uiAttribs.values=t;e.finish()}}_renameVar(e,t){if(e!=this._varNamePort.get())return;this._varNamePort.set(t);this._updateName()}_setVarValue(e){const t=this._varNamePort.get();if(!t)return;const n=this._valuePort.get();if(this._typeId==s.OP.OP_PORT_TYPE_VALUE||this._typeId==s.OP.OP_PORT_TYPE_STRING){this._op.patch.setVarValue(t,n)}else if(this._typeId==s.OP.OP_PORT_TYPE_ARRAY){this._arr=[];CABLES.copyArray(n,this._arr);this._op.patch.setVarValue(t,this._arr)}else{if(this._typeId==s.OP.OP_PORT_TYPE_OBJECT){if(this._isTexture)this._op.patch.setVarValue(t,CGL.Texture.getEmptyTexture(this._op.patch.cgl));else this._op.patch.setVarValue(t,null);if(n&&n.tex&&n._cgl&&!this._isTexture)this._op.setUiError("texobj","Dont use object variables for textures, use varSetTexture");else this._op.setUiError("texobj",null)}this._op.patch.setVarValue(t,n)}if(e&&this._nextPort)this._nextPort.trigger()}};const n=class{constructor(e,t,n,r){this._op=e;this._type=t;this._varnamePort=n;this._variable=null;this._valueOutPort=r;this._listenerId=null;this._op.on("uiParamPanel",this._updateVarNamesDropdown.bind(this));this._op.on("uiErrorChange",this._updateTitle.bind(this));this._op.patch.on("variableRename",this._renameVar.bind(this));this._op.patch.on("variableDeleted",e=>{if(this._op.isCurrentUiOp())this._op.refreshParams()});this._varnamePort.onChange=this._changeVar.bind(this);this._op.patch.addEventListener("variablesChanged",this._init.bind(this));this._op.onDelete=()=>{if(this._variable&&this._listenerId)this._variable.off(this._listenerId)};this._op.init=()=>{this._init()}}get variable(){return this._variable}_changeVar(){if(this._variable&&this._listenerId){this._variable.off(this._listenerId)}this._init()}_renameVar(e,t){if(e!=this._varnamePort.get())return;this._varnamePort.set(t);this._updateVarNamesDropdown();this._updateTitle();this._listenerId=this._variable.on("change",this._setValueOut.bind(this))}_updateVarNamesDropdown(){if(CABLES.UI&&CABLES.UI.loaded){const e=[];const t=this._op.patch.getVars();for(const n in t)if(t[n].type==this._type&&n!="0")e.push(n);this._op.varName.uiAttribs.values=e}}_setValueOut(e){if(this._valueOutPort)this._valueOutPort.set(e)}_updateTitle(){if(this._variable){this._op.setUiError("unknownvar",null);this._op.setTitle("var get");this._op.setUiAttrib({extendTitle:"#"+this._varnamePort.get()});if(this._valueOutPort)this._valueOutPort.set(this._variable.getValue())}else{this._op.setUiError("unknownvar","unknown variable! - there is no setVariable with this name ("+this._varnamePort.get()+")");this._op.setUiAttrib({extendTitle:"#invalid"});if(this._valueOutPort)this._valueOutPort.set(0)}}_init(){this._updateVarNamesDropdown();if(this._variable&&this._listenerId)this._variable.off(this._listenerId);this._variable=this._op.patch.getVar(this._op.varName.get());if(this._variable)this._listenerId=this._variable.on("change",this._setValueOut.bind(this));this._updateTitle();this._op.patch.emitEvent("opVariableNameChanged",this._op,this._varnamePort.get())}};CABLES.VarSetOpWrapper=t;CABLES.VarGetOpWrapper=n;((this.CABLES=this.CABLES||{}).COREMODULES=this.CABLES.COREMODULES||{}).Vargetset=e.Cables})();(()=>{"use strict";var e={};const n="Ops.Ui.SubPatchInput";const r="Ops.Ui.SubPatchOutput";const t=class{constructor(n,e){e=e||{};this._op=n;n.patchId=n.addInPort(new CABLES.Port(n,"patchId",CABLES.OP_PORT_TYPE_STRING,{display:"readonly",hidePort:true}));n.setUiAttribs({subPatchOp:{version:2}});if(n.uiAttribs.parentOfSubpatch){n.patchId.set(n.uiAttribs.parentOfSubpatch)}else{if(e.subId)n.patchId.set(e.subId);else n.patchId.set(CABLES.generateUUID())}n.patchId.onChange=()=>{if(e.subId)n.patchId.value=e.subId};n.patch.on("subpatchCreated",()=>{this.createInOutOps()});n.on("loadedValueSet",()=>{this.createInOutOps()});n.init=()=>{n.setStorage({subPatchVer:2})};n.loadDependencies=(e,t)=>{if(CABLES.UI){gui.serverOps.loadProjectDependencies(e,()=>{if(t)t()})}else if(t)t()};n.on("delete",()=>{if(n.patch.clearSubPatchCache)n.patch.clearSubPatchCache(this.patchId);const t=n.patch.ops;for(let e=t.length-1;e>=0;e--)if(t[e]&&t[e].uiAttribs&&t[e].uiAttribs.subPatch==n.patchId.get())n.patch.deleteOp(t[e].id)});this._op.isExposableSubpatchOp=()=>{return true}}get patchId(){return this._op.patchId.get()}createInOutOps(){if(this._op.patch.clearSubPatchCache)this._op.patch.clearSubPatchCache(this.patchId);let e=this._op.patch.getSubPatchOp(this.patchId,n);let t=this._op.patch.getSubPatchOp(this.patchId,r);if(!e)this._op.patch.addOp(n,{subPatch:this.patchId,translate:{x:0,y:0}});if(!t)this._op.patch.addOp(r,{subPatch:this.patchId,translate:{x:0,y:0}})}};CABLES.SubPatchOp=t;((this.CABLES=this.CABLES||{}).COREMODULES=this.CABLES.COREMODULES||{}).Subpatchop=e.Cables})();(()=>{"use strict";var e={};class c{constructor(e){this._logs=[];this.initiator=e}stack(e){console.info("["+this.initiator+"] ",e);console.log((new Error).stack)}groupCollapsed(e){console.groupCollapsed("["+this.initiator+"] "+e)}table(e){console.table(e)}groupEnd(){console.groupEnd()}error(e){console.error("["+this.initiator+"]",...arguments);if(window.gui)window.gui.emitEvent("coreLogEvent",this.initiator,"error",arguments)}info(e){console.error("["+this.initiator+"]",...arguments);if(window.gui)window.gui.emitEvent("coreLogEvent",this.initiator,"info",arguments)}warn(e){console.warn("["+this.initiator+"]",...arguments);if(window.gui)window.gui.emitEvent("coreLogEvent",this.initiator,"warn",arguments)}verbose(){if(CABLES.UI&&CABLES.UI.logFilter.shouldPrint(this.initiator,...arguments)||!CABLES.logSilent)console.log("["+this.initiator+"]",...arguments);if(window.gui)window.gui.emitEvent("coreLogEvent",this.initiator,"verbose",arguments)}log(e){if(CABLES.UI&&CABLES.UI.logFilter.shouldPrint(this.initiator,...arguments)||!CABLES.logSilent)console.log("["+this.initiator+"]",...arguments);if(window.gui)window.gui.emitEvent("coreLogEvent",this.initiator,"log",arguments)}userInteraction(e){}}const i={};i.float32Concat=function(e,t){if(!(e instanceof Float32Array))e=new Float32Array(e);if(!(t instanceof Float32Array))t=new Float32Array(t);const n=new Float32Array(e.length+t.length);n.set(e);n.set(t,e.length);return n};const w=function(e){let t=e.split(".")[e.split(".").length-1];if(t.contains(CONSTANTS.OP.OP_VERSION_PREFIX)){const n=t.split(CONSTANTS.OP.OP_VERSION_PREFIX)[1];t=t.substring(0,t.length-(CONSTANTS.OP.OP_VERSION_PREFIX+n).length)}return t};const B=function(t){for(let e=t.length-1;e>0;e--){const n=Math.floor(Math.seededRandom()*(e+1));const r=t[e];t[e]=t[n];t[n]=r}return t};const t={};const n=function(){let e=Math.random().toString(36).substr(2,9);if(t.hasOwnProperty(e))e=n();t[e]=true;return e};const G=null&&n;const r=function(){let n=(new Date).getTime();const e="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=(n+Math.random()*16)%16|0;n=Math.floor(n/16);return(e=="x"?t:t&3|8).toString(16)});return e};const V=null&&r;const D=null&&r;function a(e){for(const t in e){if(e[t]&&typeof objValue==="object"&&e[t].constructor===Object)e[t]=a(e[t]);if(e[t]===null||e[t]===undefined)delete e[t];else if(Array.isArray(e[t])&&e[t].length==0)delete e[t]}return e}const s=function(n,e="id"){let r=0;if(Array.prototype.reduce){r=n.split("").reduce((e,t)=>{e=(e<<5)-e+t.charCodeAt(0);return e&e},0)}else{if(n.length>0){for(let t=0;t=n)return i;if(e<=t)return r;let s=false;const o=Math.min(t,n);const l=Math.max(t,n);if(o!=t)s=true;let u=false;const c=Math.min(r,i);const p=Math.max(r,i);if(c!=r)u=true;let h=0;let f=0;if(s)h=(l-e)*(p-c)/(l-o);else h=(e-o)*(p-c)/(l-o);if(u)f=p-h;else f=h+c;if(!a)return f;if(a==1){e=Math.max(0,Math.min(1,(f-r)/(i-r)));return r+e*e*(3-2*e)*(i-r)}if(a==2){e=Math.max(0,Math.min(1,(f-r)/(i-r)));return r+e*e*e*(e*(e*6-15)+10)*(i-r)}return f};Math.randomSeed=1;Math.setRandomSeed=function(e){Math.randomSeed=e*50728129;if(e!=0){Math.randomSeed=Math.seededRandom()*17624813;Math.randomSeed=Math.seededRandom()*9737333}};Math.seededRandom=function(e,t){if(Math.randomSeed===0)Math.randomSeed=Math.random()*999;e=e||1;t=t||0;Math.randomSeed=(Math.randomSeed*9301+49297)%233280;const n=Math.randomSeed/233280;return t+n*(e-t)};i.isNumeric=function(e){return!isNaN(parseFloat(e))&&isFinite(e)};i.isArray=function(e){return Object.prototype.toString.call(e)==="[object Array]"};String.prototype.endl=function(){return this+"\n"};String.prototype.startsWith=function(e){return this.indexOf(e)===0};String.prototype.endsWith=String.prototype.endsWith||function(e){return this.match(e+"$")==e};String.prototype.contains=String.prototype.contains||function(e){return this.indexOf(e)>-1};const W=function(e){if(e.contains("?"))e+="&";else e+="?";return e+"cache="+CABLES.uuid()};const q=function(t,n){if(!t)return null;n=n||[];n.length=t.length;for(let e=0;e0){const r=n[n.length-1];let e=r.split("?");t=e[0]}return t||""};const J=function(e,t,n,r,i){u({url:e,cb:t,method:n,data:r,contenttype:i,sync:true})};const $=function(e,t,n,r,i,a,s={},o={}){const l={url:e,cb:t,method:n,data:r,contenttype:i,sync:false,jsonP:a,headers:s};if(o&&o.credentials)l.credentials=o.credentials;u(l)};const u=function(t){if(!t.hasOwnProperty("asynch"))t.asynch=true;let n;try{n=new XMLHttpRequest}catch(e){}n.onreadystatechange=function(){if(n.readyState!=4)return;if(t.cb){if(n.status==200||n.status==0)t.cb(false,n.responseText,n);else t.cb(true,n.responseText,n)}};try{n.open(t.method?t.method.toUpperCase():"GET",t.url,!t.sync)}catch(e){if(t.cb&&e)t.cb(true,e.msg,n)}if(typeof t.headers==="object"){const r=Object.keys(t.headers);for(let e=0;e>2];i+=l[(t[n]&3)<<4|t[n+1]>>4];i+=l[(t[n+1]&15)<<2|t[n+2]>>6];i+=l[t[n+2]&63]}if(r%3===2)i=i.substring(0,i.length-1)+"=";else if(r%3===1)i=i.substring(0,i.length-2)+"==";return i};const f=function(e){let t=e.length*.75,n=e.length,r,i=0,a,s,o,l;if(e[e.length-1]==="="){t--;if(e[e.length-2]==="=")t--}let u=new ArrayBuffer(t),c=new Uint8Array(u);for(r=0;r>4;c[i++]=(s&15)<<4|o>>2;c[i++]=(o&3)<<6|l&63}return u};class d{constructor(e){this._init();this._first=true;this._wireMesh=null;if(e)this.apply(e)}_init(){this._max=[-Number.MAX_VALUE,-Number.MAX_VALUE,-Number.MAX_VALUE];this._min=[Number.MAX_VALUE,Number.MAX_VALUE,Number.MAX_VALUE];this._center=[0,0,0];this._size=[0,0,0];this._maxAxis=0;this._first=true}get maxAxis(){return this._maxAxis||1}get size(){return this._size}get center(){return this._center}get x(){return this._center[0]}get y(){return this._center[1]}get z(){return this._center[2]}get minX(){return this._min[0]}get minY(){return this._min[1]}get minZ(){return this._min[2]}get maxX(){return this._max[0]}get maxY(){return this._max[1]}get maxZ(){return this._max[2]}apply(t,e){if(!t){return}if(t instanceof d){const n=t;this.applyPos(n.maxX,n.maxY,n.maxZ);this.applyPos(n.minX,n.minY,n.minZ)}else{for(let e=0;e4){console.log("itemsize wrong?",n,e);this._log.stack("itemsize");n=3}if(n==1)r="float";else if(n==2)r="vec2";else if(n==3)r="vec3";else if(n==4)r="vec4";const i={name:e,data:t,itemSize:n,type:r};this._attributes[e]=i};g.prototype.copyAttribute=function(e,t){const n=this.getAttribute(e);t.setAttribute(e,new Float32Array(n.data),n.itemSize)};g.prototype.setVertices=function(e){if(e instanceof Float32Array)this._vertices=e;else this._vertices=new Float32Array(e)};g.prototype.setTexCoords=function(e){if(e instanceof Float32Array)this.texCoords=e;else this.texCoords=new Float32Array(e)};g.prototype.calcNormals=function(e){const t={smooth:e};this.calculateNormals(t)};g.prototype.flipNormals=function(t,n,r){let i=vec3.create();if(t==undefined)t=1;if(n==undefined)n=1;if(r==undefined)r=1;for(let e=0;e0};this.removeEventListener=this.off=function(r,t){if(r===null||r===undefined)return;if(!t){const i=this._listeners[r];if(!i){this._log.log("could not find event...");return}let n=true;while(n){n=false;let t=-1;for(let e=0;e1)this.keys.splice(0,n);this._updateLastIndex()};C.prototype.clear=function(e){let t=0;if(e)t=this.getValue(e);this.keys.length=0;this._updateLastIndex();if(e)this.setValue(e,t);if(this.onChange!==null)this.onChange();this.emitEvent("onChange",this)};C.prototype.sortKeys=function(){this.keys.sort((e,t)=>{return parseFloat(e.time)-parseFloat(t.time)});this._updateLastIndex();this._needsSort=false;if(this.keys.length%1e3==0)console.log(this.name,this.keys.length)};C.prototype.getLength=function(){if(this.keys.length===0)return 0;return this.keys[this.keys.length-1].time};C.prototype.getKeyIndex=function(t){let n=0;let r=0;if(this._cachedIndex&&this.keys.length>this._cachedIndex&&t>=this.keys[this._cachedIndex].time)r=this._cachedIndex;for(let e=r;e=this.keys[e].time)n=e;if(this.keys[e].time>t){if(t!=0)this._cachedIndex=n;return n}}return n};C.prototype.setValue=function(t,n,r){let i=null;if(this.keys.length==0||t<=this.keys[this.keys.length-1].time)for(let e=0;e=this.keys.length)t=this.keys.length-1;return this.keys[t]};C.prototype.isFinished=function(e){if(this.keys.length<=0)return true;return e>this.keys[this.keys.length-1].time};C.prototype.isStarted=function(e){if(this.keys.length<=0)return false;return e>=this.keys[0].time};C.prototype.getValue=function(e){if(this.keys.length===0){return 0}if(this._needsSort)this.sortKeys();if(!this.loop&&e>this.keys[this._lastKeyIndex].time){if(this.keys[this._lastKeyIndex].cb&&!this.keys[this._lastKeyIndex].cbTriggered)this.keys[this._lastKeyIndex].trigger();return this.keys[this._lastKeyIndex].value}if(ethis.keys[this._lastKeyIndex].time){const s=e/this.keys[this._lastKeyIndex].time;if(s>this._timesLooped){this._timesLooped++;if(this.onLooped)this.onLooped()}e=(e-this.keys[0].time)%(this.keys[this._lastKeyIndex].time-this.keys[0].time);e+=this.keys[0].time}const t=this.getKeyIndex(e);if(t>=this._lastKeyIndex){if(this.keys[this._lastKeyIndex].cb&&!this.keys[this._lastKeyIndex].cbTriggered)this.keys[this._lastKeyIndex].trigger();return this.keys[this._lastKeyIndex].value}const n=t+1;const r=this.keys[t];const i=this.keys[n];if(r.cb&&!r.cbTriggered)r.trigger();if(!i)return-1;const a=(e-r.time)/(i.time-r.time);if(!r.ease)this.log._warn("has no ease",r,i);return r.ease(a,i)};C.prototype._updateLastIndex=function(){this._lastKeyIndex=this.keys.length-1};C.prototype.addKey=function(e){if(e.time===undefined){this.log.warn("key time undefined, ignoring!")}else{this.keys.push(e);if(this.onChange!==null)this.onChange();this.emitEvent("onChange",this)}this._updateLastIndex()};C.prototype.easingFromString=function(e){if(e=="linear")return v.ANIM.EASING_LINEAR;if(e=="absolute")return v.ANIM.EASING_ABSOLUTE;if(e=="smoothstep")return v.ANIM.EASING_SMOOTHSTEP;if(e=="smootherstep")return v.ANIM.EASING_SMOOTHERSTEP;if(e=="Cubic In")return v.ANIM.EASING_CUBIC_IN;if(e=="Cubic Out")return v.ANIM.EASING_CUBIC_OUT;if(e=="Cubic In Out")return v.ANIM.EASING_CUBIC_INOUT;if(e=="Expo In")return v.ANIM.EASING_EXPO_IN;if(e=="Expo Out")return v.ANIM.EASING_EXPO_OUT;if(e=="Expo In Out")return v.ANIM.EASING_EXPO_INOUT;if(e=="Sin In")return v.ANIM.EASING_SIN_IN;if(e=="Sin Out")return v.ANIM.EASING_SIN_OUT;if(e=="Sin In Out")return v.ANIM.EASING_SIN_INOUT;if(e=="Back In")return v.ANIM.EASING_BACK_IN;if(e=="Back Out")return v.ANIM.EASING_BACK_OUT;if(e=="Back In Out")return v.ANIM.EASING_BACK_INOUT;if(e=="Elastic In")return v.ANIM.EASING_ELASTIC_IN;if(e=="Elastic Out")return v.ANIM.EASING_ELASTIC_OUT;if(e=="Bounce In")return v.ANIM.EASING_BOUNCE_IN;if(e=="Bounce Out")return v.ANIM.EASING_BOUNCE_OUT;if(e=="Quart Out")return v.ANIM.EASING_QUART_OUT;if(e=="Quart In")return v.ANIM.EASING_QUART_IN;if(e=="Quart In Out")return v.ANIM.EASING_QUART_INOUT;if(e=="Quint Out")return v.ANIM.EASING_QUINT_OUT;if(e=="Quint In")return v.ANIM.EASING_QUINT_IN;if(e=="Quint In Out")return v.ANIM.EASING_QUINT_INOUT};C.prototype.createPort=function(e,t,n){const r=e.inDropDown(t,v.ANIM.EASINGS);r.set("linear");r.defaultValue="linear";r.onChange=function(){this.defaultEasing=this.easingFromString(r.get());this.emitEvent("onChangeDefaultEasing",this);if(n)n()}.bind(this);return r};C.slerpQuaternion=function(e,t,n,r,i,a){if(!C.slerpQuaternion.q1){C.slerpQuaternion.q1=quat.create();C.slerpQuaternion.q2=quat.create()}const s=n.getKeyIndex(e);let o=s+1;if(o>=n.keys.length)o=n.keys.length-1;if(s==o){quat.set(t,n.keys[s].value,r.keys[s].value,i.keys[s].value,a.keys[s].value)}else{const l=n.keys[s].time;const u=n.keys[o].time;const c=(e-l)/(u-l);quat.set(C.slerpQuaternion.q1,n.keys[s].value,r.keys[s].value,i.keys[s].value,a.keys[s].value);quat.set(C.slerpQuaternion.q2,n.keys[o].value,r.keys[o].value,i.keys[o].value,a.keys[o].value);quat.slerp(t,C.slerpQuaternion.q1,C.slerpQuaternion.q2,c)}return t};const T={Key:b};const I=function(e,t,n,r){m.apply(this);this.data={};this._log=new c("core_port");this.direction=v.PORT.PORT_DIR_IN;this.id=String(CABLES.simpleId());this._op=e;this.links=[];this.value=0;this.name=t;this.type=n||v.OP.OP_PORT_TYPE_VALUE;this.uiAttribs=r||{};this.anim=null;this._oldAnimVal=-5711;this.defaultValue=null;this._uiActiveState=true;this.ignoreValueSerialize=false;this.onLinkChanged=null;this.crashed=false;this._valueBeforeLink=null;this._lastAnimFrame=-1;this._animated=false;this.onValueChanged=null;this.onTriggered=null;this.onUiActiveStateChange=null;this.changeAlways=false;this.forceRefChange=false;this._useVariableName=null;this.activityCounter=0;this.apf=0;this.activityCounterStartFrame=0;this._tempLastUiValue=null;Object.defineProperty(this,"title",{get(){return this.uiAttribs.title||this.name}});Object.defineProperty(this,"parent",{get(){this._log.stack("use port.op, not .parent");return this._op}});Object.defineProperty(this,"op",{get(){return this._op}});Object.defineProperty(this,"val",{get(){this._log.warn("val getter deprecated!",this);this._log.stack("val getter deprecated");return this.get()},set(e){this._log.warn("val setter deprecated!",this);this._log.stack("val setter deprecated");this.setValue(e)}})};I.prototype.copyLinkedUiAttrib=function(e,t){if(!CABLES.UI)return;if(!this.isLinked())return;const n={};n[e]=this.links[0].getOtherPort(this).getUiAttrib(e);t.setUiAttribs(n)};I.prototype.getValueForDisplay=function(){let e=this.value;if(typeof this.value==="string"||this.value instanceof String){if(e.length>1e3){e=e.substring(0,999);e+="..."}if(this.uiAttribs&&this.uiAttribs.display=="boolnum"){e+=" - ";if(!this.value)e+="false";else e+="true"}e=e.replace(/[\u00A0-\u9999<>\&]/g,function(e){return"&#"+e.charCodeAt(0)+";"});if(e.length>100)e=e.substring(0,100)}else{e=this.value}return e};I.prototype.onAnimToggle=function(){};I.prototype._onAnimToggle=function(){this.onAnimToggle()};I.prototype.remove=function(){this.removeLinks();this._op.removePort(this)};I.prototype.setUiAttribs=function(e){let t=false;if(!this.uiAttribs)this.uiAttribs={};for(const n in e){if(e[n]===undefined){delete this.uiAttribs[n];continue}if(this.uiAttribs[n]!=e[n])t=true;this.uiAttribs[n]=e[n];if(n=="group"&&this.indexPort)this.indexPort.setUiAttribs({group:e[n]})}if(e.hasOwnProperty("expose"))this._op.patch.emitEvent("subpatchExpose",this._op.uiAttribs.subPatch);if(t)this.emitEvent("onUiAttrChange",e,this)};I.prototype.getUiAttribs=function(){return this.uiAttribs};I.prototype.getUiAttrib=function(e){if(!this.uiAttribs||!this.uiAttribs.hasOwnProperty(e)){return null}return this.uiAttribs[e]};I.prototype.get=function(){if(this._animated&&this._lastAnimFrame!=this._op.patch.getFrameNum()){this._lastAnimFrame=this._op.patch.getFrameNum();this.value=this.anim.getValue(this._op.patch.timer.getTime());this._oldAnimVal=this.value;this.forceChange()}return this.value};I.prototype.setRef=function(e){this.forceRefChange=true;this.set(e)};I.prototype.set=I.prototype.setValue=function(e){if(e===undefined)e=null;if(this._op.enabled&&!this.crashed){if(e!==this.value||this.changeAlways||this.type==v.OP.OP_PORT_TYPE_TEXTURE||this.type==v.OP.OP_PORT_TYPE_ARRAY){if(this._animated){this.anim.setValue(this._op.patch.timer.getTime(),e)}else{try{this.value=e;this.forceChange()}catch(e){this.crashed=true;this.op.crashed=true;console.log("crash",this.op.objName);this.setValue=function(e){};this.onTriggered=function(){};this._log.error("onvaluechanged exception cought",e);this._log.error(e.stack);this._log.warn("exception in: "+this._op.name);if(this._op.patch.isEditorMode())gui.showOpCrash(this._op);this._op.patch.emitEvent("exception",e,this._op);if(this._op.onError)this._op.onError(e)}if(this._op&&this._op.patch&&this._op.patch.isEditorMode()&&this.type==v.OP.OP_PORT_TYPE_TEXTURE)gui.texturePreview().updateTexturePort(this)}if(this.direction==v.PORT.PORT_DIR_OUT)for(let e=0;e{this._op.patch.emitEvent("portAnimUpdated",this._op,this,this.anim)});if(e.anim.loop)this.anim.loop=e.anim.loop;for(const t in e.anim.keys){this.anim.keys.push(new T.Key(e.anim.keys[t]))}this.anim.sortKeys()}};I.prototype.setInitialValue=function(e){if(this.op.preservedPortLinks[this.name]){for(let e=0;e0){e.links=[];for(const t in this.links){if(!this.links[t].ignoreInSerialize&&(this.links[t].portIn&&this.links[t].portOut))e.links.push(this.links[t].getSerialized())}}if(this.direction==v.PORT.PORT_DIR_IN&&this.links.length>0){for(const t in this.links){if(!this.links[t].portIn||!this.links[t].portOut)continue;const n=this.links[t].getOtherPort(this);if(n.op.isInBlueprint2&&this.op.isInBlueprint2){if(n.op.isInBlueprint2()&&!this.op.isInBlueprint2()){e.links=e.links||[];e.links.push(this.links[t].getSerialized())}}}}if(e.links&&e.links.length==0)delete e.links;if(this.type===v.OP.OP_PORT_TYPE_FUNCTION)delete e.value;if(this.type===v.OP.OP_PORT_TYPE_FUNCTION&&this.links.length==0)e=null;if(e&&Object.keys(e).length==1&&e.name)e=null;a(e);return e};I.prototype.shouldLink=function(){return true};I.prototype.removeLinks=function(){let e=0;while(this.links.length>0){e++;if(e>5e3){this._log.warn("could not delete links... / infinite loop");this.links.length=0;break}this.links[0].remove()}};I.prototype.removeLink=function(e){for(const t in this.links)if(this.links[t]==e)this.links.splice(t,1);if(this.direction==v.PORT.PORT_DIR_IN){if(this.type==v.OP.OP_PORT_TYPE_VALUE)this.setValue(this._valueBeforeLink||0);else this.setValue(this._valueBeforeLink||null)}if(CABLES.UI&&this._op.checkLinkTimeWarnings)this._op.checkLinkTimeWarnings();if(this.onLinkChanged)this.onLinkChanged();this.emitEvent("onLinkChanged");this._op.emitEvent("onLinkChanged")};I.prototype.getName=function(){return this.name};I.prototype.getTitle=function(){if(this.uiAttribs.title)return this.uiAttribs.title;return this.name};I.prototype.addLink=function(e){this._valueBeforeLink=this.value;this.links.push(e);if(CABLES.UI&&this._op.checkLinkTimeWarnings)this._op.checkLinkTimeWarnings();if(this.onLinkChanged)this.onLinkChanged();this.emitEvent("onLinkChanged");this._op.emitEvent("onLinkChanged")};I.prototype.getLinkTo=function(e){for(const t in this.links)if(this.links[t].portIn==e||this.links[t].portOut==e)return this.links[t]};I.prototype.removeLinkTo=function(e){for(const t in this.links){if(this.links[t].portIn==e||this.links[t].portOut==e){this.links[t].remove();if(CABLES.UI&&this._op.checkLinkTimeWarnings)this._op.checkLinkTimeWarnings();if(this.onLinkChanged)this.onLinkChanged();this.emitEvent("onLinkChanged");return}}};I.prototype.isLinkedTo=function(e){for(const t in this.links)if(this.links[t].portIn==e||this.links[t].portOut==e)return true;return false};I.prototype._activity=function(){this.activityCounter++};I.prototype.trigger=function(){const t=this.links.length;this._activity();if(t===0)return;if(!this._op.enabled)return;let n=null;try{for(let e=0;e{if(e!=this._useVariableName)return;this._useVariableName=t})};I.prototype.getVariableName=function(){return this._useVariableName};I.prototype.setVariable=function(e){this.setAnimated(false);const t={useVariable:false};if(this._variableIn&&this._varChangeListenerId){this._variableIn.off(this._varChangeListenerId);this._variableIn=null}if(e){this._variableIn=this._op.patch.getVar(e);if(!this._variableIn){this._log.warn("PORT VAR NOT FOUND!!!",e)}else{if(this.type==v.OP.OP_PORT_TYPE_OBJECT){this._varChangeListenerId=this._variableIn.on("change",()=>{this.set(null);this.set(this._variableIn.getValue())})}else{this._varChangeListenerId=this._variableIn.on("change",this.set.bind(this))}this.set(this._variableIn.getValue())}this._useVariableName=e;t.useVariable=true;t.variableName=this._useVariableName}else{t.variableName=this._useVariableName=null;t.useVariable=false}this.setUiAttribs(t);this._op.patch.emitEvent("portSetVariable",this._op,this,e)};I.prototype._handleNoTriggerOpAnimUpdates=function(e){let t=false;for(let e=0;e{this.updateAnim()});else this._op.patch.removeEventListener(this._notriggerAnimUpdate)}};I.prototype.setAnimated=function(e){if(this._animated!=e){this._animated=e;this._op._hasAnimPort=true;if(this._animated&&!this.anim){this.anim=new C({name:"port "+this.name});this.anim.addEventListener("onChange",()=>{this._op.patch.emitEvent("portAnimUpdated",this._op,this,this.anim)})}this._onAnimToggle()}this._handleNoTriggerOpAnimUpdates(e);if(!e){this.anim=null}this.setUiAttribs({isAnimated:this._animated})};I.prototype.toggleAnim=function(){this._animated=!this._animated;if(this._animated&&!this.anim){this.anim=new C({name:"port "+this.name});this.anim.addEventListener("onChange",()=>{this._op.patch.emitEvent("portAnimUpdated",this._op,this,this.anim)})}this.setAnimated(this._animated);this._onAnimToggle();this.setUiAttribs({isAnimated:this._animated})};I.prototype.getType=function(){return this.type};I.prototype.isLinked=function(){return this.links.length>0||this._animated||this._useVariableName!=null};I.prototype.isBoundToVar=function(){const e=this._useVariableName!=null;this.uiAttribs.boundToVar=e;return e};I.prototype.isAnimated=function(){return this._animated};I.prototype.isHidden=function(){return this.uiAttribs.hidePort};I.prototype._onTriggered=function(e){this._activity();this._op.updateAnims();if(this._op.enabled&&this.onTriggered)this.onTriggered(e)};I.prototype._onSetProfiling=function(e){this._op.patch.profiler.add("port",this);this.setValue(e);this._op.patch.profiler.add("port",null)};I.prototype._onTriggeredProfiling=function(){if(this._op.enabled&&this.onTriggered){this._op.patch.profiler.add("port",this);this.onTriggered();this._op.patch.profiler.add("port",null)}};I.prototype.getUiActiveState=function(){return this._uiActiveState};I.prototype.setUiActiveState=function(e){this._uiActiveState=e;if(this.onUiActiveStateChange)this.onUiActiveStateChange()};I.prototype.onValueChange=function(e){this.onChange=e};I.prototype.hidePort=function(){};I.portTypeNumberToString=function(e){if(e==v.OP.OP_PORT_TYPE_VALUE)return"value";if(e==v.OP.OP_PORT_TYPE_FUNCTION)return"function";if(e==v.OP.OP_PORT_TYPE_OBJECT)return"object";if(e==v.OP.OP_PORT_TYPE_ARRAY)return"array";if(e==v.OP.OP_PORT_TYPE_STRING)return"string";if(e==v.OP.OP_PORT_TYPE_DYNAMIC)return"dynamic";return"unknown"};class E{constructor(e,t,n,r,i,a,s,o,l,u){this._log=new c("cg_uniform");this._type=t;this._name=n;this._shader=e;this._value=1e-5;this._oldValue=null;this._port=null;this._structName=l;this._structUniformName=o;this._propertyName=u;this._shader._addUniform(this);this.needsUpdate=true;this.shaderType=null;this.comment=null;if(t=="f"){this.set=this.setValue=this.setValueF.bind(this);this.updateValue=this.updateValueF.bind(this)}else if(t=="f[]"){this.set=this.setValue=this.setValueArrayF.bind(this);this.updateValue=this.updateValueArrayF.bind(this)}else if(t=="2f[]"){this.set=this.setValue=this.setValueArray2F.bind(this);this.updateValue=this.updateValueArray2F.bind(this)}else if(t=="3f[]"){this.set=this.setValue=this.setValueArray3F.bind(this);this.updateValue=this.updateValueArray3F.bind(this)}else if(t=="4f[]"){this.set=this.setValue=this.setValueArray4F.bind(this);this.updateValue=this.updateValueArray4F.bind(this)}else if(t=="i"){this.set=this.setValue=this.setValueI.bind(this);this.updateValue=this.updateValueI.bind(this)}else if(t=="2i"){this.set=this.setValue=this.setValue2I.bind(this);this.updateValue=this.updateValue2I.bind(this)}else if(t=="3i"){this.set=this.setValue=this.setValue3I.bind(this);this.updateValue=this.updateValue3I.bind(this)}else if(t=="4i"){this.set=this.setValue=this.setValue4I.bind(this);this.updateValue=this.updateValue4I.bind(this)}else if(t=="b"){this.set=this.setValue=this.setValueBool.bind(this);this.updateValue=this.updateValueBool.bind(this)}else if(t=="4f"){this.set=this.setValue=this.setValue4F.bind(this);this.updateValue=this.updateValue4F.bind(this)}else if(t=="3f"){this.set=this.setValue=this.setValue3F.bind(this);this.updateValue=this.updateValue3F.bind(this)}else if(t=="2f"){this.set=this.setValue=this.setValue2F.bind(this);this.updateValue=this.updateValue2F.bind(this)}else if(t=="t"){this.set=this.setValue=this.setValueT.bind(this);this.updateValue=this.updateValueT.bind(this)}else if(t=="tc"){this.set=this.setValue=this.setValueT.bind(this);this.updateValue=this.updateValueT.bind(this)}else if(t=="t[]"){this.set=this.setValue=this.setValueArrayT.bind(this);this.updateValue=this.updateValueArrayT.bind(this)}else if(t=="m4"||t=="m4[]"){this.set=this.setValue=this.setValueM4.bind(this);this.updateValue=this.updateValueM4.bind(this)}else throw new Error("Unknown uniform type");if(typeof r=="object"&&r instanceof I){this._port=r;this._value=this._port.get();if(i&&a&&s){if(!(i instanceof I)||!(a instanceof I)||!(s instanceof I)){this._log.error("[cgl_uniform] mixed port/value parameter for vec4 ",this._name)}this._value=[0,0,0,0];this._port2=i;this._port3=a;this._port4=s;this._port.on("change",this.updateFromPort4f.bind(this));this._port2.on("change",this.updateFromPort4f.bind(this));this._port3.on("change",this.updateFromPort4f.bind(this));this._port4.on("change",this.updateFromPort4f.bind(this));this.updateFromPort4f()}else if(i&&a){if(!(i instanceof I)||!(a instanceof I)){this._log.error("[cgl_uniform] mixed port/value parameter for vec4 ",this._name)}this._value=[0,0,0];this._port2=i;this._port3=a;this._port.on("change",this.updateFromPort3f.bind(this));this._port2.on("change",this.updateFromPort3f.bind(this));this._port3.on("change",this.updateFromPort3f.bind(this));this.updateFromPort3f()}else if(i){if(!(i instanceof I)){this._log.error("[cgl_uniform] mixed port/value parameter for vec4 ",this._name)}this._value=[0,0];this._port2=i;this._port.on("change",this.updateFromPort2f.bind(this));this._port2.on("change",this.updateFromPort2f.bind(this));this.updateFromPort2f()}else{this._port.on("change",this.updateFromPort.bind(this))}}else this._value=r;this.setValue(this._value);this.needsUpdate=true}getType(){return this._type}getName(){return this._name}getValue(){return this._value}getShaderType(){return this.shaderType}isStructMember(){return!!this._structName}updateFromPort4f(){this._value[0]=this._port.get();this._value[1]=this._port2.get();this._value[2]=this._port3.get();this._value[3]=this._port4.get();this.setValue(this._value)}updateFromPort3f(){this._value[0]=this._port.get();this._value[1]=this._port2.get();this._value[2]=this._port3.get();this.setValue(this._value)}updateFromPort2f(){this._value[0]=this._port.get();this._value[1]=this._port2.get();this.setValue(this._value)}updateFromPort(){this.setValue(this._port.get())}}const L=E;class N extends L{constructor(e,t,n,r,i,a,s,o,l,u){super(e,t,n,r,i,a,s,o,l,u);this._loc=-1;this._cgl=e._cgl}get name(){return this._name}copy(e){const t=new N(e,this._type,this._name,this._value,this._port2,this._port3,this._port4,this._structUniformName,this._structName,this._propertyName);t.shaderType=this.shaderType;return t}getGlslTypeString(){return N.glslTypeString(this._type)}_isValidLoc(){return this._loc!=-1}resetLoc(){this._loc=-1;this.needsUpdate=true}bindTextures(){}getLoc(){return this._loc}updateFromPort4f(){this._value[0]=this._port.get();this._value[1]=this._port2.get();this._value[2]=this._port3.get();this._value[3]=this._port4.get();this.setValue(this._value)}updateFromPort3f(){this._value[0]=this._port.get();this._value[1]=this._port2.get();this._value[2]=this._port3.get();this.setValue(this._value)}updateFromPort2f(){this._value[0]=this._port.get();this._value[1]=this._port2.get();this.setValue(this._value)}updateFromPort(){this.setValue(this._port.get())}updateValueF(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;this._shader.getCgl().gl.uniform1f(this._loc,this._value);this._cgl.profileData.profileUniformCount++}setValueF(e){if(e!=this._value){this.needsUpdate=true;this._value=e}}updateValueI(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;this._shader.getCgl().gl.uniform1i(this._loc,this._value);this._cgl.profileData.profileUniformCount++}updateValue2I(){if(!this._value)return;if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}this._shader.getCgl().gl.uniform2i(this._loc,this._value[0],this._value[1]);this.needsUpdate=false;this._cgl.profileData.profileUniformCount++}updateValue3I(){if(!this._value)return;if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}this._shader.getCgl().gl.uniform3i(this._loc,this._value[0],this._value[1],this._value[2]);this.needsUpdate=false;this._cgl.profileData.profileUniformCount++}updateValue4I(){if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}this._shader.getCgl().gl.uniform4i(this._loc,this._value[0],this._value[1],this._value[2],this._value[3]);this._cgl.profileData.profileUniformCount++}setValueI(e){if(e!=this._value){this.needsUpdate=true;this._value=e}}setValue2I(e){if(!e)return;if(!this._oldValue){this._oldValue=[e[0]-1,1];this.needsUpdate=true}else if(e[0]!=this._oldValue[0]||e[1]!=this._oldValue[1]){this._oldValue[0]=e[0];this._oldValue[1]=e[1];this.needsUpdate=true}this._value=e}setValue3I(e){if(!e)return;if(!this._oldValue){this._oldValue=[e[0]-1,1,2];this.needsUpdate=true}else if(e[0]!=this._oldValue[0]||e[1]!=this._oldValue[1]||e[2]!=this._oldValue[2]){this._oldValue[0]=e[0];this._oldValue[1]=e[1];this._oldValue[2]=e[2];this.needsUpdate=true}this._value=e}setValue4I(e){this.needsUpdate=true;this._value=e||vec4.create()}updateValueBool(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;this._shader.getCgl().gl.uniform1i(this._loc,this._value?1:0);this._cgl.profileData.profileUniformCount++}setValueBool(e){if(e!=this._value){this.needsUpdate=true;this._value=e}}setValueArray4F(e){this.needsUpdate=true;this._value=e}updateValueArray4F(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;if(!this._value)return;this._shader.getCgl().gl.uniform4fv(this._loc,this._value);this._cgl.profileData.profileUniformCount++}setValueArray3F(e){this.needsUpdate=true;this._value=e}updateValueArray3F(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;if(!this._value)return;this._shader.getCgl().gl.uniform3fv(this._loc,this._value);this._cgl.profileData.profileUniformCount++}setValueArray2F(e){this.needsUpdate=true;this._value=e}updateValueArray2F(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;if(!this._value)return;this._shader.getCgl().gl.uniform2fv(this._loc,this._value);this._cgl.profileData.profileUniformCount++}setValueArrayF(e){this.needsUpdate=true;this._value=e}updateValueArrayF(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;if(!this._value)return;this._shader.getCgl().gl.uniform1fv(this._loc,this._value);this._cgl.profileData.profileUniformCount++}setValueArrayT(e){this.needsUpdate=true;this._value=e}updateValue3F(){if(!this._value)return;if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}this._shader.getCgl().gl.uniform3f(this._loc,this._value[0],this._value[1],this._value[2]);this.needsUpdate=false;this._cgl.profileData.profileUniformCount++}setValue3F(e){if(!e)return;if(!this._oldValue){this._oldValue=[e[0]-1,1,2];this.needsUpdate=true}else if(e[0]!=this._oldValue[0]||e[1]!=this._oldValue[1]||e[2]!=this._oldValue[2]){this._oldValue[0]=e[0];this._oldValue[1]=e[1];this._oldValue[2]=e[2];this.needsUpdate=true}this._value=e}updateValue2F(){if(!this._value)return;if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}this._shader.getCgl().gl.uniform2f(this._loc,this._value[0],this._value[1]);this.needsUpdate=false;this._cgl.profileData.profileUniformCount++}setValue2F(e){if(!e)return;if(!this._oldValue){this._oldValue=[e[0]-1,1];this.needsUpdate=true}else if(e[0]!=this._oldValue[0]||e[1]!=this._oldValue[1]){this._oldValue[0]=e[0];this._oldValue[1]=e[1];this.needsUpdate=true}this._value=e}updateValue4F(){if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}if(!this._value){this._log.warn("no value for uniform",this._name,this);this._value=[0,0,0,0]}this.needsUpdate=false;this._shader.getCgl().gl.uniform4f(this._loc,this._value[0],this._value[1],this._value[2],this._value[3]);this._cgl.profileData.profileUniformCount++}setValue4F(e){if(typeof this.value=="number")this.value=vec4.create();if(!e)return;if(!this._oldValue){this._oldValue=[e[0]-1,1,2,3];this.needsUpdate=true}else if(e[0]!=this._oldValue[0]||e[1]!=this._oldValue[1]||e[2]!=this._oldValue[2]||e[3]!=this._oldValue[3]){this._oldValue[0]=e[0];this._oldValue[1]=e[1];this._oldValue[2]=e[2];this.needsUpdate=true}this._value=e}updateValueM4(){if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}if(!this._value||this._value.length%16!=0)return console.log("this.name",this._name,this._value);this._shader.getCgl().gl.uniformMatrix4fv(this._loc,false,this._value);this._cgl.profileData.profileUniformCount++}setValueM4(e){this.needsUpdate=true;this._value=e||mat4.create()}updateValueArrayT(){if(!this._isValidLoc())this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);else this.needsUpdate=false;if(!this._value)return;this._shader.getCgl().gl.uniform1iv(this._loc,this._value);this._cgl.profileData.profileUniformCount++}updateValueT(){if(!this._isValidLoc()){this._loc=this._shader.getCgl().gl.getUniformLocation(this._shader.getProgram(),this._name);this._cgl.profileData.profileShaderGetUniform++;this._cgl.profileData.profileShaderGetUniformName=this._name}this._cgl.profileData.profileUniformCount++;this._shader.getCgl().gl.uniform1i(this._loc,this._value);this.needsUpdate=false}setValueT(e){this.needsUpdate=true;this._value=e}}N.glslTypeString=e=>{if(e=="f")return"float";if(e=="b")return"bool";if(e=="i")return"int";if(e=="2i")return"ivec2";if(e=="2f")return"vec2";if(e=="3f")return"vec3";if(e=="4f")return"vec4";if(e=="m4")return"mat4";if(e=="t")return"sampler2D";if(e=="tc")return"samplerCube";if(e=="3f[]")return null;if(e=="m4[]")return null;if(e=="f[]")return null;console.warn("[CGL UNIFORM] unknown glsl type string ",e)};const U={SHADERVAR_VERTEX_POSITION:"vPosition",SHADERVAR_VERTEX_NUMBER:"attrVertIndex",SHADERVAR_VERTEX_NORMAL:"attrVertNormal",SHADERVAR_VERTEX_TEXCOORD:"attrTexCoord",SHADERVAR_INSTANCE_MMATRIX:"instMat",SHADERVAR_VERTEX_COLOR:"attrVertColor",SHADERVAR_INSTANCE_INDEX:"instanceIndex",SHADERVAR_UNI_PROJMAT:"projMatrix",SHADERVAR_UNI_VIEWMAT:"viewMatrix",SHADERVAR_UNI_MODELMAT:"modelMatrix",SHADERVAR_UNI_NORMALMAT:"normalMatrix",SHADERVAR_UNI_INVVIEWMAT:"inverseViewMatrix",SHADERVAR_UNI_INVPROJMAT:"invProjMatrix",SHADERVAR_UNI_MATERIALID:"materialId",SHADERVAR_UNI_OBJECTID:"objectId",SHADERVAR_UNI_VIEWPOS:"camPos"};const ne={BLEND_NONE:0,BLEND_NORMAL:1,BLEND_ADD:2,BLEND_SUB:3,BLEND_MUL:4};const re=180/Math.PI;const ie=Math.PI/180;const R={MATH:{DEG2RAD:ie,RAD2DEG:re},SHADER:U,BLEND_MODES:ne};function ae(e){e.prototype.hasFeedbacks=function(){return this._feedBacks.length>0};e.prototype.removeFeedbacks=function(e){if(!this._feedbacks)return;this._feedbacks.length=0;this._feedBacksChanged=true};e.prototype.setAttributeFeedback=function(){};e.prototype.setFeedback=function(e,t,n){let r={nameOut:t};let i=false;this.unBindFeedbacks();for(let e=0;e=t.length-1){this._log.log(this._cgl.canvas.id+" "+e.name+" buffersubdata out of bounds ?",t.length,r,n,e)}if(this._cgl.glVersion==1)this._cgl.gl.bufferSubData(this._cgl.gl.ARRAY_BUFFER,0,t);else this._cgl.gl.bufferSubData(this._cgl.gl.ARRAY_BUFFER,n*4,t,n,r-n)};M.prototype._resizeAttr=function(e,t){if(t.buffer)this._cgl.gl.deleteBuffer(t.buffer);t.buffer=this._cgl.gl.createBuffer();this._cgl.gl.bindBuffer(this._cgl.gl.ARRAY_BUFFER,t.buffer);this._bufferArray(e,t);t.numItems=e.length/t.itemSize};M.prototype._bufferArray=function(e,t){let n=t.floatArray||null;if(!e)return;if(this._cgl.debugOneFrame){console.log("_bufferArray",e.length,t.name)}if(!(e instanceof Float32Array)){if(t&&n&&n.length==e.length){n.set(e)}else{n=new Float32Array(e);if(this._cgl.debugOneFrame){console.log("_bufferArray create new float32array",e.length,t.name)}if(e.length>1e4){this._cgl.profileData.profileNonTypedAttrib++;this._cgl.profileData.profileNonTypedAttribNames="("+this._name+":"+t.name+")"}}}else n=e;t.arrayLength=n.length;t.floatArray=null;this._cgl.gl.bufferData(this._cgl.gl.ARRAY_BUFFER,n,this._cgl.gl.DYNAMIC_DRAW)};M.prototype.addAttribute=M.prototype.updateAttribute=M.prototype.setAttribute=function(e,t,n,r){if(!t){this._log.error("mesh addAttribute - no array given! "+e);throw new Error}let i=null;let a=false;let s=0;const o=t.length/n;this._cgl.profileData.profileMeshAttributes+=o||0;if(typeof r=="function"){i=r}if(typeof r=="object"){if(r.cb)i=r.cb;if(r.instanced)a=r.instanced}if(e==R.SHADER.SHADERVAR_INSTANCE_MMATRIX)a=true;for(s=0;s0){this.setAttribute(R.SHADER.SHADERVAR_VERTEX_TEXCOORD,e.texCoords,2)}else{const t=new Float32Array(Math.round(e.vertices.length/3*2));this.setAttribute(R.SHADER.SHADERVAR_VERTEX_TEXCOORD,t,2)}};M.prototype.updateNormals=function(e){if(e.vertexNormals&&e.vertexNormals.length>0){this.setAttribute(R.SHADER.SHADERVAR_VERTEX_NORMAL,e.vertexNormals,3)}else{const t=new Float32Array(Math.round(e.vertices.length));this.setAttribute(R.SHADER.SHADERVAR_VERTEX_NORMAL,t,3)}};M.prototype._setVertexNumbers=function(e){if(!this._verticesNumbers||this._verticesNumbers.length!=this._numVerts||e){if(e)this._verticesNumbers=e;else{this._verticesNumbers=new Float32Array(this._numVerts);for(let e=0;e{if(!n.uniformNumVertices)n.uniformNumVertices=new N(n,"f","numVertices",this._numVerts);n.uniformNumVertices.setValue(this._numVerts)})}};M.prototype.setVertexIndices=function(t){if(!this._bufVerticesIndizes){this._log.warn("no bufVerticesIndizes: "+this._name);return}if(t.length>0){if(t instanceof Float32Array)this._log.warn("vertIndices float32Array: "+this._name);for(let e=0;e=this._numVerts){this._log.warn("invalid index in "+this._name,e,t[e]);return}}this._cgl.gl.bindBuffer(this._cgl.gl.ELEMENT_ARRAY_BUFFER,this._bufVerticesIndizes);if(t.length>65535){this.vertIndicesTyped=new Uint32Array(t);this._indexType=this._cgl.gl.UNSIGNED_INT}else if(t instanceof Uint32Array){this.vertIndicesTyped=t;this._indexType=this._cgl.gl.UNSIGNED_INT}else if(!(t instanceof Uint16Array)){this.vertIndicesTyped=new Uint16Array(t);this._indexType=this._cgl.gl.UNSIGNED_SHORT}else this.vertIndicesTyped=t;this._cgl.gl.bufferData(this._cgl.gl.ELEMENT_ARRAY_BUFFER,this.vertIndicesTyped,this._cgl.gl.DYNAMIC_DRAW);this._bufVerticesIndizes.itemSize=1;this._bufVerticesIndizes.numItems=t.length}else this._bufVerticesIndizes.numItems=0};M.prototype.setGeom=function(e,t){this._geom=e;if(e.glPrimitive!=null)this._glPrimitive=e.glPrimitive;if(this._geom&&this._geom.name)this._name="mesh "+this._geom.name;P.lastMesh=null;this._cgl.profileData.profileMeshSetGeom++;this._disposeAttributes();this.updateVertices(this._geom);this.setVertexIndices(this._geom.verticesIndices);if(this.addVertexNumbers)this._setVertexNumbers();const n=this._geom.getAttributes();const r={texCoords:R.SHADER.SHADERVAR_VERTEX_TEXCOORD,vertexNormals:R.SHADER.SHADERVAR_VERTEX_NORMAL,vertexColors:R.SHADER.SHADERVAR_VERTEX_COLOR,tangents:"attrTangent",biTangents:"attrBiTangent"};for(const i in n)if(n[i].data&&n[i].data.length)this.setAttribute(r[i]||i,n[i].data,n[i].itemSize);if(t){this._geom=null}};M.prototype._preBind=function(t){for(let e=0;ethis._lastAttrUpdate||n.length!=this._attributes.length){this._lastAttrUpdate=t.lastCompile;for(let e=0;e=0)this._cgl.gl.disableVertexAttribArray(t[e])}else{this._cgl.gl.vertexAttribDivisor(t[e],0);this._cgl.gl.vertexAttribDivisor(t[e]+1,0);this._cgl.gl.vertexAttribDivisor(t[e]+2,0);this._cgl.gl.vertexAttribDivisor(t[e]+3,0);this._cgl.gl.disableVertexAttribArray(t[e]+1);this._cgl.gl.disableVertexAttribArray(t[e]+2);this._cgl.gl.disableVertexAttribArray(t[e]+3)}}if(t[e]!=-1)this._cgl.gl.disableVertexAttribArray(t[e])}};M.prototype.meshChanged=function(){return this._cgl.lastMesh&&this._cgl.lastMesh!=this};M.prototype.printDebug=function(e){console.log("--attributes");for(let e=0;e = []; + try { + parsedEntries = Object.entries(JSON.parse(state)); + } catch (e) { + console.warn("Bad state received", parsedEntries); + } + const processedEntries: Map = new Map(parsedEntries); + // ━━━━━━━ + // denormalize the full range type, shift, and climb parameters + processedEntries.set( + "type", + getValueFromEntries(processedEntries, "type") * 2 - 1 + ); + processedEntries.set( + "shift", + getValueFromEntries(processedEntries, "shift") * 2 - 1 + ); + processedEntries.set( + "climb", + getValueFromEntries(processedEntries, "climb") * 2 - 1 + ); + + /** ━━━━━━━ + * Finally, assign the processed entries as Map ) + * to the HostState store which triggers observer / subscribers + * across the View code updating parameter values. + **/ + HostState.set(new Map(processedEntries)); +} + +/** ━━━━━━━ + * Callable functions for interfacing with the Host code. + **/ +export const MessageToHost: MessagesToHost = { + /** ━━━━━━━ + * Manually get the current state key of each storage slot and serialize for + * persistentState storage in the host plugin. We need to stash and retrieve the view state + * as the WebView is destroyed when the user closes the plugin window. + * The solution must also work for preset store/recall originating from DAW Host. + **/ + stashMeshState: function () { + let dataToPersist = { + nodeStates: get(UI_NodesData).map((data) => get(data.state) as string), + presets: get(UI_NodesData).map((data) => { + if (!data.preset) return {} as NEL_Preset; + let parameters = Array.from(data.preset.parameters.entries()); + return { ...data.preset, parameters } as unknown as NEL_Preset; + }), + license: get(LicenseStatus), + viewOptions: get(ViewOptions), + }; + this.__setMeshStateInHost(dataToPersist); + }, + + /** ━━━━━━━ + * Update parameter values in the host. + * @param paramId - The ID of the parameter to update. + * @param value - The new value of the parameter. + */ + requestParamValueUpdate: function (paramId: string, value: number) { + if (typeof globalThis.__postNativeMessage__ === "function") { + if (paramId === "type" || paramId === "shift" || paramId === "climb") { + value = (value + 1) / 2; + } + globalThis.__postNativeMessage__("setParameterValue", { + paramId, + value, + }); + } + }, + + /** ━━━━━━━ + * Send a ready message to the host. + */ + requestReady: function () { + if (typeof globalThis.__postNativeMessage__ === "function") { + globalThis.__postNativeMessage__("ready", {}); + } + }, + + /** ━━━━━━━ + * Send an unlock message to the KeyZey handler. + * @param serial - The serial number for unlocking. + */ + requestUnlock: function (serial: string = "") { + if (get(LicenseStatus) !== LICENSE_VALIDATED) { + console.count("Requesting unlock"); + if (typeof globalThis.__postNativeMessage__ === "function") { + globalThis.__postNativeMessage__("unlock", { serial }); + } + } + }, + + /** ━━━━━━━ + * Store any persistent UI state in the host. + * @param dataToPersist - The data to persist in the host. + */ + __setMeshStateInHost: function (dataToPersist: any) { + if (typeof globalThis.__postNativeMessage__ === "function") { + globalThis.__postNativeMessage__( + "setMeshState", + JSON.stringify(dataToPersist) + ); + } + }, + + /** ━━━━━━━ + * Hot reload the DSP during development. + */ + __bindHotReload: function () { + if (process.env.NODE_ENV !== "production") { + import.meta.hot?.on("reload-dsp", () => { + // console.log("Sending reload dsp message"); + + if (typeof globalThis.__postNativeMessage__ === "function") { + globalThis.__postNativeMessage__("reload"); + } + }); + } + }, +}; + +/** ━━━━━━━ + * Registers the message handlers for receiving and processing messages from the host. + * This function sets up global functions that handle state changes, mesh state changes, + * license activation, error handling, and host information. + */ + +export function RegisterMessagesFromHost() { + /** ━━━━━━━ + * Handles the state change received from the host. + * @param state - The host state change object. + */ + globalThis.__receiveStateChange__ = function (state: any) { + processHostState(state); + }; + + /** ━━━━━━━ + * Handles the mesh state change received from the host. + * @param meshState - The mesh state object. + */ + globalThis.__receiveMeshStateChange__ = function (meshState: any) { + let incomingMeshState: IncomingMeshState; + try { + incomingMeshState = JSON.parse(JSON.parse(meshState).meshState); + } catch (e) { + // console.log("Invalid mesh state (rcv)", meshState, e); + LicenseStatus.set("Mesh state error. Contact support."); + return; + } + if (typeof incomingMeshState !== "object") return; + + if (!incomingMeshState.license) { + MessageToHost.requestUnlock(); + } else { + LicenseStatus.set(incomingMeshState.license); + MessageToHost.stashMeshState(); + } + + if (incomingMeshState.nodeStates && incomingMeshState.presets) { + MeshStateIncoming.set(incomingMeshState); + } + + UI_needsUpdate.set(true); + }; + + /** ━━━━━━━ + * Handles the unlock status received from the host. + * @param status - The unlock status string. + */ + globalThis.__onUnlock__ = function (status: string | undefined) { + LicenseStatus.set(status || "License not valid"); + if (status === LICENSE_VALIDATED) { + globalThis.__postNativeMessage__("ready", {}); + MessageToHost.stashMeshState(); + } + }; + + /** ━━━━━━━ + * Handles the DAW name received from the host. + * @param message - The host information object. + */ + globalThis.__hostInfo__ = function (message: string) { + HostInfo.set(message); + // console.log("Host Info: ", message); + }; + + /** ━━━━━━━ + * DEV: Handles an error received from the host. + * @param error - The error object. + */ + globalThis.__receiveError__ = function (error: any) { + ConsoleText.set("Error: " + error); + }; +} + \ No newline at end of file diff --git a/src/stores/WWTimer.ts b/src/stores/WWTimer.ts new file mode 100644 index 0000000..5a83115 --- /dev/null +++ b/src/stores/WWTimer.ts @@ -0,0 +1,55 @@ +import { setInterval, setTimeout, clearTimeout } from 'worker-timers' + +// ui related +export class WWTimer { + // Existing members + private startTime: number | null = null; + private timeoutId: number | any; + private duration: number; + public isRunning: boolean = false; + // New member to track if the timer is running + + + constructor(duration: number) { + this.duration = duration; + } + + // Starts the timer + start(callback: () => void): void { + if (this.isRunning) { // Check if the timer is already running + return; + } + this.isRunning = true; // Update isRunning state + this.startTime = Date.now(); + this.timeoutId = setTimeout(() => { + callback(); + this.reset(); + }, this.duration); + } + + // Resets the timer + reset(): void { + if (this.timeoutId !== null) { + clearTimeout(this.timeoutId); + this.timeoutId = null; + } + this.startTime = null; + this.isRunning = false; // Update isRunning state + } + + // Sets a new duration for the timer + setDuration(newDuration: number): void { + this.duration = newDuration; + // If the timer is running, restart it with the new duration + if (this.isRunning) { // Use isRunning to check if the timer is active + this.reset(); + this.start(() => { + console.log("Timer finished after duration update"); + }); + } + } + + get stopped(): boolean { + return !this.isRunning; + } + } \ No newline at end of file diff --git a/src/stores/stores.ts b/src/stores/stores.ts new file mode 100644 index 0000000..d133f9e --- /dev/null +++ b/src/stores/stores.ts @@ -0,0 +1,104 @@ +//@ts-nocheck +/** typescript disabled for now */ + +//#region IMPORTS +import type { + LocalManifest, + HostParameter, + NEL_ControlsMap, + NEL_NodeUserData, +} from "../types/index"; + + +//#endregion + + +//#region CONSTANTS +export const UNCHECKED_LICENSE_STATUS = "Checking"; +export const LICENSE_VALIDATED = "Valid"; + // UI MANIFEST + // 📍 Extended version of public/manifest.json --- keep them in sync! +export const manifest: LocalManifest = { + window: { width: 575, height: 930 }, + parameters: [ + { paramId: "blend", name: "Blend", min: 0.0, max: 1.0, defaultValue: 0.0, group: "shifter" }, + { paramId: "shift", name: "Shift", min: -1.0, max: 1.0, defaultValue: 0.0, group: "shifter" }, + { paramId: "type", name: "Type", min: -1.0, max: 1.0, defaultValue: -1.0, group: "shifter" }, + { paramId: "climb", name: "Climb", min: -1.0, max: 1.0, defaultValue: -1.0, group: "feedback" }, + { paramId: "ladder", name: "Ladder", min: 0.0, max: 1.0, defaultValue: 0.0, group: "feedback" }, + { paramId: "stride", name: "Stride", min: 0.0, max: 1.0, defaultValue: 0.25, group: "feedback" }, + { paramId: "gain", name: "Gain", min: 0.0, max: 1.0, defaultValue: 0.25, group: "feedback" }, + { paramId: "size", name: "Size", min: 0.0, max: 1.0, defaultValue: 0.125, group: "reverb" }, + { paramId: "decay", name: "Decay", min: 0.0, max: 1.0, defaultValue: 0.15, group: "reverb" }, + { paramId: "mod", name: "Mod", min: 0.0, max: 1.0, defaultValue: 0.125, group: "reverb" }, + { paramId: "mix", name: "Mix", min: 0.0, max: 1.0, defaultValue: 0.25, group: "reverb" }, + ] +}; +export const NUMBER_HOSTPARAMS = manifest.parameters.length; +//#endregion + + + +//#region LICENSE ACTIVATION + +export const LicenseStatus: string = $state(UNCHECKED_LICENSE_STATUS); + +//#endregion + + +//#region AUDIO PARAMS +//---- registered audio parameters ------------------- +export const ParamDefsHost: HostParameter[] = $state( manifest.parameters); +// registered audio parameters for UI +export const ParamIds: string[] = $state(manifest.parameters.map((p: HostParameter) => p.paramId)); + +//#endregion + +//#region UI STATE MACHINES, CONTROLS + + +// we only need to store the user data, not the whole mesh +export const UI_NodesData: NEL_NodeUserData[] = $state([]); +export const focusedNodeParams: NEL_ControlsMap = $state(new Map()); + + +// Explicit refresh of the stored presets +export const UI_StoredPresetsRefresh: boolean = $state(false); +export const UI_needsUpdate: boolean = $state(true); +export const UI_asyncReady: boolean = $state(false); +// Sidebar controls +export const UI_Controls: NEL_ControlsMap = $state(new Map()); + +//#endregion + +//#region RAYCASTER & PICKING + +// Global export of current RayCast target +export const CurrentPickedId: number = $state(0); +export const CurrentFocusId: number = $state(0); +export const ActiveId: number = $state(0); +export const MouseDownWindow: boolean = $state(false); + +//#endregion + +//#region USER INTERACTION + +export const ConsoleText: string = $state("Console:"); +export const ShiftPressed: boolean = $state(false); +export const BillboardText: string = $state(""); + +//#endregion + +//#region HOST STATE +export const MeshStateIncoming: any = $state(); +export const HostState: Map = $state( new Map()); +export const ErrorStore: any = $state(); + +//#endregion + +//#region MISC + +export const PixelDensity: number = $state(2); +export const HostInfo: string = $state(''); + +//#endregion \ No newline at end of file diff --git a/src/types/index.d.ts b/src/types/index.d.ts new file mode 100644 index 0000000..65b3dba --- /dev/null +++ b/src/types/index.d.ts @@ -0,0 +1 @@ +// todo diff --git a/src/utils/utils.ts b/src/utils/utils.ts new file mode 100644 index 0000000..7f034b1 --- /dev/null +++ b/src/utils/utils.ts @@ -0,0 +1,167 @@ +import type { Vec } from "@thi.ng/vectors"; +import type { UI_Slider, NEL_ControlsMap, NEL_Preset } from "../../types"; +import type { InstancedMesh, Object3D } from "three"; + + +// This function extracts the 'value' property from each UI_Slider +// object in the UI_ControlsMap and returns them as an array of type Vec. +export function extractValuesFrom(view: NEL_ControlsMap): Vec { + return Array.from(view.values()).map((slider) => slider.value) as Vec; +} + + // Helper function to get the value from the tuple that results from deserializing the host state object + export function getValueFromEntries(entries: any, key: string): number { + let result = 0; + try { + result = entries.find(([k]: [string]) => k === key)[1]; + } catch { (e:any) => + console.warn("Error setting state entries on key ", key, e.message); + } + return result; +} + +// filter out params that are not registered with the host +export function onlyRegisteredParams( + view: NEL_ControlsMap +): Map { + let onlyRegisteredParams = new Map( + [...view].filter(([key, value]) => value.isRegistered) + ); + return onlyRegisteredParams; +} + +// Convert an array of UI_ControlsMap to +// serializable structure (array of objects) +export function serialisePresets(arrayOfPresets: Array) { + if (!arrayOfPresets) return {}; + let parametersMap: Map + const result = arrayOfPresets.map((preset) => { + if (preset === undefined) return {}; + parametersMap = preset.parameters; + let obj: { [key: string]: UI_Slider } = {}; + preset.parameters.forEach((settings, key, map) => { + obj[key] = settings; + }); + return obj; + }); + return result; +} + +// Convert an array of objects to an array of UI_ControlsMap (Map) +export function deserialisePresets( + arrayOfObjects: { [key: string]: UI_Slider }[] +) { + const result = arrayOfObjects.map((presetObj) => { + let presetMap = new Map(); + for (let key in presetObj) { + presetMap.set(key, presetObj[key]); + } + return presetMap; + }); + return result; +} + +// sample and hold function +export function sampleAndHold(value: number, hold: boolean) { + let heldValue: number = 0; + return function () { + if (hold) { + heldValue = value; + } + return heldValue; + }; +} + +// utility functions for generating the grid array and an iterator for it +export const fillArrayUsing = ( + arr: any[], + start: number, + end: number, + step: number, + value: number +) => { + for (let i = start; i <= end; i += step) { + arr.push(value); + } + return arr; +}; + +export const arrayIterator = (arr: any[]) => arr.values(); + +// utility functions for BufferGeometry transformations +export function scaleXYZ(vertices: Float32Array, scale: number) { + const resizedVertices = vertices.map((v) => v * scale); + return resizedVertices; +} + +export function scaleWidth(vertices: Float32Array, scale: number) { + const resizedVertices = new Float32Array(vertices.length); + for (let i = 0; i < vertices.length; i += 3) { + resizedVertices[i] = vertices[i] * scale; + resizedVertices[i + 1] = vertices[i + 1]; + resizedVertices[i + 2] = vertices[i + 2]; + } + return resizedVertices; +} + +export function scaleHeight(vertices: Float32Array, scale: number) { + const resizedVertices = new Float32Array(vertices.length); + for (let i = 0; i < vertices.length; i += 3) { + resizedVertices[i] = vertices[i]; + resizedVertices[i + 1] = vertices[i + 1] * scale; + resizedVertices[i + 2] = vertices[i + 2]; + } + return resizedVertices; +} + +export function offsetXY( + vertices: Float32Array, + offsetX: number, + offsetY: number +) { + const offsetVertices = new Float32Array(vertices.length); + + for (let i = 0; i < vertices.length; i += 3) { + offsetVertices[i] = vertices[i] + offsetX; + offsetVertices[i + 1] = vertices[i + 1] + offsetY; + offsetVertices[i + 2] = vertices[i + 2]; + } + return offsetVertices; +} + +export function retrieveNodeFromInstancedMesh (o: any | null, instanceId: number) : Object3D | null { + if (o) { + const parentMesh: InstancedMesh = o; + const node: Object3D = parentMesh.instances.current[instanceId]; + return node; + } + return null; +} + +class ShiftRegister { + currentState: T | null; + previousState: T | null; + + constructor(initialState: T | null) { + this.currentState = initialState; + this.previousState = null; + } + + updateState(newState: T) { + this.previousState = this.currentState; + this.currentState = newState; + } + + isStateChanged() { + return this.currentState !== this.previousState; + } + + fastCompare(): boolean { + if (this.currentState === null || this.previousState === null) { return true; } + return JSON.stringify(this.currentState) !== JSON.stringify(this.previousState); + } +} + +export function shiftRegister(initialState: T | null) { + return new ShiftRegister(initialState); +} \ No newline at end of file diff --git a/vite.config.js b/vite.config.js index 7aeb03e..83e1ab6 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,11 +1,5 @@ import { defineConfig } from 'vite' -import react from '@vitejs/plugin-react' - -import { execSync } from 'node:child_process' - -const currentCommit = execSync("git rev-parse --short HEAD").toString(); -const date = new Date(); -const dateString = `${date.getFullYear()}.${date.getMonth() + 1}.${date.getDate()}`; +import { svelte } from '@sveltejs/vite-plugin-svelte' // A helper plugin which specifically watches for changes to public/dsp.main.js, // which is built in a parallel watch job via esbuild during dev. @@ -17,8 +11,8 @@ const dateString = `${date.getFullYear()}.${date.getMonth() + 1}.${date.getDate( function pubDirReloadPlugin() { return { name: 'pubDirReload', - handleHotUpdate({file, modules, server}) { - if (file.includes('public/dsp.main.js')) { + handleHotUpdate({ file, modules, server }) { + if (file.includes('public/dsp.main.js' )) { server.ws.send({ type: 'custom', event: 'reload-dsp', @@ -30,12 +24,19 @@ function pubDirReloadPlugin() { }; } -// https://vitejs.dev/config/ +// related to the audio blanking error on some devices +// is the order of plugins important? export default defineConfig({ base: './', - define: { - __COMMIT_HASH__: JSON.stringify(currentCommit), - __BUILD_DATE__: JSON.stringify(dateString), + plugins: [ + svelte(), + pubDirReloadPlugin(), + ], + server: { + watch: { + // The paths to be added to the watch list + + } }, - plugins: [react(), pubDirReloadPlugin()], + })