mirror of
https://github.com/whscullin/apple2js.git
synced 2024-01-12 14:14:38 +00:00
04ae0327c2
This adds both the recommended TypeScript checks, plus the recommended TypeScript checks that require type checking. This latter addition means that eslint essentially has to compile all of the TypeScript in the project, causing it to be slower. This isn't much of a problem in VS Code because there's a lot of caching being done, but it's clearly slower when run on the commandline. All of the errors are either fixed or suppressed. Some errors are suppressed because fixing them would be too laborious for the little value gained. The eslint config is also slightly refactored to separate the strictly TypeScript checks from the JavaScript checks.
68 lines
1.7 KiB
TypeScript
68 lines
1.7 KiB
TypeScript
import { h, Fragment } from 'preact';
|
|
import {useEffect, useState } from 'preact/hooks';
|
|
import Disk2, { Callbacks } from '../cards/disk2';
|
|
import Apple2IO from '../apple2io';
|
|
import { DiskII, DiskIIData } from './DiskII';
|
|
|
|
/**
|
|
* Interface for Drives component.
|
|
*/
|
|
export interface DrivesProps {
|
|
io: Apple2IO | undefined;
|
|
sectors: number;
|
|
}
|
|
|
|
/**
|
|
* Drive interface component. Presents the interface to load disks.
|
|
* Provides the callback to the Disk2 object to update the DiskII
|
|
* components.
|
|
*
|
|
* @param io Apple I/O object
|
|
* @returns Drives component
|
|
*/
|
|
export const Drives = ({ io, sectors }: DrivesProps) => {
|
|
const [disk2, setDisk2] = useState<Disk2>();
|
|
const [data1, setData1] = useState<DiskIIData>({
|
|
on: false,
|
|
number: 1,
|
|
name: 'Disk 1',
|
|
});
|
|
const [data2, setData2] = useState<DiskIIData>({
|
|
on: false,
|
|
number: 2,
|
|
name: 'Disk 2',
|
|
});
|
|
|
|
useEffect(() => {
|
|
const setData = [setData1, setData2];
|
|
const callbacks: Callbacks = {
|
|
driveLight: (drive, on) => {
|
|
setData[drive - 1]?.(data => ({...data, on }));
|
|
},
|
|
label: (drive, name, side) => {
|
|
setData[drive - 1]?.(data => ({
|
|
...data,
|
|
name: name ?? `Disk ${drive}`,
|
|
side,
|
|
}));
|
|
},
|
|
dirty: () => {
|
|
// do nothing
|
|
}
|
|
};
|
|
|
|
if (io) {
|
|
const disk2 = new Disk2(io, callbacks, sectors);
|
|
io.setSlot(6, disk2);
|
|
setDisk2(disk2);
|
|
}
|
|
}, [io, sectors]);
|
|
|
|
return (
|
|
<>
|
|
<DiskII disk2={disk2} {...data1} />
|
|
<DiskII disk2={disk2} {...data2} />
|
|
</>
|
|
);
|
|
};
|