feat(Compilers): add support for PostgreSQL

e2e/specs/starter.spec.ts

@@ -542,6 +542,22 @@ test.describe('Starter Templates from UI', () => {
     expect(resultText).toContain('Whatever you do, do it well. – Walt Disney');
   });
 
+  test('PostgreSQL Starter', async ({ page, getTestUrl }) => {
+    await page.goto(getTestUrl());
+
+    const { app, getResult, waitForResultUpdate } = await getLoadedApp(page);
+
+    await app.click('[aria-label="Menu"]');
+    await app.click('text=New');
+    await app.click('text=PostgreSQL Starter');
+    await waitForEditorFocus(app);
+
+    await waitForResultUpdate();
+
+    const resultText = await getResult().innerText('table');
+    expect(resultText).toContain('Whatever you do, do it well. – Walt Disney');
+  });
+
   test('Prolog Starter', async ({ page, getTestUrl }) => {
     await page.goto(getTestUrl());
 
@@ -1006,6 +1022,18 @@ test.describe('Starter Templates from URL', () => {
     expect(resultText).toContain('Whatever you do, do it well. – Walt Disney');
   });
 
+  test('PostgreSQL Starter (in URL)', async ({ page, getTestUrl }) => {
+    await page.goto(getTestUrl({ template: 'postgresql' }));
+
+    const { app, getResult, waitForResultUpdate } = await getLoadedApp(page);
+
+    await waitForEditorFocus(app);
+    await waitForResultUpdate();
+
+    const resultText = await getResult().innerText('table');
+    expect(resultText).toContain('Whatever you do, do it well. – Walt Disney');
+  });
+
   test('Prolog Starter (in URL)', async ({ page, getTestUrl }) => {
     await page.goto(getTestUrl({ template: 'prolog' }));
 

scripts/build.js

@@ -235,7 +235,7 @@ const esmBuild = () =>
       'UI/embed-ui.ts',
       'UI/editor-settings.ts',
       'languages/diagrams/lang-diagrams-compiler-esm.ts',
-      'languages/pgsql/lang-pgsql-compiler-esm.ts',
+      'languages/postgresql/lang-postgresql-compiler-esm.ts',
       'languages/r/lang-r-script-esm.ts',
       'languages/rescript/lang-rescript-compiler-esm.ts',
     ]

src/livecodes/compiler/compile.page.ts

@@ -2,13 +2,13 @@
 import { runOutsideWorker as rescript } from '../languages/rescript';
 import { runOutsideWorker as mdx } from '../languages/mdx';
 import { runOutsideWorker as diagrams } from '../languages/diagrams';
-import { runOutsideWorker as pgsql } from '../languages/pgsql';
+import { runOutsideWorker as postgresql } from '../languages/postgresql';
 
 (window as any).compilers = {
   rescript,
   reason: rescript,
   ocaml: rescript,
   mdx,
   diagrams,
-  pgsql,
+  postgresql,
 };

src/livecodes/html/language-info.html

@@ -866,6 +866,35 @@ <h3>Perl</h3>
     </li>
   </ul>
 </section>
+<section data-lang="pgsql">
+  <h3>PostgreSQL</h3>
+  <div>PostgreSQL packaged as WASM using PGlite</div>
+  <ul>
+    <li>
+      <a href="https://www.postgresql.org/" target="_blank" rel="noopener"
+        >PostgreSQL official website</a
+      >
+    </li>
+    <li>
+      <a href="https://www.postgresql.org/docs/" target="_blank" rel="noopener"
+        >PostgreSQL documentation</a
+      >
+    </li>
+    <li>
+      <a href="https://github.com/electric-sql/pglite" target="_blank" rel="noopener"
+        >PGlite GitHub repo</a
+      >
+    </li>
+    <li>
+      <a href="https://learnxinyminutes.com/docs/sql/" target="_blank" rel="noopener"
+        >Learn X in Y minutes, where X=SQL</a
+      >
+    </li>
+    <li>
+      <a href="?template=pgsql" target="_parent" data-template="pgsql">Load starter template</a>
+    </li>
+  </ul>
+</section>
 <section data-lang="php">
   <h3>PHP</h3>
   <div>PHP running in the browser using Uniter.</div>

src/livecodes/languages/languages.ts

@@ -71,7 +71,7 @@ import { rubyWasm } from './ruby-wasm';
 import { luaWasm } from './lua-wasm';
 import { phpWasm } from './php-wasm';
 import { bbcode } from './bbcode';
-import { pgsql } from './pgsql';
+import { postgresql } from './postgresql';
 
 export const languages: LanguageSpecs[] = [
   html,
@@ -148,7 +148,7 @@ export const languages: LanguageSpecs[] = [
   assemblyscript,
   wat,
   sql,
-  pgsql,
+  postgresql,
   prolog,
   blockly,
 ];

src/livecodes/languages/postgresql/index.ts

@@ -0,0 +1 @@
+export * from './lang-postgresql';