Comments (3)
In general, we need a way to figure out is specific DOM node contain any modifiers or not, including some basic modifier metadata. I think we could look at modifierManager
API. Here is how we may implement it:
type ModifierMetadata = {
name: 'boka-toka',
fileLocation: '/user/ember/app/modifiers/boka-toka.ts',
args: { positional: unknown[], named: Record<string, unknown> }
}
globalThis.modifiersForNodes = new WeakMap<HTMLElement, ModifierMetadata>;
ModifierManager {
installModifier(element: HTMLNode, modifierFunction, metadata) {
globalThis.modifiersForNodes.add(element, metadata);
return modifierFunction(metadata);
}
}
Ember inspector part:
Once we resolve render tree, we had every components and it's children. Basically, we need to filter-out DOM nodes, belonging to each component. After we could patch
existing render tree with component-like structure.
const modifierMeta = modifiersForNodes(node);
return {
id: 'scj092s232e',
args: modifierMeta.args,
instance: null,
name: modifierMeta.name,
type: 'modifier',
isInRemote: false,
template: modifierMeta.fileLocation,
children: [],
bounds: {
firstNode: node, lastNode: node, parentElement: node.parentElement
}
}
as addition, we could expose HTMLElement
s with modifiers as type="node"
and have modifiers as arguments on specific
component
type.
from ember-inspector.
Related Issues (20)
- v4.8.0 on Chrome raises errors from Testem during Integration Tests
- ember inspector stops responding, error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. HOT 2
- Including the `ember` npm package in app's dependencies breaks Ember Inspector HOT 2
- Ember Inspector release `4.9.0` failed to publish to Firefox HOT 1
- Ember inspector not loading: TypeError: window.requireModule.has is not a function HOT 3
- Property Inspector attempts nested access of a property whose name includes a period
- in-page-script.js inserted into Wordpress editor HOT 2
- Scroll to matches in component tree instead of filtering HOT 1
- Option to guess at better pathings? HOT 6
- Breaks on ember 5.2 w/ staticEmberSource: true HOT 17
- Could Ember Inspector deobfuscate component names? HOT 2
- Ember inspector 4.10 not working with 3.28 HOT 16
- Inspector not loading: issues with chrome api
- Inspector is stomping app's EmberENV HOT 6
- error when inspecting models HOT 2
- Ember application not detected with Firefox 120.0 HOT 8
- CalculateCPError on Nested Arrays with Objects & Unresponsive After Less than 3 Mintues
- Inspector Becomes Unresponsive When Left Open for a Few Minutes HOT 5
- Public API for 3rd party integration HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ember-inspector.