blob: 6ea2eb18a6be570c058cfae28146873655458f67 [file] [log] [blame]
// Copyright (c) 2021, the Dart project authors. Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.
import 'package:path/path.dart' as p;
import '../templates.dart';
import 'common.dart' as common;
/// A generator for a uber-simple web application.
class WebSimpleGenerator extends DefaultGenerator {
WebSimpleGenerator()
: super('web-simple', 'Bare-bones Web App',
'A web app that uses only core Dart libraries.',
categories: const ['dart', 'web']) {
addFile('.gitignore', common.gitignore);
addFile('analysis_options.yaml', common.analysisOptions);
addFile('CHANGELOG.md', common.changelog);
addFile('pubspec.yaml', _pubspec);
addFile('README.md', _readme);
addFile('web/index.html', _index);
setEntrypoint(
addFile('web/main.dart', _main),
);
addFile('web/styles.css', _styles);
}
@override
String getInstallInstructions(
String directory,
String scriptPath,
) =>
' cd ${p.relative(directory)}\n'
' dart pub global activate webdev\n'
' webdev serve';
}
final String _pubspec = '''
name: __projectName__
description: An absolute bare-bones web app.
version: 1.0.0
# homepage: https://www.example.com
environment:
${common.sdkConstraint}
# dependencies:
# path: ^1.7.0
dev_dependencies:
build_runner: ^2.1.4
build_web_compilers: ^3.2.1
lints: ^1.0.0
''';
final String _readme = '''
An absolute bare-bones web app.
''';
final String _index = '''
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="scaffolded-by" content="https://github.com/dart-lang/sdk">
<title>__projectName__</title>
<link rel="stylesheet" href="styles.css">
<script defer src="main.dart.js"></script>
</head>
<body>
<div id="output"></div>
</body>
</html>
''';
final String _main = '''
import 'dart:html';
void main() {
querySelector('#output')?.text = 'Your Dart app is running.';
}
''';
final String _styles = '''
@import url(https://fonts.googleapis.com/css?family=Roboto);
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
#output {
padding: 20px;
text-align: center;
}
''';