Refactor typescript handling for performance fix

Resolves: #517

.nvmrc

@@ -1 +1 @@
-20.10.0
+22.10.0

Dockerfile

@@ -1,16 +1,18 @@
-FROM node:20-alpine
+FROM node:22-bookworm-slim
 
 ARG BUILD_UI
 ARG GIT_SHA
 
-RUN apk add --no-cache bash openssh-keygen git-lfs openssh-client
+RUN apt-get update
+RUN apt-get install -yq bash git-lfs openssh-client curl unzip socat
+RUN curl -fsSL https://deno.land/install.sh | DENO_INSTALL=/usr/local sh
 WORKDIR /usr/src/app
 
 COPY package.json package-lock.json ./
 RUN npm install
 RUN npm install --location=global ts-node
 
-RUN if [[ -z "$BUILD_UI" ]] ; then cd /usr/src/app/apps/ui && npm run build ; fi
+RUN if [ -z "$BUILD_UI" ] ; then cd /usr/src/app/apps/ui && npm run build ; fi
 
 COPY . ./
 RUN npm link --location=user

apps/ui/src/components/AuthModal.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 <script>
-import {UtilsMixin} from './UtilsMixin';
+import {UtilsMixin} from './UtilsMixin.ts';
 
 export default {
   name: 'AuthModal',

apps/ui/src/components/BackLinks.vue

@@ -52,7 +52,8 @@
 </template>
 <script>
 import {UtilsMixin} from './UtilsMixin.ts';
-import * as d3 from 'https://cdn.jsdelivr.net/npm/d3@7/+esm';
+// eslint-disable-next-line import/no-unresolved
+import * as d3 from 'https://cdn.jsdelivr.net/npm/d3@7/+esm.mjs';
 
 function smartSlice(limit, arr) {
   arr = Array.from(arr).map(subArr => {

apps/ui/src/components/LogsViewer.vue

@@ -24,7 +24,7 @@
 import {UtilsMixin} from './UtilsMixin.ts';
 import StatusToolBar from './StatusToolBar.vue';
 
-import {Prism} from './prismFix';
+import {Prism} from './prismFix.ts';
 
 export default {
   mixins: [UtilsMixin],

apps/ui/src/components/MarkDown.vue

@@ -2,7 +2,7 @@
   <pre><code class="language-markdown line-numbers" ref="code"><slot></slot></code></pre>
 </template>
 <script lang="ts">
-import {Prism} from './prismFix';
+import {Prism} from './prismFix.ts';
 
 export default {
   props: ['absPath'],

apps/ui/src/components/prismFix.ts

@@ -5,10 +5,10 @@ const email = /\b\S+@[\w.]+[a-z]{2}/;
 const linkMd = /\[([^\]]+)]\(([^)]+)\)/;
 
 // Tokens that may contain URLs and emails
-const candidates = ['comment', 'url', 'attr-value', 'string', 'front-matter'];
+const candidates = ['comment', 'node:url', 'attr-value', 'string', 'front-matter'];
 
-// Prism.languages.markdown.url.inside['url-link'] = Prism.languages.markdown.url.inside['url'];
-// delete Prism.languages.markdown.url.inside['url'];
+// Prism.languages.markdown.url.inside['url-link'] = Prism.languages.markdown.url.inside['node:url'];
+// delete Prism.languages.markdown.url.inside['node:url'];
 // Prism.languages.markdown['url-reference'].alias = 'url-link';
 
 Prism.languages.markdown.urlOuter = Prism.languages.markdown.url;
@@ -62,7 +62,7 @@ Prism.hooks.add('wrap', function (env) {
     return url;
   }
 
-  if ('url' === env.type) {
+  if ('node:url' === env.type) {
     env.tag = 'a';
     env.attributes.href = removeHash(env.content);
     env.attributes['data-to-rewrite'] = 'true';

apps/ui/src/main.ts

@@ -1,5 +1,3 @@
-'use strict';
-
 import {Tooltip} from 'bootstrap';
 import {createApp} from './app.ts';
 import {addTelemetry} from './telemetry.ts';

apps/ui/src/pages/GDocsView.vue

@@ -222,7 +222,7 @@
 </template>
 <script lang="js">
 import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime';
+import relativeTime from 'dayjs/plugin/relativeTime.js';
 import {UiMixin} from '../components/UiMixin.ts';
 import {DEFAULT_TAB, disableElement, UtilsMixin} from '../components/UtilsMixin.ts';
 import {GitMixin} from '../components/GitMixin.ts';

apps/ui/src/pages/LazyHydrate.vue

@@ -1,5 +1,6 @@
 <script lang="ts">
-import { defineComponent, onMounted, PropType, ref, watch } from 'vue';
+import { defineComponent, onMounted, ref, watch } from 'vue';
+import type { PropType } from 'vue';
 type VoidFunction = () => void;
 const isBrowser = () => {
   return typeof window === 'object';

apps/ui/src/pages/ShareView.vue

@@ -5,7 +5,7 @@
 </template>
 <script>
 import {UtilsMixin} from '../components/UtilsMixin.ts';
-
+// eslint-disable-next-line import/no-unresolved
 await import('https://apis.google.com/js/api.js');
 
 export default {

apps/ui/src/pages/StaticView.vue

@@ -27,7 +27,7 @@
 </template>
 <script>
 import {markRaw} from 'vue';
-import {UtilsMixin} from '../components/UtilsMixin';
+import {UtilsMixin} from '../components/UtilsMixin.ts';
 import BaseLayout from '../layout/BaseLayout.vue';
 import ShareModal from '../components/ShareModal.vue';
 import NavBar from '../components/NavBar.vue';

apps/ui/src/telemetry.ts

@@ -155,13 +155,13 @@ export function addTelemetry(app) {
         new FetchInstrumentation({
           ignoreUrls: [],
           applyCustomAttributesOnSpan(span: Span, request: Request | RequestInit, result: Response | FetchError) {
-            if (result['url'] && result['url'].indexOf('/api/') > -1) {
+            if (result['node:url'] && result['node:url'].indexOf('/api/') > -1) {
               const method = request.method || 'get';
-              const url = new URL(result['url']);
+              const url = new URL(result['node:url']);
               span.updateName('http_client ' + method + ' ' + url.toString());
             } else {
-              if (result['url']) {
-                console.log(result['url']);
+              if (result['node:url']) {
+                console.log(result['node:url']);
               }
             }
           },

apps/ui/vite.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import {generateHead} from '../../html/generateHead.ts';
+
+import {generateHead} from '../../website/generateHead.ts';
 
 if (!process.env.BUILD_TIME) {
   process.env.BUILD_TIME = new Date().toISOString();
@@ -82,7 +83,7 @@ export default defineConfig({
     vue(),
     htmlPlugin()
   ],
-  publicDir: '../../html/public',
+  publicDir: './public',
   resolve: {
     alias: {
       // 'vue/server-renderer': '@vue/server-renderer/dist/server-renderer.esm-bundler.js',

deno.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true
+  }
+}