Added mapping definition listing

Author: kirjavascript

app/components/file/index.js

@@ -1,23 +1,17 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { observer } from 'mobx-react';
 import { Item, Input, File as FileInput, Select, Editor } from '#ui';
-import { scriptListing } from '#formats/scripts';
-// console.log(require('electron').remote.app.getAppPath())
-// const chokidar = require('chokidar');
-
-// chokidar.watch('./scripts').on('all', console.log)
-
-// just load scripts from dropdown
+import { listing } from '#formats/scripts';
 
 export const File = observer(() => {
 
-    useEffect(() => {
+    // useEffect(() => {
 
 
-    }, []);
+    // }, []);
     return <div>
         left align
         <FileInput />
-        {JSON.stringify(scriptListing())}
+        {JSON.stringify(listing)}
     </div>;
 });

app/formats/scripts/index.js

@@ -1,28 +1,6 @@
-import fs from 'fs';
-import { join, dirname } from 'path';
-import { errorMsg } from '#util/dialog';
-import { uniq } from 'lodash';
-
-// if it can't find it, ask to specify
-
-const scriptPaths = uniq([
-    process.cwd(),
-    dirname(process.execPath),
-]).map(path => join(path, 'scripts2'));
-
-const scriptDir = scriptPaths.find(path => fs.existsSync(path));
-
-if (!scriptDir) {
-    errorMsg(`Script Error`, `
-Could not find 'scripts' directory for mapping definition files
-Searched in;
-\t${scriptPaths.join('\n\t')}`);
-}
-
-export async function scriptListing() {
-    // readdirSync(scriptDir)
-    // console.log(await readdir(scriptDir))
-}
+// listing.js
+
+export { default as listing } from './listing';
 
 // function scriptDir() {
 

app/formats/scripts/listing.js

@@ -0,0 +1,38 @@
+import fs from 'fs';
+import { join, dirname, parse } from 'path';
+import { errorMsg } from '#util/dialog';
+import { uniq, debounce } from 'lodash';
+import { observable } from 'mobx';
+
+const scriptPaths = uniq([
+    dirname(process.execPath),
+    process.cwd(),
+]).map(path => join(path, 'scripts'));
+
+const scriptDir = scriptPaths.find(path => fs.existsSync(path) && fs.lstatSync(path).isDirectory());
+
+const scripts = observable([]);
+
+const { readdir } = fs.promises;
+
+async function loadScripts(...args) {
+    try {
+        const list = await readdir(scriptDir);
+        scripts.replace(list.map(filename => ({
+            value: filename,
+            label: parse(filename).name,
+        })));
+    } catch (e) {
+        console.error(e);
+    }
+}
+
+if (!scriptDir) {
+    errorMsg(`Script Error`, `Could not find 'scripts' directory for mapping definition files
+Searched in;\n\t${scriptPaths.join('\n\t')}`);
+} else {
+    loadScripts();
+    fs.watch(scriptDir, debounce(loadScripts, 100));
+}
+
+export default scripts;

app/formats/scripts/load.js

@@ -0,0 +1,26 @@
+const globals = {
+    dc: {
+        b: 8,
+        w: 16,
+        l: 32,
+    },
+    nybble: 4,
+    read: (size) => ({ read: size }),
+    write: (_write) => {},
+};
+
+export default function(source) {
+    const config = {};
+    const definition = [];
+    (new Function('Flex2', source))(new Proxy({}, {
+        get: (_target, prop) => {
+            if (globals[prop]) {
+                return globals[prop];
+            }
+            return (...args) => {
+                definition[prop] = args;
+            };
+        },
+    }));
+    return definition;
+}

scripts/sonic1.js scripts/Sonic 1.jsscripts/sonic1.js renamed to scripts/Sonic 1.js

@@ -1,17 +1,17 @@
-// Flex2 Mapping Definition
+// Flex 2 Mapping Definition
 
 const {
+    label,
     info,
     offsetTable,
-    mapping,
-    mappingHeader,
+    mappings,
+    dplcs,
     write,
     read,
     nybble,
     dc,
 } = Flex2;
 
-label('Sonic 1');
 offsetTable(dc.w, 'mappings');
 mappings(
     (mapping, i) => {