Author: 5x0o83mmz7f2

  • deck-optimmizer

    Table of Contents
    1. About The Project
    2. Getting Started
    3. Usage
    4. Contributing
    5. License

    About The Project

    The purpose of this tool is to optimize GIF files within Google Slides to reduce the deck file size and improve loading time.

    From a technical standpoint it’s a Node.js server application that makes a copy of the Google Slides Presentation, downloads all it’s GIFs, optimizes them with Gifsicle, hosts the GIFs in an s3 bucket, replaces the optimized GIFs in the presentation and transfers ownership to the user.

    (back to top)

    Built With

    Node.js Gifsicle

    (back to top)

    Getting Started

    Prerequisites

    A creds.json file with access credentials for a Google service account, AWS, and Workato.

    Installation

    1. Clone the repo
      git clone https://github.com/mediamonks/deck-optimmizer
    2. Install NPM packages
      npm install
    3. Enter your API credentials in creds.js
        {
        "google":{
        	"client_email":"YOUR_CLIENT_EMAIL",
        	"client_id":"YOUR_CLIENT_ID",
        	"private_key":"YOUR_PRIVATE_KEY"
        	},
        "aws":{
        	"accessKeyId":"YOUR_ACCESS_KEY_ID",
    	   	"secretAccessKey":"YOUR_SECRET_ACCESS_KEY",
        	"bucket":"YOUR_BUCKET_ID"
        	},
        "workato":{
        	"client_id":"YOUR_CLIENT_ID",
        	"client_secret":"YOUR_CLIENT_SECRET",
        	"access_key":"YOUR_ACCESS_KEY"
        	}
        }
    
    1. Start the Node.Js webserver
        node src/index.js 
    

    (back to top)

    Contributing

    Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

    If you have a suggestion that would make this better, please fork the repo and create a pull request.

    (back to top)

    License

    Distributed under the MIT License. See LICENSE.txt for more information.

    (back to top)

    Visit original content creator repository https://github.com/mediamonks/deck-optimmizer
  • stomt-unreal-plugin

    Collect Feedback In-Game | STOMT for Unreal Engine 4

    Implementation Time: ~20 Minutes (incl. Triggers)

    Base Unreal Version: 4.20 (For specific versions visit: 4.16, 4.17, 4.18, 4.19, 4.20, 4.21, 4.22, 4.23, 4.24, 4.25, 4.26 )

    STOMT Unreal Engine feedback integration

    This SDK allows the easy integration of the feedback solution www.stomt.com in your Unreal apps and games.

    Use-Cases

    Example Games that use our integrations:

    Installation

    Installation via Marketplace (recommended)

    1. Download the Plugin via the Unreal Engine Marketplace

    2. Enable StomtPlugin in your Plugins Window (in Unreal Editor: Edit -> Plugins -> Installed -> Widgets -> StomtPlugin)

    Enable StomtPlugin in Unreal Editor

    1. Enable “Show Engine Content” and “Show Plugin Content” in your Content Browser

    Unhide the Engine Content in Unreal Editor

    1. Find StomtPlugin Content

    Discover StomtPlugins Conent

    1. Place the ExampleActor in your scene.

    2. Click play to run the game and show the feedback widget by pressing E.

    You should now see the feedback form window in your game. Try to toggle “I wish”https://github.com/”I like” and send a test stomt to “My Game” (The default test target). Then continue with Configuration.

    Manual Installation

    If you use an older Unreal Engine version please check out the UE/[version] branch.

    1. Clone or download this repository into your projects Plugins directory.

    1.2. If you do not use C++ code in project: use the Add New button in the editor and add a blank C++ class to your project. Guide

    1. Add the StomtPlugin to your projects PublicDependencyModuleNames in the projects build.cs. /Source/[YourProjectName]/[YourProjectName].Build.cs:
    PublicDependencyModuleNames.AddRange(new string[] { "StomtPlugin" }); // Add "StomtPlugin" String
    1. Restart Unreal Editor, open your project and enable the plugin. Edit -> Plugins -> Widgets -> StomtPlugin

    2. Check Show Plugin Content and Show Engine Content in the bottom right corner of your editor (view options).

    Events

    1. Place the ExampleActor in your scene.

    2. Click play to run the game and show the feedback widget by pressing E.

    You should now see the feedback form window in your game. Try to toggle “I wish”https://github.com/”I like” and send a test stomt to “My Game” (The default test target). Then continue with Configuration.

    Configuration

    1. Create a page for your game on www.stomt.com.

    2. Create an App Id for Unreal.

    3. Enter the App Id into the ExampleActor Blueprint:

    Unhide the Engine Content in Unreal Editor

    You can disable the screenshot and log-upload functionality

    STOMT Plugin configuraton

    1. Add the StomtWidgetBP to the viewport via script (ExampleActor) or in your main HUD (ExampleUI) as widget.

    Form Triggers

    The widget can be opened and closed whenever you want by using our trigger functions.

    That allows you to:

    • Put a button into the main menu (Example)
    • Put a button into the HUD (Example)
    • Only show the button to certain players (e.g. power users)
    • Trigger the form after certain events

    Define a hotkey:

    STOMT Plugin Form Triggers

    Event-Callbacks

    The STOMT Widget supports a variety of callback events.

    Events

    In-Game Labeling

    Labels will help you track down user issues. Append labels, as for example your game-version or the player position/level. You can either hardcode them in the Unity Inspector or use a script to add them in a flexible way based on the information you have.

    Events

    Easily add an array of labels

    Events

    Issues

    Don’t hesitate to contact us if you have any issues or need help.

    Versioning

    We use SemVer for versioning. For the versions available, see the tags on this repository.

    Contribution

    We would love to see you contributing to this project. Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

    Visit the project on STOMT to support with your ideas, wishes and feedback.

    Authors

    Daniel Schukies | Follow Daniel Schukies on STOMT

    See also the list of contributors who participated in this project.

    More about stomt

    Regularly communicate your page on social channels and checkout our Website-Widget for your websites to collect feedback from anywhere.

    Visit original content creator repository https://github.com/stomt/stomt-unreal-plugin
  • stomt-unreal-plugin

    Collect Feedback In-Game | STOMT for Unreal Engine 4

    Implementation Time: ~20 Minutes (incl. Triggers)

    Base Unreal Version: 4.20 (For specific versions visit: 4.16, 4.17, 4.18, 4.19, 4.20, 4.21, 4.22, 4.23, 4.24, 4.25, 4.26 )

    STOMT Unreal Engine feedback integration

    This SDK allows the easy integration of the feedback solution www.stomt.com in your Unreal apps and games.

    Use-Cases

    Example Games that use our integrations:

    Installation

    Installation via Marketplace (recommended)

    1. Download the Plugin via the Unreal Engine Marketplace

    2. Enable StomtPlugin in your Plugins Window (in Unreal Editor: Edit -> Plugins -> Installed -> Widgets -> StomtPlugin)

    Enable StomtPlugin in Unreal Editor

    1. Enable “Show Engine Content” and “Show Plugin Content” in your Content Browser

    Unhide the Engine Content in Unreal Editor

    1. Find StomtPlugin Content

    Discover StomtPlugins Conent

    1. Place the ExampleActor in your scene.

    2. Click play to run the game and show the feedback widget by pressing E.

    You should now see the feedback form window in your game. Try to toggle “I wish”https://github.com/”I like” and send a test stomt to “My Game” (The default test target). Then continue with Configuration.

    Manual Installation

    If you use an older Unreal Engine version please check out the UE/[version] branch.

    1. Clone or download this repository into your projects Plugins directory.

    1.2. If you do not use C++ code in project: use the Add New button in the editor and add a blank C++ class to your project. Guide

    1. Add the StomtPlugin to your projects PublicDependencyModuleNames in the projects build.cs. /Source/[YourProjectName]/[YourProjectName].Build.cs:
    PublicDependencyModuleNames.AddRange(new string[] { "StomtPlugin" }); // Add "StomtPlugin" String
    1. Restart Unreal Editor, open your project and enable the plugin. Edit -> Plugins -> Widgets -> StomtPlugin

    2. Check Show Plugin Content and Show Engine Content in the bottom right corner of your editor (view options).

    Events

    1. Place the ExampleActor in your scene.

    2. Click play to run the game and show the feedback widget by pressing E.

    You should now see the feedback form window in your game. Try to toggle “I wish”https://github.com/”I like” and send a test stomt to “My Game” (The default test target). Then continue with Configuration.

    Configuration

    1. Create a page for your game on www.stomt.com.

    2. Create an App Id for Unreal.

    3. Enter the App Id into the ExampleActor Blueprint:

    Unhide the Engine Content in Unreal Editor

    You can disable the screenshot and log-upload functionality

    STOMT Plugin configuraton

    1. Add the StomtWidgetBP to the viewport via script (ExampleActor) or in your main HUD (ExampleUI) as widget.

    Form Triggers

    The widget can be opened and closed whenever you want by using our trigger functions.

    That allows you to:

    • Put a button into the main menu (Example)
    • Put a button into the HUD (Example)
    • Only show the button to certain players (e.g. power users)
    • Trigger the form after certain events

    Define a hotkey:

    STOMT Plugin Form Triggers

    Event-Callbacks

    The STOMT Widget supports a variety of callback events.

    Events

    In-Game Labeling

    Labels will help you track down user issues. Append labels, as for example your game-version or the player position/level. You can either hardcode them in the Unity Inspector or use a script to add them in a flexible way based on the information you have.

    Events

    Easily add an array of labels

    Events

    Issues

    Don’t hesitate to contact us if you have any issues or need help.

    Versioning

    We use SemVer for versioning. For the versions available, see the tags on this repository.

    Contribution

    We would love to see you contributing to this project. Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

    Visit the project on STOMT to support with your ideas, wishes and feedback.

    Authors

    Daniel Schukies | Follow Daniel Schukies on STOMT

    See also the list of contributors who participated in this project.

    More about stomt

    Regularly communicate your page on social channels and checkout our Website-Widget for your websites to collect feedback from anywhere.

    Visit original content creator repository https://github.com/stomt/stomt-unreal-plugin
  • mjml-bullet-list

    MJML Bullet List: <mj-list> and <mj-li>

    Making bulletproof bulleted lists in emails easy with MJML!
    Report a BugRequest a FeatureAsk a Question

    npm GitHub release (latest SemVer) Release Date MJML 4.0+ valid License: AGPL-3.0+ Pull Requests welcome


    PremailThis MJML component is brought to you by Premail, and the following documentation can also be found at https://premail.dev/docs/components/mjml-bullet-list


    <ul> and <li> HTML elements can be used in HTML emails, but getting them to render consistently takes a little work. This is a shortcut for these elements. Its output is predictably boring, but bulletproof (forgive the pun) for email clients:

    Example of simple generated markup from the MJML Bullet List component

    <mj-list> replaces <ul>. Use it alongside <mj-text> within <mj-column>.

    <mj-li> replaces <li>. Use it inside <mj-list></mj-list>.

    MJML Bullet List is designed for MJML 4+ and is unrelated to the v3 component mjml-list.


    Usage

    Coding

    This MJML:

    <mj-list>
      <mj-li>List item one.</mj-li>
      <mj-li>List item two.</mj-li>
      <mj-li>List item three.</mj-li>
      <mj-li>List item four.</mj-li>
    </mj-list>

    Will produce the following visual representation:

    Example of simple generated markup from the MJML Bullet List component

    Not very exciting, but reliably rendered in all email clients.

    But you can get more creative. This MJML:

    <mj-text>
      <p>
        Examples of the custom "mj-list" and "mj-li" tags. Here is a list with an
        option set on the entire list:
      </p>
    </mj-text>
    <mj-list background-color="#ddd">
      <mj-li>List item one.</mj-li>
      <mj-li>List item two.</mj-li>
      <mj-li>List item three.</mj-li>
      <mj-li>List item four.</mj-li>
    </mj-list>
    <mj-text>
      <p>And here's a list with options set on individual list items:</p>
    </mj-text>
    <mj-list>
      <mj-li
        >List item one. Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt
        ut labore et dolore magna aliqua.</mj-li
      >
      <mj-li color="blue"
        >List item two, customized color for the entire list item.</mj-li
      >
      <mj-li>List item three.</mj-li>
      <mj-li bullet-color="red" padding-left="40px"
        >List item four, customized bullet color and left padding. Duis aute irure
        dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
        officia deserunt mollit anim id est laborum.</mj-li
      >
      <mj-li gutter="20px">List item five, custom gutter size.</mj-li>
      <mj-li>List item six.</mj-li>
      <mj-li text-color="green"
        >List item seven, customized text (only) color. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat.</mj-li
      >
    </mj-list>

    Will produce the following visual representation:

    Example of advanced generated markup from the MJML Bullet List component

    MJML Head

    In your <mj-head> component, you should also add the following:

    <mj-html-attributes>
      <mj-selector path=".list table table">
        <mj-html-attribute name="role">list</mj-html-attribute>
      </mj-selector>
      <mj-selector path=".list table table > tbody">
        <mj-html-attribute name="role">presentation</mj-html-attribute>
      </mj-selector>
    </mj-html-attributes>

    This will ensure that these lists are properly described as such when the email is read using assistive technology.

    Styling

    In addition to setting attributes with the elements options (see below), you can also modify them through CSS. Use <mj-style> and target the .list and .list-item classes.

    You can see this being done in the example MJML file.

    Options

    Available options for <mj-list>

    option unit details default value
    background-color color Applies to entire list none
    border string (border) Applies to entire list none
    border-top string (border) Applies to entire list none
    border-right string (border) Applies to entire list none
    border-bottom string (border) Applies to entire list none
    border-left string (border) Applies to entire list none
    border-radius pixels Applies to entire list none
    direction ltr, rtl Language direction ltr
    inner-background-color color Applies to entire list none
    padding pixels Applies to entire list none
    padding-top pixels Applies to entire list none
    padding-right pixels Applies to entire list none
    padding-bottom pixels Applies to entire list none
    padding-left pixels Applies to entire list 25px (note that if you set this to 0, the bullet icons in the list may overflow their container)
    vertical-align top, middle, bottom Applies to entire list top
    width pixels Applies to entire list none (full width of container)

    Available options for <mj-li>

    option unit details default value
    color color Applies to both bullet marker and text none (inherited from parent text style)
    bullet-color color Applies to bullet marker only none (inherited from color)
    text-color color Applies to text only none (inherited from color)
    background-color color Applies to list item none
    font-family string Applies to list item Ubuntu, Helvetica, Arial, sans-serif (from <mj-text>)
    font-size pixels Applies to list item 13px (from <mj-text>)
    font-style string Applies to list item none
    font-weight string Applies to list item none
    gutter pixels Distance between bullet marker and text 3px
    letter-spacing pixels (negative allowed) Applies to list item none
    line-height number, pixels or percentage Applies to list item none
    padding-right pixels Applies to list item none
    padding-left pixels Applies to list item none
    text-align left, center, right, justify Applies to list item left
    text-decoration string Applies to list item none
    text-transform string Applies to list item none
    vertical-align top, middle, bottom Applies to list item top

    Adding this to your emails

    In your MJML project directory, install this package via npm:

    npm install mjml-bullet-list

    In your build process script (such as gulp), require the package:

    const mjmlBulletList = require('mjml-bullet-list')

    or

    import mjmlBulletList from mjml-bullet-list

    Finally, add the package to your .mjmlconfig:

    {
      "packages": ["mjml-bullet-list/lib/MjList", "mjml-bullet-list/lib/MjLi"]
    }

    You can now use <mj-list> and <mj-li> in your MJML emails.

    Fork or contribute to this component

    If you want to edit this component, first grab it via git:

    git clone https://github.com/premail/mjml-bullet-list.git

    Navigate to the folder and install:

    cd mjml-bullet-list
    npm install

    Edit the component script file in ./components/, then run gulp build or gulp watch to compile. We include sheerun/modern-node, which formats and lints code automatically on commits using Prettier and ESLint. You can use npm run format and npm run lint on their own as well.

    To run tests, use npm run test

    If you want to use a forked version of this component in your emails without having to publish it to npm, see premail/mjml-custom-component for a guide.

    Security

    Legalese: This component is provided “as is” without any warranty. Use at your own risk.

    For more information and to report security issues, please refer to our security documentation.

    License

    mjml-bullet-list is licensed under the GNU Affero General Public License v3.0 or later. To be clear: This license only covers the component’s code, not any content you generate using it.

    For the legal details of the AGPL, see the complete LICENSE.

    Visit original content creator repository https://github.com/premail/mjml-bullet-list
  • ShadowDrawable

    ShadowDrawable

    为View 和 ViewGroup 添加阴影效果 Android , Add shadow for View or ViewGroup image

    Check for new version

    Sample

        ShadowDrawable shadowDrawable = new ShadowDrawable();
        shadowDrawable.setColor(ContextCompat.getColor(this, R.color.my_blur))    //shadowcolor
                .setOffsetY(DensityUtil.dip2px(this, 5))    //阴影下偏移--offset of the shadow
                .setRadius(DensityUtil.dip2px(this, 8))     //四角半径--concern of the rectangle
                .setEdgeShadowWidth(DensityUtil.dip2px(this, 8))   //四周阴影半径-- the shadow of each edge of the rectangle
                .setFilterColor(0x56ffffff)                 //中间值,越大阴影越接近设置的值-- the slot to said how close to the shadowcolor
                .setTopMargin(DensityUtil.dip2px(this, 3))  //上间距--top margin
                .setParentHeight(DensityUtil.dip2px(this, 200))  //设置要依附的View的高度 -- the height of parent view
                .attach(bg)                                 //要在哪个View上面加阴影-- the shadow parent.REQUIRED
                .build();                                   //显示,必调-- to show the shadow.REQUIRED
    

    Getting start

    Gradle

    1. Add it in your root build.gradle at the end of repositories:

    allprojects {
    	repositories {
    		...
    		maven { url 'https://jitpack.io' }
    	}
    }
    

    2. Add the dependency

    dependencies {
            compile 'com.github.aos3618:ShadowDrawable:1.2.1'
    }
    

    Maven

    1.

    <repositories>
    	<repository>
    	    <id>jitpack.io</id>
    	    <url>https://jitpack.io</url>
    	</repository>
    </repositories>
    

    2. Add the dependency

     	<dependency>
        <groupId>com.github.aos3618</groupId>
        <artifactId>ShadowDrawable</artifactId>
        <version>1.2.1</version>
    </dependency>   
    
    Visit original content creator repository https://github.com/aos3618/ShadowDrawable
  • MGTC

    MGTC

    This the the repository for the CAiSE-2020 accepted long paper “An Approach for Process Model Extraction By Multi-Grained Text Classification“. In this paper, we formalize the PME task into the multi-grained text classification problem, and propose a neural network and the coarse-to-fine (grained) learning mechanism to effectively extract multi-grained procedural knowledge.

    Overview

    • code/
      This directory contains the source code of our approach.
    • data/
      This directory contains two datasets used for evaluation.

    Datasets

    The dataset named as X-Y denotes a text classification task Y on data source X. For two sentence-level tasks — SC (sentence classification) and SSR (sentence semantics recognition), an example <x,y> in each line denotes a sentence x and its label y. each of them can be solely used to evaluate single-sentence classification tasks. For the word-level task — SRL (semantic role labeling), an example <x,i,y> in each line denotes a sentence x, a subordinate word index i and a corresponding label y. It can be further used to evaluate sequential-text classification tasks. We will keep updating them to provide more reliable version(s), including correcting wrongly-annotated labels and adding more training/testing examples. The up-to-date version can be directly downloaded from this repository. In summary:

    • COR for cooking recipes and MAM for maintenance manuals.
    • COR-SC.txt is the dataset for sentence-level classification (ST1) to identify whether a sentence is describing an action or a statement. The format is <Sentence, Label>.
    • COR-SSR.txt is the dataset for sentence-level semantics recognition (ST2) to recognize the semantics of a Statement sentence to control the execution of following actions. The format is <Sentence, Label, Y/N> in which Y denotes the sentence belongs to the label while N not (so, you could ignore all examples with N notations, just focus on the examples with Y notations).
    • COR-SRL.txt is the dataset for word-level semantic role labeling to assign semantic roles to words in an Action sentence. The format is <Word, Word Postion in the Sentence, Label>.

    Reqirements

    • Python (3.6.8 or 3.7.3)
    • PyTorch (1.0.1)
    • Word2Vec. Note that the embedding layer can be replaced by other models such as BERT. If necessary, kindly replace corresponding lines of the code to do so.

    Citation

    If you find this project helps, please kindly consider citing this paper as:

    @inproceedings{MGTC,
      title = {An Approach for Process Model Extraction By Multi-Grained Text Classification},
      author = {Chen Qian and Lijie Wen and Akhil Kumar and Leilei Lin and Li Lin and Zan Zong and Shuang Li and Jianmin Wang},
      booktitle = {Proceedings of The 32nd International Conference on Advanced Information Systems Engineering (CAiSE)},
      year = {2020},
      pages = {268-282}
    }
    

    Visit original content creator repository
    https://github.com/qianc62/MGTC

  • audio-plugin-delay-intervals

    Delay Intervals

    Video Demo

    An audio plugin that can create fully customizable delay patterns, with adjustable volume, panning, and interval between repeats. No longer do you have to rely on stereo crossfeed formulae to create the rhythmic delay effect that you want! There are also built-in filters for the delayed sound, and the capability to loop indefinitely. Use this plugin to produce shimmering, bouncing atmospheric effects, or phrenetic, energetic rhythimc patterns. Delay Intervals can be downloaded from the “Releases” section of this repository, or see the Installation Guide to build it from source yourself.

    Description

    Delay Intervals provides up to 16 stereo “intervals” of delay (the first one being the dry signal), with adjustable delay length and the ability to loop audio from the last interval back into the first one. Delay time between each interval can be synched to the tempo of your DAW, or set independently from 0 to 250 milliseconds. Each interval can have its individual volume adjusted (or muted) for each channel, and audio can be set to fade gradually with each repeat (like partial feedback in a typical delay).

    Delay Intervals also provides a 2nd order low-pass and high-pass filter for each channel of audio, that will be applied after each interval. As such, further repeats will be more heavily processed by the filter, and so a mix control is provided to mitigate this. There are also a few “ease of use” controls provided, such as a toggles for setting each channels’ filters and intervals to mirror each other, and buttons to copy the interval settings from one channel to the other.

    Built With

    Installation Guide

    You can download Delay Intervals from the “Releases” section. You can also follow these steps to download the source code and build it yourself.

    1. Download and Install CMake

    2. Verify that you have a C++ 20 compatible compiler on your machine

    3. Clone this repository onto your local machine with the below command in a dedicated directory

      git clone https://github.com/Matth-ewe-f/audio-plugin-delay-intervals

    4. Install dependencies by running the below command in the same directory (this may take some time)

      cmake -S . -B build

    5. Build the plugin by running the below command in the same directory (this may also take some time)

      cmake --build build

    6. Plugin files will be located in subfolders of build/plugin/Delay-Intervals_artefacts/ based on plugin format (VST, AU, etc). Choose the one you plan to use and install it as you would any other plugin.

    Visit original content creator repository https://github.com/Matth-ewe-f/audio-plugin-delay-intervals
  • audio-plugin-delay-intervals

    Delay Intervals

    Video Demo

    An audio plugin that can create fully customizable delay patterns, with adjustable volume, panning, and interval between repeats. No longer do you have to rely on stereo crossfeed formulae to create the rhythmic delay effect that you want! There are also built-in filters for the delayed sound, and the capability to loop indefinitely. Use this plugin to produce shimmering, bouncing atmospheric effects, or phrenetic, energetic rhythimc patterns. Delay Intervals can be downloaded from the “Releases” section of this repository, or see the Installation Guide to build it from source yourself.

    Description

    Delay Intervals provides up to 16 stereo “intervals” of delay (the first one being the dry signal), with adjustable delay length and the ability to loop audio from the last interval back into the first one. Delay time between each interval can be synched to the tempo of your DAW, or set independently from 0 to 250 milliseconds. Each interval can have its individual volume adjusted (or muted) for each channel, and audio can be set to fade gradually with each repeat (like partial feedback in a typical delay).

    Delay Intervals also provides a 2nd order low-pass and high-pass filter for each channel of audio, that will be applied after each interval. As such, further repeats will be more heavily processed by the filter, and so a mix control is provided to mitigate this. There are also a few “ease of use” controls provided, such as a toggles for setting each channels’ filters and intervals to mirror each other, and buttons to copy the interval settings from one channel to the other.

    Built With

    Installation Guide

    You can download Delay Intervals from the “Releases” section. You can also follow these steps to download the source code and build it yourself.

    1. Download and Install CMake

    2. Verify that you have a C++ 20 compatible compiler on your machine

    3. Clone this repository onto your local machine with the below command in a dedicated directory

      git clone https://github.com/Matth-ewe-f/audio-plugin-delay-intervals

    4. Install dependencies by running the below command in the same directory (this may take some time)

      cmake -S . -B build

    5. Build the plugin by running the below command in the same directory (this may also take some time)

      cmake --build build

    6. Plugin files will be located in subfolders of build/plugin/Delay-Intervals_artefacts/ based on plugin format (VST, AU, etc). Choose the one you plan to use and install it as you would any other plugin.

    Visit original content creator repository https://github.com/Matth-ewe-f/audio-plugin-delay-intervals
  • I-Nex

    Visit original content creator repository
    https://github.com/RogueScholar/I-Nex

  • react-graphql-workshop

    GraphQL for React developers

    Welcome to the GraphQL workshop for React developers! ☀️

    In this workshop, we’ll be building a Twitter clone using GraphQL and React. We’ll be using GraphQL Yoga for the GraphQL server and Apollo Client for the React app.

    • 🌱 Learn GraphQL basics
    • 🥑 Build GraphQL queries & mutations
    • 🥝 Get familiar with the GraphQL client
    • 🍇 Implement queries & mutations on the client
    • 🔑 Access control & authorization
    • 🎛 Production deployment

    🔧 Setup

    1. Get started by cloning this repo and installing the dependencies:

    git clone https://github.com/glennreyes/react-graphql-workshop.git
    cd react-graphql-workshop
    pnpm install
    1. Start the development servers:
    pnpm dev
    1. Open GraphiQL at http://localhost:4000/graphql and the React app at http://localhost:3000.

    📚 Exercises

    Learn GraphQL basics

    • GraphiQL
    • Schema
    • Types
    • Resolvers

    Create a query hello that takes an argument name. Based on what the user inputs, return a greeting. For example, if the user inputs Glenn, return Hello Glenn!.

    Useful links

    Default types

    • String
    • Int
    • Float
    • Boolean
    • ID

    Schema definition example

    type Person {
      id: ID! # Not nullable
      name: String # Nullable
      age: Int
      weight: Float
      isOnline: Boolean
      posts: [Post!]! # Not nullable (but empty list is fine)
    }
    
    type Post {
      id: ID!
      slug: String!
      text: String!
    }
    
    type Query {
      allPersons: [Person!]!
      personById(id: ID!): Person
      allPosts: [Post!]!
      postBySlug(slug: String!): Post
    }
    
    type Mutation {
      createPost(message: String!): Post!
    }

    Resolver function

    (parent, args, context, info) => result;

    Build GraphQL queries & mutations

    Build queries

    1. 💎 Implement allPosts query
    2. 💎 Implement me query
    3. 💎 Implement user query

    Build mutations

    1. 💎 Implement createPost mutation
    2. 💎 Implement deletePost mutation
    3. 💎 Implement updateUser mutation

    Useful links

    Query & mutation field:

    Prisma

    Make sure you’re in the server directory:

    pnpm prisma migrate reset --skip-generate # Reset database
    pnpm prisma db push # Push prisma schema to database
    pnpm prisma generate # Generate Prisma client
    pnpm seed # Seed database with fake data

    Get familiar with the GraphQL client

    Implement queries & mutations on the client

    Queries

    1. Implement query in user-avatar.tsx
    2. Implement query in home-feed.tsx
    3. Implement queries in profile-page.tsx
    4. Implement query in edit-profile.tsx

    Use useSuspenseQuery from @apollo/experimental-nextjs-app-support/ssr to fetch data on the server.

    Mutations

    1. Implement mutation in create-post-form.tsx
    2. Implement mutation in delete-post-dialog.tsx
    3. Implement mutation in edit-profile.tsx

    Use useMutation from @apollo/client

    Visit original content creator repository
    https://github.com/glennreyes/react-graphql-workshop