structured-fw 0.8.42 → 0.8.44

package/README.md

@@ -41,6 +41,17 @@ npm install @types/node
 ### Create boilerplate
 `npx structured init`
 
+### Create a test route
+Create a file `/app/routes/Test.ts`:
+```
+import { Application } from 'structured-fw/Application';
+export default function(app: Application) {
+    app.request.on('GET', '/test', async()=> {
+        return 'Hello, World!';
+    });
+}
+```
+
 ### Compile
 `tsc`\
 This will create a directory `build` (or whatever you have in tsconfig.json as compilerOptions.outputDir)
@@ -57,6 +68,8 @@ cd build
 pm2 start index.js --name="[appName]"
 ```
 
+If you followed the above steps, you should be able to access `http://localhost:9191/test` in your browser and see the output `Hello, World!`.
+
 # Key concepts
 
 ## Application
@@ -418,7 +431,7 @@ That was the simplest possible example, let's make it more interesting by adding
 ### Component server-side code
 Create a new file `/app/views/HelloWorld/HelloWorld.ts` (server side component code):
 ```
-import { ComponentScaffold } from 'system/Types.js';
+import { ComponentScaffold } from 'structured-fw/Types';
 export default class HelloWorld implements ComponentScaffold {
     async getData(): Promise<{
         luckyNumber: number
@@ -460,7 +473,7 @@ Let's make it even more interesting by adding some client side code to it.
 ### Component client-side code
 Create `/app/views/HelloWorld/HelloWorld.client.ts`:
 ```
-import { InitializerFunction } from 'system/Types.js';
+import { InitializerFunction } from 'structured-fw/Types';
 export const init: InitializerFunction = async function() {
     const generateNew = this.ref<HTMLButtonElement>('newNumber');
 
@@ -509,7 +522,7 @@ Parent says your lucky number is {{number}}.
 That's it. Since `AnotherComponent` has no server side code, all data passed to it is exported to HTML, hence the `number` you passed from `HelloWorld` will be readily available for use. If AnotherComponent had a server side part, the process is a bit different, it will receive it as part of the `data`, but can choose whether to make it available to the HTML, or just make use of it and return other stuff. Let's see how that works.
 Create `/app/views/AnotherComponent/AnotherComponent.ts`:
 ```
-import { ComponentScaffold } from 'system/Types.js';
+import { ComponentScaffold } from 'structured-fw/Types';
 export default class AnotherComponent implements ComponentScaffold {
     async getData(data: { number: number }): Promise<{
         parentSuggests: number,
@@ -542,7 +555,7 @@ What about client side? **By default, data returned by server side code is not a
 
 Let's create a client side code for `AnotherComponent` and export the `betterNumber` to it, create `/app/views/AnotherComponent/AnotherComponent.client.ts`:
 ```
-import { InitializerFunction } from 'system/Types.js';
+import { InitializerFunction } from 'structured-fw/Types';
 export const init: InitializerFunction = async function() {
     const betterNumber = this.getData<number>('betterNumber');
 
@@ -552,7 +565,7 @@ export const init: InitializerFunction = async function() {
 
 And let's update `AnotherComponent.ts` to export `betterNumber`:
 ```
-import { ComponentScaffold } from 'system/Types.js';
+import { ComponentScaffold } from 'structured-fw/Types';
 export default class AnotherComponent implements ComponentScaffold {
     exportFields = ['betterNumber'];
     async getData(data: { number: number }): Promise<{
@@ -574,7 +587,7 @@ This concept is wrong to start with, if we want a component to be independent, i
 
 Let's say we wanted to access the `parent` Component from `AnotherComponent`:
 ```
-import { InitializerFunction } from 'system/Types.js';
+import { InitializerFunction } from 'structured-fw/Types';
 export const init: InitializerFunction = async function() {
     const betterNumber = this.getData<number>('betterNumber');
 
@@ -585,7 +598,7 @@ Here we accessed the `parent` and obtained it's `name`.
 
 *"But we did not send any data to the parent here"* - correct, we did not, and we won't, instead we can inform them we have some data available, or that an event they might be interested in has occurred, and if they care, so be it:
 ```
-import { InitializerFunction } from 'system/Types.js';
+import { InitializerFunction } from 'structured-fw/Types';
 export const init: InitializerFunction = async function() {
     const betterNumber = this.getData<number>('betterNumber');
 
@@ -595,7 +608,7 @@ export const init: InitializerFunction = async function() {
 
 We emitted an `event` with `eventName` = "`truth`" and a `payload`, which in this case is a string, but can be of any type. If the parent cares about it (or for that matter, not necessarily the parent, but anyone in the component tree), they can subscribe to that event. Let's subscribe to the event from `HelloWorld` (`HelloWorld.client.ts`):
 ```
-import { InitializerFunction } from 'system/Types.js';
+import { InitializerFunction } from 'structured-fw/Types';
 export const init: InitializerFunction = async function() {
 
     const child = this.find('AnotherComponent'); // ClientComponent | null

package/package.json

@@ -14,13 +14,12 @@
   "license": "MIT",
   "type": "module",
   "main": "build/index",
-  "version": "0.8.42",
+  "version": "0.8.44",
   "scripts": {
     "develop": "tsc --watch",
     "startDev": "cd build && nodemon --watch '../app/**/*' --watch '../build/**/*' -e js,html,css index.js",
     "start": "cd build && node index.js",
-    "prepublish": "tsc",
-    "postinstall": "rm tsconfig.json"
+    "prepublish": "tsc"
   },
   "bin": {
     "structured": "./build/system/bin/structured.js"
@@ -35,6 +34,14 @@
     "mime-types": "^3.0.0",
     "ts-md5": "^1.3.1"
   },
+  "files": [
+    "build/system/*",
+    "app/Types.ts",
+    "index.ts",
+    "Config.ts",
+    "README.md",
+    "LICENSE"
+  ],
   "exports" : {
     "./Types": "./build/system/Types.js",
     "./Symbols": "./build/system/Symbols.js",

package/app/models/README.md

@@ -1,9 +0,0 @@
-You don't have to use this directory, but if you are keen on MVC concept, this would be the place for your models.
-
-There are not specific rules for these files. They are never loaded automaticallt by the framework, instead you should
-load them where you want to use them.
-
-Usually a model will export a class or a class instance, but it could be a function, set of functions, or anything really.
-
-Models are meant to abstract the logic and data layer for a specific entity of your app. For example a web shop would likely
-have a model Product.ts which exports a class with methods such as create(productData: ProductData) to create a new product and delete(productId: number) to delete an existing product.

package/app/routes/README.md

@@ -1,19 +0,0 @@
-Routes:
-
-You can add routes directly in index.ts using app.request.on
-but in order to avoid clutter and keep the code structured, you should add the routes here (/app/routes)
-
-All files in this directory will be loaded once the server is started,
-so feel free to separate your routes in as many files as you feel makes sense, eg. it would make sense
-to have Auth.ts that would add routes for everything auth related, such as /login, /register, etc...
-
-Example:
-
-export default async function(app: Application) {
-
-    app.request.on('GET', '/login', async (ctx) => {
-        // ctx is a RequestContext
-        ctx.response.write('Login page');
-    });
-    
-}

package/app/views/README.md

@@ -1 +0,0 @@
-Place for pages and components

package/app/views/layout.html

@@ -1 +0,0 @@
-{{{layoutComponent component data attributes}}}

package/build/Config.d.ts

@@ -1,2 +0,0 @@
-import { StructuredConfig } from 'structured-fw/Types';
-export declare const config: StructuredConfig;

package/build/Config.js

@@ -1,30 +0,0 @@
-export const config = {
-    envPrefix: 'STRUCTURED',
-    autoInit: true,
-    url: {
-        removeTrailingSlash: true,
-        componentRender: '/componentRender',
-        isAsset: function (uri) {
-            return uri.indexOf('/assets/') === 0;
-        }
-    },
-    routes: {
-        path: '/app/routes'
-    },
-    components: {
-        path: '/app/views',
-        componentNameAttribute: 'structured-component'
-    },
-    session: {
-        cookieName: 'session',
-        keyLength: 24,
-        durationSeconds: 60 * 60,
-        garbageCollectIntervalSeconds: 60
-    },
-    http: {
-        port: 9191,
-        host: '0.0.0.0',
-        linkHeaderRel: 'preload'
-    },
-    runtime: 'Node.js'
-};

package/build/app/Types.d.ts

@@ -1,5 +0,0 @@
-export {};
-declare global {
-    interface RequestContextData {
-    }
-}

package/build/app/Types.js

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

package/build/app/global.d.ts

@@ -1,3 +0,0 @@
-export interface RequestContextData {
-    user: string;
-}

package/build/app/global.js

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

package/build/app/models/Users.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routes/Auth.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routes/Test.d.ts

@@ -1,2 +0,0 @@
-import { Application } from '../../system/server/Application.js';
-export default function (app: Application): void;

package/build/app/routes/Test.js

@@ -1,101 +0,0 @@
-import { Document } from '../../system/server/Document.js';
-import { Request } from '../../system/server/Request.js';
-export default function (app) {
-    app.request.on('GET', '/test/form', async (ctx) => {
-        const doc = new Document(app, 'Form test', ctx);
-        await doc.loadComponent('FormTestNested', { test: 3 });
-        return doc;
-    });
-    app.request.on('POST', '/test/form', async (ctx) => {
-        console.log(JSON.stringify(ctx.body, undefined, 4));
-        const userImage = ctx.files.user.image[0];
-        ctx.response.setHeader('Content-Type', userImage.type);
-        ctx.respondWith(userImage.data);
-    });
-    app.request.on('GET', '/test/client_import', async (ctx) => {
-        const doc = new Document(app, 'Test', ctx);
-        await doc.loadComponent('ClientImport', { xyz: 10, asd: 12 });
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/test/redraw', async (ctx) => {
-        const doc = new Document(app, 'Test', ctx);
-        await doc.loadComponent('RedrawAbort');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/test/models', async (ctx) => {
-        const doc = new Document(app, 'Test', ctx);
-        await doc.loadComponent('ModelsTest');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/getargs', async (ctx) => {
-        ctx.respondWith(ctx.getArgs);
-    });
-    app.request.on('GET', '/form/multipart', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('MultipartForm');
-        ctx.respondWith(doc);
-    });
-    app.request.on('POST', '/form/multipart', async (ctx) => {
-        console.log(ctx.files);
-        ctx.respondWith(ctx.body);
-    });
-    app.request.on('GET', '/conditional', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('Conditionals');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/urldecode', async (ctx) => {
-        const noVal = 'noVal';
-        const noValNested = 'filters[beds][min]';
-        const simple = 'simple=2';
-        const simpleObj = 'person[name]=fname&person[last_name]=lname';
-        const simpleArray = 'colors[]=red&colors[]=blue';
-        const orderedArray = 'colorsOrdered[1]=red&colorsOrdered[0]=blue';
-        const indexedArray = 'months[0]=Jan&months[1]=Feb&months[2]=Mar';
-        const arrayOfObjects = 'users[0][name]=John&users[0][email]=johndoe@gmail.com&users[1][name]=Tim&users[1][email]=tim@gmail.com';
-        const objectWithArrayValues = 'user[name]=John&user[last_name]=Doe&user[sports][]=table tennis&user[sports][]=football';
-        const objectWithObjectValues = 'data[paper][props][size]=10x13&data[paper][props][type]=matte';
-        const nestedArraySimple = 'colorStack[0][]=red&colorStack[0][]=blue&colorStack[1][]=green';
-        const arrayOfObjectsWithArrayValues = 'usersArr[0][name]=John&usersArr[0][email]=johndoe@gmail.com&usersArr[0][sports][]=football&usersArr[0][sports][]=basketball&usersArr[1][name]=Too&usersArr[1][email]=tootoo@gmail.com&usersArr[1][sports][]=bocce&usersArr[1][sports][]=cricket&usersArr[1][sports][]=dancing';
-        const missingValue = 'missing=';
-        const missingArrayValue = 'missingArr[]=';
-        const objBlankValue = `objBlank[0][email]=`;
-        const spaces = `spaces=value%20with%20spaces`;
-        const special = `garbage=` + encodeURIComponent('value!@#&$%^*()');
-        const nonLatin = `key3=` + encodeURIComponent('привет');
-        const t = new Date().getTime();
-        const test = Request.queryStringDecode([noVal, noValNested, simple, simpleObj, simpleArray, orderedArray, indexedArray, arrayOfObjects, objectWithArrayValues, objectWithObjectValues, nestedArraySimple, arrayOfObjectsWithArrayValues, missingValue, nonLatin, spaces, special, objBlankValue, missingArrayValue, simple].join('&'));
-        const dur = new Date().getTime() - t;
-        console.log(dur);
-        ctx.respondWith(test);
-    });
-    app.request.on('GET', '/client_import', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('ClientImport');
-        doc.head.add(`
-        <script type="importmap">
-        {
-            imports: {
-                'components/*' : '/build/app/views/components/*'
-            }
-        }
-        </script>
-        `);
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/serverclass', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('ServerSideContext');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/routes/new', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('Conditionals');
-        return doc;
-    });
-    app.request.on('GET', '/passObj', async (ctx) => {
-        const doc = new Document(app, 'Test pass obj', ctx);
-        await doc.loadComponent('PassObject');
-        ctx.respondWith(doc);
-    });
-}

package/build/app/routes/Todo.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routes/Upload.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routes/Validation.d.ts

@@ -1,2 +0,0 @@
-import { Application } from "../../system/server/Application.js";
-export default function (app: Application): void;

package/build/app/routes/Validation.js

@@ -1,34 +0,0 @@
-import { FormValidation } from '../../system/server/FormValidation.js';
-import { Document } from "../../system/server/Document.js";
-export default function (app) {
-    let validator = new FormValidation();
-    validator.singleError = true;
-    validator.addRule('name', 'Name', ['required', ['minLength', 3]]);
-    validator.addRule('email', 'Email', ['validEmail']);
-    validator.addRule('number', 'Number', ['number', 'required']);
-    validator.addRule('numeric', 'Numeric', ['numeric', 'required']);
-    validator.addRule('float', 'Float', ['float', 'required']);
-    app.request.on('POST', '/validation', async (ctx) => {
-        if (ctx.body) {
-            let validationResult = await validator.validate(ctx.body);
-            if (validationResult.valid) {
-                ctx.response.write('Valid');
-            }
-            else {
-                app.session.setValue(ctx.sessionId, 'validationErrors', validationResult.errors);
-                app.session.setValue(ctx.sessionId, 'formValues', ctx.body);
-                app.request.redirect(ctx.response, '/validation');
-            }
-        }
-    });
-    app.request.on('GET', '/validation', async (ctx) => {
-        let doc = new Document(app, 'Form validation');
-        await doc.loadView('pages/validation', app.session.extract(ctx.sessionId, [
-            { validationErrors: 'errors' },
-            { formValues: 'values' }
-        ]));
-        ctx.response.write(doc.toString());
-        app.session.removeValue(ctx.sessionId, 'validationErrors');
-        app.session.removeValue(ctx.sessionId, 'formValues');
-    });
-}

package/build/app/routess/Auth.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routess/Test.d.ts

@@ -1,2 +0,0 @@
-import { Application } from '../../system/server/Application.js';
-export default function (app: Application): void;

package/build/app/routess/Test.js

@@ -1,101 +0,0 @@
-import { Document } from '../../system/server/Document.js';
-import { Request } from '../../system/server/Request.js';
-export default function (app) {
-    app.request.on('GET', '/test/form', async (ctx) => {
-        const doc = new Document(app, 'Form test', ctx);
-        await doc.loadComponent('FormTestNested', { test: 3 });
-        ctx.respondWith(doc);
-    });
-    app.request.on('POST', '/test/form', async (ctx) => {
-        console.log(JSON.stringify(ctx.body, undefined, 4));
-        const userImage = ctx.files.user.image[0];
-        ctx.response.setHeader('Content-Type', userImage.type);
-        ctx.respondWith(userImage.data);
-    });
-    app.request.on('GET', '/test/client_import', async (ctx) => {
-        const doc = new Document(app, 'Test', ctx);
-        await doc.loadComponent('ClientImport', { xyz: 10, asd: 12 });
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/test/redraw', async (ctx) => {
-        const doc = new Document(app, 'Test', ctx);
-        await doc.loadComponent('RedrawAbort');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/test/models', async (ctx) => {
-        const doc = new Document(app, 'Test', ctx);
-        await doc.loadComponent('ModelsTest');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/getargs', async (ctx) => {
-        ctx.respondWith(ctx.getArgs);
-    });
-    app.request.on('GET', '/form/multipart', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('MultipartForm');
-        ctx.respondWith(doc);
-    });
-    app.request.on('POST', '/form/multipart', async (ctx) => {
-        console.log(ctx.files);
-        ctx.respondWith(ctx.body);
-    });
-    app.request.on('GET', '/conditional', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('Conditionals');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/urldecode', async (ctx) => {
-        const noVal = 'noVal';
-        const noValNested = 'filters[beds][min]';
-        const simple = 'simple=2';
-        const simpleObj = 'person[name]=fname&person[last_name]=lname';
-        const simpleArray = 'colors[]=red&colors[]=blue';
-        const orderedArray = 'colorsOrdered[1]=red&colorsOrdered[0]=blue';
-        const indexedArray = 'months[0]=Jan&months[1]=Feb&months[2]=Mar';
-        const arrayOfObjects = 'users[0][name]=John&users[0][email]=johndoe@gmail.com&users[1][name]=Tim&users[1][email]=tim@gmail.com';
-        const objectWithArrayValues = 'user[name]=John&user[last_name]=Doe&user[sports][]=table tennis&user[sports][]=football';
-        const objectWithObjectValues = 'data[paper][props][size]=10x13&data[paper][props][type]=matte';
-        const nestedArraySimple = 'colorStack[0][]=red&colorStack[0][]=blue&colorStack[1][]=green';
-        const arrayOfObjectsWithArrayValues = 'usersArr[0][name]=John&usersArr[0][email]=johndoe@gmail.com&usersArr[0][sports][]=football&usersArr[0][sports][]=basketball&usersArr[1][name]=Too&usersArr[1][email]=tootoo@gmail.com&usersArr[1][sports][]=bocce&usersArr[1][sports][]=cricket&usersArr[1][sports][]=dancing';
-        const missingValue = 'missing=';
-        const missingArrayValue = 'missingArr[]=';
-        const objBlankValue = `objBlank[0][email]=`;
-        const spaces = `spaces=value%20with%20spaces`;
-        const special = `garbage=` + encodeURIComponent('value!@#&$%^*()');
-        const nonLatin = `key3=` + encodeURIComponent('привет');
-        const t = new Date().getTime();
-        const test = Request.queryStringDecode([noVal, noValNested, simple, simpleObj, simpleArray, orderedArray, indexedArray, arrayOfObjects, objectWithArrayValues, objectWithObjectValues, nestedArraySimple, arrayOfObjectsWithArrayValues, missingValue, nonLatin, spaces, special, objBlankValue, missingArrayValue, simple].join('&'));
-        const dur = new Date().getTime() - t;
-        console.log(dur);
-        ctx.respondWith(test);
-    });
-    app.request.on('GET', '/client_import', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('ClientImport');
-        doc.head.add(`
-        <script type="importmap">
-        {
-            imports: {
-                'components/*' : '/build/app/views/components/*'
-            }
-        }
-        </script>
-        `);
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/serverclass', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('ServerSideContext');
-        ctx.respondWith(doc);
-    });
-    app.request.on('GET', '/routes/new', async (ctx) => {
-        const doc = new Document(app, 'Test multipart form', ctx);
-        await doc.loadComponent('Conditionals');
-        return doc;
-    });
-    app.request.on('GET', '/passObj', async (ctx) => {
-        const doc = new Document(app, 'Test pass obj', ctx);
-        await doc.loadComponent('PassObject');
-        ctx.respondWith(doc);
-    });
-}

package/build/app/routess/Todo.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routess/Upload.js

@@ -1 +0,0 @@
-"use strict";

package/build/app/routess/Validation.d.ts

@@ -1,2 +0,0 @@
-import { Application } from "../../system/server/Application.js";
-export default function (app: Application): void;

package/build/app/routess/Validation.js

@@ -1,34 +0,0 @@
-import { FormValidation } from '../../system/server/FormValidation.js';
-import { Document } from "../../system/server/Document.js";
-export default function (app) {
-    let validator = new FormValidation();
-    validator.singleError = true;
-    validator.addRule('name', 'Name', ['required', ['minLength', 3]]);
-    validator.addRule('email', 'Email', ['validEmail']);
-    validator.addRule('number', 'Number', ['number', 'required']);
-    validator.addRule('numeric', 'Numeric', ['numeric', 'required']);
-    validator.addRule('float', 'Float', ['float', 'required']);
-    app.request.on('POST', '/validation', async (ctx) => {
-        if (ctx.body) {
-            let validationResult = await validator.validate(ctx.body);
-            if (validationResult.valid) {
-                ctx.response.write('Valid');
-            }
-            else {
-                app.session.setValue(ctx.sessionId, 'validationErrors', validationResult.errors);
-                app.session.setValue(ctx.sessionId, 'formValues', ctx.body);
-                app.request.redirect(ctx.response, '/validation');
-            }
-        }
-    });
-    app.request.on('GET', '/validation', async (ctx) => {
-        let doc = new Document(app, 'Form validation');
-        await doc.loadView('pages/validation', app.session.extract(ctx.sessionId, [
-            { validationErrors: 'errors' },
-            { formValues: 'values' }
-        ]));
-        ctx.response.write(doc.toString());
-        app.session.removeValue(ctx.sessionId, 'validationErrors');
-        app.session.removeValue(ctx.sessionId, 'formValues');
-    });
-}

package/build/app/views/components/ClientImport/ClientImport.client.d.ts

@@ -1,2 +0,0 @@
-import { InitializerFunction } from '../../../../system/Types.js';
-export declare const init: InitializerFunction;

package/build/app/views/components/ClientImport/ClientImport.client.js

@@ -1,4 +0,0 @@
-export const init = async function () {
-    const test = await import('/assets/ts/Export.js');
-    console.log(test);
-};

package/build/app/views/components/ClientImport/Export.d.ts

@@ -1 +0,0 @@
-export declare const test = 1;

package/build/app/views/components/ClientImport/Export.js

@@ -1 +0,0 @@
-export const test = 1;

package/build/app/views/components/Conditionals/Conditionals.client.d.ts

@@ -1,2 +0,0 @@
-import { InitializerFunction } from '../../../../system/Types.js';
-export declare const init: InitializerFunction;

package/build/app/views/components/Conditionals/Conditionals.client.js

@@ -1,43 +0,0 @@
-export const init = async function () {
-    const style = document.createElement('style');
-    style.type = 'text/css';
-    style.textContent = `
-        .active {
-            font-weight: 800;
-        }
-    `;
-    document.head.appendChild(style);
-    this.store.set('showMessage', false);
-    this.bind(this.ref('setShowMessage'), 'click', () => {
-        this.store.set('showMessage', true);
-    });
-    this.bind(this.ref('unsetShowMessage'), 'click', () => {
-        this.store.set('showMessage', false);
-    });
-    let num = 0;
-    const increaseNum = () => {
-        num++;
-        setNum();
-    };
-    const decreaseNum = () => {
-        num--;
-        setNum();
-    };
-    const setNum = () => {
-        this.store.set('number', num);
-        this.ref('num').textContent = num.toString();
-    };
-    this.bind(this.ref('numIncrease'), 'click', () => {
-        increaseNum();
-    });
-    this.bind(this.ref('numDecrease'), 'click', () => {
-        decreaseNum();
-    });
-    setNum();
-    this.conditionalCallback('method1', () => {
-        return this.store.get('showMessage') === true && num > 3;
-    });
-    this.conditionalCallback('method2', (number) => {
-        return number === num;
-    });
-};

package/build/app/views/components/FormTest/FormTestNested/FormTestNested.d.ts

@@ -1,8 +0,0 @@
-import { ComponentScaffold, RequestContext } from '../../../../../system/Types.js';
-type ComponentData = {
-    test: number;
-};
-export default class FormTestNested implements ComponentScaffold {
-    getData(data: ComponentData, ctx: RequestContext): Promise<ComponentData>;
-}
-export {};

package/build/app/views/components/FormTest/FormTestNested/FormTestNested.js

@@ -1,7 +0,0 @@
-export default class FormTestNested {
-    async getData(data, ctx) {
-        return {
-            test: 123
-        };
-    }
-}

package/build/app/views/components/ModelsTest/ModelsTest.client.d.ts

@@ -1,2 +0,0 @@
-import { InitializerFunction } from '../../../../system/Types.js';
-export declare const init: InitializerFunction;