create-digigov-app 0.4.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.json CHANGED
@@ -1,6 +1,18 @@
1
1
  {
2
2
  "name": "create-digigov-app",
3
3
  "entries": [
4
+ {
5
+ "version": "0.5.0",
6
+ "tag": "create-digigov-app_v0.5.0",
7
+ "date": "Thu, 30 Dec 2021 12:54:03 GMT",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "comment": "Update scaffolder's templates including @digigov/css configuration"
12
+ }
13
+ ]
14
+ }
15
+ },
4
16
  {
5
17
  "version": "0.4.1",
6
18
  "tag": "create-digigov-app_v0.4.1",
package/CHANGELOG.md CHANGED
@@ -1,6 +1,13 @@
1
1
  # Change Log - create-digigov-app
2
2
 
3
- This log was last generated on Tue, 02 Nov 2021 13:03:39 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 30 Dec 2021 12:54:03 GMT and should not be manually modified.
4
+
5
+ ## 0.5.0
6
+ Thu, 30 Dec 2021 12:54:03 GMT
7
+
8
+ ### Minor changes
9
+
10
+ - Update scaffolder's templates including @digigov/css configuration
4
11
 
5
12
  ## 0.4.1
6
13
  Tue, 02 Nov 2021 13:03:39 GMT
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-digigov-app",
3
- "version": "0.4.1",
3
+ "version": "0.5.0",
4
4
  "description": "Create a DigiGOV App with ease",
5
5
  "bin": "cli.js",
6
6
  "files": [
package/saofile.js CHANGED
@@ -2,17 +2,20 @@ const { relative } = require('path');
2
2
  const validate = require('validate-npm-package-name');
3
3
 
4
4
  const digigovDepsDev = [
5
- "@digigov/cli",
6
- "@digigov/cli-lint",
7
- "@digigov/cli-app",
8
- "@digigov/cli-build",
9
- "@digigov/cli-test"
10
- ]
5
+ '@digigov/cli',
6
+ '@digigov/cli-lint',
7
+ '@digigov/cli-app',
8
+ '@digigov/cli-build',
9
+ '@digigov/cli-test',
10
+ ];
11
11
 
12
12
  const digigovDeps = [
13
- "@digigov/ui",
14
- "@digigov/nextjs"
15
- ]
13
+ '@digigov/ui',
14
+ '@digigov/nextjs',
15
+ '@digigov/react-core',
16
+ '@digigov/css',
17
+ 'tailwindcss',
18
+ ];
16
19
 
17
20
  module.exports = {
18
21
  prompts: require('./prompts'),
@@ -58,8 +61,10 @@ module.exports = {
58
61
  '_package.json': 'package.json',
59
62
  '_.prettierrc.js': '.prettierrc.js',
60
63
  '_.eslintrc.js': '.eslintrc.js',
64
+ '_postcss.config.js': 'postcss.config.js',
65
+ '_tailwind.config.js': 'tailwind.config.js',
61
66
  '_tsconfig.json': 'tsconfig.json',
62
- '_Dockerfile': 'Dockerfile',
67
+ _Dockerfile: 'Dockerfile',
63
68
  },
64
69
  });
65
70
 
@@ -74,13 +79,13 @@ module.exports = {
74
79
  await this.npmInstall({ npmClient: this.answers.pm });
75
80
  await this.npmInstall({
76
81
  npmClient: this.answers.pm,
77
- packages: digigovDeps
78
- })
82
+ packages: digigovDeps,
83
+ });
79
84
  await this.npmInstall({
80
85
  npmClient: this.answers.pm,
81
86
  packages: digigovDepsDev,
82
- saveDev: true
83
- })
87
+ saveDev: true,
88
+ });
84
89
  }
85
90
 
86
91
  const chalk = this.chalk;
@@ -0,0 +1,3 @@
1
+ // If you want to use other PostCSS plugins, see the following:
2
+ // https://tailwindcss.com/docs/using-with-preprocessors
3
+ module.exports = require('@digigov/cli-app/postcssrc')();
@@ -0,0 +1 @@
1
+ module.exports = require('@digigov/cli-app/tailwindrc')();
@@ -0,0 +1,4 @@
1
+ @tailwind base;
2
+ @layer base {
3
+ @import "@digigov/css/src/base/base.css";
4
+ };
@@ -0,0 +1,15 @@
1
+ @tailwind components;
2
+ @layer components {
3
+ @import "@digigov/css/src/components/accordion.css";
4
+ @import "@digigov/css/src/components/button.css";
5
+ @import "@digigov/css/src/components/components.css";
6
+ @import "@digigov/css/src/components/form.css";
7
+ @import "@digigov/css/src/components/checkboxes.css";
8
+ @import "@digigov/css/src/components/radios.css";
9
+ @import "@digigov/css/src/components/general.css";
10
+ @import "@digigov/css/src/components/header.css";
11
+ @import "@digigov/css/src/components/footer.css";
12
+ @import "@digigov/css/src/components/layout.css";
13
+ @import "@digigov/css/src/components/nav.css";
14
+ @import "@digigov/css/src/components/typography.css";
15
+ };
@@ -0,0 +1,4 @@
1
+
2
+ @import "./base.css";
3
+ @import "./components.css";
4
+ @import './utilities.css';
@@ -5,4 +5,4 @@ export default {
5
5
  intro_text: 'Welcome to My Service',
6
6
  },
7
7
  ...defaultEn,
8
- };
8
+ };
@@ -1,7 +1,9 @@
1
1
  import App from '@digigov/nextjs/App';
2
2
  import initI18n from '@digigov/nextjs/i18n';
3
- import el from '../locales/el';
4
- import en from '../locales/en';
3
+ import el from '<%= name %>/locales/el';
4
+ import en from '<%= name %>/locales/en';
5
+ import 'tailwindcss/tailwind.css';
6
+ import '../../index.css';
5
7
 
6
8
  initI18n({
7
9
  el: {
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
2
  import { useTranslation } from '@digigov/ui/app/i18n';
3
-
4
3
  import { Main, Side } from '@digigov/ui/layouts/Basic';
5
4
  import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
5
+ import CallToAction from '@digigov/ui/core/Button/CallToAction';
6
+ import Paragraph from '@digigov/ui/typography/Paragraph';
6
7
  import Layout from '<%= name %>/components/Layout';
7
8
 
8
9
  const Home = () => {
@@ -13,7 +14,8 @@ const Home = () => {
13
14
  <PageTitle>
14
15
  <PageTitleHeading>{t('app.name')}</PageTitleHeading>
15
16
  </PageTitle>
16
- <div>{t('app.intro_text')}</div>
17
+ <Paragraph>{t('app.intro_text')}</Paragraph>
18
+ <CallToAction href="/login">{t('button.start')}</CallToAction>
17
19
  </Main>
18
20
  <Side></Side>
19
21
  </Layout>
@@ -0,0 +1,4 @@
1
+ @tailwind utilities;
2
+ @layer utilities {
3
+ @import "@digigov/css/src/utilities/utilities.css";
4
+ };
@@ -1,7 +1,9 @@
1
1
  import App from '@digigov/nextjs/App';
2
2
  import initI18n from '@digigov/nextjs/i18n';
3
- import el from '../locales/el';
4
- import en from '../locales/en';
3
+ import el from '<%= name %>/locales/el';
4
+ import en from '<%= name %>/locales/en';
5
+ import 'tailwindcss/tailwind.css';
6
+ import '../../index.css';
5
7
 
6
8
  initI18n({
7
9
  el: {
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
2
  import { useTranslation } from '@digigov/ui/app/i18n';
3
-
4
3
  import { Main, Side } from '@digigov/ui/layouts/Basic';
5
4
  import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
5
+ import CallToAction from '@digigov/ui/core/Button/CallToAction';
6
+ import Paragraph from '@digigov/ui/typography/Paragraph';
6
7
  import Layout from '<%= name %>/components/Layout';
7
8
 
8
9
  const Home: React.FC = () => {
@@ -13,7 +14,8 @@ const Home: React.FC = () => {
13
14
  <PageTitle>
14
15
  <PageTitleHeading>{t('app.name')}</PageTitleHeading>
15
16
  </PageTitle>
16
- <div>{t('app.intro_text')}</div>
17
+ <Paragraph>{t('app.intro_text')}</Paragraph>
18
+ <CallToAction href="/login">{t('button.start')}</CallToAction>
17
19
  </Main>
18
20
  <Side></Side>
19
21
  </Layout>