wasp/waspc/data/Lsp/templates/ts/page.component.jsx

{{#named?}}export {{/named?}}function {{name}}() {
  return (
    <div>Hello world!</div>
  )
}

{{#default?}}
export default {{name}}
{{/default?}}
[waspls] Add code actions for scaffolding external code (#1316) When an external import tries to import a symbol from a TypeScript/JavaScript file, waspls now offers quickfix code actions to scaffold a function in that file. It uses the surrounding context of the external import to determine what code to write for the code action. See [`ScaffoldTsSymbol.hs`](https://github.com/wasp-lang/wasp/blob/457911d5e99a98dd123940e6b0730b147636f411/waspc/waspls/src/Wasp/LSP/Commands/ScaffoldTsSymbol.hs) for a detailed description of how it works. At a high level, there is a `templateForFile` function in `Wasp.LSP.Commands.ScaffoldTsSymbol` that selects the correct template from `data/lsp/templates/ts`. For example, `action.fn.ts` contains a template for scaffolding an `action` function in a TypeScript file and would be used when a code action is requested with the cursor at the location marked by `\|`: ```wasp action createTask { fn: import { createTask } from "@server/actions.js"\| } ``` The scaffold action runs as a [LSP command](https://microsoft.github.io/language-server-protocol/specifications/specification-3-16/#workspace_executeCommand). To prepare for wanting to define more commands in waspls in the future, this PR also introduces the concept of `Commands` (`Wasp.LSP.Commands.Command`) that define some properties about each command waspls wants to handle. 2023-07-26 15:00:16 +03:00			`{{#named?}}export {{/named?}}function {{name}}() {`
			`return (`
			`<div>Hello world!</div>`
			`)`
			`}`

			`{{#default?}}`
			`export default {{name}}`
			`{{/default?}}`