Release/v1.0.0

.eslintignore

@@ -9,3 +9,4 @@ next-env.d.ts
 storybook-static
 __mocks__
 lighthouserc.js
+scripts

.eslintrc.yml

@@ -6,5 +6,7 @@ extends:
   - plugin:storybook/recommended
 rules:
   no-duplicate-imports: 0
+  "@next/next/no-img-element": off
+  no-secrets/no-secrets: off
 parserOptions:
   project: ./tsconfig.json

.github/workflows/chromatic.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - dev
     paths:
-      - '**.stories.tsx'
+      - 'components/**/index.tsx'
 
 jobs:
   chromatic-deployment:
@@ -28,10 +28,16 @@ jobs:
         with:
           ref: ${{ github.event.pull_request.head.ref }}
           fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: Publish to Chromatic
         uses: chromaui/action@v1
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+        env:
+          GOOGLE_MAP_API_KEY: ${{ secrets.GOOGLE_MAP_API_KEY }}

.github/workflows/codeql.yml

@@ -24,6 +24,11 @@ jobs:
         uses: actions/checkout@v3
         with:
           ref: ${{ github.event.pull_request.head.ref }}
+          fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Initialize CodeQL
         uses: github/codeql-action/init@v2
         with:

.github/workflows/lighthouse.yml

@@ -25,7 +25,7 @@ jobs:
         with:
           ref: ${{ github.event.pull_request.head.ref }}
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: production build
         run: yarn run build
       - name: install Lighthouse cli

.github/workflows/linter.yml

@@ -1,6 +1,7 @@
 name: ESLint
 
 on:
+  push:
   pull_request:
     branches:
       - dev
@@ -23,7 +24,12 @@ jobs:
         uses: actions/checkout@v3
         with:
           ref: ${{ github.event.pull_request.head.ref }}
+          fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: eslint
         run: yarn run lint

.github/workflows/prettier.yml

@@ -1,9 +1,7 @@
 name: Prettier
 
 on:
-  pull_request:
-    branches:
-      - dev
+  push:
 
 jobs:
   run-prettier:
@@ -23,11 +21,16 @@ jobs:
         uses: actions/checkout@v3
         with:
           ref: ${{ github.event.pull_request.head.ref }}
+          fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: Format the code
         run: yarn run fmt
       - name: auto commit
         uses: stefanzweifel/git-auto-commit-action@v4
         with:
-          commit_message: 🤖 auto-fixable format by github-actions
+          commit_message: "[skip ci] auto-fixable format by github-actions"

.github/workflows/test.yml

@@ -23,8 +23,13 @@ jobs:
         uses: actions/checkout@v3
         with:
           ref: ${{ github.event.pull_request.head.ref }}
+          fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: Check codes types
         run: yarn run type
   run-build:
@@ -40,12 +45,19 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-yarn-
-      - uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.ref }}
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: Build the project
         run: yarn run build
-  run-snapshot-test:
+  run-test:
     runs-on: ubuntu-latest
     steps:
       - name: Get yarn cache directory path
@@ -58,8 +70,15 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-yarn-
-      - uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.ref }}
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: Test
-        run: yarn run test
+        run: yarn run test --no-cache

.github/workflows/token.yml

@@ -3,7 +3,7 @@ on:
   pull_request:
 
 jobs:
-  generate_scss:
+  generate_json:
     name: generate_scss
     runs-on: ubuntu-latest
     # 'figma' という名前を含むブランチのみ動くように設定
@@ -12,30 +12,27 @@ jobs:
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
-
       - uses: actions/cache@v3
         id: yarn-cache
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-yarn-
-
       - name: Checkout
         uses: actions/checkout@v3
         with:
           ref: ${{ github.event.pull_request.head.ref }}
-
+          fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
-
-      - name: yarn add -D style-dictionary
-        run: yarn add -D style-dictionary
-
+        run: yarn install --immutable
       - name: run style-dictionary
-        run: yarn style-dictionary build
-
+        run: yarn run gen:style
       - name: add and commit
         uses: stefanzweifel/git-auto-commit-action@v4
         with:
-          commit_message: generate scss by style-dictionary
+          commit_message: "[skip ci] generate json by style-dictionary"

.gitignore

@@ -511,3 +511,11 @@ doc/api/
 
 # Storybook
 storybook-static
+
+# PWA files
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map

.storybook/main.js

@@ -1,8 +1,5 @@
-const path = require("path");
-const toPath = _path => path.join(process.cwd(), _path);
-
 module.exports = {
-  stories: ["../src/components/**/**/*.stories.@(ts|tsx)"],
+  stories: ["../src/components/**/*.stories.@(ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
@@ -15,7 +12,9 @@ module.exports = {
         },
       },
     },
+    "@storybook/addon-a11y",
   ],
+  staticDirs: ["../public"],
   babel: async options => ({
     ...options,
     presets: ["@emotion/babel-preset-css-prop"],
@@ -24,18 +23,4 @@ module.exports = {
   core: {
     builder: "@storybook/builder-webpack5",
   },
-  webpackFinal: async config => {
-    return {
-      ...config,
-      resolve: {
-        ...config.resolve,
-        alias: {
-          ...config.resolve.alias,
-          "@emotion/core": toPath("node_modules/@emotion/react"),
-          "@emotion/styled": toPath("node_modules/@emotion/styled"),
-          "emotion-theming": toPath("node_modules/@emotion/react"),
-        },
-      },
-    };
-  },
 };

.storybook/preview.js

@@ -0,0 +1,33 @@
+import { CacheProvider } from "@emotion/react";
+import createCache from "@emotion/cache";
+import { GlobalStyles } from "../src/styles/global";
+
+const cache = createCache({ prepend: true, key: "twin" });
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+  backgrounds: {
+    default: "kosen-fes",
+    values: [
+      {
+        name: "kosen-fes",
+        value: "#211A1A",
+      },
+    ],
+  },
+};
+
+export const decorators = [
+  Story => (
+    <CacheProvider value={cache}>
+      <GlobalStyles />
+      <Story />
+    </CacheProvider>
+  ),
+];