Skip to content

Commit 1171e36

Browse files
committed
adding file project
1 parent fa52d3a commit 1171e36

119 files changed

Lines changed: 46300 additions & 21 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.gitignore

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
2+
# Logs
3+
logs
4+
*.log
5+
npm-debug.log*
6+
yarn-debug.log*
7+
yarn-error.log*
8+
9+
# Runtime data
10+
pids
11+
*.pid
12+
*.seed
13+
*.pid.lock
14+
15+
# Dependency directories
16+
node_modules/
17+
18+
# Optional npm cache directory
19+
.npm
20+
21+
# Optional eslint cache
22+
.eslintcache
23+
24+
# Optional REPL history
25+
.node_repl_history
26+
27+
# Yarn Integrity file
28+
.yarn-integrity
29+
30+
# dotenv environment variables file
31+
.env
32+
33+
# Misc
34+
.DS_Store
35+
Thumbs.db
36+
37+
# Cordova
38+
cordova/platforms/
39+
cordova/plugins/
40+
cordova/www/
41+
42+
# Production build
43+
www/

LICENSE

Lines changed: 0 additions & 21 deletions
This file was deleted.

README.md

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
# Perpustakaan Ar-Rasyid
2+
Aplikasi Perpustakaan Ar-Rasyid merupakan sistem yang berfungsi untuk pengolahan data perpustakaan dari stok buku - buku yang tersedia hingga anggota yang melakukan peminjaman dan pengembalian buku atau ebook yang dipinjam.
3+
4+
# Usage
5+
* Install Node.js
6+
* Clone repository Perpustakaan Ar-Rasyid https://gitlab.com/team-gonata-indonesia/mobile-perpustakaan-ar-rasyid.git
7+
* Buka direktori Perpustakaan Ar-Rasyid di command prompt
8+
* Ketik npm start atau npm run dev
9+
* Otomatis terbuka localhost:8080
10+
11+
## Framework7 CLI Options
12+
13+
Framework7 app created with following options:
14+
15+
```
16+
{
17+
"cwd": "C:\\Users\\pavilion\\Documents\\ProjectSourceTree\\Perpustakaan Ar-Rasyid",
18+
"type": [
19+
"web",
20+
"cordova"
21+
],
22+
"name": "Perpustakaan Ar-Rasyid",
23+
"framework": "core",
24+
"template": "tabs",
25+
"bundler": "webpack",
26+
"cssPreProcessor": "stylus",
27+
"theming": {
28+
"customColor": false,
29+
"color": "#396EB0",
30+
"darkTheme": false,
31+
"iconFonts": true,
32+
"fillBars": false
33+
},
34+
"customBuild": false,
35+
"webpack": {
36+
"developmentSourceMap": true,
37+
"productionSourceMap": true,
38+
"hashAssets": false,
39+
"preserveAssetsPaths": false,
40+
"inlineAssets": true
41+
},
42+
"pkg": "io.framework7.myapp",
43+
"cordova": {
44+
"folder": "cordova",
45+
"platforms": [
46+
"ios",
47+
"android"
48+
],
49+
"plugins": [
50+
"cordova-plugin-statusbar",
51+
"cordova-plugin-keyboard",
52+
"cordova-plugin-splashscreen"
53+
]
54+
}
55+
}
56+
```
57+
58+
## NPM Scripts
59+
60+
* 🔥 `start` - run development server
61+
* 🔧 `dev` - run development server
62+
* 🔧 `build-dev` - build web app using development mode (faster build without minification and optimization)
63+
* 🔧 `build-prod` - build web app for production
64+
* 📱 `build-dev-cordova` - build cordova app using development mode (faster build without minification and optimization)
65+
* 📱 `build-prod-cordova` - build cordova app
66+
* 📱 `build-dev-cordova-ios` - build cordova iOS app using development mode (faster build without minification and optimization)
67+
* 📱 `build-prod-cordova-ios` - build cordova iOS app
68+
* 📱 `build-dev-cordova-android` - build cordova Android app using development mode (faster build without minification and optimization)
69+
* 📱 `build-prod-cordova-android` - build cordova Android app
70+
71+
## WebPack
72+
73+
There is a webpack bundler setup. It compiles and bundles all "front-end" resources. You should work only with files located in `/src` folder. Webpack config located in `build/webpack.config.js`.
74+
75+
Webpack has specific way of handling static assets (CSS files, images, audios). You can learn more about correct way of doing things on [official webpack documentation](https://webpack.js.org/guides/asset-management/).
76+
## Cordova
77+
78+
Cordova project located in `cordova` folder. You shouldn't modify content of `cordova/www` folder. Its content will be correctly generated when you call `npm run cordova-build-prod`.
79+
80+
81+
82+
## Assets
83+
84+
Assets (icons, splash screens) source images located in `assets-src` folder. To generate your own icons and splash screen images, you will need to replace all assets in this directory with your own images (pay attention to image size and format), and run the following command in the project directory:
85+
86+
```
87+
framework7 assets
88+
```
89+
90+
Or launch UI where you will be able to change icons and splash screens:
91+
92+
```
93+
framework7 assets --ui
94+
```
95+
96+
## Documentation & Resources
97+
98+
* [Framework7 Core Documentation](https://framework7.io/docs/)
99+
100+
101+
102+
* [Framework7 Icons Reference](https://framework7.io/icons/)
103+
* [Community Forum](https://forum.framework7.io)
104+
105+
## Support Framework7
106+
107+
Love Framework7? Support project by donating or pledging on patreon:
108+
https://patreon.com/vladimirkharlampidi
109+
110+
## License
111+
MIT License 2022, Team Gonata Indonesia.
112+
113+
The data may not be used for commercial purposes.

assets-src/apple-touch-icon.png

86.8 KB
Loading
262 KB
Loading

assets-src/cordova-ios-icon.png

51.6 KB
Loading
47.2 KB
Loading

assets-src/web-icon.png

262 KB
Loading

babel.config.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
module.exports = {
2+
presets: [
3+
['@babel/preset-env', {
4+
modules: false,
5+
}],
6+
],
7+
plugins: [
8+
'@babel/plugin-transform-runtime',
9+
'@babel/plugin-syntax-dynamic-import',
10+
],
11+
};

build/build.js

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
const webpack = require('webpack');
2+
const ora = require('ora');
3+
const rm = require('rimraf');
4+
const chalk = require('chalk');
5+
const config = require('./webpack.config.js');
6+
7+
const env = process.env.NODE_ENV || 'development';
8+
const target = process.env.TARGET || 'web';
9+
const isCordova = target === 'cordova'
10+
11+
const spinner = ora(env === 'production' ? 'building for production...' : 'building development version...');
12+
spinner.start();
13+
14+
rm(isCordova ? './cordova/www' : './www/', (removeErr) => {
15+
if (removeErr) throw removeErr;
16+
17+
webpack(config, (err, stats) => {
18+
if (err) throw err;
19+
spinner.stop();
20+
21+
process.stdout.write(`${stats.toString({
22+
colors: true,
23+
modules: false,
24+
children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
25+
chunks: false,
26+
chunkModules: false,
27+
})}\n\n`);
28+
29+
if (stats.hasErrors()) {
30+
console.log(chalk.red('Build failed with errors.\n'));
31+
process.exit(1);
32+
}
33+
34+
console.log(chalk.cyan('Build complete.\n'));
35+
});
36+
});

0 commit comments

Comments
 (0)