Merge pull request #71 from glassmonkey/feat/add-build

Support PHP 8.3

Author: glassmonkey

assets/php-5.6.wasm

@@ -1,13 +1,21 @@
 import * as React from 'react';
 import { useEffect } from 'react';
-import {Flex, Box, Spacer, Text, Link, Center, Button} from '@chakra-ui/react';
+import {
+	Flex,
+	Box,
+	Spacer,
+	Text,
+	Link,
+	Center,
+	Button,
+} from '@chakra-ui/react';
 import { useSearchParams } from 'react-router-dom';
 import * as lzstring from 'lz-string';
 
-import { Version, versions, asVersion } from './php-wasm/php';
+import { Version, asVersion } from './php-wasm/php';
 import SelectPHP from './select';
 import { Editor } from './editor';
-import {SunIcon} from "@chakra-ui/icons";
+import { SunIcon } from '@chakra-ui/icons';
 
 type UrlState = {
 	v: Version;
@@ -22,13 +30,16 @@ export default function App() {
 		) ?? '<?php\n// example code\nphpinfo();';
 
 	const currentVersion =
-		asVersion(searchParams.get('v')) ?? versions[versions.length - 1];
+		asVersion(searchParams.get('v')) ?? '8.2';
 
 	function updateVersion(v: Version) {
 		const currentState = history.state as UrlState | null;
 		const code = lzstring.decompressFromEncodedURIComponent(
 			currentState?.c ?? initCode
 		);
+		if (code == null) {
+			return;
+		}
 		setSearchParams({
 			v: v,
 			c: lzstring.compressToEncodedURIComponent(code),
@@ -87,7 +98,12 @@ export default function App() {
 				<Spacer />
 				<Flex direction={{ base: 'column', lg: 'row' }} gap="16px">
 					<Center>
-						<Button　leftIcon={<SunIcon />} href="https://github.com/sponsors/glassmonkey" as="a" colorScheme="green">
+						<Button
+							leftIcon={<SunIcon />}
+							href="https://github.com/sponsors/glassmonkey"
+							as="a"
+							colorScheme="green"
+						>
 							Donate
 						</Button>
 					</Center>

assets/php-7.0.wasm

@@ -1,4 +1,4 @@
-import {Heading, Text, Flex, Center} from '@chakra-ui/react';
+import { Heading, Text, Flex, Center } from '@chakra-ui/react';
 import * as React from 'react';
 
 export default function Header() {
@@ -11,7 +11,9 @@ export default function Header() {
 			</Text>
 			<Flex gap="24px" direction="row">
 				<Center>
-					<Text fontStyle="italic" href="#about" as="a">About PHP Playground?</Text>
+					<Text fontStyle="italic" href="#about" as="a">
+						About PHP Playground?
+					</Text>
 				</Center>
 			</Flex>
 		</Flex>

assets/php-7.1.wasm

@@ -13,6 +13,7 @@ export const versions = [
 	'8.0',
 	'8.1',
 	'8.2',
+	'8.3',
 ] as const;
 
 export type Version = (typeof versions)[number];

assets/php-7.2.wasm

@@ -30,8 +30,14 @@ async function loadPHPLoaderModule(v: Version) {
 		case '8.2':
 			// @ts-ignore
 			return import('./wasm-assets/php-8.2.js');
+		case '8.3':
+			// @ts-ignore
+			return import('./wasm-assets/php-8.3.js');
 		default:
-			return Error('not defined version');
+			/* eslint no-case-declarations: 0 */
+			/* eslint @typescript-eslint/no-unused-vars: 0 */
+			const x: never = v
+			throw Error('not defined version');
 	}
 }