pinstripe 0.22.0 → 0.23.0

package/lib/commands/list_components.js

@@ -0,0 +1,16 @@
+
+import chalk from 'chalk';
+import { Component } from 'pinstripe';
+
+export default {
+    run(){
+        console.log('');
+        console.log('The following components are available:');
+        console.log('');
+        Component.names.forEach(componentName => {
+            console.log(`  * ${chalk.green(componentName)}`);
+        });
+        console.log('');
+    }
+};
+

package/lib/commands/list_migrations.js

@@ -0,0 +1,15 @@
+
+import chalk from 'chalk';
+import { Migration } from 'pinstripe/database';
+
+export default {
+    run(){
+        console.log('');
+        console.log('The following migrations are available:');
+        console.log('');
+        Migration.names.forEach(migrationName => {
+            console.log(`  * ${chalk.green(migrationName)}`);
+        });
+        console.log('');
+    }
+};

package/lib/commands/list_models.js

@@ -0,0 +1,15 @@
+
+import chalk from 'chalk';
+import { Row } from 'pinstripe/database';
+
+export default {
+    run(){
+        console.log('');
+        console.log('The following models are available:');
+        console.log('');
+        Row.names.forEach(modelName => {
+            console.log(`  * ${chalk.green(modelName)}`);
+        });
+        console.log('');
+    }
+};

package/lib/commands/list_services.js

@@ -0,0 +1,15 @@
+
+import chalk from 'chalk';
+import { ServiceFactory } from 'pinstripe';
+
+export default {
+    run(){
+        console.log('');
+        console.log('The following views are available:');
+        console.log('');
+        ServiceFactory.names.forEach(serviceFactoryName => {
+            console.log(`  * ${chalk.green(serviceFactoryName)}`);
+        });
+        console.log('');
+    }
+};

package/lib/commands/list_views.js

@@ -0,0 +1,16 @@
+
+import chalk from 'chalk';
+import { View } from 'pinstripe';
+
+export default {
+    run(){
+        console.log('');
+        console.log('The following views are available:');
+        console.log('');
+        View.names.forEach(viewName => {
+            console.log(`  * ${chalk.green(viewName)}`);
+        });
+        console.log('');
+    }
+};
+

package/lib/commands/migrate_database.js

@@ -0,0 +1,6 @@
+
+export default {
+    async run(){
+        await this.database.migrate();
+    }
+};

package/lib/commands/purge_old_sessions.js

@@ -0,0 +1,12 @@
+
+export default {
+    meta(){
+        this.schedule('*/5 * * * *');
+    },
+
+    minutesUntilExpiry: 30,
+
+    async run(){
+        // await this.database.withoutMultiTenancy.sessions.lastAccessedAtLt(Date.now() - (1000 * 60 * this.minutesUntilExpiry)).delete();
+    }
+};

package/lib/commands/reset_database.js

@@ -0,0 +1,9 @@
+
+import { Command } from 'pinstripe';
+
+export default {
+    async run(){
+        await this.runCommand('drop-database');
+        await this.runCommand('init-database');
+    }
+};

package/lib/commands/seed_database.js

@@ -0,0 +1,6 @@
+
+export default {
+    run(){
+        // do nothing
+    }
+};

package/lib/commands/show_config.js

@@ -0,0 +1,6 @@
+
+export default {
+    async run(){
+        console.log(JSON.stringify(await this.config, null, 2));
+    }
+};

package/lib/commands/start_repl.js

@@ -0,0 +1,6 @@
+
+export default {
+    async run(){
+        await this.repl.start()
+    }
+};

package/lib/commands/start_server.js

@@ -0,0 +1,9 @@
+
+export default {
+    run(){
+        this.server.start();
+    
+        //TODO: be able to pass a --without-bot option
+        this.bot.start();
+    }
+};

package/lib/component.js

@@ -1,12 +1,20 @@
 
-import { Class, TEXT_ONLY_TAGS, Inflector, VirtualNode, Registry } from "haberdash";
+import { fileURLToPath } from 'url'; // pinstripe-if-client: const fileURLToPath = undefined;
 
-import { EventWrapper } from './event_wrapper.js';
+import { Class } from './class.js';
+import { TEXT_ONLY_TAGS } from './constants.js';
+import { Inflector } from './inflector.js';
+import { VirtualNode } from './virtual_node.js';
+import { Registry } from './registry.js';
+import { ComponentEvent } from './component_event.js';
+import { Client } from './client.js'; // pinstripe-if-client: const Client = undefined;
 
 export const Component = Class.extend().include({
     meta(){
         this.include(Registry);
 
+        const { importFile } = this;
+
         this.assignProps({
             instanceFor(node){
                 if(!node._component){
@@ -22,6 +30,22 @@ export const Component = Class.extend().include({
 
             normalizeName(name){
                 return Inflector.instance.dasherize(name);
+            },
+
+            async importFile(params){
+                const { filePath, relativeFilePathWithoutExtension } = params;
+                if((await import(filePath)).default){
+                    Client.instance.addModule(`
+                        import { Component } from ${JSON.stringify(fileURLToPath(`${import.meta.url}/../index.js`))};
+                        import include from ${JSON.stringify(filePath)};
+                        Component.register(${JSON.stringify(relativeFilePathWithoutExtension)}, include);
+                    `);
+                } else {
+                    Client.instance.addModule(`
+                        import ${JSON.stringify(filePath)};
+                    `);
+                }
+                return importFile.call(this, params);
             }
         });
     },
@@ -103,7 +127,9 @@ export const Component = Class.extend().include({
     },
 
     get realParent(){
-        return this.node.parentNode ? this.constructor.instanceFor(this.node.parentNode) : null;
+        if(this.node.parentNode) return this.constructor.instanceFor(this.node.parentNode);
+        if(this.node.host instanceof Element) return this.constructor.instanceFor(this.node.host);
+        return null;
     },
 
     get parent(){
@@ -277,7 +303,7 @@ export const Component = Class.extend().include({
         const selector = args.pop()
 
         const wrapperFn = (event, ...args) => {
-            const eventWrapper = EventWrapper.instanceFor(event)
+            const eventWrapper = ComponentEvent.instanceFor(event)
             if(selector){
                 if(eventWrapper.target.is(selector)){
                     return fn.call(eventWrapper.target, eventWrapper, ...args);
@@ -464,6 +490,9 @@ const matchesSelector = (() => {
 })();
 
 function cleanChildren(){
+    if(this.node.shadowRoot){
+        this.shadow.children.forEach(child => clean.call(child));
+    }
     this.children.forEach(child => clean.call(child));
 }
 
@@ -494,6 +523,9 @@ function clearTimers(){
 }
 
 function initChildren(){
+    if(this.node.shadowRoot){
+        this.shadow.children.forEach(child => initChildren.call(child));
+    }
     this.children.forEach(child => initChildren.call(child));
 }
 
@@ -516,13 +548,19 @@ function createVirtualNode(html){
 }
 
 function patch(attributes, virtualChildren){
-    const isEmptyFrame = this.is('.frame') && virtualChildren.length == 0;
+    const isFrame = this.type == 'pinstripe-frame' || this.attributes['data-component'] == 'pinstripe-frame';
+    const isEmptyFrame = isFrame && virtualChildren.length == 0;
     if(isEmptyFrame && attributes['data-load-on-init'] === undefined){
         attributes['data-load-on-init'] = 'true';
     }
     patchAttributes.call(this, attributes);
     if(isEmptyFrame) return;
-    patchChildren.call(this, virtualChildren);
+    if(this.is('pinstripe-silo, [data-component="pinstripe-silo"]')){
+        patchChildren.call(this.shadow, virtualChildren);
+        patchChildren.call(this, []);
+    } else {
+        patchChildren.call(this, virtualChildren);
+    }
 }
 
 function patchAttributes(attributes){
@@ -601,10 +639,17 @@ function insert(virtualNode, referenceChild, returnComponent = true){
         insert.call(new Component(node, true), child, null, false);
     })
     
-    this.node.insertBefore(
-        node,
-        referenceChild && referenceChild.node
-    );
+    if(this.is('pinstripe-silo, [data-component="pinstripe-silo"]')){
+        this.shadow.node.insertBefore(
+            node,
+            referenceChild && referenceChild.node
+        );
+    } else {
+        this.node.insertBefore(
+            node,
+            referenceChild && referenceChild.node
+        );
+    }
     
     if(returnComponent){
         return Component.instanceFor(node);
@@ -632,17 +677,4 @@ function normalizeVirtualNode(){
     }
 }
 
-EventWrapper.Component = Component;
-
-[
-    ['#document', 'pinstripe-document'],
-    ['a', 'pinstripe-anchor'],
-    ['body', 'pinstripe-body'],
-    ['form', 'pinstripe-form']
-].forEach(([name, include]) => {
-    Component.register(name, {
-        meta(){
-            this.include(include);
-        }
-    })
-});
+ComponentEvent.Component = Component;

package/lib/component_event.js

@@ -0,0 +1,28 @@
+
+import { Class } from './class.js';
+import { trapify } from './trapify.js';
+
+export const ComponentEvent = Class.extend().include({
+    meta(){
+        this.assignProps({
+            instanceFor(event){
+                if(!event._componentEvent){
+                    event._componentEvent = ComponentEvent.new(event);
+                }
+                return event._componentEvent;
+            }
+        });
+    },
+
+    initialize(event){
+        this.event = event;
+        return trapify(this);
+    },
+
+    __get(target, name){
+        const out = target.event[name];
+        if(out instanceof Node) return ComponentEvent.Component.instanceFor(out);
+        if(typeof out == 'function') return (...args) => out.call(target.event, ...args);
+        return out;
+    }
+});

package/lib/components/_file_importer.js

@@ -0,0 +1 @@
+export { Component as default } from 'pinstripe';

package/lib/components/{anchor.js → a.js}

@@ -1,8 +1,7 @@
 
-import { Component } from "../component.js";
 import { loadFrame, removeFrame } from "./helpers.js";
 
-Component.register('pinstripe-anchor', {
+export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
@@ -19,4 +18,4 @@ Component.register('pinstripe-anchor', {
     
         if(this.is('input, textarea')) this.on('keyup', (event) => this.trigger('click'));
     }
-});
+};

package/lib/components/body.js

@@ -1,7 +1,5 @@
 
-import { Component } from "../component.js";
-
-Component.register('pinstripe-body', {
+export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
@@ -32,4 +30,4 @@ Component.register('pinstripe-body', {
     unclip(){
         this.shadow.find('.styles').patch('');
     }
-});
+};

package/lib/components/document.js

@@ -1,7 +1,5 @@
 
-import { Component } from "../component.js";
-
-Component.register('pinstripe-document', {
+export default {
     meta(){
         this.include('pinstripe-frame');
     },
@@ -48,4 +46,4 @@ Component.register('pinstripe-document', {
             }, headers)
         }, otherOptions));
     }
-});
+};

package/lib/components/form.js

@@ -1,9 +1,7 @@
 
-import { Component } from "../component.js";
-
 import { loadFrame } from "./helpers.js";
 
-Component.register('pinstripe-form', {
+export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
@@ -24,4 +22,4 @@ Component.register('pinstripe-form', {
     get hasUnsavedChanges(){
         return this.data.hasUnsavedChanges || JSON.stringify(this.values) != this._initialHash;
     }
-});
+};

package/lib/components/{frame.js → pinstripe_frame.js}

@@ -1,7 +1,5 @@
 
-import { Component } from "../component.js";
-
-Component.register('pinstripe-frame', {
+export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
@@ -46,4 +44,4 @@ Component.register('pinstripe-frame', {
 
         return this.patch(await response.text());
     }
-});
+};

package/lib/components/{markdown_editor.js → pinstripe_markdown_editor.js}

@@ -1,7 +1,7 @@
 
 import { Component } from '../component.js'
 
-Component.register('pinstripe-markdown-editor', {
+export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
@@ -41,7 +41,7 @@ Component.register('pinstripe-markdown-editor', {
         editorTextarea.node.selectionStart = position;
         editorTextarea.node.selectionEnd = position;
     }
-});
+};
 
 Component.register('pinstripe-markdown-editor/line-inserter', {
     initialize(...args){
@@ -59,11 +59,11 @@ Component.register('pinstripe-markdown-editor/line-inserter', {
 
 Component.register('pinstripe-markdown-editor/anchor', {
     meta(){
-        this.include('pinstripe-anchor');
+        this.include('a');
     },
 
     initialize(...args){
-        this.constructor.for('pinstripe-anchor').prototype.initialize.call(this, ...args);
+        this.constructor.for('a').prototype.initialize.call(this, ...args);
 
         this.patch({ 
             ...this.attributes,

package/lib/components/{overlay.js → pinstripe_overlay.js}

@@ -1,7 +1,5 @@
 
-import { Component } from "../component.js";
-
-Component.register('pinstripe-overlay', {
+export default {
     meta(){
         this.include('pinstripe-frame');
     },
@@ -57,4 +55,4 @@ Component.register('pinstripe-overlay', {
             this.document.body.unclip();
         }
     }
-});
+};

package/lib/components/{progress_bar.js → pinstripe_progress_bar.js}

@@ -1,7 +1,5 @@
 
-import { Component } from "../component.js";
-
-Component.register('pinstripe-progress-bar', {
+export default {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
@@ -75,4 +73,4 @@ Component.register('pinstripe-progress-bar', {
             }
         }
     }
-});
+};

package/lib/components/pinstripe_silo.js

@@ -0,0 +1,2 @@
+
+export default {};

package/lib/constants.js

@@ -0,0 +1,26 @@
+
+export const SELF_CLOSING_TAGS = [
+    'area',
+    'base',
+    'br',
+    'embed',
+    'hr',
+    'iframe',
+    'img',
+    'input',
+    'link',
+    'meta',
+    'param',
+    'slot',
+    'source',
+    'track'
+];
+
+export const TEXT_ONLY_TAGS = [
+    'script',
+    'style'
+];
+
+export const IS_SERVER = typeof window == 'undefined';
+
+export const IS_CLIENT = !IS_SERVER;

package/lib/context.js

@@ -0,0 +1,40 @@
+
+import { Class } from './class.js';
+
+export const Context = Class.extend().include({
+    meta(){
+        this.assignProps({ name: 'context' });
+    },
+
+    initialize(){
+        this.assignProps({ root: this });
+    },
+
+    async run(fn){
+        let out;
+        try {
+            out = await fn(this);
+        } catch (e){
+            await this.destroy();
+            throw e;
+        }
+        await this.destroy();
+        return out;
+    },
+
+    fork(){
+        const out = this.constructor.new();
+        out.assignProps({ parent: this, root: this?.root });
+        return out;
+    },
+
+    async destroy(){
+        const resources = Object.values(this);
+        while(resources.length){
+            const resource = await resources.shift();
+            if(typeof resource == 'object' && !(resource instanceof Context) && typeof resource.destroy == 'function'){
+                await resource.destroy();
+            }
+        }
+    }
+});