pinstripe 0.26.0 → 0.27.0

package/lib/component.js

@@ -17,7 +17,7 @@ export const Component = Class.extend().include({
                 if(!node._component){
                     node._component = Component.new(node, true);
                     node._component = Component.create(
-                        node._component.attributes['data-component'] || node._component.type,
+                        node._component.attributes['data-component'] || (node._component.type == '#document' ? 'pinstripe-document' : node._component.type),
                         node
                     );
                     if(node.isConnected) node._component.trigger('init', { bubbles: false });
@@ -626,6 +626,13 @@ function insert(virtualNode, referenceChild, returnComponent = true){
     }
 }
 
+const COMPONENT_MAP = {
+    a: 'pinstripe-anchor',
+    body: 'pinstripe-body',
+    form: 'pinstripe-body',
+    
+};
+
 function normalizeVirtualNode(){
     if(!this.parent && this.children.some(child => child.type == 'html')){
         this.children = [
@@ -645,6 +652,24 @@ function normalizeVirtualNode(){
     if(this.parent && this.parent.type == 'textarea' && this.type == '#text'){
         this.attributes.value = this.attributes.value.replace(/^\n/, '');
     }
+
+    if(!this.attributes['data-component']){
+        if(this.type == 'a'){
+            this.attributes['data-component'] = 'pinstripe-anchor';
+        }
+
+        if(this.type == 'body'){
+            this.attributes['data-component'] = 'pinstripe-body';
+        }
+
+        if(this.type == 'form'){
+            this.attributes['data-component'] = 'pinstripe-form';
+        }
+
+        if(this.type == 'script' && this.attributes.type == 'pinstripe'){
+            this.attributes['data-component'] = 'pinstripe-script';
+        }
+    }
 }
 
 ComponentEvent.Component = Component;

package/lib/components/pinstripe_frame.js

@@ -47,7 +47,7 @@ export default {
         this.abort();
         const { method = 'GET', placeholderUrl } = options;
         const cachedHtml = method == 'GET' ? loadCache.get(url.toString()) : undefined;
-        const out = cachedHtml ? this.patch(cachedHtml) : undefined;
+        if(cachedHtml) this.patch(cachedHtml);
         let minimumDelay = 0;
         if(!cachedHtml && placeholderUrl){
             const placeholderHtml = loadCache.get(placeholderUrl.toString());

package/lib/components/{script.js → pinstripe_script.js}

@@ -3,8 +3,6 @@
 export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
-        
-        if(this.params.type != 'pinstripe') return;
 
         this.setTimeout(() => (new Function(this.text)).call(this));
     }

package/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "name": "pinstripe",
   "description": "Surgically updates your app's DOM when a page changes.",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "author": "Jody Salt",
   "license": "MIT",
   "exports": {
@@ -13,12 +13,12 @@
     "clean": "rm -rf ./node_modules"
   },
   "dependencies": {
-    "@blognami/util": "^0.26.0"
+    "@blognami/util": "^0.27.0"
   },
   "repository": {
     "type": "git",
     "url": "git://github.com/blognami/blognami.git",
     "directory": "packages/pinstripe"
   },
-  "gitHead": "981a4f7fdb5c28e6255a80e6a3cf1d3e4c8fc971"
+  "gitHead": "4dfbb8d6cf08202165ebbc34dfef42e718a0d9e5"
 }