@platformatic/composer 3.4.1 → 3.5.1

package/lib/proxy.js

@@ -1,161 +0,0 @@
-'use strict'
-
-const { getGlobalDispatcher } = require('undici')
-const httpProxy = require('@fastify/http-proxy')
-const fp = require('fastify-plugin')
-
-const kITC = Symbol.for('plt.runtime.itc')
-
-async function resolveServiceProxyParameters (service) {
-  // Get meta information from the service, if any, to eventually hook up to a TCP port
-  const meta = (await globalThis[kITC]?.send('getServiceMeta', service.id))?.composer ?? { prefix: service.id }
-  const origin = meta.tcp ? meta.url : service.origin
-
-  // If no prefix could be found, assume the service id
-  const prefix = (service.proxy?.prefix ?? meta.prefix ?? service.id).replace(/(\/$)/g, '')
-
-  let rewritePrefix = ''
-  let internalRewriteLocationHeader = true
-
-  if (meta.wantsAbsoluteUrls) {
-    // The rewritePrefix purposely ignores service.proxy?.prefix to let
-    // the service always being able to configure their value
-    rewritePrefix = meta.prefix ?? service.id
-    internalRewriteLocationHeader = false
-  }
-
-  return { origin, prefix, rewritePrefix, internalRewriteLocationHeader, needsRootRedirect: meta.needsRootRedirect }
-}
-
-module.exports = fp(async function (app, opts) {
-  const meta = { proxies: {} }
-
-  for (const service of opts.services) {
-    if (!service.proxy) {
-      // When a service defines no expose config at all
-      // we assume a proxy exposed with a prefix equals to its id or meta.prefix
-      if (service.proxy === false || service.openapi || service.graphql) {
-        continue
-      }
-    }
-
-    const parameters = await resolveServiceProxyParameters(service)
-    const { prefix, origin, rewritePrefix, internalRewriteLocationHeader, needsRootRedirect } = parameters
-    meta.proxies[service.id] = parameters
-
-    const basePath = `/${prefix ?? ''}`.replaceAll(/\/+/g, '/').replace(/\/$/, '')
-    const dispatcher = getGlobalDispatcher()
-
-    if (needsRootRedirect) {
-      app.addHook('preHandler', (req, reply, done) => {
-        if (req.url === basePath) {
-          app.inject(
-            {
-              method: req.method,
-              url: `${basePath}/`,
-              headers: req.headers,
-              payload: req.body
-            },
-            (err, result) => {
-              if (err) {
-                done(err)
-                return
-              }
-
-              const replyHeaders = result.headers
-              delete replyHeaders['content-length']
-              delete replyHeaders['transfer-encoding']
-
-              reply.code(result.statusCode).headers(replyHeaders).send(result.rawPayload)
-              done()
-            }
-          )
-        } else {
-          done()
-        }
-      })
-    }
-    /*
-      Some frontends, like Astro (https://github.com/withastro/astro/issues/11445)
-      generate invalid paths in development mode which ignore the basePath.
-      In that case we try to properly redirect the browser by trying to understand the prefix
-      from the Referer header.
-    */
-    app.addHook('preHandler', (req, reply, done) => {
-      // If the URL is already targeted to the service, do nothing
-      if (req.url.startsWith(basePath)) {
-        done()
-        return
-      }
-
-      // Use the referer to understand the desired intent
-      const referer = req.headers.referer
-
-      if (!referer) {
-        done()
-        return
-      }
-
-      const path = new URL(referer).pathname
-
-      // If we have a match redirect
-      if (path.startsWith(basePath)) {
-        reply.redirect(`${basePath}${req.url}`, 308)
-      }
-
-      done()
-    })
-
-    // Do not show proxied services in Swagger
-    if (!service.openapi) {
-      app.addHook('onRoute', routeOptions => {
-        if (routeOptions.url.startsWith(basePath)) {
-          routeOptions.schema ??= {}
-          routeOptions.schema.hide = true
-        }
-      })
-    }
-
-    await app.register(httpProxy, {
-      prefix,
-      rewritePrefix,
-      upstream: origin,
-      websocket: true,
-      undici: dispatcher,
-      destroyAgent: false,
-      internalRewriteLocationHeader,
-      replyOptions: {
-        rewriteRequestHeaders: (request, headers) => {
-          const targetUrl = `${origin}${request.url}`
-          const context = request.span?.context
-          const { span, telemetryHeaders } = app.openTelemetry?.startHTTPSpanClient(
-            targetUrl,
-            request.method,
-            context
-          ) || { span: null, telemetryHeaders: {} }
-          // We need to store the span in a different object
-          // to correctly close it in the onResponse hook
-          // Note that we have 2 spans:
-          // - request.span: the span of the request to the proxy
-          // - request.proxedCallSpan: the span of the request to the proxied service
-          request.proxedCallSpan = span
-
-          headers = {
-            ...headers,
-            ...telemetryHeaders,
-            'x-forwarded-for': request.ip,
-            'x-forwarded-host': request.host
-          }
-
-          return headers
-        },
-        onResponse: (request, reply, res) => {
-          app.openTelemetry?.endHTTPSpanClient(reply.request.proxedCallSpan, { statusCode: reply.statusCode })
-          reply.send(res.stream)
-        }
-      }
-    })
-  }
-
-  opts.context?.stackable?.registerMeta(meta)
-})

package/lib/root-endpoint/index.js

@@ -1,28 +0,0 @@
-'use strict'
-
-const { join } = require('node:path')
-const fastifyStatic = require('@fastify/static')
-const userAgentParser = require('my-ua-parser')
-
-module.exports = async (app, opts) => {
-  app.register(fastifyStatic, {
-    root: join(__dirname, 'public'),
-  })
-
-  // root endpoint
-  app.route({
-    method: 'GET',
-    path: '/',
-    schema: { hide: true },
-    handler: (req, reply) => {
-      const uaString = req.headers['user-agent']
-      if (uaString) {
-        const parsed = userAgentParser(uaString)
-        if (parsed.browser.name !== undefined) {
-          return reply.sendFile('./index.html')
-        }
-      }
-      return { message: 'Welcome to Platformatic! Please visit https://docs.platformatic.dev' }
-    },
-  })
-}

package/lib/root-endpoint/public/images/dark_mode.svg

@@ -1,3 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.38034 22.9538C3.01077 12.1815 12.2916 6.49615 17.2282 5C14.7599 8.49103 11.3043 16.9692 17.2282 22.9538C23.1521 28.9385 31.5444 25.4474 35 22.9538C33.8152 32.5292 25.6205 34.9231 21.6712 34.9231C17.2282 35.4218 7.74991 33.7262 5.38034 22.9538Z" stroke="#00283D" stroke-width="2" stroke-linejoin="round"/>
-</svg>

package/lib/root-endpoint/public/images/light_mode.svg

@@ -1,11 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M26 13L31 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9 8L14 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14 28L9 33" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M31 33L26 28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.0713 20L5 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<circle cx="20.0713" cy="20" r="6" stroke="white" stroke-width="2"/>
-<path d="M30.0712 20.0001L35 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20 29.9287L20 34.9999" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.0001 9.92876L20 4.99999" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/lib/root-endpoint/public/images/platformatic-logo-dark.svg

@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.18 568.18">
-  <defs>
-    <style>
-      .cls-1 {
-        stroke: #00fe84;
-      }
-
-      .cls-1, .cls-2 {
-        fill: none;
-        stroke-linecap: round;
-        stroke-linejoin: round;
-        stroke-width: 16.34px;
-      }
-
-      .cls-2 {
-        stroke: #fff;
-      }
-    </style>
-  </defs>
-  <g>
-    <line class="cls-1" x1="148.26" y1="317.46" x2="148.26" y2="389.92"/>
-    <polyline class="cls-1" points="176.75 303.19 234.68 336.63 321.11 286.74 321.11 186.94 234.68 137.04 148.26 186.94 148.26 273.55"/>
-    <polyline class="cls-1" points="176.75 334.87 176.75 303.19 205.15 285.91"/>
-  </g>
-  <polyline class="cls-2" points="466.14 259.75 501.19 280.47 501.19 301.18 466.14 321.89"/>
-  <polyline class="cls-2" points="106.23 210.58 66.98 233.24 66.98 334.38 105.4 356.56"/>
-  <polyline class="cls-2" points="176.75 376.88 176.75 399.34 234.33 431.14 278.53 405.35 278.17 358.41"/>
-  <polyline class="cls-2" points="321.66 332.06 321.66 356.76 363.05 380.98 423.55 344.88 423.55 246.39 364.01 212.25"/>
-</svg>

package/lib/root-endpoint/public/images/platformatic-logo-light.svg

@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 568.18 568.18">
-  <defs>
-    <style>
-      .cls-1 {
-        stroke: #00050b;
-      }
-
-      .cls-1, .cls-2 {
-        fill: none;
-        stroke-linecap: round;
-        stroke-linejoin: round;
-        stroke-width: 16.73px;
-      }
-
-      .cls-2 {
-        stroke: #00fe84;
-      }
-    </style>
-  </defs>
-  <g>
-    <line class="cls-2" x1="144.97" y1="318.27" x2="144.97" y2="392.48"/>
-    <polyline class="cls-2" points="174.15 303.65 233.49 337.91 322.01 286.8 322.01 184.58 233.49 133.48 144.97 184.58 144.97 273.29"/>
-    <polyline class="cls-2" points="174.15 336.1 174.15 303.66 203.24 285.96"/>
-  </g>
-  <polyline class="cls-1" points="470.56 259.16 506.46 280.38 506.46 301.59 470.56 322.81"/>
-  <polyline class="cls-1" points="101.92 208.8 61.72 232.01 61.72 335.6 101.07 358.32"/>
-  <polyline class="cls-1" points="174.15 379.13 174.15 402.14 233.12 434.7 278.4 408.29 278.03 360.22"/>
-  <polyline class="cls-1" points="322.57 333.23 322.57 358.53 364.96 383.33 426.93 346.35 426.93 245.48 365.94 210.51"/>
-</svg>

package/lib/root-endpoint/public/images/triangle_dark.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg">
-<path d="M2.34277 4.5L0.17771 0.75L4.50784 0.75L2.34277 4.5Z" fill="#00050B" />
-</svg>

package/lib/root-endpoint/public/images/triangle_light.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg">
-<path d="M2.34277 4.5L0.17771 0.75L4.50784 0.75L2.34277 4.5Z" fill="white" />
-</svg>

package/lib/root-endpoint/public/index.html

@@ -1,237 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="./images/favicon.ico" />
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Platformatic Composer</title>
-    <style>
-      body {
-        width: 100%;
-        height: 100vh;
-        overflow-y: auto;
-        overflow-x: hidden;
-        --secondary-color: #FFFFFF;
-        --primary-color: #00050B;
-        --primary-color-rgb: 0, 5, 11;
-        --secondary-color-rgb: 255, 255, 255;
-        --theme-img: url('./images/light_mode.svg');
-        --triangle-url: url('./images/triangle_light.svg');
-      }
-
-      body.light-theme {
-        --secondary-color: #001825;
-        --primary-color: #FFFFFF;
-        --secondary-color-rgb: 0, 5, 11;
-        --primary-color-rgb: 255, 255, 255;
-        --theme-img: url('./images/dark_mode.svg');
-        --triangle-url: url('./images/triangle_dark.svg');
-      }
-
-      body {
-        background: var(--primary-color);
-      }
-
-      :root {
-        font-family: Montserrat, Inter, Avenir, Helvetica, Arial, sans-serif;
-        font-size: 16px;
-        line-height: 24px;
-        font-weight: 400;
-
-        color-scheme: light dark;
-        color: inherit;
-        
-        position: relative;
-        font-synthesis: none;
-        text-rendering: optimizeLegibility;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-text-size-adjust: 100%;
-      }
-
-
-      a {
-        font-weight: 600;
-        color: var(--secondary-color);
-        text-decoration: inherit;
-        width: 100%;
-        text-align: center;
-        padding: 4px 0px;
-      }
-      a:hover {
-        background-color: rgba(var(--secondary-color-rgb), 0.3);
-      }
-
-      .text-opacque {
-        opacity: 0.7;
-      }
-      .text-center {
-        text-align: center;
-      }
-
-      .button-container {
-        display: flex;
-        column-gap: 0.5rem;
-        justify-content: center;
-        align-items: start;
-        margin: 2rem 0;
-      }
-
-      .buttons-list-container {
-        display: flex;
-        flex-direction: column;
-        row-gap: 1rem;
-        justify-content: center;
-        align-items: start;
-      }
-
-      .button-link {
-        width: 246px;
-        border: 1px solid var(--secondary-color);
-        border-radius: 4px;
-        padding: 8px 16px;
-        cursor: pointer;
-      }
-
-      button {
-        border-radius: 8px;
-        border: 1px solid transparent;
-        padding: 0.6em 1.2em;
-        font-size: 1em;
-        font-weight: 500;
-        font-family: inherit;
-        background-color: #1a1a1a;
-        cursor: pointer;
-        transition: border-color 0.25s;
-      }
-      button:hover {
-        border-color: #646cff;
-      }
-      button:focus,
-      button:focus-visible {
-        outline: 4px auto -webkit-focus-ring-color;
-      }
-
-      #root {
-        width: 100%;
-        min-height: inherit;
-        height: 100%;
-        display: flex;
-        position: relative;
-        z-index: 20;
-      }
-
-      #content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        margin: auto;
-        position: relative;
-        z-index: 20;
-        color: var(--secondary-color);
-      }
-
-      .plt-triangle-container {
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: 25%;
-        height: 50vH;
-        z-index: -1;
-        content: ''; 
-        background: var(--triangle-url) repeat;
-        opacity: 0.25;
-      }
-
-      .plt-triangle-content-opacque {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        top: 0;
-        left: 0;
-        content: '';
-        background: linear-gradient(to top, rgba(var(--primary-color-rgb), 1), rgba(var(--primary-color-rgb), 0.2) 43%);
-      }
-
-      #button-theme-selector {
-        border: none;
-        position: absolute;
-        top: 2rem;
-        right: 3rem;
-        width: 40px;
-        height: 40px;
-        background: var(--theme-img);
-        outline: none;
-        z-index: 1;
-      }
-
-      .text-desktop-display {
-        font-family: Inter;
-        font-size: 4rem;
-        font-weight: 600;
-        line-height: 5rem;
-        text-align: center;
-      }
-
-      .text-desktop-body-large {
-        font-family: Inter;
-        font-size: 1.125rem;
-        font-weight: 300;
-        line-height: 1.688rem;
-        text-align: center;
-      }
-
-    </style>
-  </head>
-  <body>
-    <div id="root">
-      <div class="plt-triangle-container"><div class="plt-triangle-content-opacque"></div></div>
-      <button id="button-theme-selector" type="button" class="theme-selector" alt="theme selector" onclick="toggleLightMode()"></button>
-      
-      <div id="content">
-        <img id="logo" height="256" />
-        <p class="text-desktop-display"><span>Welcome to</span><br/><span class="text-main-green">Platformatic Composer</span></p>
-        <p class="text-desktop-body-large">Explore our flexible toolkit for building robust APIs.</p>
-        <div class="button-container">
-          <a href="https://docs.platformatic.dev" target="_blank" class="button-link">Documentation</a>
-          <a id="openapi-link" target="_blank" class="button-link">OpenAPI Documentation</a>
-          <a id="graphql-link" target="_blank" class="button-link">GraphiQL</a>
-        </div>
-      </div>
-    </div>
-
-    <script>
-      let currentPath = window.location.pathname
-
-      if (!currentPath.endsWith('/')) {
-        currentPath += '/'
-      }
-    
-      const openApiLink = document.getElementById('openapi-link')
-      openApiLink.href = currentPath + 'documentation'
-
-      const graphqlLink = document.getElementById('graphql-link')
-      graphqlLink.href = currentPath + 'graphiql'
-
-      const prefersLightScheme = window.matchMedia('(prefers-color-scheme: light)');
-      if (prefersLightScheme.matches) {
-        document.body.classList.add('light-theme');
-        document.getElementById('logo').src = currentPath + 'images/platformatic-logo-light.svg'
-      } else {
-        document.body.classList.remove('light-theme');
-        document.getElementById('logo').src = currentPath + 'images/platformatic-logo-dark.svg'
-      }
-      
-      const toggleLightMode = function() {
-        document.body.classList.toggle('light-theme');
-        if (document.body.classList.contains('light-theme')) {
-          document.getElementById('logo').src = currentPath + 'images/platformatic-logo-light.svg'
-        } else {
-          document.getElementById('logo').src = currentPath + 'images/platformatic-logo-dark.svg'
-        }
-      }
-    </script>
-  </body>
-</html>