@fmsim/board 0.0.49

package/package.json

@@ -0,0 +1,149 @@
+{
+  "name": "@fmsim/board",
+  "version": "0.0.49",
+  "description": "보드 구성을 위한 기본 UI (웹)컴포넌트들을 제공합니다.",
+  "author": "heartyoh",
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "@fmsim:registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hatiolab/fmsim.git",
+    "directory": "packages/board"
+  },
+  "exports": {
+    ".": "./dist/src/index.js",
+    "./ox-scene-handler.js": "./dist/src/modeller/scene-viewer/ox-scene-handler.js",
+    "./ox-scene-layer.js": "./dist/src/modeller/scene-viewer/ox-scene-layer.js",
+    "./ox-scene-property.js": "./dist/src/modeller/scene-viewer/ox-scene-property.js",
+    "./ox-scene-viewer.js": "./dist/src/modeller/scene-viewer/ox-scene-viewer.js",
+    "./ox-board-list.js": "./dist/src/ox-board-list.js",
+    "./ox-board-viewer.js": "./dist/src/ox-board-viewer.js",
+    "./ox-board-player.js": "./dist/src/ox-board-player.js",
+    "./ox-board-modeller.js": "./dist/src/ox-board-modeller.js",
+    "./ox-editor-board-selector.js": "./dist/src/ox-editor-board-selector.js",
+    "./ox-property-editor-board-selector.js": "./dist/src/ox-property-editor-board-selector.js",
+    "./ox-board-selector.js": "./dist/src/selector/ox-board-selector.js",
+    "./ox-board-creation-card.js": "./dist/src/selector/ox-board-creation-card.js",
+    "./register-default-groups.js": "./dist/src/component/register-default-groups.js"
+  },
+  "typesVersions": {
+    "*": {
+      "ox-scene-handler.js": [
+        "./dist/src/modeller/scene-viewer/ox-scene-handler.d.ts"
+      ],
+      "ox-scene-layer.js": [
+        "./dist/src/modeller/scene-viewer/ox-scene-layer.d.ts"
+      ],
+      "ox-scene-property.js": [
+        "./dist/src/modeller/scene-viewer/ox-scene-property.d.ts"
+      ],
+      "ox-scene-viewer.js": [
+        "./dist/src/modeller/scene-viewer/ox-scene-viewer.d.ts"
+      ],
+      "ox-board-list.js": [
+        "./dist/src/ox-board-list.d.ts"
+      ],
+      "ox-board-viewer.js": [
+        "./dist/src/ox-board-viewer.d.ts"
+      ],
+      "ox-board-modeller.js": [
+        "./dist/src/ox-board-modeller.d.ts"
+      ],
+      "ox-editor-board-selector.js": [
+        "./dist/src/ox-editor-board-selector.d.ts"
+      ],
+      "ox-property-editor-board-selector.js": [
+        "./dist/src/ox-property-editor-board-selector.d.ts"
+      ],
+      "ox-board-selector.js": [
+        "./dist/src/selector/ox-board-selector.d.ts"
+      ],
+      "ox-board-creation-card.js": [
+        "./dist/src/selector/ox-board-creation-card.d.ts"
+      ],
+      "register-default-groups.js": [
+        "./dist/src/component/register-default-groups.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "analyze": "cem analyze --litelement",
+    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
+    "build": "tsc && npm run analyze -- --exclude dist",
+    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "test": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "storybook": "tsc && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
+    "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
+  },
+  "dependencies": {
+    "@fmsim/api": "^0.0.49",
+    "@open-wc/scoped-elements": "^2.0.0-next.6",
+    "@operato/app": "^1.3.7",
+    "@operato/data-grist": "^1.3.5",
+    "@operato/font": "^1.3.7",
+    "@operato/i18n": "^1.3.2",
+    "@operato/input": "^1.3.5",
+    "@operato/layout": "^1.3.7",
+    "@operato/markdown": "^1.3.2",
+    "@operato/popup": "^1.3.2",
+    "@operato/property-editor": "^1.3.7",
+    "@operato/styles": "^1.3.2",
+    "@operato/utils": "^1.3.2",
+    "@polymer/paper-dropdown-menu": "^3.2.0",
+    "@types/file-saver": "^2.0.4",
+    "@types/sortablejs": "^1.10.7",
+    "dexie": "^3.2.2",
+    "file-saver": "^2.0.5",
+    "lit": "^2.5.0",
+    "lodash-es": "^4.17.21",
+    "sortablejs": "^1.14.0"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.8.1",
+    "@hatiolab/prettier-config": "^1.0.0",
+    "@hatiolab/things-scene": "^3.2.0",
+    "@material/mwc-fab": "^0.27.0",
+    "@material/mwc-icon": "^0.27.0",
+    "@open-wc/eslint-config": "^10.0.0",
+    "@open-wc/testing": "^3.1.6",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@types/lodash-es": "^4.17.6",
+    "@types/w3c-web-usb": "^1.0.5",
+    "@typescript-eslint/eslint-plugin": "^5.59.1",
+    "@typescript-eslint/parser": "^5.59.1",
+    "@web/dev-server": "^0.3.0",
+    "@web/dev-server-storybook": "^0.7.4",
+    "@web/test-runner": "^0.17.0",
+    "concurrently": "^8.0.1",
+    "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.4.1",
+    "tslib": "^2.3.1",
+    "typescript": "^5.0.4"
+  },
+  "customElements": "custom-elements.json",
+  "prettier": "@hatiolab/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "gitHead": "59b7cd248a3b0e637d4e124a28829441c4b258b2"
+}

package/stories/index.stories.ts

@@ -0,0 +1,52 @@
+import '../index.js'
+
+import { TemplateResult, html } from 'lit'
+
+export default {
+  title: 'BoardViewer',
+  component: 'board-viewer',
+  argTypes: {
+    title: { control: 'text' },
+    counter: { control: 'number' },
+    textColor: { control: 'color' }
+  }
+}
+
+interface Story<T> {
+  (args: T): TemplateResult
+  args?: Partial<T>
+  argTypes?: Record<string, unknown>
+}
+
+interface ArgTypes {
+  title?: string
+  counter?: number
+  textColor?: string
+  slot?: TemplateResult
+}
+
+const Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`
+  <ox-board-viewer style="--board-viewer-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
+    ${slot}
+  </ox-board-viewer>
+`
+
+export const Regular = Template.bind({})
+
+export const CustomTitle = Template.bind({})
+CustomTitle.args = {
+  title: 'My title'
+}
+
+export const CustomCounter = Template.bind({})
+CustomCounter.args = {
+  counter: 123456
+}
+
+export const SlottedContent = Template.bind({})
+SlottedContent.args = {
+  slot: html`<p>Slotted content</p>`
+}
+SlottedContent.argTypes = {
+  slot: { table: { disable: true } }
+}

package/web-dev-server.config.mjs

@@ -0,0 +1,30 @@
+// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
+import image from '@rollup/plugin-image'
+
+/** Use Hot Module replacement by adding --hmr to the start command */
+const hmr = process.argv.includes('--hmr')
+
+export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
+  nodeResolve: true,
+  open: '/demo/',
+  watch: !hmr,
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto'
+
+  /** Set appIndex to enable SPA routing */
+  // appIndex: 'demo/index.html',
+
+  /** Confgure bare import resolve plugin */
+  // nodeResolve: {
+  //   exportConditions: ['browser', 'development']
+  // },
+
+  plugins: [
+    image()
+    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
+    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
+  ]
+
+  // See documentation for all available options
+})

package/web-test-runner.config.mjs

@@ -0,0 +1,29 @@
+// import { playwrightLauncher } from '@web/test-runner-playwright';
+
+export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
+  files: 'dist/test/**/*.test.js',
+  nodeResolve: true
+
+  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
+  // esbuildTarget: 'auto',
+
+  /** Confgure bare import resolve plugin */
+  // nodeResolve: {
+  //   exportConditions: ['browser', 'development']
+  // },
+
+  /** Amount of browsers to run concurrently */
+  // concurrentBrowsers: 2,
+
+  /** Amount of test files per browser to test concurrently */
+  // concurrency: 1,
+
+  /** Browsers to run tests on */
+  // browsers: [
+  //   playwrightLauncher({ product: 'chromium' }),
+  //   playwrightLauncher({ product: 'firefox' }),
+  //   playwrightLauncher({ product: 'webkit' }),
+  // ],
+
+  // See documentation for all available options
+})