Skip to content

Commit 451fdb0

Browse files
bagasnurbagasnur
committed
:core: init project
0 parents  commit 451fdb0

19 files changed

+692
-0
lines changed

‎.gitignore‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
# Ignore folder
11+
node_modules
12+
build
13+
test
14+
dist
15+
dist-ssr
16+
*.local
17+
.vscode/*
18+
!.vscode/settings.json
19+
!.vscode/extensions.json
20+
.idea
21+
.DS_Store
22+
.git
23+
.hg
24+
.npmrc
25+
.lock-wscript
26+
.svn
27+
config.gypi
28+
CVS
29+
30+
# Editor directories and files
31+
# Ignore misc
32+
.*.swp
33+
._*
34+
*.suo
35+
*.ntvs*
36+
*.njsproj
37+
*.sln
38+
*.sw?
39+
.npmignore
40+
package-lock.json

‎.prettierignore‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Ignore artifacts:
2+
.DS_Store
3+
.fleet
4+
.idea
5+
.phpunit.result.cache
6+
.thumbs.db
7+
.vscode
8+
9+
/.phpunit.cache
10+
/dist
11+
/build
12+
/bootstrap/cache
13+
/node_modules
14+
/public/assets
15+
/public/hot
16+
/public/storage
17+
/storage
18+
/vendor
19+
20+
npm-debug.log
21+
yarn-error.log

‎.prettierrc‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"printWidth": 100,
3+
"arrowParens": "avoid",
4+
"bracketSameLine": false,
5+
"bracketSpacing": true,
6+
"overrides": [
7+
{
8+
"files": ["*.ts"],
9+
"options": {
10+
"parser": "typescript",
11+
"semi": true
12+
}
13+
}
14+
],
15+
"semi": true,
16+
"singleQuote": true,
17+
"tabWidth": 2,
18+
"trailingComma": "none"
19+
}

‎.vscode/extensions.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
3+
}

‎.vscode/settings.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"editor.detectIndentation": true,
3+
"editor.tabSize": 2,
4+
"editor.trimAutoWhitespace": true,
5+
"editor.insertSpaces": true,
6+
"editor.indentSize": "tabSize",
7+
"editor.guides.indentation": true,
8+
"prettier.useTabs": true,
9+
"vetur.format.options.tabSize": 2,
10+
"vetur.format.options.useTabs": true,
11+
}

‎CHANGELOG.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
## littleimagine/vue-leaflet-rotate-marker
2+
3+
# 🕖 CHANGELOG 🕖
4+
5+
## [0.1.0](https://github.com/littleimagine/vue-leaflet-rotate-marker/releases/tag/v0.1.0) - BETA | March 24, 2024
6+
7+
### Add
8+
9+
- Initial BETA Release

‎LICENSE.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2024 Bagas Nur P.
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<div align="center">
2+
3+
> **⚠️ WARNING ⚠️** <br>
4+
> This package is **BETA** version. <br>
5+
> If you find any bugs or missing features please open the issue or create a PR.
6+
7+
</div>
8+
9+
<h1 align="center"> 📍 vue-leaflet-rotate-marker 📍</h1>
10+
11+
Rotated marker extension for [@vue-leaflet/vue-leaflet](https://github.com/vue-leaflet/vue-leaflet) package. Inspired by [mudin/vue2-leaflet-rotatedmarker](https://github.com/mudin/vue2-leaflet-rotatedmarker). Based on [bbecquet/Leaflet.RotatedMarker](https://github.com/bbecquet/Leaflet.RotatedMarker).
12+
13+
<div align="center">
14+
15+
[![Support for Vue 3](https://img.shields.io/badge/VUE%203-Support-lightgreen?style=for-the-badge&logo=vuedotjs)](https://v3.vuejs.org/guide/introduction.html)
16+
17+
[![License](https://img.shields.io/github/license/littleimagine/vue-leaflet-rotate-marker?style=flat-square)](https://github.com/littleimagine/vue-leaflet-rotate-marker/blob/main/LICENSE)
18+
[![NPM Version](https://img.shields.io/npm/v/vue-leaflet-rotate-marker?style=flat-square)](https://www.npmjs.com/package/vue-leaflet-rotate-marker)
19+
![GitHub Release Date](https://img.shields.io/github/release-date/littleimagine/vue-leaflet-rotate-marker?label=release&style=flat-square)
20+
![Install NPM](https://img.shields.io/npm/dt/vue-leaflet-rotate-marker?style=flat-square)
21+
![CodeFactor Grade](https://img.shields.io/codefactor/grade/github/littleimagine/vue-leaflet-rotate-marker?style=flat-square)
22+
![Snyk Vulnerabilities NPM](https://img.shields.io/snyk/vulnerabilities/npm/vue-leaflet-rotate-marker?style=flat-square)
23+
24+
</div>
25+
26+
---
27+
28+
<h2 align="center"> DEMO </h2>
29+
30+
_In progress - Coming Soon_ 🔜
31+
32+
---
33+
34+
<h2 align="center"> ❗Pre Requirements </h2>
35+
36+
- [vue](https://github.com/vue-leaflet/vue-leaflet) | v3.3.4 or higher
37+
- [leaflet](https://github.com/Leaflet/Leaflet) | v1.9.4 or higher
38+
- [@vue-leaflet/vue-leaflet](https://github.com/vue-leaflet/vue-leaflet) | v0.10.1 or higher
39+
40+
---
41+
42+
<h2 align="center"> 🚀 Quick Installation </h2>
43+
44+
```sh
45+
npm i -D vue-leaflet-rotate-marker
46+
```
47+
48+
<h2 align="center"> Quickstart </h2>
49+
50+
```js
51+
<template>
52+
<div style="height: 600px; width: 100%">
53+
<l-map :zoom="5" :center="[-2.5, 118]">
54+
<l-tile-layer
55+
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
56+
layer-type="base"
57+
name="OpenStreetMap"
58+
/>
59+
<l-marker-rotate
60+
:lat-lng="[-3, 115]"
61+
rotationOrigin="top center"
62+
/>
63+
<l-marker-rotate
64+
:lat-lng="[-3.5, 117]"
65+
rotationAngle="100"
66+
/>
67+
<l-marker-rotate
68+
:lat-lng="[-4, 120]"
69+
rotationOrigin="bottom center"
70+
rotationAngle="172"
71+
>
72+
<l-tooltip>
73+
Tooltip
74+
</l-tooltip>
75+
</l-marker-rotate>
76+
</l-map>
77+
</div>
78+
</template>
79+
80+
<script>
81+
import { defineComponent } from 'vue';
82+
import { LMap, LTileLayer, LTooltip } from '@vue-leaflet/vue-leaflet';
83+
import { LMarkerRotate } from 'vue-leaflet-rotate-marker';
84+
85+
import 'leaflet/dist/leaflet.css';
86+
87+
export default defineComponent({
88+
name: 'SamplePage',
89+
components: {
90+
LMap,
91+
LTileLayer,
92+
LTooltip,
93+
LMarkerRotate
94+
}
95+
});
96+
</script>
97+
```
98+
99+
### Support extensions:
100+
101+
This package includes support for the following packages:
102+
103+
- [veitbjarsch/vue-leaflet-markercluster](https://github.com/veitbjarsch/vue-leaflet-markercluster)
104+
105+
---
106+
107+
<h2 align="center"> 🌱 Contribute </h2>
108+
109+
_- Coming Soon_ 🔜
110+
111+
### Versioning
112+
113+
[Semantic Versioning Specification (SemVer) 2.0.0](https://semver.org/spec/v2.0.0.html).
114+
115+
---
116+
117+
<h2 align="center"> 📄 License </h2>
118+
119+
Author: [@bagasnur](https://github.com/bagasnur)
120+
121+
**&copy; 2024**
122+
Source code & plugin under [MIT license](https://github.com/littleimagine/vue-leaflet-rotate-marker/blob/main/LICENSE).

‎index.html‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Sample vue-leaflet-rotate-marker | Little Imagine</title>
7+
<style>
8+
body {
9+
color: #303a3e;
10+
font-family: sans-serif;
11+
margin: auto;
12+
}
13+
.header {
14+
display: flex;
15+
flex-direction: column;
16+
align-items: center;
17+
justify-content: center;
18+
text-align: center;
19+
height: 20vh;
20+
}
21+
.header * {
22+
line-height: 1;
23+
margin: 4px;
24+
}
25+
.header a {
26+
background: #303a3e;
27+
color: #deeff7;
28+
text-decoration: none;
29+
padding: 12px 16px;
30+
border-radius: 8px;
31+
}
32+
.map {
33+
height: 80vh;
34+
width: 100vw;
35+
overflow: hidden;
36+
}
37+
</style>
38+
</head>
39+
40+
<body>
41+
<div class="header">
42+
<h1>SAMPLE</h1>
43+
<a href="https://github.com/littleimagine/vue-leaflet-rotate-marker" target="_blank">
44+
<h2>littleimagine/vue-leaflet-rotate-marker</h2>
45+
</a>
46+
</div>
47+
<div id="main" class="map"></div>
48+
<script type="module" src="/src/main.js"></script>
49+
</body>
50+
</html>

‎package.json‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{
2+
"name": "vue-leaflet-rotate-marker",
3+
"description": "Rotated marker extension for @vue-leaflet/vue-leaflet package. Developed under Little Imagine. Inspired by mudin/vue2-leaflet-rotatedmarker. Based on bbecquet/Leaflet.RotatedMarker (leaflet-rotatedmarker)",
4+
"author": "Bagas Nur (https://bagasnur.my.id)",
5+
"license": "MIT",
6+
"version": "0.1.0",
7+
"type": "module",
8+
"repository": {
9+
"type": "git",
10+
"url": "git+https://github.com/littleimagine/vue-leaflet-rotate-marker.git"
11+
},
12+
"bugs": {
13+
"url": "https://github.com/littleimagine/vue-leaflet-rotate-marker/issues"
14+
},
15+
"homepage": "https://github.com/littleimagine/vue-leaflet-rotate-marker/#readme",
16+
"keywords": [
17+
"vue",
18+
"vue3",
19+
"leaflet",
20+
"vue-leaflet",
21+
"leaflet-rotate-marker",
22+
"rotated-marker",
23+
"marker",
24+
"extension"
25+
],
26+
"files": [
27+
"dist"
28+
],
29+
"main": "dist/VueLMarkerRotate.cjs.js",
30+
"unpkg": "dist/VueLMarkerRotate.umd.js",
31+
"module": "dist/VueLMarkerRotate.js",
32+
"exports": {
33+
".": {
34+
"import": "./dist/VueLMarkerRotate.js",
35+
"require": "./dist/VueLMarkerRotate.umd.js"
36+
}
37+
},
38+
"scripts": {
39+
"dev": "vite",
40+
"build": "vite build",
41+
"preview": "vite preview",
42+
"format": "prettier --write ."
43+
},
44+
"dependencies": {
45+
"vue": "^3.3.4"
46+
},
47+
"devDependencies": {
48+
"@vitejs/plugin-vue": "^4.2.3",
49+
"@vue-leaflet/vue-leaflet": "^0.10.1",
50+
"leaflet": "^1.9.4",
51+
"prettier": "^3.2.5",
52+
"vite": "^4.4.5"
53+
}
54+
}

0 commit comments

Comments
 (0)