{"id":13447312,"url":"https://github.com/WebReflection/heresy","last_synced_at":"2025-03-21T17:31:14.165Z","repository":{"id":55002171,"uuid":"183789451","full_name":"WebReflection/heresy","owner":"WebReflection","description":"React-like Custom Elements via V1 API builtin extends.","archived":false,"fork":false,"pushed_at":"2021-01-16T11:01:19.000Z","size":904,"stargazers_count":275,"open_issues_count":2,"forks_count":16,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-08T17:56:47.766Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://medium.com/@WebReflection/any-holy-grail-for-web-components-c3d4973f3f3f","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WebReflection.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":"hyperHTML","ko_fi":null,"tidelift":null,"custom":"https://www.patreon.com/webreflection"}},"created_at":"2019-04-27T15:22:51.000Z","updated_at":"2024-12-16T21:21:42.000Z","dependencies_parsed_at":"2022-08-14T08:40:54.815Z","dependency_job_id":null,"html_url":"https://github.com/WebReflection/heresy","commit_stats":null,"previous_names":[],"tags_count":102,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebReflection%2Fheresy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebReflection%2Fheresy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebReflection%2Fheresy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WebReflection%2Fheresy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WebReflection","download_url":"https://codeload.github.com/WebReflection/heresy/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244818780,"owners_count":20515533,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-07-31T05:01:13.597Z","updated_at":"2025-03-21T17:31:14.137Z","avatar_url":"https://github.com/WebReflection.png","language":"JavaScript","readme":"# ![heresy logo](heresy.png) heresy\nDon't simulate the DOM. Be the DOM.\n- - -\n\u003csup\u003e**Social Media Photo by [Alexey Zhavoronkov](https://twitter.com/alexusrnd) from [a2.agencylash](https://a2.agency/)**\u003c/sup\u003e\n\n![WebReflection status](https://offline.report/status/webreflection.svg) [![License: ISC](https://img.shields.io/badge/License-ISC-yellow.svg)](https://opensource.org/licenses/ISC) [![Build Status](https://travis-ci.com/WebReflection/heresy.svg?branch=master)](https://travis-ci.com/WebReflection/heresy) [![Greenkeeper badge](https://badges.greenkeeper.io/WebReflection/heresy.svg)](https://greenkeeper.io/)\n\nReact-like Custom Elements via the V1 API built-in extends. **[Also available for SSR](https://github.com/WebReflection/heresy-ssr#readme).**\n\n- - -\n\n### 📣 Community Announcement\n\nPlease ask questions in the [dedicated discussions repository](https://github.com/WebReflection/discussions) to help the community around this project grow ♥\n\n---\n\n### V1 Breaking Changes\n\nPlease be sure you understand the [breaking changes landed in lighterhtml](https://github.com/WebReflection/lighterhtml#v4-breaking-changes).\n\n- - -\n\n## What is this _heresy_ ?\n\nThis project is some sort of answer to these major trends:\n\n  * believing you cannot have tiny APIs which are able to compete with most famous frameworks\n  * believing custom elements are not cool enough to compete with such frameworks\n  * believing the built-in extends of custom elements are unnecessary or not useful at all\n\nBorrowing concepts and patterns from various libraries, _heresy_ enables custom elements as you've never seen before:\n\n  * declarative UI (i.e. `\u003cComponent class=${...}\u003e\u003cSection .dataset=${{...}}/\u003e\u003c/Component\u003e`) without needing JSX transformations or tooling at all\n  * locally scoped custom elements to avoid name clashing and make components reusable in any context, similarly to what you can do with React components\n  * automatic component name definition passed through the optional `Component.style(...selectors)` to inject related styles only once per definition\n  * automatic [handleEvent](https://medium.com/@WebReflection/dom-handleevent-a-cross-platform-standard-since-year-2000-5bf17287fd38) pattern so that you can forget the unnecessary overhead of `this.method = this.method.bind(this)`\n  * out of the box lifecycle events, such as `oninit(event)`, `onconnected(event)`, `ondisconnected(event)` or `onattributechanged(event)`, so that you can skip the ugly `attributeChangedCallback` and other unintuitive callbacks right away (but still use them if you like)\n  * out of the box `observedAttributes` and `booleanAttributes` behavior, borrowed directly from [HyperHTMLElement](https://github.com/WebReflection/hyperHTML-Element#readme) Class\n  * automatic, smart component initializer via `Component.new()` that avoids all the quirks related to the initialization of custom elements and built-ins\n  * an ever available `comp.is` string (you won't believe it's not always an attribute if created procedurally via a registered class)\n  * automatic, lazy `this.html` and `this.svg` template literal tags, to populate a component's content within its optionally, locally scoped defined elements\n  * provides a simplified way to target rendered nodes through the React-like `ref()` utility\n  * **hooks** implemented via `render({useState, ...})` definition. If a render has an argument, it will contain all hooks exported from [augmentor](https://github.com/WebReflection/augmentor#readme). Import `createContext` from _heresy_, to be able to use `render({useContext})`. Import `defineHook` to create custom hooks.\n\n\n### Custom hooks\n\nIt is possible to define your own hooks through the `defineHook(name, fn)` utility.\n\n```js\nimport {defineHook} from 'heresy';\n\ndefineHook('useCounter', ({useRef}) =\u003e () =\u003e {\n  const counter = useRef(0);\n  return counter.current++;\n});\n\n// using the useCounter in a render\nconst Comp = {\n  extends: 'span',\n  render({useCounter}) {\n    const count = useCounter();\n    this.textContent = count;\n  }\n};\n```\n\nPlease note that name must be unique, so if you'd like to be sure there won't ever be conflicts, use a `Symbol` instead of a string.\n\n```js\nimport {defineHook} from 'heresy';\n\nconst uso = Symbol();\n\ndefineHook(uso, ({useState}) =\u003e () =\u003e {\n  const [current, update] = useState({});\n  return [current, state =\u003e {\n    update({...current, ...state});\n  }];\n});\n\n\nconst Comp = {\n  extends: 'p',\n  render({[uso]: useStateObject}) {\n    const [state, update] = useStateObject();\n    // do something with the state\n  }\n};\n```\n\n\n### Usage in a nutshell\n\nA component can be defined through both classes or raw object literals.\n\n```js\n// \u003cItem props=${{name}} /\u003e\n\n// as object literal\nconst literal = {\n  name: 'Item',\n  extends: 'li',  // will extends li constructor\n  render() {\n    this.html`my name is ${this.props.name}`;\n  }\n};\n\n// as class\nclass Item extends HTMLLiElement {\n  static name = 'Item';   // necessary if code gets transpiled\n  static tagName = 'li';  // necessary to indicate the kind\n  render() {\n    this.html`my name is ${this.props.name}`;\n  }\n}\n```\n\nWhile both the name and tag it represents, can be defined within the class or object, it's rather suggested to pre-define at least the tag it's going to represent, but not the name.\n\n```js\nconst literal = {\n  extends: 'li',\n  render() { this.html`my name is ${this.props.name}`; }\n};\n\n// in this way it's possible to define the name only via\ndefine('Item', literal);\n```\n\nAlternatively, it is possible to not include name and tag, defining these via the `Comp:tag` or `Comp\u003ctag\u003e` convention.\n\n```js\nclass Item extends HTMLLiElement {\n  render() { this.html`my name is ${this.props.name}`; }\n}\n\ndefine('MyItem\u003cli\u003e', Item);\n// OR\ndefine('MyItem:li', Item);\n```\n\n\n#### Which tag ?\n\nThe beauty and power of the built-in extends of custom elements is that you can literally represent any tag you want/need.\n\nHowever, if you'd like to simply extend a non-standard tag, you can always fall back to the `element` tag kind, which will extend `HTMLElement`, and represent the component through its retrieved `\u003chyphen-ized-heresy\u003e` name.\n\n```js\n// either as object\nconst Component = {\n  extends: 'element',\n  onconnected() { console.log(this.outerHTML); }\n};\n\n// or as class\nclass Component extends HTMLElement {\n  static get tagName() { return 'element'; }\n  onconnected() { console.log(this.outerHTML); }\n};\n\nconst MyElement = heresy.define('MyElement', Component);\ndocument.body.appendChild(MyElement.new());\n// in console: \u003cmy-element-heresy\u003e\u003c/my-element-heresy\u003e\n```\n\n\n### Local components in a nutshell\n\nWhile `define(...)` will use the global registry to define the specific declarative name, making it a good practice to namespace it (i.e. `FWDatePicker`, `StencilForm` etc.), it is possible to define local components through the usage of `includes`, also aliased as `contains`.\n\nSuch a list will still pass through the registry, so that local components are fully valid custom elements that never name-clash with anything else, so that it's easier to split complex components into various sub-modules and only define their main container globally.\n\nThe following example has been rewritten with extra details and is [live on codepen](https://codepen.io/WebReflection/pen/argjeV?editors=0010).\n\n```js\nimport {define, ref, render, html} from 'heresy';\n\nimport {User, Pass} from './form/ui.js';\nimport {validate, switchPage} from './form/utils.js';\n\nconst Form = {\n  extends: 'form',\n  includes: {User, Pass},\n  oninit() {\n    // refs can be declared upfront or inline (see render)\n    this.user = ref();\n    this.addEventListener('submit', this);\n  },\n  onsubmit(event) {\n    event.preventDefault();\n    if (validate(this.user.current, this.pass.current))\n      fetch('/log-in').then(switchPage).catch(console.error);\n  },\n  // render is invoked automatically on connected\n  // if no connected, or callback is explicitly defined\n  render() {\n    this.html`\n    \u003clabel\u003eYour name: \u003cUser ref=${this.user} name=\"user\"\u003e\u003c/label\u003e\n    \u003clabel\u003eYour pass: \u003cPass ref=${ref(this, 'pass')} name=\"pass\"\u003e\u003c/label\u003e\n    `;\n  }\n};\n\ndefine('SiteLogin', Form);\nrender(document.body, html`\u003cSiteLogin/\u003e`);\n```\n\nThe `includes` or `contains` property, if present, must be a map of `\"Name\": Component` pairs, where the name could also define the tag type, like it does with `define(...)`.\n\nIn the previous example both `User` and `Pass` are components extending `input`, so that the tag name is not necessary, but `{\"User\u003cbutton\u003e\": User}`, or `{\"User:button\": User}`, would eventually be valid as a local component.\n\n\n#### How can components be local?\nThe main difference with local components is that their registry name gets polluted with a unique identifier, so that instead of `\u003cinput is=\"user-heresy\"\u003e` the outcome would be `\u003cinput is=\"user-xxx-heresy\"\u003e`. The unique identifier in between (`xxx`) is added in cases where a component can be defined or used together with many other components, so that name clashing won't ever be an issue.\n\n\n### Class and object API summary\n\nA similar example is [live in Code Pen](https://codepen.io/WebReflection/pen/WWPWdR?editors=0010).\n\n```js\nimport {define, html, render} from 'heresy';\n\n// classes or objects, to define components, are the same\nclass MyButton extends HTMLButtonElement {\n\n  // (optional) static fields to define the component/class name or tag\n  // use define('MyButton:button', MyButton); if you want to avoid this\n  static get name() { return 'MyButton'; }\n  static get tagName() { return 'button'; }\n\n  // (optional) static callback to style components (once per definition)\n  //            when there are local components, it will receive also these\n  //            in definition order\n  static style(MyButton) {\n    // the component could be scoped so that\n    // to be sure the selector is the right one\n    // always use the received component to define its styles\n    return `${MyButton} {\n      border: 2px solid black;\n    }`\n  }\n\n  // (optional) attributes that can either be true or false once accessed\n  // reflected on the DOM as either present, or not\n  static get booleanAttributes() { return ['checked']; }\n\n  // (optional) store any value directly and dispatch `on${name}` on changes\n  static get mappedAttributes() { return ['data']; }\n  // if `ondata(event){}` is defined, event.detail will have the new value\n\n  // (optional) native Custom Elements behavior with changes dispatched\n  // through the onattributechanged callback\n  static get observedAttributes() { return ['name', 'age']; }\n\n  // (optional) event driven initialization that will happen only once\n  // the ideal constructor substitute for any sort of one-off init\n  // this is triggered only once the component goes live, never before *\n  // * unless explicitly dispatched, of course\n  oninit(event) {}\n\n  // (optional) event driven lifecycle methods, added automatically when\n  // no Custom Elements native methods such as connectedCallback, and others\n  // have been explicitly set as methods\n  onconnected(event) {}\n  ondisconnected(event) {}\n  onattributechanged(event = {attributeName, oldValue, newValue}) {}\n\n  // (optional) populate this custom element content\n  //            if the signature has at least one argument,\n  //            as in render({useState, ...}),\n  //            the render will be bound automatically\n  //            with hooks capabilities\n  render() {\n    // this.html or this.svg are provided automatically\n    this.html`Click ${this.props.name}!`;\n  }\n\n  // (optional) automatically defined to trigger\n  // this[`on${event.type}`](event);\n  handleEvent(event) {}\n\n  // (optional) automatically defined to return this.getAttribute('is')\n  get is () {}\n}\n\n// components can be defined both as classes or objects\nconst Generic = {\n\n  // both name and extends are optional\n  // if defined via define('Name:extends', object)\n  name: 'Generic',\n  extends: 'element', // or div, p, etc\n\n  // statics are defined on the derived class\n  style(selector) {},\n  observedAttributes: [],\n  booleanAttributes: [],\n\n  // all other events supported too\n  oninit() {}\n};\n\n// define the custom element via class (requires static name and tagName)\ndefine(MyButton);\n\n// or define the custom element via Component:tag\ndefine('MyButton\u003cbutton\u003e', MyButton);\n\n// populate some node\nrender(document.body, html`\u003cMyButton props=${{name: 'Magic'}} /\u003e`);\n\nsetTimeout(() =\u003e console.log(document.body.innerHTML));\n// \u003cbutton is='my-button-heresy'\u003eClick Magic!\u003c/button\u003e\n```\n\n\n## Compatibility\n\nThe [test page](https://webreflection.github.io/heresy/test/) uses and describes a few techniques to address all browsers, from IE9 to latest evergreen.\n\nThe following list describes the _heresy_'s compatibility break down:\n\n  * IE9 and IE10 *might* need an `Object.freeze` patch, to avoid breaking on frozen template literals when passed to polyfilled WeakMaps. The patch checks for the existence of `WeakMap`, hence it's completely safe for any modern browser, including IE11.\n  * old Edge and all IE might need a Custom Elements polyfill upfront. In this case the famous [document-register-element](https://github.com/WebReflection/document-register-element) would be the suggested choice, since it patches built-ins right away, too.\n  * Safari and WebKit have an understandable but pretty stubborn position regarding built-in elements, so that a 1K [polyfill](https://github.com/ungap/custom-elements-builtin) is needed in case you target Safari and WebKit.\n  * you don't need a polyfill for Safari if you only extend `element`, but you'll miss out 90% of the fun with programming through built-in extends\n\n\n### Broader wider compatibility in a nutshell\n\n```html\n\u003cscript\u003e\n  // Patch for IE9 and IE10 (browsers with no WeakMap)\n  // frozen template literals cannot be addressed by common WeakMap polyfills\n  // this patch avoid Object.freeze to break when template literals are passed to WeakMaps\n  this.WeakMap||!function(O,f){f=O.freeze;O.freeze=function(o){return 'raw' in o?o:f(o)}}(Object);\n\u003c/script\u003e\n\u003cscript\u003e\n  // Patch for all IE, Edge, and older browsers without customElements\n  // completely ignored/irrelevant for any other modern browser\n  // https://github.com/WebReflection/document-register-element\n  this.customElements||document.write(\n    '\u003cscript src=\"https://unpkg.com/document-register-element\"\u003e\u003c\\x2fscript\u003e'\n  );\n\u003c/script\u003e\n\u003cscript defer src=\"https://unpkg.com/@ungap/custom-elements-builtin\"\u003e/*\n  1K Patch for Safari/WebKit\n  https://github.com/ungap/custom-elements-builtin\n*/\u003c/script\u003e\n```\n\nAlternatively, you can use this minified version to never download the Safari-only polyfill.\n\n```html\n\u003cscript\u003eif(this.customElements)try{customElements.define('built-in',document.createElement('p').constructor,{'extends':'p'})}catch(a){document.write('\u003cscript src=\"//unpkg.com/@ungap/custom-elements-builtin\"\u003e\u003c'+'/script\u003e')}else document.write('\u003cscript src=\"//unpkg.com/document-register-element\"\u003e\u003c'+'/script\u003e');\u003c/script\u003e\n```\n\n\n\n## Concept\n\nCustom Elements built-ins are likely the best thing we have to build components the way we want to.\n\nInstead of using a non standard indirection as JSX is, we can use the power of [domtagger](https://github.com/WebReflection/domtagger#domtagger), the [hyperHTML](https://github.com/WebReflection/hyperHTML) and [lighterhtml](https://github.com/WebReflection/lighterhtml) tag engine, to replace once any `\u003cDefinedElement /\u003e` with or without nested nodes.\n\nThe Custom Elements V1 API provides enough primitives to intercept any sort of attribute (i.e. the `props` in the example), but also react to events such `connectedCallback` or `disconnectedCallback` and `attributeChangedCallback`.\n\nMixed up with built-in extends in a way that any component is a real thing on the DOM instead of a facade of itself, _heresy_ makes the creation of apps, from simple to complex, a no-brainer: define the content through `this.html` or `this.svg` and that's it.\n\nWhen any class is defined, it's not just necessarily a useless `HTMLElement`, it can be pretty much any kind of element.\n\nThe following example is [live in Code Pen](https://codepen.io/WebReflection/pen/eoxobK?editors=0010).\n```js\nimport {define, ref, html, render} from 'heresy';\n\n// a div\ndefine(class Div extends HTMLDivElement {\n  static get name() { return 'Div'; }\n  static get tagName() { return 'div'; }\n});\n\n// a paragraph\ndefine('P\u003cp\u003e', class extends HTMLParagraphElement {});\n\n// a h1\ndefine('H1\u003ch1\u003e', class extends HTMLHeadingElement {});\n\n// render them all + ref example\nconst refs = {};\n\n// refs can be created right away\nrefs.div = ref();\n\n// or within the render\nrender(document.body, html`\n  \u003cDiv ref=${refs.div}\u003e\n    \u003cH1 ref=${ref(refs, 'h1')}\u003eHello there\u003c/H1\u003e\n    \u003cP\u003eThis is how custom elements look via heresy.\u003c/P\u003e\n    \u003cP\u003eIsn't this awesome?\u003c/P\u003e\n  \u003c/Div\u003e\n`);\n\nconsole.log(refs.h1.current); // the H1 instance/node\n```\n\n\n### Local components live example\n\nYou can see the [following example live](https://webreflection.github.io/heresy/test/local.html).\n```js\n// p.js - could be an object too\nexport default class extends HTMLParagraphElement {\n  static get tagName() { return 'p'; }\n  oninit() {\n    console.log(this.outerHTML);\n  }\n};\n\n// first.js - it has a local P\nimport P from './p.js';\nexport default {\n  extends: 'div',\n  includes: {P},  // with its own definition\n  render() {\n    this.html`\u003cP\u003efirst\u003c/P\u003e`;\n  }\n};\n\n// second.js - it uses P again as local\nimport P from './p.js';\nexport default {\n  extends: 'div',\n  includes: {P},  // with its own definition\n  render() {\n    this.html`\u003cP\u003esecond\u003c/P\u003e`;\n  }\n};\n\n// index.js\nconst {define, render, html} = heresy;\n\nimport First from './first.js';\nimport Second from './second.js';\n\nconst Div = define('Div', {\n  extends: 'div',\n  includes: {First, Second},\n  render() {\n    this.html`\u003cFirst/\u003e\u003cSecond/\u003e`;\n  }\n});\n\n// either\nrender(document.body, html`\u003cDiv/\u003e`);\n// or even document.body.appendChild(Div.new());\n\n```\n\n## CSS - The components style precedence\n\nComponents are defined once per kind, and the styles of local components are appended live before the outer component, giving it the ability to force extra styles when needed, or improve the specificity for a specific component/style when used within some other.\n\n```js\nconst Div = define('Div', {\n  extends: 'div',\n  includes: {First, Second},\n  // will receive the selectors for self and included components\n  style(Div, First, Second) {\n    // since outer component style is injected after\n    // it is possible to eventually overwrite nested\n    // components through higher priority / specificity\n    return `\n      ${Div} { font-size: 16px; }\n      ${Div} \u003e ${First} { padding: 0; }\n      ${Div} ${Second} { font-weight: smaller; }\n    `;\n    console.log([Div, First, Second].join(', '));\n  },\n  render() {\n    this.html`\u003cFirst/\u003e\u003cSecond/\u003e`;\n  }\n});\n```\n\nYou can see what the `style(...)` receives reading the console in this [live demo](https://webreflection.github.io/heresy/test/local.html).\n\n\n## CSS - How to query or style all globally defined components\n\nEvery global built-in extend will have a `-heresy` suffix to ensure both that the Custom Element can be registered, but also grant a common pattern to reach components.\n\n```css\n*[is$='-heresy']:hover {\n  opacity: .8;\n}\n\n/* ⚠ too specific: it does not work with local components */\ntag[is='specific-heresy'] {\n  display: block;\n}\n```\n\n## CSS - How to query or style local components\n\nWhen components are defined locally, there will be an incremental number between the component name and the `-heresy` suffix.\n\nInstead of addressing a specific suffix, it is instead suggested to address the known prefix.\n\n```css\n/* ℹ usable for both globally registered and nested components */\ntag[is^='my-button-'] {\n  display: block;\n}\n```\n\n- - -\n\n## Project Showcases\n\n  * the classic [TodoMVC](https://github.com/WebReflection/heresy-todo)\n\n## Project Achievements\n\n  * declared elements are the instance you'd expect (no virtual, no facade)\n  * declared elements can be of any kind (table, tr, select, option, ...), including element\n  * declare any component within other components, breaking the limits of a single, name-clashing based registry\n  * any attribute change, or node lifecycle, can be tracked via the Custom Elements V1 API (no componentDidMount and friends)\n  * `oninit`, `onconnected`, `ondisconnected`, and `onattributechanged` events out of the box\n  * `handleEvent` paradigm out of the box\n  * `observedAttributes` and `booleanAttributes` do what everyone expects these to do\n  * no redundant dom nodes, no ghost fragments, an \"as clean as possible\" output\n  * the performance of lighterhtml, fine tuned for this specific use case\n  * it's [SSR (Server Side Rendering) friendly](https://github.com/WebReflection/heresy-ssr#readme), and custom elements hydrate automatically\n  * usage of `ref` to simplify reaching nodes after render\n  * automatic `render` when the method is present and no `onconnected` or `connectedCallback` has been explicitly defined\n  * CSS specificity is granted per each component via `style: selector =\u003e '...'` so that **there is no need to use Shadow DOM** and the heavy polyfills related to it\n","funding_links":["https://opencollective.com/hyperHTML","https://www.patreon.com/webreflection"],"categories":["JavaScript","Examples"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWebReflection%2Fheresy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FWebReflection%2Fheresy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FWebReflection%2Fheresy/lists"}