@bleedingdev/modern-js-renderer-octane 0.0.0-stage → 3.9.3-ultramodern.2

package/dist/cjs/plugin/create.js

@@ -0,0 +1,265 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+function generateOctaneAppSources(options) {
+    if ((options.entryName ?? 'main') !== 'main') throw new Error('The Octane app template supports the main entry only. The create-time workspace writer places src/modern-app-env.d.ts, src/routes/index.css and the package manifest at the app root regardless of entryName, so it cannot yet route a second entry into src/<entryName>/. Add that entry by hand after generation (mirror src/routes under src/<entryName>/routes) until an admitted native multi-entry create template exists; the native entry generator itself already supports arbitrary entry names.');
+    if (!options.appId.trim() || !options.title.trim()) throw new Error('The Octane app template requires an appId and title.');
+    if ('.tsx' !== options.sourceExtension) throw new Error('The Octane app template requires the admitted .tsx source profile. .tsrx generation requires an admitted native template profile.');
+    if ('octane' !== options.jsxImportSource) throw new Error('The Octane app template requires jsxImportSource: "octane" from the admitted profile.');
+    if ('boolean' != typeof options.capabilities.ssr || 'boolean' != typeof options.capabilities.federation) throw new Error('The Octane app template requires admitted capabilities.');
+    const title = JSON.stringify(options.title);
+    const aboutTitle = JSON.stringify(`${options.title} - About`);
+    const appId = JSON.stringify(options.appId);
+    return {
+        sourceExtension: '.tsx',
+        jsxImportSource: 'octane',
+        artifacts: [
+            {
+                path: 'src/routes/layout.tsx',
+                content: `import { Link, Outlet } from '@modern-js/renderer-octane/router';
+import Stable from '../components/Stable';
+import './index.css';
+
+const appTitle = ${title};
+
+export default function Layout() {
+  return (
+    <main data-testid="native-layout">
+      <header>
+        <p>{appTitle}</p>
+        <nav aria-label="Application">
+          <Link to="/">Home</Link>
+          <Link to="/about">About</Link>
+${options.capabilities.federation ? '          <Link to="/remotes">Federated applications</Link>\n' : ''}
+        </nav>
+      </header>
+      <Stable />
+      <Outlet />
+    </main>
+  );
+}
+`
+            },
+            {
+                path: 'src/routes/page.tsx',
+                content: `import {
+  Link,
+  useLoaderData,
+  useOctaneRouteAction,
+} from '@modern-js/renderer-octane/router';
+import { useActionState } from 'octane';
+import Counter from '../components/Counter';
+
+const appId = ${appId};
+const appTitle = ${title};
+
+export default function HomePage() {
+  const data = useLoaderData({ strict: false });
+  const submit = useOctaneRouteAction();
+  const [result, action, pending] = useActionState(submit, undefined);
+  return (
+    <section data-app-id={appId} data-testid="native-route" data-renderer="octane">
+      <h1>{appTitle}</h1>
+      <Counter />
+      <pre data-testid="native-loader-value">{JSON.stringify(data)}</pre>
+      <form action={action}>
+        <label>
+          Name <input name="name" />
+        </label>
+        <button type="submit" disabled={pending}>
+          Save
+        </button>
+        <button type="submit" name="intent" value="redirect">
+          Save and redirect
+        </button>
+      </form>
+      <pre data-testid="native-action-value">{JSON.stringify(result)}</pre>
+      <Link to="/about">Open native about route</Link>
+    </section>
+  );
+}
+`
+            },
+            {
+                path: 'src/routes/page.head.ts',
+                content: `import type { FileSystemRouteModule } from '@modern-js/renderer-octane/router';
+
+export const head: NonNullable<FileSystemRouteModule['head']> = () => ({
+  meta: [
+    { title: ${title} },
+    { name: 'description', content: 'Built with the native Octane renderer' },
+  ],
+});
+`
+            },
+            {
+                path: 'src/routes/about/page.tsx',
+                content: `import { Link } from '@modern-js/renderer-octane/router';
+
+export default function AboutPage() {
+  return (
+    <section data-testid="native-about">
+      <h1>Native Octane navigation</h1>
+      <Link to="/">Home</Link>
+    </section>
+  );
+}
+`
+            },
+            {
+                path: 'src/routes/about/page.head.ts',
+                content: `import type { FileSystemRouteModule } from '@modern-js/renderer-octane/router';
+
+export const head: NonNullable<FileSystemRouteModule['head']> = () => ({
+  meta: [
+    { title: ${aboutTitle} },
+    { name: 'description', content: 'Built with the native Octane renderer' },
+  ],
+});
+`
+            },
+            {
+                path: 'src/components/Counter.tsx',
+                content: `import { useState } from 'octane';
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+  return (
+    <section data-testid="native-edited-component">
+      <span data-testid="native-hmr-marker">Counter before native edit</span>
+      <button type="button" onClick={() => setCount(value => value + 1)}>
+        Increment
+      </button>
+      <output data-testid="native-count">{count}</output>
+    </section>
+  );
+}
+`
+            },
+            {
+                path: 'src/components/Stable.tsx',
+                content: `import { useState } from 'octane';
+
+export default function Stable() {
+  const [count, setCount] = useState(0);
+  return (
+    <section data-testid="native-unaffected-component">
+      <button type="button" onClick={() => setCount(value => value + 1)}>
+        Increment stable state
+      </button>
+      <output data-testid="native-unaffected-count">{count}</output>
+    </section>
+  );
+}
+`
+            },
+            {
+                path: 'src/routes/page.data.ts',
+                content: `import type { DataHandlerInput } from '@modern-js/renderer-core/data';
+
+export function loader({ request }: DataHandlerInput) {
+  const url = new URL(request.url);
+  if (url.searchParams.get('case') === 'not-found')
+    throw new Response('Native route not found', { status: 404 });
+  if (url.searchParams.get('case') === 'error')
+    throw new Error('Native loader failure');
+  if (url.searchParams.get('case') === 'redirect')
+    return new Response(null, { status: 302, headers: { location: '/about' } });
+  return {
+    message: 'Native loader value',
+    privateValue: request.headers.get('x-conformance-private'),
+  };
+}
+
+export async function action({ request }: DataHandlerInput) {
+  const form = await request.formData();
+  const name = form.get('name');
+  if (typeof name !== 'string' || !name.trim())
+    return Response.json(
+      { fieldErrors: { name: 'Name required' } },
+      { status: 422 },
+    );
+  if (form.get('intent') === 'redirect')
+    return new Response(null, {
+      status: 303,
+      headers: {
+        location: '/about',
+        'set-cookie': 'conformance-saved=1; Path=/; SameSite=Lax',
+      },
+    });
+  if (form.get('intent') === 'throw') throw new Error('Native action failure');
+  return {
+    saved: name,
+    privateValue: request.headers.get('x-conformance-private'),
+  };
+}
+`
+            },
+            {
+                path: 'src/routes/error.tsx',
+                content: `import type { ErrorRouteComponent } from '@modern-js/renderer-octane/router';
+
+const ErrorBoundary: ErrorRouteComponent = props => (
+  <section data-testid="native-error">
+    <h1>Something went wrong</h1>
+    <output>
+      {props.error instanceof Error ? props.error.message : String(props.error)}
+    </output>
+  </section>
+);
+
+export default ErrorBoundary;
+`
+            },
+            {
+                path: 'src/routes/not-found.tsx',
+                content: `import type { NotFoundRouteComponent } from '@modern-js/renderer-octane/router';
+
+const NotFound: NotFoundRouteComponent = () => (
+  <section data-testid="native-not-found">
+    <h1>Page not found</h1>
+  </section>
+);
+
+export default NotFound;
+`
+            }
+        ]
+    };
+}
+__webpack_require__.d(__webpack_exports__, {
+    generateOctaneAppSources: ()=>generateOctaneAppSources
+});
+exports.generateOctaneAppSources = __webpack_exports__.generateOctaneAppSources;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "generateOctaneAppSources"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/plugin/index.js

@@ -0,0 +1,151 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    rendererAdapter: ()=>rendererAdapter
+});
+const external_node_path_namespaceObject = require("node:path");
+var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
+const adapter_namespaceObject = require("@modern-js/renderer-core/adapter");
+const external_manifest_js_namespaceObject = require("../manifest.js");
+const external_compiler_js_namespaceObject = require("./compiler.js");
+const external_create_js_namespaceObject = require("./create.js");
+const external_profile_js_namespaceObject = require("./profile.js");
+const external_source_js_namespaceObject = require("./source.js");
+const rendererAdapter = (0, adapter_namespaceObject.defineRendererAdapter)({
+    name: 'octane',
+    kind: 'native',
+    profile: external_profile_js_namespaceObject.octaneProfile,
+    routerFrameworks: [
+        'octane'
+    ],
+    runtime: {
+        package: 'octane',
+        bootstrap: '@modern-js/renderer-octane',
+        entryClient: '@modern-js/renderer-octane/entry-client',
+        entryServer: '@modern-js/renderer-octane/entry-server',
+        router: '@modern-js/renderer-octane/router',
+        i18n: '@modern-js/renderer-octane/i18n',
+        manifest: '@modern-js/renderer-octane/manifest'
+    },
+    federation: {
+        library: 'module',
+        ssr: true,
+        shared: [
+            'octane',
+            'octane/',
+            'octane/internal/context',
+            'octane/internal/signal-read',
+            'octane/signals',
+            '@octanejs/tanstack-router',
+            '@octanejs/tanstack-router/',
+            '@modern-js/renderer-octane',
+            '@modern-js/renderer-octane/',
+            '@modern-js/renderer-octane/router',
+            '@modern-js/renderer-octane/federation',
+            '@modern-js/renderer-core',
+            '@modern-js/renderer-core/',
+            '@tanstack/router-core',
+            '@tanstack/history',
+            'seroval',
+            'seroval-plugins'
+        ],
+        sharedByEnvironment: {
+            client: {
+                'octane/internal/client': 'octane/internal/client',
+                'octane/signals/client': 'octane/signals/client',
+                'octane/profiling': 'octane/profiling',
+                'octane/hydration/streamed-signals': 'octane/hydration/streamed-signals',
+                '@modern-js/renderer-octane/client': '@modern-js/renderer-octane/client'
+            },
+            server: {
+                octane: 'octane/server',
+                'octane/server': 'octane/server',
+                'octane/internal/server': 'octane/internal/server',
+                'octane/signals/server': 'octane/signals/server'
+            }
+        }
+    },
+    worker: {
+        nativeDocuments: true,
+        rsc: false
+    },
+    lazyStyles: 'document',
+    entryClient: {
+        declarations: 'declare const __webpack_hash__: string;\n',
+        fields: {
+            nativeHydrationBuildId: '__webpack_hash__'
+        }
+    },
+    svgComponentTemplate: ()=>external_node_path_default().join((0, external_compiler_js_namespaceObject.pluginSourceDirectory)(), 'svg-component-template.cjs'),
+    compiler: external_compiler_js_namespaceObject.createOctaneCompilerPlugin,
+    artifacts: external_manifest_js_namespaceObject.compilerArtifacts,
+    assertSupportedSource: external_source_js_namespaceObject.assertOctaneEntrySource,
+    create: {
+        templates: {
+            federation: true,
+            workers: false
+        },
+        dependencies: (profile, { typescriptVersion })=>({
+                frameworkDependencies: [
+                    '@modern-js/renderer-core',
+                    '@modern-js/renderer-octane'
+                ],
+                dependencies: (0, adapter_namespaceObject.nativeRendererDependencies)(profile),
+                devDependencies: {
+                    [profile.compiler.name]: profile.compiler.version,
+                    typescript: typescriptVersion
+                },
+                typecheckCommand: 'octane-tsc --noEmit --project tsconfig.json',
+                tsconfig: {
+                    tsrx: {
+                        compiler: 'octane/compiler/volar',
+                        platform: 'web'
+                    }
+                }
+            }),
+        generateAppSources: external_create_js_namespaceObject.generateOctaneAppSources
+    }
+});
+exports.rendererAdapter = __webpack_exports__.rendererAdapter;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "rendererAdapter"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/plugin/profile.js

@@ -0,0 +1,89 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+const octaneProfile = {
+    renderer: 'octane',
+    status: 'preview',
+    protocolVersion: 1,
+    minimumNode: '26.10.0',
+    hmr: {
+        editedBoundary: 'may-reset',
+        unaffectedComponents: 'preserved',
+        document: 'preserved',
+        roots: 'single',
+        cleanup: 'exactly-once'
+    },
+    compiler: {
+        name: '@octanejs/rspack-plugin',
+        version: '0.1.55'
+    },
+    hydration: {
+        name: 'octane',
+        version: '0.7.1+ultramodern.1331985ea3b0'
+    },
+    router: {
+        name: '@octanejs/tanstack-router',
+        version: '0.1.60+ultramodern.0b9f76ee3003',
+        coreName: '@tanstack/router-core',
+        coreVersion: '1.171.15'
+    },
+    sourceExtensions: [
+        '.tsx',
+        '.tsrx',
+        '.ts',
+        '.js'
+    ],
+    jsxImportSource: 'octane',
+    dependencies: {
+        octane: 'https://github.com/bleedingdev/octane/releases/download/octane%400.7.1%2Bultramodern.1331985ea3b0/octane-0.7.1%2Bultramodern.1331985ea3b0.tgz',
+        '@octanejs/tanstack-router': 'https://github.com/bleedingdev/octane/releases/download/%40octanejs%2Ftanstack-router%400.1.60%2Bultramodern.0b9f76ee3003/octanejs-tanstack-router-0.1.60%2Bultramodern.0b9f76ee3003.tgz',
+        '@octanejs/rspack-plugin': '0.1.55',
+        '@modern-js/renderer-octane': '3.8.3',
+        seroval: '1.6.8',
+        'seroval-plugins': '1.6.8'
+    },
+    capabilities: {
+        worker: true,
+        moduleFederation: true,
+        rsc: false,
+        ssg: true,
+        i18n: true,
+        svgComponent: true
+    }
+};
+__webpack_require__.d(__webpack_exports__, {}, {
+    octaneProfile: octaneProfile
+});
+exports.octaneProfile = __webpack_exports__.octaneProfile;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "octaneProfile"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/plugin/source.js

@@ -0,0 +1,56 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    assertOctaneEntrySource: ()=>assertOctaneEntrySource
+});
+const promises_namespaceObject = require("node:fs/promises");
+var promises_default = /*#__PURE__*/ __webpack_require__.n(promises_namespaceObject);
+const external_node_path_namespaceObject = require("node:path");
+var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
+const external_profile_js_namespaceObject = require("./profile.js");
+async function assertOctaneEntrySource(source) {
+    if (source && '.jsx' === external_node_path_default().extname(source).toLowerCase() && (await promises_default().stat(source)).isFile()) throw new Error(`unsupported-renderer-capability: Octane does not support .jsx source: ${source}. Supported source extensions: ${external_profile_js_namespaceObject.octaneProfile.sourceExtensions.join(', ')}.`);
+}
+exports.assertOctaneEntrySource = __webpack_exports__.assertOctaneEntrySource;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "assertOctaneEntrySource"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});