pinstripe 0.20.0 → 0.22.0

package/lib/component.js

@@ -1,21 +1,12 @@
 
-import { fileURLToPath } from 'url'; // pinstripe-if-client: const fileURLToPath = undefined;
+import { Class, TEXT_ONLY_TAGS, Inflector, VirtualNode, Registry } from "haberdash";
 
-import { VirtualNode } from './virtual_node.js';
 import { EventWrapper } from './event_wrapper.js';
-import { TEXT_ONLY_TAGS } from './constants.js';
-
-import { Class } from './class.js';
-import { Registry } from './registry.js';
-import { Client } from './client.js'; // pinstripe-if-client: const Client = undefined;
-import { Inflector } from './inflector.js';
 
 export const Component = Class.extend().include({
     meta(){
         this.include(Registry);
 
-        const { importFile } = this;
-
         this.assignProps({
             instanceFor(node){
                 if(!node._component){
@@ -31,18 +22,6 @@ 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);
-                    `);
-                }
-                return importFile.call(this, params);
             }
         });
     },

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

@@ -1,20 +1,22 @@
 
+import { Component } from "../component.js";
 import { loadFrame, removeFrame } from "./helpers.js";
 
-export default {
+Component.register('pinstripe-anchor', {
     initialize(...args){
         this.constructor.parent.prototype.initialize.call(this, ...args);
 
         const { ignoreEventsFromChildren = false } = this.data;
         this.on('click', (event) => {
             if(ignoreEventsFromChildren && event.target != this) return;
+            const { action = 'load', confirm, target = '_self', method = 'GET', href } = { ...this.attributes, ...this.data };
+            if(new URL(href, window.location.href).host != window.location.host) return;
             event.preventDefault();
             event.stopPropagation();
-            const { action = 'load', confirm, target = '_self', method = 'GET', href } = { ...this.attributes, ...this.data };
             if(action == 'load') loadFrame.call(this, confirm, target, method, href);
             if(action == 'remove') removeFrame.call(this, confirm, target);
         });
     
         if(this.is('input, textarea')) this.on('keyup', (event) => this.trigger('click'));
     }
-};
+});

package/lib/components/{pinstripe_body.js → body.js}

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

package/lib/components/{pinstripe_document.js → document.js}

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

package/lib/components/{pinstripe_form.js → form.js}

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

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

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

package/lib/components/index.js

@@ -0,0 +1,9 @@
+
+import './anchor.js';
+import './body.js';
+import './document.js';
+import './form.js';
+import './frame.js';
+import './markdown_editor.js';
+import './overlay.js';
+import './progress_bar.js';

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

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

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

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

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

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

package/lib/index.js

@@ -1,15 +1,5 @@
 
+import './components/index.js';
 import './initialize.js';
 
-export * from './class.js';
-export * from './command.js'; // pinstripe-if-client: export const Command = undefined;
-export * from './context.js'; // pinstripe-if-client: export const Context = undefined;
 export * from './component.js';
-export * from './database.js'; // pinstripe-if-client: export const Database = undefined;
-export * from './html.js'; // pinstripe-if-client: export const Html = undefined;
-export * from './import_all.js'; // pinstripe-if-client: export const importAll = undefined;
-export * from './inflector.js'; // pinstripe-if-client: export const Inflector = undefined;
-export * from './project.js'; // pinstripe-if-client: export const project = undefined;
-export * from './service_factory.js';  // pinstripe-if-client: export const ServiceFactory = undefined;
-export * from './view.js';  // pinstripe-if-client: export const View = undefined;
-export * from './workspace.js'; // pinstripe-if-client: export const Workspace = undefined;

package/package.json

@@ -1,25 +1,17 @@
 {
   "type": "module",
   "name": "pinstripe",
-  "description": "A slick web framework for Node.js.",
-  "version": "0.20.0",
+  "description": "A slick web framework for your browser.",
+  "version": "0.22.0",
   "author": "Jody Salt",
   "license": "MIT",
   "exports": {
-    ".": "./lib/index.js",
-    "./database": "./lib/database/index.js",
-    "./esbuild-plugin": "./lib/esbuild_plugin.js",
-    "./multi-tenant": "./lib/extensions/multi-tenant/index.js",
-    "./multi-app": "./lib/extensions/multi-app/index.js"
-  },
-  "bin": {
-    "pinstripe": "./cli.js"
+    ".": "./lib/index.js"
   },
   "scripts": {
     "clean": "rm -rf ./node_modules",
-    "start": "IS_LOCAL_PINSTRIPE=true pinstripe start-server",
     "test": "yarn test:unit",
-    "test:unit": "jest lib"
+    "test:unit": "#jest lib"
   },
   "devDependencies": {
     "@babel/core": "^7.9.0",
@@ -27,26 +19,10 @@
     "@babel/preset-env": "^7.9.0",
     "babel-jest": "^25.1.0",
     "jest": "^28.0.1",
-    "jest-environment-jsdom": "^29.1.2",
-    "ramda": "^0.27.0"
+    "jest-environment-jsdom": "^29.1.2"
   },
   "dependencies": {
-    "bcrypt": "^5.0.1",
-    "busboy": "^0.3.1",
-    "chalk": "^4.1.0",
-    "cron-parser": "^4.3.0",
-    "esbuild": "^0.15.12",
-    "html-entities": "^2.3.2",
-    "js-yaml": "^4.1.0",
-    "luxon": "^2.3.1",
-    "markdown-it": "^12.2.0",
-    "memfs": "^3.2.2",
-    "mime-types": "^2.1.28",
-    "mysql2": "^2.3.3",
-    "nodemailer": "^6.7.2",
-    "sqlite3": "^5.0.2",
-    "tmp": "^0.2.1",
-    "unionfs": "^4.4.0"
+    "haberdash": "^0.22.0"
   },
-  "gitHead": "325f53ecc2c452b143e370ac67c6364dfd19a24c"
+  "gitHead": "4e3ec10ab9860717febe279c83da6ff4fbbc88d8"
 }

package/cli.js

@@ -1,46 +0,0 @@
-#!/usr/bin/env node
-
-import { spawn } from 'child_process';
-
-import { Project } from './lib/project.js';
-import { Command } from './lib/command.js';
-import { importAll } from './lib/import_all.js';
-import { Workspace } from './lib/workspace.js';
-
-(async () => {
-    const { entryPath, localPinstripePath, exists } = await Project.instance;
-    const { argv, env, execPath } = process;
-    const args = argv.slice(2);
-
-    if (env.IS_LOCAL_PINSTRIPE != 'true' && localPinstripePath) {
-        spawn(execPath, [localPinstripePath, ...args], {
-            env: { ...env, IS_LOCAL_PINSTRIPE: 'true' },
-            stdio: 'inherit'
-        });
-    } else {
-        if(entryPath){
-            import(entryPath);
-        }
-
-        await importAll();
-
-        if(exists){
-            Command.unregister('generate-project');
-        } else {
-            const allowedCommands = ['generate-project', 'list-commands'];
-            Command.names.forEach(commandName => {
-                if(!allowedCommands.includes(commandName)){
-                    Command.unregister(commandName);
-                }
-            });
-        }
-        
-        try {
-            await Workspace.run(async function(){
-                await this.runCommand(...args);
-            });
-        } catch(e) {
-            console.error(e);
-        }
-    }
-})();

package/lib/class.js

@@ -1,64 +0,0 @@
-
-export class Class {
-
-    static extend(){
-        return class extends this {};
-    }
-
-    static include(...includes){
-        includes.forEach(include => {
-            if(typeof include.meta == 'function') include.meta.call(this);
-            this.prototype.assignProps(include, name => name != 'meta');
-        });
-        return this;
-    }
-
-    static assignProps(...sources){
-        return assignProps(this, ...sources);
-    }
-
-    static new(...args){
-        return new this(...args);
-    }
-
-    static get parent(){
-        return this.__proto__;
-    }
-
-    constructor(...args){
-        let out = this.initialize(...args);
-        if(typeof out?.then == 'function'){
-            return out.then(out => out || this);
-        }
-        return out || this;
-    }
-
-    initialize(){
-
-    }
-
-    assignProps(...sources){
-        return assignProps(this, ...sources);
-    }
-}
-
-const assignProps = (target, ...sources) => {
-    const fn = typeof sources[sources.length - 1] == 'function' ?  sources.pop() :  () => true;
-
-    sources.forEach(source => {
-        Object.getOwnPropertyNames(source).forEach(name => {
-            if(!fn(name)){
-                return;
-            }
-            const descriptor = { ...Object.getOwnPropertyDescriptor(source, name) };
-            const { get: targetGet, set: targetSet } = (Object.getOwnPropertyDescriptor(target, name) || {});
-            const { get = targetGet, set = targetSet } = descriptor;
-            
-            if(get) descriptor.get = get;
-            if(set) descriptor.set = set;
-
-            Object.defineProperty(target, name, descriptor);
-        });
-    });
-    return target;
-};

package/lib/client.js

@@ -1,21 +0,0 @@
-import { fileURLToPath } from 'url';
-
-import { Class } from "./class.js";
-import { Singleton } from "./singleton.js";
-
-
-export const Client = Class.extend().include({
-    meta(){
-        this.include(Singleton);
-    },
-
-    initialize(){
-        this.modules = [];
-
-        this.addModule(`import ${JSON.stringify(fileURLToPath(`${import.meta.url}/../index.js`))};`);
-    },
-
-    addModule(...modules){
-        this.modules.push(...modules);
-    }
-});

package/lib/command.js

@@ -1,39 +0,0 @@
-
-import { Class } from './class.js';
-import { Registry } from './registry.js';
-import { ServiceConsumer } from './service_consumer.js';
-import { inflector } from "./inflector.js";
-
-export const Command = Class.extend().include({
-    meta(){
-        this.include(Registry);
-        this.include(ServiceConsumer);
-
-        this.assignProps({
-            normalizeName: (...args) => inflector.dasherize(...args),
-
-            get schedules(){
-                if(!this.hasOwnProperty('_schedules')){
-                    this._schedules = [];
-                }
-                return this._schedules;
-            },
-
-            schedule(...args){
-                this.schedules.push(args);
-                return this;
-            },
-
-            async run(context, name = 'list-commands', ...args){
-                return context.fork().run(async context => {
-                    context.args = [ ...args ];
-                    await this.create(name, context).run();
-                });
-            },
-        });
-    },
-
-    run(){
-        console.error(`No such command "${this.constructor.name}" exists.`);
-    }
-});

package/lib/commands/_file_importer.js

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

package/lib/commands/drop_database.js

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

package/lib/commands/generate_command.js

@@ -1,39 +0,0 @@
-
-
-export default {
-    async run(){
-        const [ name = '' ] = this.args;
-        const normalizedName = this.inflector.snakeify(name);
-        if(normalizedName == ''){
-            console.error('A command name must be given.');
-            process.exit();
-        }
-
-        const { inProjectRootDir, generateFile, line, indent } = this.fsBuilder;
-    
-        await inProjectRootDir(async () => {
-    
-            await generateFile(`lib/commands/_file_importer.js`, { skipIfExists: true }, () => {
-                line();
-                line(`export { Command as default } from 'pinstripe';`);
-                line();
-            });
-    
-            await generateFile(`lib/commands/${normalizedName}.js`, () => {
-                line();
-                line(`export default {`);
-                indent(() => {
-                    line('run(){');
-                    indent(() => {
-                        line(`console.log('${this.inflector.dasherize(normalizedName)} command coming soon!')`);
-                    });
-                    line('}');
-                });
-                line('};');
-                line();
-            });
-    
-        });
-    }
-}
-

package/lib/commands/generate_component.js

@@ -1,37 +0,0 @@
-
-export default {
-    async run(){
-        const [ name = '' ] = this.args;
-        const normalizedName = this.inflector.snakeify(name);
-        if(normalizedName == ''){
-            console.error('A node wrapper name must be given.');
-            process.exit();
-        }
-    
-        const { inProjectRootDir, generateFile, line, indent } = this.fsBuilder;
-    
-        await inProjectRootDir(async () => {
-    
-            await generateFile(`lib/components/_file_importer.js`, { skipIfExists: true }, () => {
-                line();
-                line(`export { Component as default } from 'pinstripe';`);
-                line();
-            });
-    
-            await generateFile(`lib/components/${normalizedName}.js`, () => {
-                line();
-                line(`export default {`);
-                indent(() => {
-                    line(`initialize(){`);
-                        indent(() => {
-                            line(`this.constructor.parent.prototype.initialize.call(this, ...args);`);
-                        });
-                    line(`}`);
-                });
-                line('};');
-                line();
-            });
-    
-        });
-    }
-}

package/lib/commands/generate_migration.js

@@ -1,47 +0,0 @@
-
-export default {
-    async run(){
-        const { extractArg, extractFields, extractOptions } = this.cliUtils;
-
-        const suffix = this.inflector.snakeify(extractArg('migration'));
-        const fields = extractFields();
-        const { table } = extractOptions({
-            table: (() => {
-                const matches = suffix.match(/_to_(.+)$/);
-                if(matches){
-                    return matches[1];
-                }
-            })()
-        });
-
-        const unixTime = Math.floor(new Date().getTime() / 1000);
-        const name = `${unixTime}_${suffix}`;
-
-        const { inProjectRootDir, generateFile, line, indent } = this.fsBuilder;
-    
-        await inProjectRootDir(async () => {
-    
-            await generateFile(`lib/migrations/_file_importer.js`, { skipIfExists: true }, () => {
-                line();
-                line(`export { Migration as default } from 'pinstripe/database';`);
-                line();
-            });
-    
-            await generateFile(`lib/migrations/${name}.js`, () => {
-                line();
-                line(`export default async ({ database }) => {`);
-                indent(() => {
-                    line();
-                    if(table && fields.length){
-                        fields.forEach(({ name, type }) => {
-                            line(`await database.${table}.addColumn('${name}', '${type}');`);
-                        });
-                        line();
-                    }
-                })
-                line('};');
-                line();
-            });
-        });
-    }
-}

package/lib/commands/generate_model.js

@@ -1,43 +0,0 @@
-
-export default {
-    async run(){
-
-        const { extractArg, extractFields } = this.cliUtils;
-        const name = this.inflector.snakeify(extractArg(''));
-        if(name == ''){
-            console.error('A model name must be given.');
-            process.exit();
-        }
-        const fields = extractFields();
-    
-        const collectionName = this.inflector.camelize(this.inflector.pluralize(name));
-        if(!await this.database[collectionName].exists){
-            const denormalizedFields = fields.map(({ mandatory, name, type }) => {
-                return `${ mandatory ? '^' : '' }${name}:${type}`
-            });
-            await this.runCommand('generate-migration', `create_${name}`, ...denormalizedFields, '--table', collectionName)
-        }
-    
-        const { inProjectRootDir, generateFile, line, indent } = this.fsBuilder;
-    
-        await inProjectRootDir(async () => {
-    
-            await generateFile(`lib/models/_file_importer.js`, { skipIfExists: true }, () => {
-                line();
-                line(`export { Row as default } from 'pinstripe/database';`);
-                line();
-            });
-    
-            await generateFile(`lib/models/${name}.js`, () => {
-                line();
-                line(`export default {`);
-                indent(() => {
-                    line();
-                });
-                line('};');
-                line();
-            });
-    
-        });
-    }
-}