+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/messageView/index.vue b/src/components/messageView/index.vue
new file mode 100644
index 0000000..e231033
--- /dev/null
+++ b/src/components/messageView/index.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
diff --git a/src/components/splash.vue b/src/components/splash.vue
new file mode 100644
index 0000000..247847a
--- /dev/null
+++ b/src/components/splash.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+ {{ message.content }}
+
+
+
+
+
+
+
+ 
+
+
+
+
+ {{ message.avatar }}
+
+
+ {{ message.context }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/taInput/audioDetails/audio.vue b/src/components/taInput/audioDetails/audio.vue
new file mode 100644
index 0000000..896a896
--- /dev/null
+++ b/src/components/taInput/audioDetails/audio.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
diff --git a/src/components/taInput/audioDetails/audioVisualizer.ts b/src/components/taInput/audioDetails/audioVisualizer.ts
new file mode 100644
index 0000000..20f2318
--- /dev/null
+++ b/src/components/taInput/audioDetails/audioVisualizer.ts
@@ -0,0 +1,147 @@
+import { Ref } from '@/types/vueRef/index';
+import AnimeFunc from "@/types/animejs/index";
+import { inject, ref } from "vue";
+
+interface AudioPath {
+ identifier: string;
+ d: string;
+ offset: number;
+ color: string;
+ draw: boolean;
+}
+export default function useAudioVisualizer(draw: Ref
+
+
+
+
+
+
+
diff --git a/src/components/taInput/textDetails/textAnime.ts b/src/components/taInput/textDetails/textAnime.ts
new file mode 100644
index 0000000..8f5eafa
--- /dev/null
+++ b/src/components/taInput/textDetails/textAnime.ts
@@ -0,0 +1,57 @@
+import AnimeFunc from "@/types/animejs/index";
+import { inject } from "vue";
+import { Ref } from "@/types/vueRef/index";
+/*
+ * Anime js animations used by input textController
+*/
+export default function useTextInputAnims() {
+
+ // imports animejs safely
+ let anime: AnimeFunc;
+ const animeInject: AnimeFunc | undefined = inject("animejs");
+ if (animeInject) anime = animeInject;
+
+ const animateSend = (el: HTMLElement, elHeight: number, input: Ref
+
+ {{ input }}
+
-
-
-
-
-
-
`
-}
-
-function getInitials(name)
-{
- let rgx = new RegExp(/(\p{L}{1})\p{L}+/, 'gu');
-
- let initials = [...name.matchAll(rgx)] || [];
-
- return (
- (initials.shift()?.[1] || '') + (initials.pop()?.[1] || '')
- ).toUpperCase();
-}
-
-export default Input;
diff --git a/src/render/components/login.js b/src/render/components/login.js
deleted file mode 100644
index d1df74a..0000000
--- a/src/render/components/login.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import SmartForm from "./form.js";
-import { isEmail, isPassword, isName } from "./control/valid.js";
-
-const Login =
-{
- components: {
- SmartForm
- },
-
- setup()
- {
- return { isEmail, isPassword, isName };
- },
-
- template: `
- {{ initials }}
-
-
-
-
-
-
`
-}
-
-export default Login;
diff --git a/src/render/components/message.js b/src/render/components/message.js
deleted file mode 100644
index ce7231b..0000000
--- a/src/render/components/message.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import Bubble from "./bubble.js";
-import Context from "./context.js";
-
-const Message =
-{
- components: {
- Bubble,
- Context
- },
-
- props: ["modifier", "content", "context", "avatar", "id", "seen"],
-
- setup(props)
- {
- return { calcChild };
- },
-
- template: `
-
-
-
`
-}
-
-function calcChild(index, len)
-{
- if (len === 1)
- {
- return "none-child";
- }
- else if (index === 0)
- {
- return "first-child";
- }
- else if (index === len - 1)
- {
- return "last-child";
- }
- else
- {
- return "middle-child";
- }
-}
-
-export default Message;
diff --git a/src/render/components/messenger.js b/src/render/components/messenger.js
deleted file mode 100644
index 572613d..0000000
--- a/src/render/components/messenger.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import onDrop from "./control/drop.js";
-import scroll from "./control/scroll.js";
-
-import WS from "./ws.js";
-import Input from "./input.js";
-import Settings from "./settings.js";
-import Message from "./message.js";
-
-const Messenger = {
-
- components: {
- WS,
- Settings,
- Message,
- Input
- },
-
- setup()
- {
- const person = Vue.ref("");
- const messages = Vue.ref([]);
-
- let current = Vue.ref();
-
- Vue.onMounted(() => {
-
- window.mainApi.on("message", (update) => {
-
- if (update.person)
- {
- person.value = update.person;
- messages.value = update.messages;
- current.value = messages.value.at(-1);
- }
- else if (update.name)
- {
- person.value = update.name;
- }
- else if (update.modifier)
- {
- messages.value.push(update);
- current.value = update;
- }
- else if (update.category)
- {
- current.value.content.push(update);
- }
- else if (update.context)
- {
- current.value.context = update.context;
- }
- else
- {
- current.value.content.at(-1).text = update.text;
- }
-
- setTimeout(scroll, 10);
-
- });
-
- window.mainApi.send("messenger");
- });
-
- return { person, messages, onDrop };
- },
-
- template: `
-
-
-
`
-}
-
-export default Messenger;
diff --git a/src/render/components/settings.js b/src/render/components/settings.js
deleted file mode 100644
index e34e1a5..0000000
--- a/src/render/components/settings.js
+++ /dev/null
@@ -1,40 +0,0 @@
-
-const Settings =
-{
- setup() {
- const active = Vue.ref(false);
-
- function hideSettings(e) {
- if (e.key == "Escape") {
- active.value = false;
- window.removeEventListener("keydown", hideSettings);
- }
- }
-
- function showSettings() {
- active.value = true;
- window.addEventListener("keydown", hideSettings);
- }
-
- const logout = async () => {
- await window.mainApi.send("logout");
- }
-
- return { showSettings, active, logout, window };
- },
-
- template: `
-
-
-
-
-
-
- `
-}
-
-export default Settings;
\ No newline at end of file
diff --git a/src/render/components/splash.js b/src/render/components/splash.js
deleted file mode 100644
index 220eaad..0000000
--- a/src/render/components/splash.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const Splash =
-{
- template: `
-
-
-
- `
-}
-
-export default Splash;
\ No newline at end of file
diff --git a/src/render/components/ws.js b/src/render/components/ws.js
deleted file mode 100644
index 265915b..0000000
--- a/src/render/components/ws.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-const WS =
-{
- setup()
- {
- const status = Vue.ref();
-
- Vue.onMounted(() => {
-
- window.mainApi.on("ws", (val) => {
- status.value = val;
- });
-
- });
-
- return { status, window }
- },
-
- template: `
-
-
- ![]()
-
-
`
-}
-
-export default WS;
\ No newline at end of file
diff --git a/src/render/index.html b/src/render/index.html
deleted file mode 100644
index e45bb6c..0000000
--- a/src/render/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/render/index.js b/src/render/index.js
deleted file mode 100644
index d7df8b0..0000000
--- a/src/render/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import App from "./components/app.js";
-
-window.path = "./";
-
-Vue.createApp(App).mount("#app");
diff --git a/src/render/main.css b/src/render/main.css
deleted file mode 100644
index 2118c63..0000000
--- a/src/render/main.css
+++ /dev/null
@@ -1,578 +0,0 @@
-
-@font-face {
- font-family: "Default";
- src: url("assets/fonts/SF-Pro-Text-Regular.otf");
-}
-
-@font-face {
- font-family: "Compact";
- src: url("assets/fonts/SF-Compact-Display-Bold.otf");
-}
-
-@font-face {
- font-family: "Rounded";
- src: url("assets/fonts/SF-Compact-Rounded-Bold.otf");
-}
-
-html, body {
- margin: 0;
- padding: 0;
- /*background-color: rgba(235, 235, 235, 0.75);*/
-}
-
-/* The first word of the class is the component that it modifys. */
-
-#splash {
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-#app {
- position: relative; /* must explicitly be declared */
- font-family: "Default";
- -webkit-font-smoothing: antialiased;
- height: 100vh; /* 100% for website */
- width: 100vw; /* 100% for website */
- /* Does not work on Linux */
- border-radius: 15px;
-}
-
-#header-titlebar {
- position: absolute;
- width: 100%;
- height: 54px;
- opacity: 0.75;
- background-color: #EBEBEB;
- -webkit-app-region: drag;
- border: none;
- outline: none;
- z-index: 1;
- border-top-left-radius: 15px;
- border-top-right-radius: 15px;
-}
-
-.contacts {
- margin: 0;
- padding: 0;
- border-radius: inherit;
- background-color: #DBDBDB;
-}
-
-.contacts > li {
- padding: 12px;
- display: flex;
-}
-
-.contacts img {
- height: 30px;
- border-radius: 50%;
-}
-
-.contacts .info {
- margin-left: 10px;
- margin-right: 10px;
-}
-
-.contacts .name {
-
-}
-
-.contacts .email {
- font-family: "Compact";
- font-size: 12px;
- color: #898989;
- overflow: w;
- word-wrap: break-word;
-}
-
-#header-menu {
- position: absolute;
- margin-left: 20px;
- margin-top: 20px;
- z-index: 2;
- /* Needed for Linux even with higher Z index */
- -webkit-app-region: no-drag;
-}
-
-.header-menu-button {
- min-width: 14px;
- min-height: 14px;
- border-radius: 50%;
-}
-
-.header-exit-button {
- background-color: #FF6157;
-}
-
-.header-exit-button:active {
- background: #c14645;
-}
-
-.header-min-button {
- background-color: #FFC12F;
- margin-left: 8px;
-}
-
-.header-min-button:active {
- background-color: #c08e38;
-}
-
-#login {
- width: 100vw;
- height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
-
-#messenger {
- width: 100%;
- height: 100%;
- overflow: auto;
-}
-
-/* hide native scrollbar */
-#messenger::-webkit-scrollbar {
- display: none;
-}
-
-#ws {
- position: absolute;
- width: 100%;
- height: 54px;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 1;
-}
-
-#ws-logo {
- transition: all 0.5s;
-}
-
-#ws-logo.move {
- transform: translateX(15px);
-}
-
-#ws-dots {
- opacity: 0;
- transition: all 0.5s;
-}
-
-#ws-dots.move {
- opacity: 1;
- transform: translateX(-15px);
-}
-
-.ws-dot {
- width: 6px;
- height: 6px;
- border-radius: 50%;
- background-color: #48E065;
- position: relative;
- transform: translateX(-15px);
- animation: ws-dot-flashing 1s infinite linear alternate;
- animation-delay: .25s;
-}
-
-.ws-dot::before, .ws-dot::after {
- content: '';
- display: inline-block;
- position: absolute;
- box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-}
-
-.ws-dot::before {
- width: 6px;
- height: 6px;
- border-radius: 50%;
- background-color: #48E065;
- left: -9px;
- animation: ws-dot-flashing 1s infinite alternate;
- animation-delay: 0s;
-}
-
-.ws-dot::after {
- width: 6px;
- height: 6px;
- border-radius: 50%;
- background-color: #48E065;
- left: 9px;
- animation: ws-dot-flashing 1s infinite alternate;
- animation-delay: 0.5s;
-}
-
-@keyframes ws-dot-flashing {
- 0% {
- background-color: #48E065;
- }
- 50%,
- 100% {
- background-color: #9B9B9B;
- }
-}
-
-#input {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 0;
- width: 40px;
- height: 40px;
- z-index: 3;
- /* To prevent window drag when overlapping with titlebar. */
- -webkit-app-region: no-drag;
- border-radius: 50%;
- /* Set opacity here to not affect child. */
- background-color: rgba(235, 235, 235, 0.75);
- box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-}
-
-#input-text {
- position: absolute;
- min-width: 150px;
- height: 16px;
- border-radius: 18px;
- padding: 10px;
- outline: none;
- border: none;
- font-size: 14px;
- pointer-events: none;
- background-color: white;
- z-index: -1;
- box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
- transform-origin: center;
- opacity: 0;
- transform: translateX(70%);
- transition: all 0.5s;
-}
-
-#input-text.show {
- opacity: 1;
-}
-
-#input-text.leftSide {
- transform: translateX(-70%);
-}
-
-#settings {
- position: absolute;
- width: 100%;
- height: 100%;
- background-color: rgba(235, 235, 235, 0.75);
- z-index: 4;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- animation-name: settings-appear;
- animation-duration: 0.5s;
- border-radius: inherit;
-}
-
-@keyframes settings-appear {
- from {
- background-color: rgba(235, 235, 235, 0);
- }
- to {
- background-color: rgba(235, 235, 235, 0.75);
- }
-}
-
-.settings-icon {
- position: absolute;
- right: 0;
- border: none;
- outline: none;
- display: flex;
- flex-direction: row;
- padding: 5px;
- margin-right: 20px;
- margin-top: 19px;
- z-index: 2;
- background-color: Transparent;
- /* Needed for Linux */
- -webkit-app-region: no-drag;
-}
-
-.settings-account {
- font-size: 12px;
- font-weight: bold;
- margin-bottom: 25px;
-}
-
-.settings-logout-button {
- font-family: "Compact";
- background-color: #B7B7B7;
- padding: 10px 20px;
- border-radius: 20px;
- font-size: 14px;
-}
-
-.settings-version {
- position: absolute;
- left: 50%;
- top: 75%;
- transform: translate(-50%, -50%);
- font-size: 12px;
- font-weight: bold;
- color: #575757;
-}
-
-.message {
- width: inherit;
- display: flex;
- flex-direction: column;
- padding-top: 9px;
- padding-bottom: 9px;
- animation-name: message-init-anim;
- animation-duration: 0.25s;
-}
-
-@keyframes message-init-anim {
- from {
- opacity: 0;
- } to {
- opacity: 1;
- }
-}
-
-.message:first-child {
- margin-top: 55px;
-}
-
-.message:last-child {
- margin-bottom: 6px;
-}
-
-.message-session {
- width: 100vw;
- display: flex;
- justify-content: center;
- align-items: center;
- font-family: "Compact";
- font-size: 12px;
- color: #9B9B9B;
- margin-bottom: 18px;
-}
-
-.client-message {
- align-items: flex-end;
-}
-
-.ai-message {
- align-items: flex-start;
-}
-
-.admin-message {
- align-items: center;
-}
-
-.bubble {
- position: relative;
- max-width: 66%;
- font-size: 14px;
- border-radius: 18px;
- margin-bottom: 4px;
- overflow-wrap: break-word;
-}
-
-.bubble-notify {
- position: absolute;
- width: 12px;
- height: 12px;
- border-radius: 50%;
- background-color: #58D9FF;
- top: -5px;
- left: -5px;
- border: 2px solid #EBEBEB;
- transform: scale(0);
- animation-name: bubble-notify-anim;
- animation-duration: 5s;
-}
-
-@keyframes bubble-notify-anim {
- 0%, 90% {
- transform: scale(1);
- }
- 100% {
- transform: scale(0);
- }
-}
-
-.ai-bubble {
- background-color: #FFFFFF;
- margin-left: 15px;
-}
-
-.client-bubble {
- color: white;
- background-color: #58C4FD;
- margin-right: 15px;
-}
-
-.ai-first-child {
- border-bottom-left-radius: 9px;
-}
-
-.ai-middle-child {
- border-top-left-radius: 9px;
- border-bottom-left-radius: 9px;
-}
-
-.ai-last-child {
- border-top-left-radius: 9px;
-}
-
-.client-first-child {
- border-bottom-right-radius: 9px;
-}
-
-.client-middle-child {
- border-top-right-radius: 9px;
- border-bottom-right-radius: 9px;
-}
-
-.client-last-child {
- border-top-right-radius: 9px;
-}
-
-.bubble > p {
- margin: 0px;
- padding: 10px;
-}
-
-.bubble > div {
- border-radius: inherit;
-}
-
-.bubble > img {
- border-radius: inherit;
- display: block;
- max-width: 100%;
-}
-
-.bubble a {
- display: inline-block;
- font-family: "Rounded";
- text-decoration: none;
- border-radius: inherit;
- background-color: #D9D9D9;
- padding: 10px;
- color: #727272;
-}
-
-.context {
- position: relative;
- min-height: 14px;
- display: flex;
- align-items: center;
- font-family: "Compact";
- font-size: 12px;
- margin-top: 5px;
-}
-
-.ai-context {
- margin-left: 15px;
-}
-
-.client-context {
- margin-right: 15px;
-}
-
-.context-avatar {
- margin-right: 5px;
- border-radius: 50%;
- height: 30px;
-}
-
-/* ---------- shared between components ---------- */
-
-.button {
- border: none;
- outline: none;
- text-decoration: none;
-}
-
-/*.button:hover {
- cursor: pointer;
-}*/
-
-/* shake a div to signal error*/
-.shake {
- animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
- transform: translate3d(0, 0, 0);
- backface-visibility: hidden;
- perspective: 1000px;
-}
-
-@keyframes shake {
- 10%, 90% {
- transform: translate3d(-1px, 0, 0);
- }
-
- 20%, 80% {
- transform: translate3d(2px, 0, 0);
- }
-
- 30%, 50%, 70% {
- transform: translate3d(-4px, 0, 0);
- }
-
- 40%, 60% {
- transform: translate3d(4px, 0, 0);
- }
-}
-
-.audio {
- animation-name: audio-anim;
- animation-duration: 2s;
- animation-iteration-count: infinite;
-}
-
-@keyframes audio-anim {
- 0%,
- 100% {
- box-shadow: 0 0 0 0.4em rgba(195, 195, 195, 0.4), 0 0 0 0.25em rgba(195, 195, 195, 0.15);
- }
- 25% {
- box-shadow: 0 0 0 0.15em rgba(195, 195, 195, 0.15), 0 0 0 0.4em rgba(195, 195, 195, 0.3);
- }
- 50% {
- box-shadow: 0 0 0 0.55em rgba(195, 195, 195, 0.55), 0 0 0 0.15em rgba(195, 195, 195, 0.05);
- }
- 75% {
- box-shadow: 0 0 0 0.25em rgba(195, 195, 195, 0.25), 0 0 0 0.55em rgba(195, 195, 195, 0.45);
- }
-}
-
-.smart-form {
- width: 225px;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
-}
-
-.text-field {
- width: 100%;
- padding: 16px;
- background: none;
- border: none;
- margin: 4px;
- font-size: 14px;
- border-radius: 10px;
- background-color: #d1d1d1;
- outline: none;
-}
-
-.smart-form-logs {
- font-family: "Compact";
- font-size: 12px;
- text-align: left;
- margin-left: 10px;
-}
diff --git a/src/render/preload.js b/src/render/preload.js
deleted file mode 100644
index adef673..0000000
--- a/src/render/preload.js
+++ /dev/null
@@ -1,53 +0,0 @@
-const { contextBridge, ipcRenderer } = require("electron");
-
-/** The main <-> render interface */
-
-const validFromMainChannels = [
- "playback",
- "account",
- "message",
- "record",
- "ws"
-];
-
-const validToMain = [
- "messenger",
- "message",
- "logout",
- "encode",
- "auth",
- "nav"
-]
-
-ipcRenderer.setMaxListeners(250);
-
-// Expose protected methods that allow the renderer process to use
-// the ipcRenderer without exposing the entire object
-// TODO: Implement argument filtering for added security
-contextBridge.exposeInMainWorld(
- "mainApi", {
- invoke: async (channel, ...args) => {
- if (validToMain.includes(channel)) {
- try {
- const res = await ipcRenderer.invoke(channel, ...args);
- return res;
- } catch (e) {
- console.log("IPCRenderer.invoke error");
- }
- }
- },
- send: (channel, ...args) => {
- if (validToMain.includes(channel)) {
- ipcRenderer.send(channel, ...args);
- }
- },
- on: (channel, func) => {
- if (validFromMainChannels.includes(channel)) {
- ipcRenderer.on(channel, (event, ...args) => func(...args));
- }
- },
- removeAllListeners: (channel) => {
- ipcRenderer.removeAllListeners(channel);
- }
- }
-);
diff --git a/src/render/vendor/vue.js b/src/render/vendor/vue.js
deleted file mode 100644
index 6e5ee00..0000000
--- a/src/render/vendor/vue.js
+++ /dev/null
@@ -1,15872 +0,0 @@
-var Vue = (function (exports) {
- 'use strict';
-
- /**
- * Make a map and return a function for checking if a key
- * is in that map.
- * IMPORTANT: all calls of this function must be prefixed with
- * \/\*#\_\_PURE\_\_\*\/
- * So that rollup can tree-shake them if necessary.
- */
- function makeMap(str, expectsLowerCase) {
- const map = Object.create(null);
- const list = str.split(',');
- for (let i = 0; i < list.length; i++) {
- map[list[i]] = true;
- }
- return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val];
- }
-
- /**
- * dev only flag -> name mapping
- */
- const PatchFlagNames = {
- [1 /* TEXT */]: `TEXT`,
- [2 /* CLASS */]: `CLASS`,
- [4 /* STYLE */]: `STYLE`,
- [8 /* PROPS */]: `PROPS`,
- [16 /* FULL_PROPS */]: `FULL_PROPS`,
- [32 /* HYDRATE_EVENTS */]: `HYDRATE_EVENTS`,
- [64 /* STABLE_FRAGMENT */]: `STABLE_FRAGMENT`,
- [128 /* KEYED_FRAGMENT */]: `KEYED_FRAGMENT`,
- [256 /* UNKEYED_FRAGMENT */]: `UNKEYED_FRAGMENT`,
- [512 /* NEED_PATCH */]: `NEED_PATCH`,
- [1024 /* DYNAMIC_SLOTS */]: `DYNAMIC_SLOTS`,
- [2048 /* DEV_ROOT_FRAGMENT */]: `DEV_ROOT_FRAGMENT`,
- [-1 /* HOISTED */]: `HOISTED`,
- [-2 /* BAIL */]: `BAIL`
- };
-
- /**
- * Dev only
- */
- const slotFlagsText = {
- [1 /* STABLE */]: 'STABLE',
- [2 /* DYNAMIC */]: 'DYNAMIC',
- [3 /* FORWARDED */]: 'FORWARDED'
- };
-
- const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,' +
- 'decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,' +
- 'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt';
- const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED);
-
- const range = 2;
- function generateCodeFrame(source, start = 0, end = source.length) {
- // Split the content into individual lines but capture the newline sequence
- // that separated each line. This is important because the actual sequence is
- // needed to properly take into account the full line length for offset
- // comparison
- let lines = source.split(/(\r?\n)/);
- // Separate the lines and newline sequences into separate arrays for easier referencing
- const newlineSequences = lines.filter((_, idx) => idx % 2 === 1);
- lines = lines.filter((_, idx) => idx % 2 === 0);
- let count = 0;
- const res = [];
- for (let i = 0; i < lines.length; i++) {
- count +=
- lines[i].length +
- ((newlineSequences[i] && newlineSequences[i].length) || 0);
- if (count >= start) {
- for (let j = i - range; j <= i + range || end > count; j++) {
- if (j < 0 || j >= lines.length)
- continue;
- const line = j + 1;
- res.push(`${line}${' '.repeat(Math.max(3 - String(line).length, 0))}| ${lines[j]}`);
- const lineLength = lines[j].length;
- const newLineSeqLength = (newlineSequences[j] && newlineSequences[j].length) || 0;
- if (j === i) {
- // push underline
- const pad = start - (count - (lineLength + newLineSeqLength));
- const length = Math.max(1, end > count ? lineLength - pad : end - start);
- res.push(` | ` + ' '.repeat(pad) + '^'.repeat(length));
- }
- else if (j > i) {
- if (end > count) {
- const length = Math.max(Math.min(end - count, lineLength), 1);
- res.push(` | ` + '^'.repeat(length));
- }
- count += lineLength + newLineSeqLength;
- }
- }
- break;
- }
- }
- return res.join('\n');
- }
-
- /**
- * On the client we only need to offer special cases for boolean attributes that
- * have different names from their corresponding dom properties:
- * - itemscope -> N/A
- * - allowfullscreen -> allowFullscreen
- * - formnovalidate -> formNoValidate
- * - ismap -> isMap
- * - nomodule -> noModule
- * - novalidate -> noValidate
- * - readonly -> readOnly
- */
- const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
- const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
- /**
- * Boolean attributes should be included if the value is truthy or ''.
- * e.g.
-
-
-
-