Spaces:
Running on Zero
Running on Zero
| // Offline checks: production components render, routes are focused, layer indices stay real. | |
| // These do not replace the browser layout and interaction suites. | |
| process.env.NODE_ENV = 'production'; | |
| const assert = require('node:assert/strict'); | |
| const { build } = require('esbuild'); | |
| const { readFile } = require('node:fs/promises'); | |
| const React = require('react'); | |
| const { renderToStaticMarkup } = require('react-dom/server'); | |
| async function compile(contents) { | |
| const result = await build({ stdin: { contents, loader: 'jsx', resolveDir: __dirname }, | |
| bundle: true, write: false, platform: 'node', format: 'cjs', packages: 'external' }); | |
| const module = { exports: {} }; | |
| new Function('require', 'module', 'exports', result.outputFiles[0].text)(require, module, module.exports); | |
| return module.exports; | |
| } | |
| (async () => { | |
| const { chooseInspectionLayer } = await import('./frontend/flow-utils.mjs'); | |
| const forty = Array.from({ length: 40 }, (_, i) => i); | |
| assert.equal(chooseInspectionLayer(forty), 31); | |
| for (const previous of [0, 12, 39]) assert.equal(chooseInspectionLayer(forty, previous), previous); | |
| assert.equal(chooseInspectionLayer([0, 1, 2, 3], 31), 3); | |
| assert.equal(chooseInspectionLayer([0, 5, 39]), 39); | |
| assert.equal(chooseInspectionLayer([0]), 0); | |
| assert.equal(chooseInspectionLayer([]), null); | |
| // An absent or invalid previous selection must never turn into an unsupported layer. | |
| for (const available of [forty, [0, 1], [2, 5], [31], [39]]) { | |
| for (const previous of [null, 0, 31, 39, 400]) assert(available.includes(chooseInspectionLayer(available, previous))); | |
| } | |
| // Load Carbon in its server environment before supplying the page's width. | |
| require('@carbon/react'); | |
| global.window = { innerWidth: 1280 }; | |
| for (const file of ['index.html', 'how-it-works/index.html']) { | |
| const html = await readFile(`frontend/${file}`, 'utf8'); | |
| const source = html.match(/<script type="text\/babel">([\s\S]*?)<\/script>/)[1]; | |
| const appSource = source.slice(0, source.lastIndexOf(file === 'index.html' ? ' const root = ReactDOM.createRoot' : ' ReactDOM.createRoot')); | |
| const { App } = await compile(`import React from 'react'; import IBMHeader from './frontend/Header.jsx'; | |
| import { readPalettePreference, savePalettePreference } from './frontend/data-utils.js';\n${appSource}\nexport { App };`); | |
| for (const width of [1280, 320]) { | |
| window.innerWidth = width; | |
| const rendered = renderToStaticMarkup(React.createElement(App)); | |
| assert(!/experiment_[13]|Layer Focus|Failure Diagnosis|Mamba|hatched|IFR|DAS|LEAK/.test(rendered)); | |
| assert(!rendered.includes('Generation Flow 2')); | |
| assert(rendered.includes('Generation Flow') && rendered.includes('How it works')); | |
| if (file === 'index.html') { | |
| // The landing is the header plus the about card; its two page links | |
| // are the about card's view cards and the header actions. | |
| const links = [...rendered.matchAll(/href="(\.\/(?:how-it-works|experiment_2)\/index\.html[^"]*)"/g)].map(m => m[1]); | |
| assert.deepEqual( | |
| [...new Set(links.map(l => (l.includes('?') ? l.slice(0, l.indexOf('?')) : l)))].sort(), | |
| ['./experiment_2/index.html', './how-it-works/index.html']); | |
| assert(!rendered.includes('More options') ? true : rendered.includes('How it works')); | |
| } else { | |
| assert(rendered.includes('Yes, the model sees the selection rule too.')); | |
| assert(rendered.includes('Curve weights are not model measurements.')); | |
| assert(rendered.includes('32nd layer')); | |
| } | |
| } | |
| } | |
| const { ExampleContext } = await compile("export { ExampleContext } from './frontend/Guidance.jsx';"); | |
| const custom = renderToStaticMarkup(React.createElement(ExampleContext, { | |
| exampleId: 0, customPrompt: '<|open|>instr<|close|><script>unsafe</script>', showSelection: true, | |
| })); | |
| assert(custom.includes('Uploaded example')); | |
| assert(!custom.includes('Expected answer:')); | |
| assert(!custom.includes('<script>')); | |
| assert(custom.includes('<script>unsafe</script>')); | |
| console.log('PASS: real layer selection; landing/guide render at desktop/mobile widths; uploaded prompt escaping and no borrowed reference answer.'); | |
| })().catch(error => { console.error(error); process.exitCode = 1; }); | |