import type { ComponentRenderer } from '../../@types/renderer';
import type { Component as VueComponent } from 'vue';
import { renderToString } from '@vue/server-renderer';
import { defineComponent, createSSRApp, h as createElement } from 'vue';
import { createRenderer } from './renderer';

/**
 * Users might attempt to use :vueAttribute syntax to pass primitive values.
 * If so, try to JSON.parse them to get the primitives
 */
function cleanPropsForVue(obj: Record<string, any>) {
  let cleaned = {} as any;
  for (let [key, value] of Object.entries(obj)) {
    if (key.startsWith(':')) {
      key = key.slice(1);
      if (typeof value === 'string') {
        try {
          value = JSON.parse(value);
        } catch (e) {}
      }
    }
    cleaned[key] = value;
  }
  return cleaned;
}

const Vue: ComponentRenderer<VueComponent> = {
  jsxPragma: createElement,
  jsxPragmaName: 'createElement',
  renderStatic(Component) {
    return async (props, ...children) => {
      const App = defineComponent({
        components: {
          Component,
        },
        data() {
          return { props };
        },
        template: `<Component v-bind="props">${children.join('\n')}</Component>`,
      });

      const app = createSSRApp(App);
      const html = await renderToString(app);
      return html;
    };
  },
  imports: {
    vue: ['createApp', 'h: createElement'],
  },
  render({ Component, root, props, children }) {
    const vueProps = cleanPropsForVue(JSON.parse(props));
    return `const App = { render: () => createElement(${Component}, ${JSON.stringify(vueProps)}, { default: () => ${children} }) };
createApp(App).mount(${root});`;
  },
};

const renderer = createRenderer(Vue);

export const __vue_static = renderer.static;
export const __vue_load = renderer.load;
export const __vue_idle = renderer.idle;
export const __vue_visible = renderer.visible;
</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/ansg191/rss-bridge/log/?follow=1'>root</a>/<a href='/ansg191/rss-bridge/log/bridges?follow=1'>bridges</a> (<a href='/ansg191/rss-bridge/log/bridges'>unfollow</a>)</div><div class='content'><table class='list nowrap'><tr class='nohover'><th class='left'>Age</th><th class='left'>Commit message (<a href='/ansg191/rss-bridge/log/bridges?showmsg=1&amp;follow=1'>Expand</a>)</th><th class='left'>Author</th><th class='left'>Files</th><th class='left'>Lines</th></tr>
<tr><td><span title='2025-02-26 10:20:28 +0100'>2025-02-26</span></td><td><a href='/ansg191/rss-bridge/commit/bridges/ShadertoyBridge.php?id=00a24e2f694a319a5e6cb070dddfff2dae892378&amp;follow=1'>New bridge for the latest Shadertoy submissions (#4456)</a></td><td><img src='//www.gravatar.com/avatar/6e9ff47a42e368d7d0b493f3a7b915ac?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Tobias Alexander Franke
</td><td>1</td><td><span class='deletions'>-0</span>/<span class='insertions'>+100</span></td></tr>
<tr><td><span title='2025-02-24 17:58:24 +0100'>2025-02-24</span></td><td><a href='/ansg191/rss-bridge/commit/bridges/BukowskisBridge.php?id=92b5e7093ff310f0fa28c17d0ab89b7289282d02&amp;follow=1'>Fix data-lot-id not being correctly set so use href instead (#4453)</a></td><td><img src='//www.gravatar.com/avatar/1facfafd96fa2c5d86751ef51b44bbaa?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> André Andersson
</td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td><span title='2025-02-14 02:42:23 +0100'>2025-02-14</span></td><td><a href='/ansg191/rss-bridge/commit/bridges/GithubIssueBridge.php?id=b52f01505d524039e78e83844225f574ce101145&amp;follow=1'>fix(github): semi-repair (#4449)</a></td><td><img src='//www.gravatar.com/avatar/ae6a607ff34e971259ff9666b9c68c98?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Dag
</td><td>1</td><td><span class='deletions'>-12</span>/<span class='insertions'>+15</span></td></tr>
<tr><td><span title='2025-02-14 02:00:07 +0100'>2025-02-14</span></td><td><a href='/ansg191/rss-bridge/commit/bridges/VkBridge.php?id=e4c32bb046011a95ffecf3693db3a754b37dac13&amp;follow=1'>fix(vk): semi-disable broken bridge (#4448)</a></td><td><img src='//www.gravatar.com/avatar/ae6a607ff34e971259ff9666b9c68c98?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Dag
</td><td>1</td><td><span class='deletions'>-8</span>/<span class='insertions'>+15</span></td></tr>
<tr><td><span title='2025-02-08 01:41:51 +0100'>2025-02-08</span></td><td><a href='/ansg191/rss-bridge/commit/bridges/NurembergerNachrichtenBridge.php?id=dd4dcfa59c08e5bece71861647f82c05e60c0cfa&amp;follow=1'>fix nn.de description and paywall filter (#4444)</a></td><td><img src='//www.gravatar.com/avatar/c547f56b15e1fda3fda0c38545dfd74a?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Christian Schabesberger
</td><td>1</td><td><span class='deletions'>-2</span>/<span class='insertions'>+2</span></td></tr>
<tr><td><span title='2025-02-05 18:41:42 +0100'>2025-02-05</span></td><td><a href='/ansg191/rss-bridge/commit/bridges/CarThrottleBridge.php?id=4e678c955fed511667160776b3f27e75178b4eaf&amp;follow=1'>fix CarThrottleBridge (#4442)</a></td><td><img src='//www.gravatar.com/avatar/e31e7774d942032fb28cd702860f6ec2?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Tostiman
</td><td>1</td><td><span class='deletions'>-3</span>/<span class='insertions'>+3</span></td></tr>