Initial commit

.gitignore

@@ -0,0 +1,5 @@
+node_modules
+npm-debug.log
+dist
+README.md
+package-lock.json

package.json

@@ -0,0 +1,38 @@
+{
+ "name": "preact-shadow-root",
+ "amdName": "Shadow",
+ "version": "1.0.0",
+ "description": "Render a Preact subtree into the Shadow DOM.",
+ "source": "preact-shadow-root.js",
+ "main": "dist/preact-shadow-root.js",
+ "module": "dist/preact-shadow-root.es.js",
+ "umd:main": "dist/preact-shadow-root.umd.js",
+ "scripts": {
+ "build": "microbundle",
+ "prepare": "npm run -s build",
+ "test": "eslint src && npm run -s build"
+ },
+ "eslintConfig": {
+ "extends": "eslint-config-developit"
+ },
+ "files": [
+ "preact-shadow-root.js",
+ "dist"
+ ],
+ "keywords": [
+ "preact",
+ "component",
+ "shadow root",
+ "shadow dom"
+ ],
+ "author": "Jason Miller <[email protected]>",
+ "license": "MIT",
+ "devDependencies": {
+ "eslint": "^4.6.1",
+ "eslint-config-developit": "^1.1.1",
+ "microbundle": "^0.3.1"
+ },
+ "peerDependencies": {
+ "preact": "*"
+ }
+}

preact-shadow-root.js

@@ -0,0 +1,20 @@
+import { render } from 'preact';
+
+/* Shadow Root component */
+export default class Shadow {
+ shouldComponentUpdate(nextProps) {
+ this.update(nextProps);
+ return false;
+ }
+ componentDidMount() {
+ let parent = this.base && this.base.parentNode;
+ if (parent) {
+ this.shadow = parent.attachShadow({ mode: 'open' });
+ this.update(this.props);
+ }
+ }
+ update(props) {
+ render(props.children[0], this.shadow, this.shadow.firstChild);
+ }
+ render() {}
+}