truncated history

Author: lancewilhelm

.gitignore

@@ -0,0 +1,34 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

Dockerfile

@@ -0,0 +1,21 @@
+# Stage 1 - build
+FROM node:21.7.1-alpine AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN  npm install
+COPY . .
+RUN npm run build
+
+# Stage 2 - production
+FROM node:21.7.1-alpine AS final
+WORKDIR /app
+ADD package.json .
+ADD nuxt.config.ts .
+# COPY --from=builder /app/.nuxt ./.nuxt
+# COPY --from=builder /app/node_modules ./node_modules
+# COPY --from=builder /app/assets ./assets
+COPY --from=builder /app/.output ./.output
+ENV NUXT_HOST=0.0.0.0
+ENV NUXT_PORT=3000
+EXPOSE 3000
+CMD ["npm", "start"]

LICENSE

@@ -0,0 +1,84 @@
+# Qua
+
+Open source QDA software running on Vue + Nuxt.js + Supabase and a little bit of Tailwind CSS.
+
+If you are going to develop this project yourself, you will need to create a `.env` file in the root of the project with the following content:
+
+```bash
+SUPABASE_URL=https://your-supabase-url.supabase.co
+SUPABASE_KEY=your-supabase-key
+```
+
+That should do it for now...more to come.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

README.md

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import themesList from '~/assets/themes.json'
+
+const user = useSupabaseUser()
+const configStore = useConfigStore()
+
+if (configStore.config.random_theme) {
+    const themes = JSON.parse(JSON.stringify(themesList)).sort((a, b) =>
+        a.name.localeCompare(b.name)
+    )
+    const randomTheme = themes[Math.floor(Math.random() * themes.length)]
+    setTheme(randomTheme.name)
+} else {
+    if (configStore.config.theme) {
+        setTheme(configStore.config.theme)
+    } else {
+        setTheme('camping')
+    }
+}
+
+if (user.value) {
+    configStore.fetchConfig()
+}
+</script>
+
+<template>
+    <div class="app-content content-grid">
+        <NuxtLoadingIndicator :color="'var(--main-color)'"/>
+        <AppHeader />
+        <NuxtPage />
+        <AppFooter />
+    </div>
+</template>
+
+<style scoped>
+.app-content {
+    font-family: Roboto, Helvetica, Arial, sans-serif;
+    min-height: 100vh;
+    height: 100vh;
+    width: 100%;
+    justify-content: center;
+    display: grid;
+    grid-template-rows: [page-start] var(--gutter) [padding-start] auto [content-start] 1fr [content-end] auto [page-end];
+}
+
+.content-grid {
+    display: grid;
+    grid-template-columns:
+        [full-width-start] var(--gutter) [full-width-padding-start] var(
+            --narrow-width-gutter
+        )
+        [content-start] 1fr [content-end] var(--narrow-width-gutter)
+        [full-width-padding-end] var(--gutter)
+        [full-width-end];
+}
+</style>

app.vue

@@ -0,0 +1,133 @@
+:root{
+  --gutter: 32px;
+  --narrow-width-gutter: 64px;
+  --content-max-width: 1500px;
+  --radius: 10px;
+  --transition: all 0.3s;
+  --font-family: 'Roboto mono', monospace;
+  --alt-font-family: 'Poppins', sans-serif;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  overflow-x: hidden;
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  font-family: var(--font-family);
+  transition: var(--transition);
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--font-family);
+}
+
+input, textarea{
+  padding: 10px;
+  margin: 5px 0;
+  border: 0;
+  border-radius: 10px;
+  background-color: var(--sub-alt-color);
+  font-family: var(--font-family);
+  font-size: 1rem;
+  color: var(--text-color);
+}
+
+input::placeholder textarea::placeholder{
+  color: var(--sub-color);
+}
+
+input:focus, textarea:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--main-color);
+}
+
+button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  margin: 5px 0;
+  border: none;
+  cursor: pointer;
+  border-radius: 10px;
+  background-color: var(--sub-alt-color);
+  font-family: var(--font-family);
+  font-size: 1.2rem;
+  color: var(--text-color);
+  transition: var(--transition);
+  box-shadow: 4px 6px 0px rgba(0,0,0,1);
+}
+
+button:hover {
+  background-color: var(--text-color);
+  color: var(--bg-color);
+}
+
+button:active {
+  background-color: var(--sub-color);
+  color: var(--bg-color);
+  transform: translate(2px, 3px);
+  box-shadow: 2px 3px 0px rgba(0,0,0,1);
+}
+
+button:focus {
+  outline: 3px solid var(--main-color);
+}
+
+a {
+  text-decoration: none;
+  color: var(--main-color);
+}
+
+#app {
+  min-height: 100vh;
+}
+
+.full-width {
+  grid-column: full-width-padding;
+}
+
+.narrow-width {
+  grid-column: content
+}
+
+.no-scroll {
+  overflow: hidden;
+  grid-row-start: content-start;
+}
+
+.editor-theme-light {
+  background-color: white;
+  color: black;
+}
+
+.editor-theme-dark {
+  background-color: #2f343f;
+  color: #eceff4;
+}
+
+.editor-theme-theme {
+  background-color: var(--bg-color);
+  color: var(--text-color);
+}
+
+.scroll {
+  grid-row-start: content-start;
+}
+
+::-webkit-scrollbar {
+  width: 7px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--main-color);
+  border-radius: 3.5px;
+}
+
+::selection {
+  background-color: var(--main-color);
+  color: var(--bg-color);
+  border: 3px solid var(--sub-color);
+}

assets/css/brands.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}

assets/css/fontawesome.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}