silicia-apps / sio

Silicia Framework : a new framework based on ionic to accelerate the writing of hybrid apps and websites.

DEMO ON NETLIFY https://sio-demo.netlify.com user: [e-mail] password: 12345678 Very early stage.. At this moment you can preview app (check in all screenmode), menu, darkmode, badge component, login (no registration) and storage functionality. Please refresh page after the authentication (there is a bug in page state)

Silicia Ionic Framework (SIO) is a library for developing open-source hybrid applications released under the MIT license. This library was created with the aim of eliminating all the redundant code necessary for development in ionic or angular and with the purpose of inserting the most used libraries. Here are the features of the library:

• state integration with ngxs and angular-ru/ngxs libraries
• multilingual support integration via ngx-translate library
• plugin support for various types of backends (currently appwrite, next firebase)
• wrapping core Ionic components into new components with state and other functionality included (such as dynamic forms and menus)

The library is in a pre-alpha state. If you want to test to participate in the development, even if only as a tester or to send suggestions

Installation to install the library add it to your project

$ npm install @silicia/core

start a new ionic project with

$ ionic start --type=angular sio-demo blank

app.modules.ts

open the app.module.ts file and add the library

...
import { environment } from '../assets/environments/environment';
import {} from '@silicia/core';
...
@NgModule({
  ...
  imports: [
    ...
    SioCoreModule.forRoot(environment),
    SioCommonModule,
    SioAppwriteAuth(environment), //optional if you want add authentication features
    SioAppwriteDatabase(environment), //optional if you want add Database features
    SioAppwriteStorage(environment), //optional if you want add Storage features
    ...
  ],
  ...
});
...

the SioCoreModule module must be imported only in the main module of your application, while SioCommonModule must be imported in each LazyModule (typically the app pages) in which you want to have access to the library components.

app.component.html

Once this is done, it is necessary to modify the app.component.html file by inserting the main component of SIO or the sio-app component for bootstrap framework