Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
appsapp-module
Advanced tools
An awesome full-stack framework for creating mobile and desktop apps the easy way of development. Now you build super sophisticated Angular2+/Ionic apps using TypeScript.
An awesome full-stack framework for creating mobile and desktop apps the easy way of development. Now you build super sophisticated Angular2+/Ionic apps using TypeScript.
Attention: Don't use it in production environment. It's an alpha version for a concept study.
Circular condition validators (frontend and backend all-in-one) and triggering backend functions with ultra-low latency (<1ms) are the unique selling points. You gonna love it!
You need mobiscroll
. Please obtain a licence (see https://www.mobiscroll.com/) and then run:
$ npm install -g @mobiscroll/cli
You also need apppsapp-cli
. So please install it by running:
$ npm install -g appsapp-cli
Once you have kick-started your ionic or angular-cli app, you have to import appsapp-module
and append mobiscroll
. Switch to your apps project root and run:
$ mobiscroll config ionic
$ npm install appsapp-module --save
and then add appsapp-module
to your Angular app.module.ts
import { AppsappModule } from 'appsapp-module';
@NgModule({
imports: [
AppsappModule.initializeApp({
apiKey: 'AIzaSyBEsibRXWWJrtSQ0SSKf7z8V9HpjdsnOF8',
projectId: 'test-32b81'
}, {
saved: 'Die Änderungen wurden erfolgreich gespeichert.',
processing: 'Die Verarbeitung läuft.',
wait: 'Bitte warten.',
done: 'Erfolgreich abgeschlossen.',
submitted: 'Die Daten wurden übermittelt.',
submittedInBackground: 'Die Daten wurden gespeichert und werden übermittelt, sobald eine Internetverbindung besteht.',
disconnected: 'Die Verbindung wurde unterbrochen.',
connected: 'Die Verbindung wurde wiederhergestellt.',
error: 'Fehler',
delete: 'Löschen',
add: 'Hinzufügen'
})
]
})
export class AppModule { }
It's very recommended that you create your own google firebase project
first and then provide its apiKey
and projectId
to the initializeApp config parameters.
Your component pages/home.ts
ts ends up with something like this:
import { AppsappModuleProvider, PersistableModel, HasConditions, IsInt, Min, Max, HasLabel, IsDateRange, HasDescription, IsSelect} from "appsapp-module";
@Component({
selector: 'page-home',
template: ´
<appsapp-input [model]="myModel"></appsapp-input>
<button ion-button round outline (click)="save()" [disabled]="!myModel.hasChanges()">
Save
</button>
´
})
export class HomePage {
myModel: myModel;
constructor(appsappModuleProvider: AppsappModuleProvider) {
this.myModel = appsappModuleProvider.new(myModel);
}
save() {
this.myModel.save({
name: 'googleSheets',
data: {
to: 'webmaster@appsapp.io'
}
});
}
}
export class myModel extends PersistableModel {
@IsInt() @Min(5) @Max(15) @HasDescription('please enter a number') number: number;
@HasConditions([{property: 'number', value: 7, validator: 'min'}]) @HasLabel('Your text') text: string = 'test';
@IsDateRange() daterange: object;
@IsSelect({
source: {
url: 'https://jsonplaceholder.typicode.com/users',
mapping: {text: 'address.city', value: 'address.geo'}
}
}) adressen: object = [];
}
Congratulation, you have created your first form app with appsApp!
AppsApp has built-in backend services. Every model you define in the frontend (ts) is automatically used for validation in the backend services. You must not write any backend code yourself. Pre built are:
Add amazonAccessKey.json
to your project root and provide your Amazon SES IAM credentials, you have created before.
{
"accessKeyId": "XXXX",
"secretAccessKey": "YYYY",
"region": "eu-west-1"
}
Add serviceAccountKey.json
to yours project root with your google service account credentials. Don't forget the enable the relevant api services like google spreadsheet
and google drive
in your google developer console.
{
"type": "service_account",
"private_key": "-----BEGIN PRIVATE KEY----------END PRIVATE KEY-----",
"client_email": "firebase-adminsdk-yyy@xxxx.iam.gserviceaccount.com",
}
You can trigger any url by calling webhook method. The triggered Url is receiving full object as serialized data by default. Triggered webhook url are fetched over a proxy method from google firebase functions service and not directly from the client for security reason.
myModel.webhook('http://your.host/api/rest').subscribe((a) => {
// done
});
You can define your own backend services for using as finishers, loading and saving data or whatever you want to do with its. Just call a trigger action on your model:
myModel.trigger('nameOfYourBackendFunction').subscribe((a) => {
// done
});
Calling a trigger is invoking the backend function by adding an event queue entry of your triggered action. Connecting to the event queues's actions is done with ultra-low latenc (<1ms) by a simple node.js script:
import {Connector, Mssql} from "appsapp-cli/connector";
import {appRequest} from "appsapp-cli";
import {Observer} from 'rxjs';
import {myModel} from "../model/myModel";
const app = new Connector();
const database = new Mssql('dbo', {
user: 'DatabaseUser',
password: '***',
server: 'localhost',
database: 'DatabaseName'
});
app.init('https://test-**.firebaseio.com/', require(__dirname + '/serviceAccountKey.json'));
app.on({
action: 'nameOfYourBackendFunction'
}, (request: appRequest, response: myModel, observer: Observer) => {
database.query('select TOP 1 * from tblPerson FOR JSON PATH').subscribe((json) => {
response.loadJson(json);
}, (error) => {
observer.reject(error);
}, () => {
observer.resolve();
});
});
You can connect to the event queue by writing some backend code in any others of your favorite languages. More information like samples and tutorials are coming soon.
To make run the pre-build backend services described above, first of all you need firebase-cli
:
$ npm install -g firebase-cli
Then go to your apps project root and run:
$ firebase init
Choose ◯ Functions: Configure and deploy Cloud Functions
and select one of your previously created firebase project as the default project
for this project root.
Now you are ready to deploy the built-in backend services the first time:
$ appsapp
Please ensure that you have a working internet connection all the time.
While deploying firebase functions it takes a while. After first run you can speed it up by watching your apps build files for any changes. Start the following command whenever you are editing your apps source.
$ appsapp -w
Please note, that you have an internet connection while the script above is running. If not, then stop the script execution and start it again when you are connected next time.
All of the validators are also available from the appsapp-module
for importing to your ts files without any care.
Decorator | Description |
---|---|
Common validation decorators | |
@IsDefined(value: any) | Checks if value is defined (!== undefined, !== null). This is the only decorator that ignores skipMissingProperties option. |
@IsOptional() | Checks if given value is empty (=== null, === undefined) and if so, ignores all the validators on the property. |
@Equals(comparison: any) | Checks if value equals ("===") comparison. |
@NotEquals(comparison: any) | Checks if value not equal ("!==") comparison. |
@IsEmpty() | Checks if given value is empty (=== '', === null, === undefined). |
@IsNotEmpty() | Checks if given value is not empty (!== '', !== null, !== undefined). |
@IsIn(values: any[]) | Checks if value is in a array of allowed values. |
@IsNotIn(values: any[]) | Checks if value is not in a array of disallowed values. |
Type validation decorators | |
@IsBoolean() | Checks if a value is a boolean. |
@IsDate() | Checks if the string is a date. |
@IsString() | Checks if the string is a string. |
@IsNumber() | Checks if the string is a number. |
@IsInt() | Checks if the value is an integer number. |
@IsArray() | Checks if the string is an array |
@IsEnum(entity: object) | Checks if the value is an valid enum |
Number validation decorators | |
@IsDivisibleBy(num: number) | Checks if the value is a number that's divisible by another. |
@IsPositive() | Checks if the value is a positive number. |
@IsNegative() | Checks if the value is a negative number. |
@Max(max: number) | Checks if the given number is greater than given number. |
@Min(min: number) | Checks if the given number is less than given number. |
Date validation decorators | |
@MinDate(date: Date) | Checks if the value is a date that's after the specified date. |
@MaxDate(date: Date) | Checks if the value is a date that's before the specified date. |
String-type validation decorators | |
@IsBooleanString() | Checks if a string is a boolean (e.g. is "true" or "false"). |
@IsDateString() | Checks if a string is a date (e.g. "2017-06-07T14:34:08.700Z" or "2017-06-07T14:34:08.700"). |
@IsNumberString() | Checks if a string is a number. |
String validation decorators | |
@Contains(seed: string) | Checks if the string contains the seed. |
@NotContains(seed: string) | Checks if the string not contains the seed. |
@IsAlpha() | Checks if the string contains only letters (a-zA-Z). |
@IsAlphanumeric() | Checks if the string contains only letters and numbers. |
@IsAscii() | Checks if the string contains ASCII chars only. |
@IsBase64() | Checks if a string is base64 encoded. |
@IsByteLength(min: number, max?: number) | Checks if the string's length (in bytes) falls in a range. |
@IsCreditCard() | Checks if the string is a credit card. |
@IsCurrency(options?: IsCurrencyOptions) | Checks if the string is a valid currency amount. |
@IsEmail(options?: IsEmailOptions) | Checks if the string is an email. |
@IsFQDN(options?: IsFQDNOptions) | Checks if the string is a fully qualified domain name (e.g. domain.com). |
@IsFullWidth() | Checks if the string contains any full-width chars. |
@IsHalfWidth() | Checks if the string contains any half-width chars. |
@IsVariableWidth() | Checks if the string contains a mixture of full and half-width chars. |
@IsHexColor() | Checks if the string is a hexadecimal color. |
@IsHexadecimal() | Checks if the string is a hexadecimal number. |
`@IsIP(version?: "4" | "6")` |
`@IsISBN(version?: "10" | "13")` |
@IsISIN() | Checks if the string is an ISIN (stock/security identifier). |
@IsISO8601() | Checks if the string is a valid ISO 8601 date. |
@IsJSON() | Checks if the string is valid JSON. |
@IsLowercase() | Checks if the string is lowercase. |
@IsMobilePhone(locale: string) | Checks if the string is a mobile phone number. |
@IsMongoId() | Checks if the string is a valid hex-encoded representation of a MongoDB ObjectId. |
@IsMultibyte() | Checks if the string contains one or more multibyte chars. |
@IsNumericString() | Checks if the string is numeric. |
@IsSurrogatePair() | Checks if the string contains any surrogate pairs chars. |
@IsUrl(options?: IsURLOptions) | Checks if the string is an url. |
`@IsUUID(version?: "3" | "4" |
@IsUppercase() | Checks if the string is uppercase. |
@Length(min: number, max?: number) | Checks if the string's length falls in a range. |
@MinLength(min: number) | Checks if the string's length is not less than given number. |
@MaxLength(max: number) | Checks if the string's length is not more than given number. |
@Matches(pattern: RegExp, modifiers?: string) | Checks if string matches the pattern. Either matches('foo', /foo/i) or matches('foo', 'foo', 'i'). |
@IsMilitaryTime() | Checks if the string is a valid representation of military time in the format HH:MM. |
Array validation decorators | |
@ArrayContains(values: any[]) | Checks if array contains all values from the given array of values. |
@ArrayNotContains(values: any[]) | Checks if array does not contain any of the given values. |
@ArrayNotEmpty() | Checks if given array is not empty. |
@ArrayMinSize(min: number) | Checks if array's length is as minimal this number. |
@ArrayMaxSize(max: number) | Checks if array's length is as maximal this number. |
@ArrayUnique() | Checks if all array's values are unique. Comparison for objects is reference-based. |
Decorator | Description |
---|---|
General ui decorators | |
@HasConditions([...]) | Add/Remove property by conditions |
@IsHidden([...]?) | Show/hide ui for this property by conditions |
@HasLabel(label: string) | Set the ui label for this property |
@HasDescriptions(description: string) | Adds a short decriptions to the ui for this property |
@HasPrecision(precision: number) | Defines precision like number of decimals |
@IsBirthDate(precision: number) | Defines precision like number of decimals |
Specific ui decorators | |
@IsBirthDate() | Set special ui for birth dates |
@IsCalendar() | Set special ui for a calendar view |
@IsDateRange() | Set special ui for a date range view |
@IsNumpad() | Set special ui for a num pad view |
@IsPassword() | Set special ui password input element |
@IsList(itemType, usePropertyAsUuid?) | Adds a one-to-many relation of given typeOfItems (reusable model or object) |
@IsRating(length: number) | Set special ui long text |
@IsSelect(..) | Set dropdown ui |
@HasPlaceholder(placeholder: string) | Adds a placeholder to input ui |
MIT © Michael Egli
FAQs
An awesome full-stack framework for creating mobile and desktop apps the easy way of development. Now you build super sophisticated Angular2+/Ionic apps using TypeScript.
The npm package appsapp-module receives a total of 41 weekly downloads. As such, appsapp-module popularity was classified as not popular.
We found that appsapp-module demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.