Add fe-sys-design

takahirohonda · Aug 18, 2024 · 26b6b59 · 26b6b59
1 parent 3a3a5ef
commit 26b6b59
Show file tree

Hide file tree

Showing 22 changed files with 1,138 additions and 5 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -22,8 +22,11 @@ jobs:
       - name: checking the current directory
         run: |
           pwd
-      - name: run custom action.yml
-        # This is the folder path where action.yml is in
-        uses: ./github-actions
-        with:
-          message: ${{ secrets.MESSAGE }}
+
+      # This was initiall for testing the the custom action.yml. Failing in CI.
+      # Commenting it out for now.
+      # - name: run custom action.yml
+      #   # This is the folder path where action.yml is in
+      #   uses: ./github-actions
+      #   with:
+      #     message: ${{ secrets.MESSAGE }}
diff --git a/apps/fe-sys-design/.babelrc b/apps/fe-sys-design/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["@nx/js/babel"]
+}
diff --git a/apps/fe-sys-design/.eslintrc.json b/apps/fe-sys-design/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}
diff --git a/apps/fe-sys-design/.swcrc b/apps/fe-sys-design/.swcrc
@@ -0,0 +1,8 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript"
+    },
+    "target": "es2016"
+  }
+}
diff --git a/apps/fe-sys-design/README.md b/apps/fe-sys-design/README.md
@@ -0,0 +1,3 @@
+# fe-sys-design
+
+This project was generated by using ![@nx/web](https://nx.dev/nx-api/web/documents/overview#setting-up-nxweb). `@nx/web` is for creating a web component. It can be used to create a vanilla JS project.
diff --git a/apps/fe-sys-design/index.html b/apps/fe-sys-design/index.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>FeSysDesign</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/src/styles.css" />
+  </head>
+  <body>
+    <!-- this is for a web component automatically generated by Nx -->
+    <!-- <new-root></new-root> -->
+    <main id="main"></main>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/apps/fe-sys-design/project.json b/apps/fe-sys-design/project.json
@@ -0,0 +1,15 @@
+{
+  "name": "fe-sys-design",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/fe-sys-design/src",
+  "tags": [],
+  "targets": {
+    "dev": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "yarn nx serve fe-sys-design"
+      }
+    }
+  }
+}
diff --git a/apps/fe-sys-design/public/favicon.ico b/apps/fe-sys-design/public/favicon.ico
diff --git a/apps/fe-sys-design/src/app/index.ts b/apps/fe-sys-design/src/app/index.ts
@@ -0,0 +1,7 @@
+;(function () {
+  const mainElem = document.getElementById('main')
+  const div = document.createElement('div')
+  const divContent = document.createTextNode('Hello from vanilla JS')
+  div.appendChild(divContent)
+  mainElem?.appendChild(div)
+})()
diff --git a/apps/fe-sys-design/src/assets/.gitkeep b/apps/fe-sys-design/src/assets/.gitkeep
diff --git a/apps/fe-sys-design/src/main.ts b/apps/fe-sys-design/src/main.ts
@@ -0,0 +1,2 @@
+// import './web-component-example/app.element'
+import './app'
diff --git a/apps/fe-sys-design/src/styles.css b/apps/fe-sys-design/src/styles.css
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# fe-sys-design

		This project was generated by using ![@nx/web](https://nx.dev/nx-api/web/documents/overview#setting-up-nxweb). `@nx/web` is for creating a web component. It can be used to create a vanilla JS project.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		// import './web-component-example/app.element'
		import './app'
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		/* You can add global styles to this file, and also import other style files */