Added build pipeline

.drone.yml

@@ -0,0 +1,40 @@
+---
+kind: secret
+name: gitea_token
+get:
+  path: odit-git-bot
+  name: apikey
+
+---
+kind: pipeline
+type: kubernetes
+name: build:tag
+
+steps:
+  - name: build and package
+    depends_on: ["clone"]
+    image: node:15.11.0-alpine3.13
+    commands:
+      - apk add git zip -f
+      - yarn
+      - yarn build
+      - yarn build:package
+  - name: gitea_release
+    depends_on: ["build and package"]
+    image: plugins/gitea-release
+    settings:
+      title: Release ${DRONE_TAG}
+      api_key:
+        from_secret: gitea_token
+      base_url: https://git.odit.services
+      files: linkylinky-chrome.zip
+      checksum:
+        - md5
+        - sha1
+        - sha256
+        - sha512
+        - adler32
+        - crc32
+trigger:
+  event:
+    - tag

.gitignore

@@ -1,8 +1,8 @@
 .DS_Store
 node_modules
-/build
-/.svelte-kit
-/package
 
+**/tailwind.css
+dist
+*.zip
 # Fuck lockfiles :D
 *.lock

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img height="150" src="./icon_128.png">
+  <img height="150" src="./src/icon_128.png">
   <h1 align="center">LinkyLinky 4 Chrome</h1>
   <h3 align="center">A simple, privacy focused urls shortner</h3>
 </p>

package.json

@@ -1,5 +1,17 @@
 {
+  "name": "linkylinky-chrome",
+  "scripts": {
+    "build": "npm run prebuild && npm run build:copy && npm run build:css",
+    "prebuild": "rimraf ./dist ./*.zip",
+    "build:copy": "cpx ./src/* ./dist/",
+    "build:css": "tailwindcss -o ./dist/tailwind.css --purge ./dist/index.html -m",
+    "build:package": "cross-zip dist linkylinky-chrome.zip",
+    "dev": "tailwindcss -o ./src/tailwind.css"
+  },
   "devDependencies": {
+    "cpx": "^1.5.0",
+    "cross-zip-cli": "^1.0.0",
+    "rimraf": "^3.0.2",
     "tailwindcss": "^2.2.7"
   }
 }

src/index.html

@@ -54,7 +54,7 @@
 			<div id="target_container">
 				<div class="mt-1 flex rounded-md shadow-sm">
 					<input type="url" name="target" id="target" required
-						class="flex-1 min-w-0 block rounded-lg w-full px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
+						class="flex-1 min-w-0 block border rounded-lg w-full px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300 bg-gray-50"
 						placeholder="target url" />
 				</div>
 			</div>
@@ -65,7 +65,7 @@
 						https://kauf.es/
 					</span>
 					<input type="text" name="shortcode" id="shortcode"
-						class="flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
+						class="flex-1 min-w-0 block w-full px-3 py-2 border-t border-b border-r rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
 						placeholder="custom url" />
 				</div>
 			</div>

tailwind.config.js

@@ -1,5 +1,7 @@
 module.exports = {
-  purge: [],
+  purge: [
+    './index.html'
+  ],
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {},