Add JavaScript page, more redirects, more history

Author: fileformat

CHANGELOG.md

@@ -1,30 +1,56 @@
 # Change Log
 
-* 2024-09-18: Started on revamped website with Next.js/Bootstrap 5
-* 2024-09-03: Alpha for Rust
-* 2021-12-24: Bumped XRegExp to 5.0.1
-* 2020-12-25: Moved XRegExp from AppEngine to CloudRun, bumped to 3.2.0
-* 2020-06-03: Bumped Ruby to latest version
-* 2019-12-19: Bumped Ruby to latest version
-* 2019-08-12: Moved Ruby from AppEngine to CloudRun
-* 2019-07-26: Moved Tcl to CloudRun
-* 2019-07-25: Moved Perl to CloudRun
-* 2019-07-10: Moved XRegExp from Now to AppEngine
-* 2018-10-16: Moved Tcl from NearlyFreeSpeech to Zeit
-* 2018-10-16: Moved XRegExp from Heroku to Now
-* 2015-09-28: Bumped XRegExp to 3.0.0
+* 2024-09-19: Go bumped to 1.22
+* 2024-09-18: website started on revamped using Next.js/Bootstrap 5
+* 2024-09-03: Rust alpha
+* 2023-11-01: website updated to Java 17
+* 2021-12-24: XRegExp bumped to 5.0.1
+* 2021-09-05: website added support for cookbook backups
+* 2020-12-25: XRegExp bumped to 3.2.0
+* 2020-12-25: XRegExp moved to CloudRun from AppEngine
+* 2020-12-25: JavaScript bumped to Node 15
+* 2020-12-25: JavaScript moved to CloudRun from AppEngine
+* 2020-06-03: Ruby bumped to latest version
+* 2019-12-19: Ruby bumped to latest version
+* 2019-08-12: Ruby moved from AppEngine to CloudRun
+* 2019-07-26: tcl moved to CloudRun
+* 2019-07-25: Perl moved to CloudRun
+* 2019-07-10: XRegExp moved to AppEngine from Now
+* 2019-07-10: JavaScript moved to AppEngine from Now
+* 2019-03-15: Haskell down (I let NearlyFreeSpeech.net run out)
+* 2018-05-18: website updated logo by Noah Marcuse
+* 2018-04-22: Ruby moved to Zeit from Heroku
+* 2018-04-22: website share buttons
+* 2018-04-18: PostgreSQL beta
+* 2017-11-30: website switched to https for everything
+* 2018-11-30: JavaScript moved to Zeit from Heroku
+* 2018-10-16: Java bumped Java to Java 8
+* 2018-10-16: tcl moved to Zeit from NearlyFreeSpeech
+* 2018-10-16: XRegExp moved to Now from Heroku
+* 2018-10-16: JavaScript moved to Now from Heroku
+* 2015-09-28: XRegExp bumped to 3.0.0
+* 2014-02-15: JavaScript moved to Heroku from AppFog
+* 2013-12-28: Haskell beta
 * 2013-08-19: Perl contributions from Derek Meade
 * 2013-07-23: Perl revamped to use CGI.pm
-* 2013-03-09: Timeout support for Java
-* 2013-01-20: Beta for Tcl
-* 2013-01-12: Beta for Go
-* 2012-05-07: Beta for JavaScript
-* 2012-04-24: Beta translations (initially with machine translation for French & German)
-* 2012-02-26: Beta for PHP
-* 2012-02-18: Beta for Ruby
-* 2012-02-11: Beta for Python
-* 2012-01-07: Live for .Net
-* 2011-12-11: New version live for Java, Beta for .Net
-* 2011-11-07: Updated theme to Twitter Bootstrap
-* 2009-04-19: Moved to RegexPlanet.com
+* 2013-07-04: JavaScript moved to AppFog from CloudFoundry
+* 2013-03-09: Java timeout support
+* 2013-02-04: dotNet bumped to 4.5
+* 2013-01-20: tcl beta
+* 2013-01-12: Go beta
+* 2012-05-07: JavaScript beta
+* 2012-04-24: Translations (initially with machine translation for French & German)
+* 2012-02-26: PHP beta
+* 2012-02-18: Ruby beta
+* 2012-02-11: Python beta
+* 2012-06-16: XRegExp beta
+* 2012-05-27: Go bumped to 1.0
+* 2012-05-06: JavaScript beta
+* 2012-03-17: Go beta
+* 2012-01-12: dotNet golden
+* 2011-12-11: Java bumped
+* 2011-12-11: dotNet beta
+* 2011-12-10: Java separated from www
+* 2011-11-07: website changed theme to Twitter Bootstrap
+* 2009-04-19: website domain moved to RegexPlanet.com
 * 2006-05-20: Initial version on FileFormat.Info

README.md

@@ -1,5 +1,7 @@
 # RegexPlanet [<img alt="RegexPlanet logo" src="public/favicon.svg" height="90" align="right" />](https://www.regexplanet.com/)
 
+[![deploy](https://github.com/regexplanet/regexplanet-next/actions/workflows/gcr-deploy.yaml/badge.svg)](https://github.com/regexplanet/regexplanet-next/actions/workflows/gcr-deploy.yaml)
+
 ## Running locally
 
 ```

TODO.md

@@ -1,12 +1,32 @@
 # To Do
 
-- [ ] Dockerfile
-- [ ] GHA to deploy
+
 - [ ] fill in changelog
-- [ ] move redirects into next.config.mjs
-- [ ] redirect for shared regexs
-- [ ] custom page for /advanced/javascript/index.html
-- [ ] bookmarks and rss feed
+- [ ] /support/contact.html
+- [ ] /advanced/options.html: probably want to redo how these work (each service has 2-way map of specific:common)
+- [ ] EngineButton: add color for alpha/beta 
+- [ ] /support/privacy.html
+- [ ] /support/terms.html
+- [ ] card per engine on /support/index.html
+
+## Move to Regex.zone
+
+- [ ] /support/links.html: move to Regex.zone
+- [ ] /support/similar.html: have a page on Regex.zone
+- [ ] /support/engines.html: skip (or include ones that aren't enabled? or page on Regex.zone?)
+- [ ] redirects for bookmarks and rss feed
+
+
+## Share Codes
+
+- [ ] bounce to regex.zone to save
+- [ ] accept handle when returning
+- [ ] load from regex.zone if handle is passed in (querystring)
+- [ ] load from legacy if handle is old format
+- [ ] form on home page to enter it
+- [ ] if handle passed: overwrite/append/save new instead of save
+- [ ] or somehow tell if handle has update permissions
+- [ ] setup redirects for existing share codes
 
 ## Engines
 
@@ -43,3 +63,4 @@ Other lists:
 - [ ] translations
 - [ ] Fuzzing
 - [ ] Non-regex pattern matching
+- [ ] tags for each engine: features supported, calling languages, implementation language

next.config.mjs

@@ -3,10 +3,24 @@ const nextConfig = {
   output: "standalone",
   async redirects() {
     return [
-      // Basic redirect
       {
-        source: '/support/credits.html',
-        destination: 'https://github.com/regexplanet/regexplanet-next/tree/main?tab=readme-ov-file#credits',
+        source: '/advanced/',
+        destination: '/',
+        permanent: false,
+      },
+      {
+        source: '/advanced/index.html',
+        destination: '/',
+        permanent: false,
+      },
+      {
+        source: '/advanced/javascript/',
+        destination: '/support/javascript.html',
+        permanent: false,
+      },
+      {
+        source: '/advanced/javascript/index.html',
+        destination: '/support/javascript.html',
         permanent: false,
       },
       {
@@ -15,19 +29,29 @@ const nextConfig = {
         permanent: false,
       },
       {
-        source: '/advanced/',
-        destination: '/',
+        source: '/support/api.html',
+        destination: 'https://github.com/regexplanet/regexplanet-next/blob/main/CONTRIBUTING.md#backend-api',
         permanent: false,
       },
       {
-        source: '/advanced/index.html',
-        destination: '/',
+        source: '/support/credits.html',
+        destination: 'https://github.com/regexplanet/regexplanet-next/tree/main?tab=readme-ov-file#credits',
+        permanent: false,
+      },
+      {
+        source: '/support/engines.html',
+        destination: '/status.html',
         permanent: false,
       },
       {
         source: '/support/history.html',
         destination: 'https://github.com/regexplanet/regexplanet-next/blob/main/CHANGELOG.md',
         permanent: false,
+      },
+      {
+        source: '/support/todo.html',
+        destination: 'https://github.com/regexplanet/regexplanet-next/blob/main/TODO.md',
+        permanent: false,
       }
       /* did not work: {
         source: '/advanced/:slug/',

src/app/page.tsx

@@ -1,20 +1,11 @@
 /* eslint-disable @next/next/no-img-element */
+import { EngineButton } from '@/components/EngineButton';
 import { getEngines } from '@/engines';
 
 export default function Home() {
 
   const buttons = getEngines().map((engine) => {
-    return (
-      <a className="btn  btn-outline-light border-dark m-2"
-        key={engine.handle}
-        href={`/advanced/${engine.handle}/index.html`}
-        title={engine.short_name}>
-        <img alt={engine.short_name}
-          src={engine.logo_ar21}
-          style={{"height": "6em"}}
-        />
-      </a>
-    );
+    return ( <EngineButton key={engine.handle} engine={engine} />);
   });
 
   return (

src/app/sitemap.xml/route.ts

@@ -5,16 +5,19 @@ const ROOT = "https://www.regexplanet.com";
 
 export async function GET() {
   const urls = [
-    `${ROOT}/`,
-    `${ROOT}/status.html`,
-    `${ROOT}/support/index.html`,
+    `/`,
+    `/status.html`,
+    `/support/index.html`,
+    `/support/javascript.html`,
   ];
 
   getEngines().forEach((engine) => {
-    urls.push(`${ROOT}/advanced/${engine.handle}/index.html`);
+    urls.push(`/advanced/${engine.handle}/index.html`);
   });
 
-  const body = urls.map((url) => `\t<url><loc>${url}</loc></url>`).join("\n");
+  const body = urls
+    .map((url) => `\t<url><loc>${ROOT}${url}</loc></url>`)
+    .join("\n");
 
   const text = `<?xml version="1.0" encoding="UTF-8"?>
 <?xml-stylesheet type="text/xsl" href="/sitemap.xslt" ?>

src/app/support/javascript.html/page.tsx

@@ -0,0 +1,25 @@
+/* eslint-disable @next/next/no-img-element */
+import React from 'react';
+import { getEngines } from '@/engines';
+import { EngineButton } from '@/components/EngineButton';
+
+export default function Page() {
+
+    const buttons = getEngines().filter(engine => engine.javascript).map((engine) => {
+        return ( <EngineButton key={engine.handle} engine={engine} />);
+    });
+
+
+    return (
+        <>
+            <h1>JavaScript Regex Engines</h1>
+            <hr />
+            <div className="alert alert-info" role="alert">There are multiple JavaScript regular expression engines available. Each engine has its own unique features and capabilities.</div>
+            <div className="row">
+                <div className="col d-flex flex-wrap justify-content-center">
+                    {buttons}
+                </div>
+            </div>
+        </>
+    );
+}

src/app/support/xcredits.html/page.tsx

@@ -0,0 +1,17 @@
+/* eslint-disable @next/next/no-img-element */
+
+import { RegexEngine } from "@/engines/RegexEngine";
+
+
+export function EngineButton(props: { engine: RegexEngine }) {
+    return (
+        <a className="btn  btn-outline-light border-dark m-2"
+            href={`/advanced/${props.engine.handle}/index.html`}
+            title={props.engine.short_name}>
+            <img alt={props.engine.short_name}
+                src={props.engine.logo_ar21}
+                style={{ "height": "6em" }}
+            />
+        </a>
+    );
+}

src/components/EngineButton.tsx

@@ -6,6 +6,7 @@ type RegexEngine = {
   help_label: string;
   help_url: string;
   handle: string;
+  javascript?: boolean;
   level: "alpha" | "beta" | "golden";
   links: Record<string, string>;
   logo_icon: string;