Files
taskpile/frontend/node_modules/sucrase/dist/esm/register.js
Alvis f1d51b8cc8 Add side panels, task selection, graph animation, and project docs
- Foldable left panel (user profile) and right panel (task details)
- Clicking a task in the list or graph node selects it and shows details
- Both views (task list + graph) always mounted via absolute inset-0 for
  correct canvas dimensions; tabs toggle visibility with opacity
- Graph node selection animation: other nodes repel outward (charge -600),
  then selected node smoothly slides to center (500ms cubic ease-out),
  then charge restores to -120 and graph stabilizes
- Graph re-fits on tab switch and panel resize via ResizeObserver
- Fix UUID string IDs throughout (backend returns UUIDs, not integers)
- Add TaskDetailPanel, UserPanel components
- Add CLAUDE.md project documentation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-08 11:23:06 +00:00

89 lines
2.1 KiB
JavaScript

import * as pirates from "pirates";
import { transform} from "./index";
export function addHook(
extension,
sucraseOptions,
hookOptions,
) {
let mergedSucraseOptions = sucraseOptions;
const sucraseOptionsEnvJSON = process.env.SUCRASE_OPTIONS;
if (sucraseOptionsEnvJSON) {
mergedSucraseOptions = {...mergedSucraseOptions, ...JSON.parse(sucraseOptionsEnvJSON)};
}
return pirates.addHook(
(code, filePath) => {
const {code: transformedCode, sourceMap} = transform(code, {
...mergedSucraseOptions,
sourceMapOptions: {compiledFilename: filePath},
filePath,
});
const mapBase64 = Buffer.from(JSON.stringify(sourceMap)).toString("base64");
const suffix = `//# sourceMappingURL=data:application/json;charset=utf-8;base64,${mapBase64}`;
return `${transformedCode}\n${suffix}`;
},
{...hookOptions, exts: [extension]},
);
}
export function registerJS(hookOptions) {
return addHook(".js", {transforms: ["imports", "flow", "jsx"]}, hookOptions);
}
export function registerJSX(hookOptions) {
return addHook(".jsx", {transforms: ["imports", "flow", "jsx"]}, hookOptions);
}
export function registerTS(hookOptions) {
return addHook(".ts", {transforms: ["imports", "typescript"]}, hookOptions);
}
export function registerTSX(hookOptions) {
return addHook(".tsx", {transforms: ["imports", "typescript", "jsx"]}, hookOptions);
}
export function registerTSLegacyModuleInterop(hookOptions) {
return addHook(
".ts",
{
transforms: ["imports", "typescript"],
enableLegacyTypeScriptModuleInterop: true,
},
hookOptions,
);
}
export function registerTSXLegacyModuleInterop(hookOptions) {
return addHook(
".tsx",
{
transforms: ["imports", "typescript", "jsx"],
enableLegacyTypeScriptModuleInterop: true,
},
hookOptions,
);
}
export function registerAll(hookOptions) {
const reverts = [
registerJS(hookOptions),
registerJSX(hookOptions),
registerTS(hookOptions),
registerTSX(hookOptions),
];
return () => {
for (const fn of reverts) {
fn();
}
};
}