wanderers-guide · significantotter · Jan 29, 2023 · Jan 29, 2023 · Jan 29, 2023 · Jan 29, 2023
diff --git a/client/.gitignore b/client/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/client/.vscode/extensions.json b/client/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
diff --git a/client/README.md b/client/README.md
@@ -0,0 +1,18 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
diff --git a/client/index.html b/client/index.html
@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Wanderer's Guide</title>
+    <meta charset="UTF-8" />
+
+    <link rel="shortcut icon" href="/images/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon.svg" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/images/favicon.svg"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/images/favicon.svg"
+    />
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="upgrade-insecure-requests"
+    />
+    <meta name="HandheldFriendly" content="True" />
+    <meta name="MobileOptimized" content="320" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
+    />
+
+    <meta property="og:title" content="Wanderer's Guide" />
+    <meta property="og:url" content="https://wanderersguide.app/" />
+    <meta
+      data-n-head="ssr"
+      data-hid="og:image"
+      name="og:image"
+      property="og:image"
+      content="/images/favicon.svg"
+    />
+
+    <meta name="apple-mobile-web-app-title" content="Wanderer's Guide" />
+    <meta name="application-name" content="Wanderer's Guide" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="author" content="Quzzar" />
+
+    <link rel="manifest" href="/manifest.json" />
+
+    <link rel="canonical" href="https://wanderersguide.app/" />
+    <link rel="shortcut icon" href="/images/favicon.svg" />
+    <link
+      data-n-head="ssr"
+      data-hid="apple-touch-icon"
+      rel="apple-touch-icon"
+      href="/images/favicon.svg"
+      sizes="180x180"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/images/favicon.svg"
+      sizes="32x32"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/images/favicon.svg"
+      sizes="16x16"
+    />
+    <meta property="og:image" content="/images/favicon.svg" />
+    <link rel="mask-icon" href="/images/favicon.svg" color="#000000" />
+
+    <!-- OGP -->
+    <meta property="og:site_name" content="Wanderer's Guide" />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:url" content="https://wanderersguide.app/" />
+    <meta property="og:title" content="Wanderer's Guide" />
+    <meta
+      property="og:description"
+      content="Semi-automated character manager for Pathfinder 2e"
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:image:width" content="600" />
+    <meta property="og:image:height" content="400" />
+
+    <!-- Keywords -->
+    <meta
+      name="keywords"
+      content="wanderer's guide,wanderers guide,wanderers,wanderer's,guide,pathfinder second edition,pathfinder 2e,character manager,character builder,pf2e,pf 2e"
+    />
+
+    <!-- Bulma -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
+    />
+    <link rel="stylesheet" href="/css/bulma/bulma-steps.min.css" />
+    <script src="/js/bulma/bulma-steps.min.js"></script>
+    <link rel="stylesheet" href="/css/bulma/bulma-tooltip.min.css" />
+    <link rel="stylesheet" href="/css/bulma/bulma-accordion.min.css" />
+    <script src="/js/bulma/bulma-accordion.min.js"></script>
+    <link rel="stylesheet" href="/css/bulma/bulma-divider.min.css" />
+    <link rel="stylesheet" href="/css/bulma/bulma-quickview.min.css" />
+    <script src="/js/bulma/bulma-quickview.min.js"></script>
+    <link rel="stylesheet" href="/css/bulma/bulma-checkradio.min.css" />
+    <link rel="stylesheet" href="/css/bulma/bulma-badge.min.css" />
+    <link rel="stylesheet" href="/css/bulma/bulma-switch.min.css" />
+    <link rel="stylesheet" href="/css/bulma/bulma-radio-checkbox.min.css" />
+    <link rel="stylesheet" href="/css/bulma/bulma-tagsinput.min.css" />
+    <script src="/js/bulma/bulma-tagsinput.min.js"></script>
+
+    <!-- Bootstrap-Core -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="/css/bootstrap-4-utilities.min.css" />
+
+    <!-- Font-Awesome-Icons -->
+    <script
+      defer
+      src="https://pro.fontawesome.com/releases/v5.12.1/js/all.js"
+    ></script>
+
+    <link
+      rel="stylesheet"
+      href="/css/core/system-styles.css"
+      type="text/css"
+      media="all"
+    />
+    <link
+      rel="stylesheet"
+      href="/css/pageloader.css"
+      type="text/css"
+      media="all"
+    />
+    <link
+      rel="stylesheet"
+      href="/css/chosen/chosen.css"
+      type="text/css"
+      media="all"
+    />
+
+    <link
+      rel="stylesheet"
+      href="/css/core/bulma-extension.css"
+      type="text/css"
+      media="all"
+    />
+    <link
+      rel="stylesheet"
+      href="/css/core/fonts.css"
+      type="text/css"
+      media="all"
+    />
+    <link
+      rel="stylesheet"
+      href="/css/core/modals.css"
+      type="text/css"
+      media="all"
+    />
+    <link
+      rel="stylesheet"
+      href="/css/core/quickviews.css"
+      type="text/css"
+      media="all"
+    />
+
+    <!-- General Utils -->
+    <script type="text/javascript" src="/js/general-utils.js"></script>
+    <script type="text/javascript" src="/js/cache-storing.js"></script>
+    <script
+      type="text/javascript"
+      src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/9.3.0/math.js"
+    ></script>
+
+    <!-- Loading Bars/Spinners -->
+    <link rel="stylesheet" href="/css/loading-bar.css" />
+    <script src="/js/loading_bar/loadingHandler.js"></script>
+    <script src="/js/loading_bar/loading-bar.js"></script>
+
+    <!-- Quill JS -->
+    <link
+      href="https://cdn.quilljs.com/1.3.6/quill.snow.css"
+      rel="stylesheet"
+    />
+    <link href="/css/quill.css" rel="stylesheet" />
+    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
+
+    <!-- Web-Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+    <link
+      href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap"
+      rel="stylesheet"
+    />
+
+    <link
+      href="https://fonts.googleapis.com/css2?family=Proza+Libre&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
+      rel="stylesheet"
+    />
+
+    <!-- Socket IO -->
+    <script src="/socket.io/socket.io.js"></script>
+
+    <!-- jQuery -->
+    <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
+    <script defer src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+    <script defer src="/js/jQuery/jquery.ui.touch-punch.min.js"></script>
+    <script defer src="/js/jQuery/chosen.jquery.min.js"></script>
+
+    <!-- import from the character list handlebars -->
+    <script defer src="https://unpkg.com/pdf-lib/dist/pdf-lib.min.js"></script>
+    <script defer src="https://unpkg.com/[email protected]"></script>
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.8.0/html2pdf.bundle.min.js"></script>
+    <link defer rel="stylesheet" href="/css/character-list.css" />
+
+    <script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
+      new Crate({
+        server: '735260060682289254',
+        channel: '735260060682289257'
+      })
+    </script>
+  </head>
+  <body style="background-color: #1c1c1c">
+    <div id="app" ></div>
+    <!-- Socket IO -->
+    <script src="/socket.io/socket.io.js"></script>
+
+    <!-- jQuery -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
+    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+    <script src="/js/jQuery/jquery.ui.touch-punch.min.js"></script>
+    <script src="/js/jQuery/chosen.jquery.min.js"></script>
+
+    <script type="module" src="/vue-src/main.ts"></script>
+  </body>
+</html>