{"id":20646733,"url":"https://github.com/cbartram/nanoleaf-layout","last_synced_at":"2026-03-05T23:43:18.397Z","repository":{"id":22274322,"uuid":"95567897","full_name":"cbartram/nanoleaf-layout","owner":"cbartram","description":"React Implementation which maps a physical Nanoleaf layout to a 2D react component","archived":false,"fork":false,"pushed_at":"2023-04-12T14:44:59.000Z","size":7448,"stargazers_count":17,"open_issues_count":15,"forks_count":3,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-05T11:34:47.088Z","etag":null,"topics":["browserify","gulp","javascript","layout","library","nanoleaf","react","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cbartram.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["cbartram"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2017-06-27T14:35:06.000Z","updated_at":"2023-08-05T11:17:32.000Z","dependencies_parsed_at":"2024-06-21T16:52:41.709Z","dependency_job_id":"eb1697fd-150d-46d8-be8a-7156b0ecefa7","html_url":"https://github.com/cbartram/nanoleaf-layout","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"purl":"pkg:github/cbartram/nanoleaf-layout","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cbartram%2Fnanoleaf-layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cbartram%2Fnanoleaf-layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cbartram%2Fnanoleaf-layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cbartram%2Fnanoleaf-layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cbartram","download_url":"https://codeload.github.com/cbartram/nanoleaf-layout/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cbartram%2Fnanoleaf-layout/sbom","scorecard":{"id":268437,"data":{"date":"2022-08-15","repo":{"name":"github.com/cbartram/nanoleaf-layout","commit":"8fcd3f616f578f2f89708e879e85fcb3e307c043"},"scorecard":{"version":"v4.5.0-17-g7772984","commit":"777298477c07c262a4ec7e95ceee839b7b3b75ae"},"score":7.7,"checks":[{"name":"Code-Review","score":8,"reason":"GitHub code reviews found for 26 commits out of the last 30 -- score normalized to 8","details":["Warn: no reviews found for commit: dd8140425e9c8fb1ac084f7f783b7f63d8679570","Warn: no reviews found for commit: 8097c47a587b28565f75bb0640d4f29c1ed864c0","Warn: no reviews found for commit: 80f5b5ebaa494bb31247b2617694a588a2e749b4","Warn: no reviews found for commit: d5000a2e3a2fbb81543992398b4abf147b682c7f"],"documentation":{"short":"Determines if the project requires code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) out of 30 and 0 issue activity out of 2 found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#maintained"}},{"name":"CII-Best-Practices","score":0,"reason":"no badge detected","details":null,"documentation":{"short":"Determines if the project has a CII Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#cii-best-practices"}},{"name":"Vulnerabilities","score":10,"reason":"no vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#vulnerabilities"}},{"name":"Packaging","score":-1,"reason":"no published package detected","details":["Warn: no GitHub publishing workflow detected"],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":10,"reason":"tokens are read-only in GitHub workflows","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#token-permissions"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: : LICENSE:1"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#license"}},{"name":"Pinned-Dependencies","score":10,"reason":"all dependencies are pinned","details":["Info: GitHub-owned GitHubActions are pinned","Info: Third-party GitHubActions are pinned","Info: Dockerfile dependencies are pinned","Info: no insecure (not pinned by hash) dependency downloads found in Dockerfiles","Info: no insecure (not pinned by hash) dependency downloads found in shell scripts"],"documentation":{"short":"Determines if the project has declared and pinned its dependencies.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#pinned-dependencies"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#binary-artifacts"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":null,"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#security-policy"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":["Warn: no GitHub releases found"],"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":8,"reason":"branch protection is not maximal on development and all release branches","details":["Info: 'force pushes' disabled on branch 'master'","Info: 'allow deletion' disabled on branch 'master'","Info: status check found to merge onto on branch 'master'","Warn: number of required reviewers is only 1 on branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#branch-protection"}},{"name":"Dependency-Update-Tool","score":10,"reason":"update tool detected","details":["Info: Dependabot detected"],"documentation":{"short":"Determines if the project uses a dependency update tool.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#dependency-update-tool"}},{"name":"Fuzzing","score":-1,"reason":"internal error: internal error: Client.Search.Code: Search.Code: GET https://api.github.com/search/code?q=github.com+cbartram+nanoleaf-layout+repo%3Agoogle%2Foss-fuzz+in%3Afile+filename%3Aproject.yaml: 400  []","details":null,"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/777298477c07c262a4ec7e95ceee839b7b3b75ae/docs/checks.md#fuzzing"}}]},"last_synced_at":"2025-08-17T12:45:54.783Z","repository_id":22274322,"created_at":"2025-08-17T12:45:54.783Z","updated_at":"2025-08-17T12:45:54.783Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30156181,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T22:39:40.138Z","status":"ssl_error","status_checked_at":"2026-03-05T22:39:24.771Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browserify","gulp","javascript","layout","library","nanoleaf","react","webpack"],"created_at":"2024-11-16T16:26:57.864Z","updated_at":"2026-03-05T23:43:18.377Z","avatar_url":"https://github.com/cbartram.png","language":"JavaScript","funding_links":["https://github.com/sponsors/cbartram"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./resources/images/logo.png\" /\u003e\n\u003c/p\u003e\n\n# Nanoleaf Layout\n\n[![Build Status](https://travis-ci.org/cbartram/nanoleaf-layout.svg?branch=development)](https://travis-ci.org/cbartram/nanoleaf-layout)\n[![NPM version](https://img.shields.io/npm/v/nanoleaf-layout.svg)](https://www.npmjs.com/package/nanoleaf-layout)\n[![Coverage Status](https://coveralls.io/repos/github/cbartram/nanoleaf-layout/badge.svg?branch=development)](https://coveralls.io/github/cbartram/nanoleaf-layout?branch=development)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](#badge)\n\n\nNanoleaf Layout is the **only** package on NPM which takes your physical Nanoleaf layout and displays\nit in any 2D application. Nanoleaf Layout will take in the confusing `X,Y` coordinates and Orientation that comes from Nanoleaf's \nOpenAPI and converts it into a useful 2D graphic visual which you can use in your React application! \n\nNanoleaf is a revolutionary smart lighting product which is fun and easy to use! It can be connected into different patterns with varying effects and colors.\nTheir development documentation can be fairly confusing for developers when it comes to how their layout data is organized so I created this library to make it easy for developers to mimic the\nNanoleaf's physical layout on a screen. Ultimately this helps open up new doors that allow users to intuitively interact with their Nanoleaf\non a computer, phone, or tablet!\n\nWith this React Component and API you can visualize colors, position, orientation and even hook into hover and click events for the Nanoleaf layout!\n\nCheck out our Demo \u0026 Examples section to see the layout in action.\n\n## Demo \u0026 Examples\n\nYou can edit the values in the panel during the demo to see how the nanoleaf layout changes and updates! \n\nLive demo: [http://cbartram.github.io/nanoleaf-layout-demo](http://cbartram.github.io/nanoleaf-layout-demo/)\n\nTo build the examples locally clone this repository, `cd` into the directory's root and simply run:\n\n```\nnpm install\n```\n\nSince this is just a react component you will need to include it in a React project before you can see its full effects. If you would\nlike to see a demo of the component in Action checkout the [Nanoleaf Layout Live Demo](http://cbartram.github.io/nanoleaf-layout-demo/)\n\n## Installation\n\nThe easiest way to use nanoleaf-layout is to install it from NPM and include it in your own React build process (using [Browserify](http://browserify.org), [Webpack](http://webpack.github.io/), etc).\n\nTo install from NPM simply run:\n\n```\nnpm install --save nanoleaf-layout\n```\n\n## Usage\n\nNanoleaf is super easy to use in any React **or non React** project!\n\nAfter installing `nanoleaf-layout` from NPM be sure to include it in your React Component by doing `import NanoleafLayout from 'nanoleaf-layout/lib/NanoleafLayout'`\n\nNow your all set to include the component in your `render()` method! Below is a **bare minimum** example of Nanoleaf in action!\n\n```jsx\nimport React, {Component} from 'react'\nimport NanoleafLayout from \"nanoleaf-layout/lib/NanoleafLayout\";\n\nlet data = {\n  sideLength: 150,\n  numPanels: 1,\n  positionData: [\n    {\n        panelId: 107,\n        x: -74,\n        y: 43,\n        o: 180\n    },\n  ],\n};\n\nexport default class App extends Component {\n  render() {\n    return (\n      \u003cNanoleafLayout\n        data={data}\n        //Other props can go here to customize the layout!\n      /\u003e;\n    );\n  }\n}\n```\n\nThe only property which is required for Nanoleaf to function is the `data` property. The data set **must** include a property \ncalled `positionData` and its values must be an array of layout objects (even if its an empty array). The data object\ntells the nanoleaf-layout how the physical nanoleaf is positioned with a set of X,Y Coordinates and Orientation.\n\nThe best way to ensure that your `data` prop is formatted correctly is to make a REST API call to your nanoleaf requesting information\nfrom it. From here you can easily pass the data right into the React Component\n\nTo make a REST call to your nanoleaf send a GET request to `http://YOUR_NANOLEAF_IP/api/v1/YOUR_AUTH_TOKEN/`\n\n### Changing Panel and Stroke Colors\n\nIts simple to control the stroke width and color of the Nanoleaf with the `strokeWidth` and `strokeColor` but sometimes you\nmay want to control the actual color of the panels themselves.\n\nNanoleaf layout achieves this through a color property in each of the elements in the `positionData` array.\nBy default the Nanoleaf OpenAPI returns the nanoleaf layout data **without** a color property so it looks something like this\n\n```\n{\n  sideLength: 150,\n  numPanels: 9,\n  positionData: [\n    {\n      panelId: 1,\n      x: 100,\n      y: 100,\n      o: 180,\n    },\n    ...\n  ],\n};\n```\n\nBy adding a Hexadecimal color code property into the position data it will tell nanoleaf-layout to change the color of that particular panel.\nYou can do the same thing with the `strokeColor` property to control the stroke color of the panel instance.\n\nThe new positionData will look something like this\n\n```\n {\n  sideLength: 150,\n  numPanels: 9,\n  positionData: [\n    {\n      panelId: 1,\n      x: 100,\n      y: 100,\n      o: 180,\n      color: '#00ff00',\n      strokeColor: '#B2EEF0'\n    },\n    {\n      panelId: 2,\n      x: 120,\n      y: -50,\n      o: 180,\n      color: '#ffd033',\n      strokeColor: '#B2EEF0'\n    },\n  ],\n};\n```\n\nThis allows one to explicitly set and update the color of each panel quickly and easily! \nPlease see the next section titled Properties below for information about all the nanoleaf-layout properties, their default values, and their descriptions.\n\n### Properties\n\n| **Property Name** | **Property Type** | **Default Value**                                                  | **Property Description**                                                                                                                                                                                                                                              | **Example**                                                                                                                                                 |\n|-------------------|:-----------------:|--------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `data`            | Object            | None this property is **required** for nanoleaf-layout to function | The panel data received from the Nanoleaf OpenAPI GET request made to `/api/v1/YOUR_API_KEY/` Its comprised of a `panelData` key and an array of panel objects see the example in the next column                                                                     | ```  {  positionData: [       {         panelId: 1,         x: 100,        y: 100,        o: 180,        color: '#00FF00'        }       ........   ]  }  ``` |\n| `strokeWidth`     | Integer           | 0                                                                  | The width of the stroke around the triangles. Tip: If you want a larger \"space\" between the triangles try a large `strokeWidth` prop which is the same color as your background!                                         | `\u003cNanoleafLayout strokeWidth={10} /\u003e`                                                                                                  |\n| `onHover`         | Function          | Callback function with an empty body. `(data) =\u003e { }`              | Callback function which occurs when any of the panels are hovered over. The callback returns a SVG Object see the SVG object section for more details                                                                                                                                               | `\u003cNanoleafLayout onHover={(data) =\u003e {}} /\u003e`                                                                                                                        |                                                                                                                                                  | `\u003cNanoleafLayout canvasHeight={500}`                                                                                                                        |                                         \n| `onClick`         | Function          | Callback function with an empty body. `(data) =\u003e { }`              | Callback function which occurs when any of the panels are clicked. The callback returns a SVG Object see the SVG object section for more details                                                                                                                                               | `\u003cNanoleafLayout onClick={(data) =\u003e {}} /\u003e`                                                                                                                        |                                                                                                                                                  | `\u003cNanoleafLayout canvasHeight={500}`                                                                                                                        |\n| `onExit`          | Function          | Callback function with an empty body. `(data) =\u003e { }`              | Callback function which occurs when a mouse exits a panels area. The callback returns a SVG Object see the SVG object section for more details                                                                                                                                               | `\u003cNanoleafLayout onExit={(data) =\u003e {}} /\u003e`                                                                                                                        |                                                                                                                                                  | `\u003cNanoleafLayout canvasHeight={500}`                                                                                                                        |\n| `svgStyle`        | Object            | {}                                                                 | React Object representing the Style of the SVG JSX element.                                                                                                                                                                                                              | `\u003cNanoleafLayout svgStyle={{ opacity: .5 }} /\u003e`                                                                                                                        |                                                                                                                                                  | `\u003cNanoleafLayout canvasHeight={500}`                                                                                                                        |\n| `gStyle`        | Object            | {}                                                                 | React Object representing the Style of the G JSX element.                                                                                                                                                                                                              | `\u003cNanoleafLayout gStyle={{ color: 'green' }} /\u003e`                                                                                                                        |                                                                                                                                                  | `\u003cNanoleafLayout canvasHeight={500}`                                                                                                                        |\n| `development`        | boolean            | false                                                                 | Shows Developer information like true 0 offset position and centroid of each triangle in the Nanoleaf Layout                                                                                                                                                                                                              | `\u003cNanoleafLayout developer /\u003e`                                                                                                                        |                                                                                                                                                  | `\u003cNanoleafLayout canvasHeight={500}`                                                                                                                        |\n\n\n\n### Styling the Nanoleaf Layout\n\nNanoleaf Layout gives developers full control over how each individual panel is styled. The layout itself is made up of an `\u003csvg\u003e` object and several nested `\u003cg\u003e` objects\nwithin it. You can control the individual style by passing the `svgStyle` or `gStyle` props to the Nanoleaf Layout like so:\n\n```jsx\n\u003cNanoleafLayout\n    data={...}\n    svgStyle={{backgroundColor: 'blue'}}\n    gStyle={{ border: '3px' }}\n/\u003e\n``` \n\n### Callback's and Events\n\nWith Nanoleaf Layout you can hook into events such as `onClick`, `onHover`, and `onDraw` to take action within your application.\n\nFor example lets say you wanted to execute a piece of code only when the panel with the panel ID of `4` is clicked.\nYou can easily accomplish this with just a few lines of code!\n \n```jsx\nimport NanoleafLayout from \"nanoleaf-layout/lib/nanoleaf-layout\";\nimport React, {Component} from 'react';\n\nlet data = {\n  positionData: [\n    {\n      panelId: 1,\n      x: 100,\n      y: 100,\n      o: 180,\n    },\n  ],\n};\n\nexport default class App extends Component {\n\n  handlePanelFourClick = id =\u003e {\n    //Is the panel id 4?\n    id === 4 ? console.log('Panel 4 has been clicked!') : console.log('Wrong Panel Clicked!');\n  };\n\n  render() {\n    return (\n      \u003cNanoleafLayout\n        data={data}\n        onClick={data =\u003e {\n          this.handlePanelFourClick(data.id.id); //Hook into the onClick event, data is the SVG Object being returned\n        }}\n      /\u003e\n    );\n  }\n}\n```\n\n### More Examples\n\n#### Update panel **3's** color from lime green to white if its hovered over!\n\n ```jsx\n import NanoleafLayout from \"nanoleaf-layout/lib/nanoleaf-layout\";\nimport React, {Component} from 'react';\n\nlet data = {\n  sideLength: 150,\n  numPanels: 9,\n  positionData: [\n    {\n      panelId: 3,\n      x: 100,\n      y: 100,\n      o: 180,\n      color: \"#00ff00\"\n    },\n    {\n      panelId: 4,\n      x: 120,\n      y: -50,\n      o: 180,\n      color: \"#ffd033\"\n    }\n  ]\n};\n\nexport default class App extends Component {\n\n  handlePanelThreeClick = (id, data) =\u003e {\n    if (id === 3) {\n      //Get the Key in the position data array for the color we want to update\n      let key = data.positionData.findIndex(x =\u003e x.panelId == id);\n\n      //Update the color!\n      data[key].color = \"#FFFFFF\";\n    } else {\n      console.log(\"Wrong Panel...\");\n    }\n  };\n  render() {\n    return (\n      \u003cNanoleafLayout\n        data={data}\n        onHover={svg =\u003e {\n          this.handlePanelThreeClick(svg.id.id, data);\n        }} //Hook into the onHover event, svg is the SVG Object being returned and data is the position data\n      /\u003e\n    );\n  }\n}\n\n```\n\n### Notes\n\nPlease ensure that your data property is formatted correctly, \n\nNanoleaf Layout will automatically search for the `positionData` key in the given data set which must be an array of tiles (even if only one or no tiles exists).\nThe best way to ensure that the data is correct is to make a GET request to your nanoleaf for its layout information. \n\nYou can do this simply in the [Postman App](https://www.getpostman.com/). Find the IP address of your nanoleaf and make a GET\nrequest to its IP for example. `http://172.17.193.17:16021/api/v1/YOUR_API_TOKEN/`\n\nIf you are passing this information directly into the nanoleaf layout component make sure you map over it first and add any additional `color` or `strokeColor` props to each object!\n\nFor more information about how to get this data check out the Nanoleaf Developer Documentation.\n\n## Whats New\n\nAs of version `2.0.0` Nanoleaf layout has been completely rewritten in an SVG format instead of using HTML 5's Canvas.\nThis means its much more flexible from a development perspective and it brings new features like event hooks!\n\nYou can now hook into `onClick` `onExit` and `onHover` Mouse events for each and every panel. Panels in the nanoleaf layout have\nbeen synchronized and each provides a unique SVG object in a callback function which includes all the information about the panel\nthat's being interacted with!\n\nLet me know what you think about Nanoleaf Layout by submitting issues to the Github repo or contributing!\n\n[Nanoleaf Layout Github](https://github.com/cbartram/nanoleaf-layout)\n\n## License\n\nMIT General Use License\n\nCopyright (c) 2017 Christian Bartram.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcbartram%2Fnanoleaf-layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcbartram%2Fnanoleaf-layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcbartram%2Fnanoleaf-layout/lists"}