@dooboostore/simple-web-component 1.0.37 → 1.0.38

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.
Files changed (156) hide show
  1. package/README.md +384 -93
  2. package/dist/cjs/SwcAppEngine.js +3 -0
  3. package/dist/cjs/SwcAppEngine.js.map +2 -2
  4. package/dist/cjs/decorators/addEventListener.js +20 -4
  5. package/dist/cjs/decorators/addEventListener.js.map +2 -2
  6. package/dist/cjs/decorators/applyAttribute.js.map +1 -1
  7. package/dist/cjs/decorators/applyClass.js.map +1 -1
  8. package/dist/cjs/decorators/applyNode.js +97 -15
  9. package/dist/cjs/decorators/applyNode.js.map +2 -2
  10. package/dist/cjs/decorators/applySlot.js +16 -9
  11. package/dist/cjs/decorators/applySlot.js.map +2 -2
  12. package/dist/cjs/decorators/applyStyle.js.map +2 -2
  13. package/dist/cjs/decorators/attribute.js.map +1 -1
  14. package/dist/cjs/decorators/elementDefine.js +68 -38
  15. package/dist/cjs/decorators/elementDefine.js.map +2 -2
  16. package/dist/cjs/decorators/emitCustomEvent.js.map +1 -1
  17. package/dist/cjs/decorators/index.js +1 -0
  18. package/dist/cjs/decorators/index.js.map +2 -2
  19. package/dist/cjs/decorators/lifecycles.js +47 -31
  20. package/dist/cjs/decorators/lifecycles.js.map +3 -3
  21. package/dist/cjs/decorators/publishSwcAppMessage.js.map +2 -2
  22. package/dist/cjs/decorators/query.js +1 -1
  23. package/dist/cjs/decorators/query.js.map +2 -2
  24. package/dist/cjs/decorators/queryAll.js.map +1 -1
  25. package/dist/cjs/decorators/setProperty.js.map +1 -1
  26. package/dist/cjs/decorators/state.js +84 -0
  27. package/dist/cjs/decorators/state.js.map +7 -0
  28. package/dist/cjs/decorators/subscribeSwcAppMessageWhileConnected.js.map +1 -1
  29. package/dist/cjs/decorators/subscribeSwcAppRouteChangeWhileConnected.js.map +2 -2
  30. package/dist/cjs/elements/SwcApp.js +193 -305
  31. package/dist/cjs/elements/SwcApp.js.map +3 -3
  32. package/dist/cjs/elements/SwcAppMixin.js +291 -0
  33. package/dist/cjs/elements/SwcAppMixin.js.map +7 -0
  34. package/dist/cjs/elements/index.js +3 -21
  35. package/dist/cjs/elements/index.js.map +3 -3
  36. package/dist/cjs/index.js +1 -3
  37. package/dist/cjs/index.js.map +2 -2
  38. package/dist/cjs/{types.js → types/index.js} +1 -1
  39. package/dist/cjs/types/index.js.map +7 -0
  40. package/dist/cjs/types/window.d.js.map +1 -1
  41. package/dist/cjs/utils/Utils.js +159 -20
  42. package/dist/cjs/utils/Utils.js.map +3 -3
  43. package/dist/esm/SwcAppEngine.js +3 -0
  44. package/dist/esm/SwcAppEngine.js.map +2 -2
  45. package/dist/esm/decorators/addEventListener.js +20 -4
  46. package/dist/esm/decorators/addEventListener.js.map +2 -2
  47. package/dist/esm/decorators/applyAttribute.js.map +1 -1
  48. package/dist/esm/decorators/applyClass.js.map +1 -1
  49. package/dist/esm/decorators/applyNode.js +97 -15
  50. package/dist/esm/decorators/applyNode.js.map +2 -2
  51. package/dist/esm/decorators/applySlot.js +16 -9
  52. package/dist/esm/decorators/applySlot.js.map +2 -2
  53. package/dist/esm/decorators/applyStyle.js.map +2 -2
  54. package/dist/esm/decorators/attribute.js.map +1 -1
  55. package/dist/esm/decorators/elementDefine.js +72 -42
  56. package/dist/esm/decorators/elementDefine.js.map +2 -2
  57. package/dist/esm/decorators/emitCustomEvent.js.map +1 -1
  58. package/dist/esm/decorators/index.js +1 -0
  59. package/dist/esm/decorators/index.js.map +2 -2
  60. package/dist/esm/decorators/lifecycles.js +47 -31
  61. package/dist/esm/decorators/lifecycles.js.map +3 -3
  62. package/dist/esm/decorators/publishSwcAppMessage.js.map +2 -2
  63. package/dist/esm/decorators/query.js +1 -1
  64. package/dist/esm/decorators/query.js.map +2 -2
  65. package/dist/esm/decorators/queryAll.js.map +1 -1
  66. package/dist/esm/decorators/setProperty.js.map +1 -1
  67. package/dist/esm/decorators/state.js +65 -0
  68. package/dist/esm/decorators/state.js.map +7 -0
  69. package/dist/esm/decorators/subscribeSwcAppMessageWhileConnected.js.map +1 -1
  70. package/dist/esm/decorators/subscribeSwcAppRouteChangeWhileConnected.js.map +2 -2
  71. package/dist/esm/elements/SwcApp.js +195 -307
  72. package/dist/esm/elements/SwcApp.js.map +3 -3
  73. package/dist/esm/elements/SwcAppMixin.js +273 -0
  74. package/dist/esm/elements/SwcAppMixin.js.map +7 -0
  75. package/dist/esm/elements/index.js +2 -7
  76. package/dist/esm/elements/index.js.map +2 -2
  77. package/dist/esm/index.js +2 -4
  78. package/dist/esm/index.js.map +2 -2
  79. package/dist/esm/{types.js → types/index.js} +1 -1
  80. package/dist/esm/types/index.js.map +7 -0
  81. package/dist/esm/utils/Utils.js +159 -20
  82. package/dist/esm/utils/Utils.js.map +3 -3
  83. package/dist/esm-bundle/dooboostore-simple-web-component.esm.js +3356 -2477
  84. package/dist/esm-bundle/dooboostore-simple-web-component.esm.js.map +4 -4
  85. package/dist/types/SwcAppEngine.d.ts +1 -1
  86. package/dist/types/SwcAppEngine.d.ts.map +1 -1
  87. package/dist/types/decorators/addEventListener.d.ts +5 -2
  88. package/dist/types/decorators/addEventListener.d.ts.map +1 -1
  89. package/dist/types/decorators/applyAttribute.d.ts.map +1 -1
  90. package/dist/types/decorators/applyClass.d.ts.map +1 -1
  91. package/dist/types/decorators/applyNode.d.ts +22 -6
  92. package/dist/types/decorators/applyNode.d.ts.map +1 -1
  93. package/dist/types/decorators/applySlot.d.ts.map +1 -1
  94. package/dist/types/decorators/applyStyle.d.ts.map +1 -1
  95. package/dist/types/decorators/attribute.d.ts.map +1 -1
  96. package/dist/types/decorators/elementDefine.d.ts.map +1 -1
  97. package/dist/types/decorators/emitCustomEvent.d.ts.map +1 -1
  98. package/dist/types/decorators/index.d.ts +1 -0
  99. package/dist/types/decorators/index.d.ts.map +1 -1
  100. package/dist/types/decorators/lifecycles.d.ts +10 -14
  101. package/dist/types/decorators/lifecycles.d.ts.map +1 -1
  102. package/dist/types/decorators/publishSwcAppMessage.d.ts.map +1 -1
  103. package/dist/types/decorators/query.d.ts +1 -1
  104. package/dist/types/decorators/query.d.ts.map +1 -1
  105. package/dist/types/decorators/queryAll.d.ts.map +1 -1
  106. package/dist/types/decorators/setProperty.d.ts +1 -1
  107. package/dist/types/decorators/setProperty.d.ts.map +1 -1
  108. package/dist/types/decorators/state.d.ts +9 -0
  109. package/dist/types/decorators/state.d.ts.map +1 -0
  110. package/dist/types/decorators/subscribeSwcAppMessageWhileConnected.d.ts.map +1 -1
  111. package/dist/types/decorators/subscribeSwcAppRouteChangeWhileConnected.d.ts +5 -1
  112. package/dist/types/decorators/subscribeSwcAppRouteChangeWhileConnected.d.ts.map +1 -1
  113. package/dist/types/elements/SwcApp.d.ts +35 -6
  114. package/dist/types/elements/SwcApp.d.ts.map +1 -1
  115. package/dist/types/elements/SwcAppMixin.d.ts +405 -0
  116. package/dist/types/elements/SwcAppMixin.d.ts.map +1 -0
  117. package/dist/types/elements/index.d.ts +2 -2
  118. package/dist/types/elements/index.d.ts.map +1 -1
  119. package/dist/types/index.d.ts +1 -1
  120. package/dist/types/index.d.ts.map +1 -1
  121. package/dist/types/{types.d.ts → types/index.d.ts} +11 -11
  122. package/dist/types/types/index.d.ts.map +1 -0
  123. package/dist/types/utils/Utils.d.ts +14 -2
  124. package/dist/types/utils/Utils.d.ts.map +1 -1
  125. package/dist/umd-bundle/dooboostore-simple-web-component.umd.js +3358 -2479
  126. package/dist/umd-bundle/dooboostore-simple-web-component.umd.js.map +4 -4
  127. package/package.json +4 -4
  128. package/src/SwcAppEngine.ts +6 -2
  129. package/src/decorators/addEventListener.ts +21 -5
  130. package/src/decorators/applyAttribute.ts +1 -1
  131. package/src/decorators/applyClass.ts +1 -1
  132. package/src/decorators/applyNode.ts +180 -62
  133. package/src/decorators/applySlot.ts +27 -67
  134. package/src/decorators/applyStyle.ts +4 -4
  135. package/src/decorators/attribute.ts +1 -1
  136. package/src/decorators/elementDefine.ts +110 -58
  137. package/src/decorators/emitCustomEvent.ts +1 -1
  138. package/src/decorators/index.ts +2 -0
  139. package/src/decorators/lifecycles.ts +50 -26
  140. package/src/decorators/publishSwcAppMessage.ts +2 -3
  141. package/src/decorators/query.ts +4 -4
  142. package/src/decorators/queryAll.ts +1 -1
  143. package/src/decorators/setProperty.ts +1 -1
  144. package/src/decorators/state.ts +84 -0
  145. package/src/decorators/subscribeSwcAppMessageWhileConnected.ts +1 -1
  146. package/src/decorators/subscribeSwcAppRouteChangeWhileConnected.ts +4 -3
  147. package/src/elements/SwcApp.ts +239 -441
  148. package/src/elements/SwcAppMixin.ts +328 -0
  149. package/src/elements/index.ts +2 -9
  150. package/src/index.ts +2 -4
  151. package/src/{types.ts → types/index.ts} +13 -10
  152. package/src/types/window.d.ts +3 -0
  153. package/src/utils/Utils.ts +205 -20
  154. package/dist/cjs/types.js.map +0 -7
  155. package/dist/esm/types.js.map +0 -7
  156. package/dist/types/types.d.ts.map +0 -1
@@ -17,16 +17,43 @@ var __copyProps = (to, from, except, desc) => {
17
17
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
18
  var SwcApp_exports = {};
19
19
  __export(SwcApp_exports, {
20
+ SwcApp: () => SwcApp,
21
+ SwcAppArticle: () => SwcAppArticle,
22
+ SwcAppAside: () => SwcAppAside,
23
+ SwcAppBody: () => SwcAppBody,
24
+ SwcAppDiv: () => SwcAppDiv,
25
+ SwcAppFooter: () => SwcAppFooter,
26
+ SwcAppHeader: () => SwcAppHeader,
27
+ SwcAppMain: () => SwcAppMain,
28
+ SwcAppNav: () => SwcAppNav,
29
+ SwcAppSection: () => SwcAppSection,
20
30
  default: () => SwcApp_default,
21
- isSSR: () => isSSR,
22
- removeSSRAttribute: () => removeSSRAttribute,
23
- setSSRAttribute: () => setSSRAttribute,
24
- tagName: () => tagName
31
+ defineSwcApp: () => defineSwcApp,
32
+ defineSwcAppAll: () => defineSwcAppAll,
33
+ defineSwcAppArticle: () => defineSwcAppArticle,
34
+ defineSwcAppAside: () => defineSwcAppAside,
35
+ defineSwcAppBody: () => defineSwcAppBody,
36
+ defineSwcAppDiv: () => defineSwcAppDiv,
37
+ defineSwcAppFooter: () => defineSwcAppFooter,
38
+ defineSwcAppHeader: () => defineSwcAppHeader,
39
+ defineSwcAppMain: () => defineSwcAppMain,
40
+ defineSwcAppNav: () => defineSwcAppNav,
41
+ defineSwcAppSection: () => defineSwcAppSection,
42
+ swcAppArticleTagName: () => swcAppArticleTagName,
43
+ swcAppAsideTagName: () => swcAppAsideTagName,
44
+ swcAppBodyTagName: () => swcAppBodyTagName,
45
+ swcAppDivTagName: () => swcAppDivTagName,
46
+ swcAppFactories: () => swcAppFactories,
47
+ swcAppFooterTagName: () => swcAppFooterTagName,
48
+ swcAppHeaderTagName: () => swcAppHeaderTagName,
49
+ swcAppMainTagName: () => swcAppMainTagName,
50
+ swcAppNavTagName: () => swcAppNavTagName,
51
+ swcAppSectionTagName: () => swcAppSectionTagName,
52
+ swcAppTagName: () => swcAppTagName
25
53
  });
26
54
  module.exports = __toCommonJS(SwcApp_exports);
27
55
  var import_decorators = require("../decorators");
28
- var import_SwcAppEngine = require("../SwcAppEngine");
29
- var import_core = require("@dooboostore/core");
56
+ var import_SwcAppMixin = require("./SwcAppMixin");
30
57
  var import_Utils = require("../utils/Utils");
31
58
  var __decorate = function(decorators, target, key, desc) {
32
59
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -34,310 +61,171 @@ var __decorate = function(decorators, target, key, desc) {
34
61
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
35
62
  return c > 3 && r && Object.defineProperty(target, key, r), r;
36
63
  };
37
- const isSSR = (i) => {
38
- return i.hasAttribute("swc-use-ssr");
64
+ const swcAppTagName = "swc-app";
65
+ const SwcApp = (w, data) => {
66
+ return (0, import_Utils.createElement)(w, swcAppTagName, data);
39
67
  };
40
- const setSSRAttribute = (i) => {
41
- i.setAttribute("swc-use-ssr", i._swcId ?? "");
68
+ const defineSwcApp = async (w) => {
69
+ const existing = w.customElements.get(swcAppTagName);
70
+ if (existing)
71
+ return existing;
72
+ let SwcAppImpl = class SwcAppImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
73
+ };
74
+ SwcAppImpl = __decorate([
75
+ (0, import_decorators.elementDefine)(swcAppTagName, { window: w })
76
+ ], SwcAppImpl);
77
+ return w.customElements.whenDefined(swcAppTagName);
78
+ };
79
+ const swcAppBodyTagName = "swc-app-body";
80
+ const SwcAppBody = (w, data) => {
81
+ return (0, import_Utils.createElement)(w, swcAppBodyTagName, data);
82
+ };
83
+ const defineSwcAppBody = async (w) => {
84
+ const existing = w.customElements.get(swcAppBodyTagName);
85
+ if (existing)
86
+ return existing;
87
+ let SwcAppBodyImpl = class SwcAppBodyImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLBodyElement) {
88
+ };
89
+ SwcAppBodyImpl = __decorate([
90
+ (0, import_decorators.elementDefine)(swcAppBodyTagName, { window: w, extends: "body" })
91
+ ], SwcAppBodyImpl);
92
+ return w.customElements.whenDefined(swcAppBodyTagName);
93
+ };
94
+ const swcAppDivTagName = "swc-app-div";
95
+ const SwcAppDiv = (w, data) => {
96
+ return (0, import_Utils.createElement)(w, swcAppDivTagName, data);
97
+ };
98
+ const defineSwcAppDiv = async (w) => {
99
+ const existing = w.customElements.get(swcAppDivTagName);
100
+ if (existing)
101
+ return existing;
102
+ let SwcAppDivImpl = class SwcAppDivImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLDivElement) {
103
+ };
104
+ SwcAppDivImpl = __decorate([
105
+ (0, import_decorators.elementDefine)(swcAppDivTagName, { window: w, extends: "div" })
106
+ ], SwcAppDivImpl);
107
+ return w.customElements.whenDefined(swcAppDivTagName);
108
+ };
109
+ const swcAppSectionTagName = "swc-app-section";
110
+ const SwcAppSection = (w, data) => {
111
+ return (0, import_Utils.createElement)(w, swcAppSectionTagName, data);
112
+ };
113
+ const defineSwcAppSection = async (w) => {
114
+ const existing = w.customElements.get(swcAppSectionTagName);
115
+ if (existing)
116
+ return existing;
117
+ let SwcAppSectionImpl = class SwcAppSectionImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
118
+ };
119
+ SwcAppSectionImpl = __decorate([
120
+ (0, import_decorators.elementDefine)(swcAppSectionTagName, { window: w, extends: "section" })
121
+ ], SwcAppSectionImpl);
122
+ return w.customElements.whenDefined(swcAppSectionTagName);
123
+ };
124
+ const swcAppMainTagName = "swc-app-main";
125
+ const SwcAppMain = (w, data) => {
126
+ return (0, import_Utils.createElement)(w, swcAppMainTagName, data);
127
+ };
128
+ const defineSwcAppMain = async (w) => {
129
+ const existing = w.customElements.get(swcAppMainTagName);
130
+ if (existing)
131
+ return existing;
132
+ let SwcAppMainImpl = class SwcAppMainImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
133
+ };
134
+ SwcAppMainImpl = __decorate([
135
+ (0, import_decorators.elementDefine)(swcAppMainTagName, { window: w, extends: "main" })
136
+ ], SwcAppMainImpl);
137
+ return w.customElements.whenDefined(swcAppMainTagName);
138
+ };
139
+ const swcAppArticleTagName = "swc-app-article";
140
+ const SwcAppArticle = (w, data) => {
141
+ return (0, import_Utils.createElement)(w, swcAppArticleTagName, data);
142
+ };
143
+ const defineSwcAppArticle = async (w) => {
144
+ const existing = w.customElements.get(swcAppArticleTagName);
145
+ if (existing)
146
+ return existing;
147
+ let SwcAppArticleImpl = class SwcAppArticleImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
148
+ };
149
+ SwcAppArticleImpl = __decorate([
150
+ (0, import_decorators.elementDefine)(swcAppArticleTagName, { window: w, extends: "article" })
151
+ ], SwcAppArticleImpl);
152
+ return w.customElements.whenDefined(swcAppArticleTagName);
153
+ };
154
+ const swcAppHeaderTagName = "swc-app-header";
155
+ const SwcAppHeader = (w, data) => {
156
+ return (0, import_Utils.createElement)(w, swcAppHeaderTagName, data);
157
+ };
158
+ const defineSwcAppHeader = async (w) => {
159
+ const existing = w.customElements.get(swcAppHeaderTagName);
160
+ if (existing)
161
+ return existing;
162
+ let SwcAppHeaderImpl = class SwcAppHeaderImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
163
+ };
164
+ SwcAppHeaderImpl = __decorate([
165
+ (0, import_decorators.elementDefine)(swcAppHeaderTagName, { window: w, extends: "header" })
166
+ ], SwcAppHeaderImpl);
167
+ return w.customElements.whenDefined(swcAppHeaderTagName);
42
168
  };
43
- const removeSSRAttribute = (i) => {
44
- i.removeAttribute("swc-use-ssr");
169
+ const swcAppFooterTagName = "swc-app-footer";
170
+ const SwcAppFooter = (w, data) => {
171
+ return (0, import_Utils.createElement)(w, swcAppFooterTagName, data);
45
172
  };
46
- const tagName = "swc-app";
47
- var SwcApp_default = async (w) => {
48
- const existing = w.customElements.get(tagName);
173
+ const defineSwcAppFooter = async (w) => {
174
+ const existing = w.customElements.get(swcAppFooterTagName);
49
175
  if (existing)
50
176
  return existing;
51
- let SwcApp = class SwcApp extends w.HTMLElement {
52
- constructor() {
53
- super(...arguments);
54
- this.__swc_engine = new import_SwcAppEngine.SwcAppEngine(this);
55
- this._swc_connected_instance = /* @__PURE__ */ new Set();
56
- this._routeChangeInvocations = 0;
57
- this._connectedInvocations = 0;
58
- this._connected_safari_and_standby = [];
59
- }
60
- get simpleApplication() {
61
- return this.__swc_engine.simpleApplication;
62
- }
63
- get config() {
64
- return this.__swc_engine?.config;
65
- }
66
- get router() {
67
- return this.__swc_engine?.router;
68
- }
69
- async _invokeRouteChangeSubscribers(instance, re) {
70
- if (instance.isConnected === false)
71
- return;
72
- this._routeChangeInvocations++;
73
- if (this._childrenRouteChangedInterval) {
74
- this.config.window.clearInterval(this._childrenRouteChangedInterval);
75
- }
76
- const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
77
- this._childrenRouteChangedInterval = (0, import_core.debounceTimeIntervalLock)(
78
- () => this._routeChangeInvocations === 0,
79
- () => {
80
- this._childrenRouteChangedInterval = null;
81
- this.config.onChildrenRouteChanged?.(re, this);
82
- },
83
- this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,
84
- intervalConfig
85
- // {setInterval: window.setInterval, clearInterval: window.clearInterval}
86
- );
87
- try {
88
- const routeChangeSubscribers = (0, import_decorators.getSubscribeSwcAppRouteChangeWhileConnectedMetadata)(instance);
89
- if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {
90
- const ps = routeChangeSubscribers.map(async (metadata) => {
91
- const methodName = metadata.propertyKey;
92
- let pathPattern = metadata.options?.path;
93
- const filter = metadata.options?.filter;
94
- if (typeof pathPattern === "function") {
95
- pathPattern = pathPattern(instance);
96
- }
97
- let pathMatched = false;
98
- let pathData = null;
99
- if (!pathPattern) {
100
- pathMatched = true;
101
- pathData = {};
102
- } else if (Array.isArray(pathPattern)) {
103
- for (const pattern of pathPattern) {
104
- const data = import_Utils.SwcUtils.parsePathPattern(pattern, re.path || "/");
105
- if (data !== null) {
106
- pathMatched = true;
107
- pathData = data;
108
- break;
109
- }
110
- }
111
- } else {
112
- pathData = import_Utils.SwcUtils.parsePathPattern(pathPattern, re.path || "/");
113
- pathMatched = pathData !== null;
114
- }
115
- const filterPassed = !filter || filter(this.router, instance);
116
- if (pathMatched && filterPassed && instance[methodName]) {
117
- await instance[methodName]({ ...re, pathData });
118
- }
119
- });
120
- await Promise.allSettled(ps);
121
- }
122
- } finally {
123
- if (this.config?.ssr) {
124
- setSSRAttribute(instance);
125
- } else {
126
- removeSSRAttribute(instance);
127
- }
128
- this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);
129
- }
130
- }
131
- async _connected(instance, option) {
132
- if (instance) {
133
- if (!this.simpleApplication && !this.config) {
134
- this._connected_safari_and_standby.push(instance);
135
- return;
136
- }
137
- this.config.onConnectedChildBefore?.(instance);
138
- if (!option?.noIncrements) {
139
- this._connectedInvocations++;
140
- }
141
- this._swc_connected_instance.add(instance);
142
- const connectedSwcAppCallBacks = (0, import_decorators.findAllLifecycleMetadata)(instance, import_decorators.ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];
143
- for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {
144
- await instance?._invokeLifecycleMethod?.(connectedSwcAppCallBack);
145
- }
146
- if (this._childrenConnectedDoneInterval) {
147
- this.config.window.clearInterval(this._childrenConnectedDoneInterval);
148
- }
149
- const intervalConfig = { setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window) };
150
- this._childrenConnectedDoneInterval = (0, import_core.debounceTimeIntervalLock)(() => this._connectedInvocations === 0, () => {
151
- this._childrenConnectedDoneInterval = null;
152
- this.config.onChildrenConnectedDone?.(this);
153
- }, this.config?.childrenConnectedDoneCheckIntervalTime ?? 30, intervalConfig);
154
- if (this.simpleApplication) {
155
- try {
156
- if (this.router && this._lastRouterEvent) {
157
- await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent);
158
- }
159
- } catch (e) {
160
- throw e;
161
- }
162
- }
163
- if (this.config?.ssr) {
164
- setSSRAttribute(instance);
165
- } else {
166
- removeSSRAttribute(instance);
167
- }
168
- }
169
- this.config.onConnectedChildAfter?.(instance);
170
- return this;
171
- }
172
- async _connectedDone(instance) {
173
- try {
174
- } finally {
175
- this._connectedInvocations = Math.max(0, this._connectedInvocations - 1);
176
- }
177
- }
178
- _disconnected(instance) {
179
- if (instance) {
180
- this._swc_connected_instance.delete(instance);
181
- this.config?.onDisconnectedChildAfter?.(instance);
182
- }
183
- }
184
- async _handleRouteChange(route) {
185
- this._lastRouterEvent = route;
186
- const swcConnectedInstance = Array.from(this._swc_connected_instance);
187
- const ps = swcConnectedInstance.map((instance) => this._invokeRouteChangeSubscribers(instance, route));
188
- await Promise.allSettled(ps);
189
- }
190
- async connect(config) {
191
- console.log("[SWC] connect");
192
- const swcConfig = {
193
- routeType: "element",
194
- window: config?.window,
195
- ...config
196
- };
197
- const mode = config?.connectMode || "direct";
198
- if (mode === "direct" || mode === "hydrate") {
199
- this.setAttribute("swc-connect-mode", mode);
200
- await this.__swc_engine.connect(swcConfig);
201
- } else if (mode === "swap" || mode === "clear-swap") {
202
- if (!this.parentNode) {
203
- await this.__swc_engine.connect(swcConfig);
204
- this.setAttribute("swc-connect-mode", "direct");
205
- } else {
206
- const clonedApp = this.cloneNode(mode === "swap");
207
- clonedApp.style.display = "none";
208
- this.parentNode.insertBefore(clonedApp, this.nextSibling);
209
- try {
210
- await clonedApp.connect({ ...config || {}, connectMode: "direct" });
211
- if (this.parentNode) {
212
- this.parentNode.removeChild(this);
213
- }
214
- clonedApp.style.display = "";
215
- clonedApp.setAttribute("swc-connect-mode", mode);
216
- return;
217
- } catch (e) {
218
- if (clonedApp.parentNode) {
219
- clonedApp.parentNode.removeChild(clonedApp);
220
- }
221
- await this.__swc_engine.connect(swcConfig);
222
- this.setAttribute("swc-connect-mode", "direct");
223
- }
224
- }
225
- }
226
- this._connected_safari_and_standby.forEach((instance) => {
227
- this._connected(instance, { noIncrements: true });
228
- });
229
- if (!this._routerSubscription && this.router) {
230
- const config2 = this.__swc_engine.config;
231
- this._routerSubscription = this.router.observable.subscribe(async (route) => {
232
- console.log("[SWC] Router event received:", route.triggerPoint);
233
- if (route.triggerPoint === "end") {
234
- await this._handleRouteChange(route);
235
- }
236
- });
237
- if (config2?.path) {
238
- console.log("[DEBUG] Navigating to initial path:", config2.path);
239
- }
240
- }
241
- }
242
- // async _invokeOnConnectedSwcAppStarted(instance: any) {
243
- // this._swcAppStartedInvocations++;
244
- // try {
245
- // // 이미 시작된 인스턴스라면 스킵 (비동기 병렬 중복 호출 방지)
246
- // if (this._swc_started_instances.has(instance)) return;
247
- // this._swc_started_instances.add(instance);
248
- //
249
- // const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);
250
- // if (startedMethods) {
251
- // const ps = startedMethods.map(m => instance._invokeLifecycleMethod(m));
252
- // await Promise.allSettled(ps);
253
- // }
254
- // } finally {
255
- // this._swcAppStartedInvocations--;
256
- // }
257
- // }
258
- connectedCallback() {
259
- if (super.connectedCallback)
260
- super.connectedCallback();
261
- const configStr = this.getAttribute("swc-get-application-config");
262
- const win = this.ownerDocument?.defaultView || window;
263
- if (configStr && win) {
264
- try {
265
- const userConfig = import_core.FunctionUtils.executeReturn({
266
- script: configStr,
267
- context: this,
268
- args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
269
- });
270
- this.connect(userConfig);
271
- } catch (e) {
272
- console.error("[SWC-APP-ENGINE] Script execution failed:", e);
273
- }
274
- }
275
- this._connected(this);
276
- this.__swc_engine?.config?.onConnected?.(this);
277
- this._connectedDone(this);
278
- }
279
- disconnectedCallback() {
280
- if (super.disconnectedCallback)
281
- super.disconnectedCallback();
282
- this._routerSubscription?.unsubscribe();
283
- this._routerSubscription = void 0;
284
- this._lastRouterEvent = void 0;
285
- this.__swc_engine.disconnect();
286
- this.__swc_engine?.config?.onDisconnected?.(this);
287
- this._disconnected(this);
288
- }
289
- async routing(path) {
290
- await this.router?.go(path);
291
- }
292
- back() {
293
- this.router?.back();
294
- }
295
- forward() {
296
- this.router?.forward();
297
- }
298
- reload() {
299
- this.router?.reload();
300
- }
301
- // async completedSwcApp() {
302
- // const ss = Array.from(this._swc_connected_instance).flatMap((it) => {
303
- // const ms = findAllLifecycleMetadata(it, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY) ?? [];
304
- // return ms.map((sit) => it[sit](this));
305
- // });
306
- // await Promise.allSettled(ss);
307
- // }
308
- publishMessage(message) {
309
- this._swc_connected_instance.forEach((instance) => {
310
- this._invokeMessageSubscribers(instance, message);
311
- });
312
- }
313
- _invokeMessageSubscribers(instance, message) {
314
- const messageSubscribers = (0, import_decorators.getSubscribeSwcAppMessageWhileConnectedMetadata)(instance);
315
- if (messageSubscribers && Array.isArray(messageSubscribers)) {
316
- messageSubscribers.forEach((metadata) => {
317
- const methodName = metadata.propertyKey;
318
- const messageType = metadata.messageType;
319
- const filter = metadata.filter;
320
- let typeMatched = false;
321
- if (!messageType) {
322
- typeMatched = true;
323
- } else if (message.type === messageType) {
324
- typeMatched = true;
325
- }
326
- let filterMatched = true;
327
- if (filter && typeMatched) {
328
- filterMatched = filter(message, instance);
329
- }
330
- if (typeMatched && filterMatched && typeof instance[methodName] === "function") {
331
- instance[methodName](message);
332
- }
333
- });
334
- }
335
- }
177
+ let SwcAppFooterImpl = class SwcAppFooterImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
336
178
  };
337
- SwcApp = __decorate([
338
- (0, import_decorators.elementDefine)(tagName, { window: w })
339
- ], SwcApp);
340
- ;
341
- return w.customElements.whenDefined(tagName);
179
+ SwcAppFooterImpl = __decorate([
180
+ (0, import_decorators.elementDefine)(swcAppFooterTagName, { window: w, extends: "footer" })
181
+ ], SwcAppFooterImpl);
182
+ return w.customElements.whenDefined(swcAppFooterTagName);
183
+ };
184
+ const swcAppNavTagName = "swc-app-nav";
185
+ const SwcAppNav = (w, data) => {
186
+ return (0, import_Utils.createElement)(w, swcAppNavTagName, data);
187
+ };
188
+ const defineSwcAppNav = async (w) => {
189
+ const existing = w.customElements.get(swcAppNavTagName);
190
+ if (existing)
191
+ return existing;
192
+ let SwcAppNavImpl = class SwcAppNavImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
193
+ };
194
+ SwcAppNavImpl = __decorate([
195
+ (0, import_decorators.elementDefine)(swcAppNavTagName, { window: w, extends: "nav" })
196
+ ], SwcAppNavImpl);
197
+ return w.customElements.whenDefined(swcAppNavTagName);
198
+ };
199
+ const swcAppAsideTagName = "swc-app-aside";
200
+ const SwcAppAside = (w, data) => {
201
+ return (0, import_Utils.createElement)(w, swcAppAsideTagName, data);
202
+ };
203
+ const defineSwcAppAside = async (w) => {
204
+ const existing = w.customElements.get(swcAppAsideTagName);
205
+ if (existing)
206
+ return existing;
207
+ let SwcAppAsideImpl = class SwcAppAsideImpl extends (0, import_SwcAppMixin.SwcAppMixin)(w.HTMLElement) {
208
+ };
209
+ SwcAppAsideImpl = __decorate([
210
+ (0, import_decorators.elementDefine)(swcAppAsideTagName, { window: w, extends: "aside" })
211
+ ], SwcAppAsideImpl);
212
+ return w.customElements.whenDefined(swcAppAsideTagName);
213
+ };
214
+ const swcAppFactories = [
215
+ defineSwcApp,
216
+ defineSwcAppBody,
217
+ defineSwcAppDiv,
218
+ defineSwcAppSection,
219
+ defineSwcAppMain,
220
+ defineSwcAppArticle,
221
+ defineSwcAppHeader,
222
+ defineSwcAppFooter,
223
+ defineSwcAppNav,
224
+ defineSwcAppAside
225
+ ];
226
+ const defineSwcAppAll = async (w) => {
227
+ await Promise.all(swcAppFactories.map((factory) => factory(w)));
228
+ return w.customElements.whenDefined(swcAppTagName);
342
229
  };
230
+ var SwcApp_default = defineSwcAppAll;
343
231
  //# sourceMappingURL=SwcApp.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/elements/SwcApp.ts"],
4
- "sourcesContent": ["import {SwcAppInterface, SwcAppMessage} from \"../types\";\nimport {elementDefine, findAllLifecycleMetadata, getSubscribeSwcAppMessageWhileConnectedMetadata, getSubscribeSwcAppRouteChangeWhileConnectedMetadata, ON_CONNECTED_SWC_APP_METADATA_KEY} from \"../decorators\";\nimport {SwcAppEngine, SwcAttributeConfigType, SwcConfigType} from \"../SwcAppEngine\";\nimport {debounceTimeIntervalLock, FunctionUtils, Subscription} from \"@dooboostore/core\";\nimport {RouterEventType} from \"@dooboostore/core-web\";\nimport {SwcUtils} from \"../utils/Utils\";\n\nexport const isSSR = (i: HTMLElement) => {\n return i.hasAttribute('swc-use-ssr');\n}\nexport const setSSRAttribute = (i: HTMLElement) => {\n i.setAttribute('swc-use-ssr', (i as any)._swcId ?? '');\n}\nexport const removeSSRAttribute = (i: HTMLElement) => {\n i.removeAttribute('swc-use-ssr');\n}\n\n\nexport const tagName = 'swc-app';\nexport default async (w: Window) => {\n const existing = w.customElements.get(tagName);\n if (existing) return existing;\n\n @elementDefine(tagName, {window: w})\n class SwcApp extends w.HTMLElement implements SwcAppInterface {\n __swc_engine = new SwcAppEngine(this as any);\n _swc_connected_instance = new Set<any>();\n // _swc_notified_routes = new WeakMap<any, RouterEventType>();\n _routerSubscription?: Subscription;\n _lastRouterEvent?: RouterEventType;\n _routeChangeInvocations = 0;\n _connectedInvocations = 0;\n\n _childrenRouteChangedInterval: any;\n _childrenConnectedDoneInterval: any;\n\n /*\n 사파리 is 일경우\n <script src=\"https://unpkg.com/@ungap/custom-elements\"></script>\n 이걸사용하는데 is 대응하는거다 그런데 이때 처리되는 순서가 크롬이나 표준에서는 부모부터 만들어지고 자식들이 만들어지는데\n 저 polyfill에서는 자식부터 만들어지고 부모가 만들어진다 is일때 아 .. 이문제때문에 자식이 _connected_safari 에 강제로 자기자식넣어준다\n */\n _connected_safari_and_standby = [];\n\n get simpleApplication() {\n return this.__swc_engine.simpleApplication;\n }\n\n get config() {\n return this.__swc_engine?.config;\n }\n\n get router() {\n return this.__swc_engine?.router;\n }\n\n async _invokeRouteChangeSubscribers(instance: HTMLElement, re: RouterEventType) {\n if (instance.isConnected === false) return;\n\n this._routeChangeInvocations++;\n\n if (this._childrenRouteChangedInterval) {\n this.config.window.clearInterval(this._childrenRouteChangedInterval);\n }\n const intervalConfig = {setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window)};\n this._childrenRouteChangedInterval = debounceTimeIntervalLock(\n () => this._routeChangeInvocations === 0,\n () => {\n this._childrenRouteChangedInterval = null;\n this.config.onChildrenRouteChanged?.(re, this)\n },\n this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,\n intervalConfig\n // {setInterval: window.setInterval, clearInterval: window.clearInterval}\n );\n\n\n // debounceTimeIntervalLock({\n // unlockChecker: () => this._routeChangeInvocations === 0,\n // unlocked: () => this.config.onChildrenRouteChanged(re, this)\n // }, {\n // intervalId: this._childrenRouteChangedInterval,\n // setIntervalId: (id) => this._childrenRouteChangedInterval = id,\n // intervalTime: this.config?.childrenRouteChangedCheckIntervalTime ?? 30\n // }, {\n // setInterval: window.setInterval,\n // clearInterval: window.clearInterval\n // });\n\n try {\n // if (this._swc_notified_routes.get(instance) === re) {\n // return;\n // }\n // this._swc_notified_routes.set(instance, re);\n\n const routeChangeSubscribers = getSubscribeSwcAppRouteChangeWhileConnectedMetadata(instance);\n if (routeChangeSubscribers && Array.isArray(routeChangeSubscribers)) {\n const ps = routeChangeSubscribers.map(async metadata => {\n const methodName = metadata.propertyKey;\n let pathPattern = metadata.options?.path as any;\n const filter = metadata.options?.filter;\n\n if (typeof pathPattern === 'function') {\n pathPattern = (pathPattern as Function)(instance);\n }\n\n let pathMatched = false;\n let pathData: any = null;\n\n if (!pathPattern) {\n pathMatched = true;\n pathData = {};\n } else if (Array.isArray(pathPattern)) {\n for (const pattern of pathPattern) {\n const data = SwcUtils.parsePathPattern(pattern, re.path || '/');\n if (data !== null) {\n pathMatched = true;\n pathData = data;\n break;\n }\n }\n } else {\n pathData = SwcUtils.parsePathPattern(pathPattern, re.path || '/');\n pathMatched = pathData !== null;\n }\n\n const filterPassed = !filter || filter(this.router!, instance);\n\n if (pathMatched && filterPassed && instance[methodName]) {\n await instance[methodName]({...re, pathData: pathData});\n }\n });\n await Promise.allSettled(ps);\n }\n } finally {\n if (this.config?.ssr) {\n setSSRAttribute(instance);\n } else {\n removeSSRAttribute(instance);\n }\n this._routeChangeInvocations = Math.max(0, this._routeChangeInvocations - 1);\n }\n }\n\n async _connected(instance: HTMLElement, option?: { noIncrements: boolean }) {\n if (instance) {\n // console.log('_connected-->', instance.tagName, this._connectedInvocations)\n\n if (!this.simpleApplication && !this.config) {\n this._connected_safari_and_standby.push(instance);\n return;\n }\n\n this.config.onConnectedChildBefore?.(instance);\n if (!option?.noIncrements) {\n this._connectedInvocations++;\n }\n this._swc_connected_instance.add(instance);\n\n const connectedSwcAppCallBacks = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY) ?? [];\n for (let connectedSwcAppCallBack of connectedSwcAppCallBacks) {\n await (instance as any)?._invokeLifecycleMethod?.(connectedSwcAppCallBack);\n }\n\n if (this._childrenConnectedDoneInterval) {\n this.config.window.clearInterval(this._childrenConnectedDoneInterval);\n }\n const intervalConfig = {setInterval: this.config.window.setInterval.bind(this.config.window), clearInterval: this.config.window.clearInterval.bind(this.config.window)};\n this._childrenConnectedDoneInterval = debounceTimeIntervalLock(\n () => this._connectedInvocations === 0,\n () => {\n this._childrenConnectedDoneInterval = null;\n this.config.onChildrenConnectedDone?.(this)\n },\n this.config?.childrenConnectedDoneCheckIntervalTime ?? 30,\n intervalConfig\n );\n\n // console.log('onChildConnectedDone-->')\n\n if (this.simpleApplication) {\n try {\n // await this._invokeOnConnectedSwcAppStarted(instance);\n\n if (this.router && this._lastRouterEvent) {\n await this._invokeRouteChangeSubscribers(instance, this._lastRouterEvent!);\n }\n } catch (e) {\n throw e;\n }\n }\n\n if (this.config?.ssr) {\n setSSRAttribute(instance);\n } else {\n removeSSRAttribute(instance);\n }\n }\n\n\n this.config.onConnectedChildAfter?.(instance);\n return this;\n }\n\n async _connectedDone(instance: any) {\n try {\n // 내부 연결 처리 로직이 있다면 여기에 추가\n // console.log('_connectedDone-->', instance, this._connectedInvocations)\n } finally {\n this._connectedInvocations = Math.max(0, this._connectedInvocations - 1);\n }\n }\n\n _disconnected(instance: any) {\n // console.log('_disconnected', instance);\n if (instance) {\n this._swc_connected_instance.delete(instance);\n this.config?.onDisconnectedChildAfter?.(instance);\n // this._swc_notified_routes.delete(instance);\n }\n }\n\n async _handleRouteChange(route: RouterEventType) {\n // Save last router event\n this._lastRouterEvent = route;\n // if (route.triggerPoint === 'end') {\n // Iterate through all connected component instances\n const swcConnectedInstance = Array.from(this._swc_connected_instance);\n // console.log('routing handle-->', swcConnectedInstance)\n const ps = swcConnectedInstance.map((instance: any) => this._invokeRouteChangeSubscribers(instance, route));\n await Promise.allSettled(ps);\n // }\n }\n\n async connect(config?: SwcAttributeConfigType) {\n console.log('[SWC] connect')\n const swcConfig = {\n routeType: 'element',\n window: config?.window,\n ...config\n } as SwcConfigType;\n\n const mode = config?.connectMode || 'direct';\n\n if (mode === 'direct' || mode === 'hydrate') {\n this.setAttribute('swc-connect-mode', mode);\n await this.__swc_engine.connect(swcConfig);\n } else if (mode === 'swap' || mode === 'clear-swap') {\n if (!this.parentNode) {\n // 부모가 없으면 swap을 할 수 없으므로 direct로 폴백합니다.\n await this.__swc_engine.connect(swcConfig);\n this.setAttribute('swc-connect-mode', 'direct');\n } else {\n // 1. 현재 SSR 상태(화면)를 그대로 유지한 채로, 백그라운드용 클론을 만듭니다.\n const clonedApp = this.cloneNode(mode === 'swap') as any; // clear-swap 모드면 자식 노드를 클론하지 않음(false)\n clonedApp.style.display = 'none';\n\n // 2. DOM에 클론을 몰래 붙입니다.\n this.parentNode.insertBefore(clonedApp, this.nextSibling);\n\n try {\n // 3. 클론을 direct 모드로 연결(초기화/렌더링) 시킵니다.\n await clonedApp.connect({...(config || {}), connectMode: 'direct'});\n\n // 4. 클론의 렌더링이 완전히 끝나면, 기존 SSR 화면(this)을 지우고 클론을 보여줍니다.\n if (this.parentNode) {\n this.parentNode.removeChild(this);\n }\n clonedApp.style.display = '';\n clonedApp.setAttribute('swc-connect-mode', mode);\n\n // ★ 매우 중요: 교체가 완료되었으므로 기존 앱(this)은 여기서 즉시 종료하여 불필요한 라우터/이벤트 구독을 막아야 합니다!\n return;\n } catch (e) {\n // 실패 시 클론을 지우고 원본을 direct로 강제 연결합니다.\n if (clonedApp.parentNode) {\n clonedApp.parentNode.removeChild(clonedApp);\n }\n await this.__swc_engine.connect(swcConfig);\n this.setAttribute('swc-connect-mode', 'direct');\n }\n }\n }\n\n // 사파리일떄 예외이다 is 일때 polyfill되는데 이떄 부모부터 만들어지는게 아니라 자식부터 만들어진다 그래서 부모가 만들어질때 자식들이 이미 만들어져있어서 부모가 자식들을 등록해주는 형태로 강제로 등록해준다\n this._connected_safari_and_standby.forEach((instance: any) => {\n // console.log('safari!!!!!!!!!!', instance)\n this._connected(instance, {noIncrements: true});\n // this._swc_connected_instance.add(instance);\n });\n // Invoke @onConnectedSwcApp lifecycle methods on all connected component instances\n // const hostSet = SwcUtils.getHostSet(this as any);\n\n // const scis = Array.from(this._swc_connected_instance);\n // await Promise.allSettled(scis.map(instance => this._invokeOnConnectedSwcAppStarted(instance)));\n\n // this._swc_connected_instance.forEach((instance: any) => {\n // this._invokeOnConnectedSwcAppStarted(instance);\n // });\n\n // Subscribe to router changes after connect\n if (!this._routerSubscription && this.router) {\n const config = this.__swc_engine.config;\n\n this._routerSubscription = this.router.observable.subscribe(async (route: RouterEventType) => {\n console.log('[SWC] Router event received:', route.triggerPoint);\n if (route.triggerPoint === 'end') {\n // 1. 모든 기존 연결된 자식들에게 라우트 이벤트 알림\n await this._handleRouteChange(route);\n }\n });\n\n // Navigate to initial path if specified\n if (config?.path) {\n console.log('[DEBUG] Navigating to initial path:', config.path);\n // this.router.go(config.path);\n }\n }\n }\n\n // async _invokeOnConnectedSwcAppStarted(instance: any) {\n // this._swcAppStartedInvocations++;\n // try {\n // // 이미 시작된 인스턴스라면 스킵 (비동기 병렬 중복 호출 방지)\n // if (this._swc_started_instances.has(instance)) return;\n // this._swc_started_instances.add(instance);\n //\n // const startedMethods = findAllLifecycleMetadata(instance, ON_CONNECTED_SWC_APP_METADATA_KEY);\n // if (startedMethods) {\n // const ps = startedMethods.map(m => instance._invokeLifecycleMethod(m));\n // await Promise.allSettled(ps);\n // }\n // } finally {\n // this._swcAppStartedInvocations--;\n // }\n // }\n\n connectedCallback() {\n // this.innerHTML='';\n // @ts-ignore\n if (super.connectedCallback) super.connectedCallback();\n\n const configStr = this.getAttribute('swc-get-application-config');\n const win = this.ownerDocument?.defaultView || window;\n if (configStr && win) {\n try {\n // console.log('vvvvvvvvvvvvvvvv->>>>', SwcUtils.findNearestSwcHost(this.host), SwcUtils.getHostSet(this.host))\n const userConfig = FunctionUtils.executeReturn({\n script: configStr,\n context: this,\n args: SwcUtils.getHelperAndHostSet(win, this)\n });\n this.connect(userConfig);\n } catch (e) {\n console.error('[SWC-APP-ENGINE] Script execution failed:', e);\n }\n }\n\n // 자기자신은 apphost로 포함이 도지않으니(부모) 내자신은 self로 넣는다\n this._connected(this);\n this.__swc_engine?.config?.onConnected?.(this);\n this._connectedDone(this);\n }\n\n disconnectedCallback() {\n // @ts-ignore\n if (super.disconnectedCallback) super.disconnectedCallback();\n this._routerSubscription?.unsubscribe();\n this._routerSubscription = undefined;\n this._lastRouterEvent = undefined;\n this.__swc_engine.disconnect();\n this.__swc_engine?.config?.onDisconnected?.(this);\n this._disconnected(this);\n }\n\n async routing(path: string) {\n await this.router?.go(path);\n }\n\n back(): void {\n this.router?.back();\n }\n\n forward(): void {\n this.router?.forward();\n }\n\n reload(): void {\n this.router?.reload();\n }\n\n // async completedSwcApp() {\n // const ss = Array.from(this._swc_connected_instance).flatMap((it) => {\n // const ms = findAllLifecycleMetadata(it, ON_CONNECTED_COMPLETED_SWC_APP_METADATA_KEY) ?? [];\n // return ms.map((sit) => it[sit](this));\n // });\n // await Promise.allSettled(ss);\n // }\n\n publishMessage(message: SwcAppMessage): void {\n // 메시지를 모든 connected component instances로 분배\n this._swc_connected_instance.forEach((instance: any) => {\n this._invokeMessageSubscribers(instance, message);\n });\n }\n\n _invokeMessageSubscribers(instance: any, message: SwcAppMessage) {\n const messageSubscribers = getSubscribeSwcAppMessageWhileConnectedMetadata(instance);\n if (messageSubscribers && Array.isArray(messageSubscribers)) {\n messageSubscribers.forEach(metadata => {\n const methodName = metadata.propertyKey;\n const messageType = metadata.messageType;\n const filter = metadata.filter;\n\n // 메시지 타입 확인\n let typeMatched = false;\n if (!messageType) {\n // messageType이 없으면 모든 메시지 매칭 (와일드카드)\n typeMatched = true;\n } else if (message.type === messageType) {\n typeMatched = true;\n }\n\n // 필터 적용\n let filterMatched = true;\n if (filter && typeMatched) {\n filterMatched = filter(message, instance);\n }\n\n // 조건을 만족하면 메서드 호출\n if (typeMatched && filterMatched && typeof instance[methodName] === 'function') {\n instance[methodName](message);\n }\n });\n }\n }\n };\n\n\n return w.customElements.whenDefined(tagName);\n\n\n}"],
5
- "mappings": "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",
6
- "names": ["config"]
4
+ "sourcesContent": ["import {elementDefine} from \"../decorators\";\nimport {SwcAppInterface} from \"../types\";\nimport {SwcAppMixin} from \"./SwcAppMixin\";\nimport {SwcUtils, createElement, CreateElementConfig} from \"../utils/Utils\";\n\n// ============================================\n// SwcApp (HTMLElement)\n// ============================================\nexport const swcAppTagName = 'swc-app';\n\nexport const SwcApp = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface>(w, swcAppTagName, data);\n};\n\nexport const defineSwcApp = async (w: Window) => {\n const existing = w.customElements.get(swcAppTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppTagName, {window: w})\n class SwcAppImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppTagName);\n};\n\n// ============================================\n// SwcAppBody (HTMLBodyElement)\n// ============================================\nexport const swcAppBodyTagName = 'swc-app-body';\n\nexport const SwcAppBody = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLBodyElement>(w, swcAppBodyTagName, data);\n};\n\nexport const defineSwcAppBody = async (w: Window) => {\n const existing = w.customElements.get(swcAppBodyTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppBodyTagName, {window: w, extends: 'body'})\n class SwcAppBodyImpl extends SwcAppMixin(w.HTMLBodyElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppBodyTagName);\n};\n\n// ============================================\n// SwcAppDiv (HTMLDivElement)\n// ============================================\nexport const swcAppDivTagName = 'swc-app-div';\n\nexport const SwcAppDiv = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLDivElement>(w, swcAppDivTagName, data);\n};\n\nexport const defineSwcAppDiv = async (w: Window) => {\n const existing = w.customElements.get(swcAppDivTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppDivTagName, {window: w, extends: 'div'})\n class SwcAppDivImpl extends SwcAppMixin(w.HTMLDivElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppDivTagName);\n};\n\n// ============================================\n// SwcAppSection (HTMLElement)\n// ============================================\nexport const swcAppSectionTagName = 'swc-app-section';\n\nexport const SwcAppSection = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppSectionTagName, data);\n};\n\nexport const defineSwcAppSection = async (w: Window) => {\n const existing = w.customElements.get(swcAppSectionTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppSectionTagName, {window: w, extends: 'section'})\n class SwcAppSectionImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppSectionTagName);\n};\n\n// ============================================\n// SwcAppMain (HTMLElement)\n// ============================================\nexport const swcAppMainTagName = 'swc-app-main';\n\nexport const SwcAppMain = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppMainTagName, data);\n};\n\nexport const defineSwcAppMain = async (w: Window) => {\n const existing = w.customElements.get(swcAppMainTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppMainTagName, {window: w, extends: 'main'})\n class SwcAppMainImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppMainTagName);\n};\n\n// ============================================\n// SwcAppArticle (HTMLElement)\n// ============================================\nexport const swcAppArticleTagName = 'swc-app-article';\n\nexport const SwcAppArticle = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppArticleTagName, data);\n};\n\nexport const defineSwcAppArticle = async (w: Window) => {\n const existing = w.customElements.get(swcAppArticleTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppArticleTagName, {window: w, extends: 'article'})\n class SwcAppArticleImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppArticleTagName);\n};\n\n// ============================================\n// SwcAppHeader (HTMLElement)\n// ============================================\nexport const swcAppHeaderTagName = 'swc-app-header';\n\nexport const SwcAppHeader = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppHeaderTagName, data);\n};\n\nexport const defineSwcAppHeader = async (w: Window) => {\n const existing = w.customElements.get(swcAppHeaderTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppHeaderTagName, {window: w, extends: 'header'})\n class SwcAppHeaderImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppHeaderTagName);\n};\n\n// ============================================\n// SwcAppFooter (HTMLElement)\n// ============================================\nexport const swcAppFooterTagName = 'swc-app-footer';\n\nexport const SwcAppFooter = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppFooterTagName, data);\n};\n\nexport const defineSwcAppFooter = async (w: Window) => {\n const existing = w.customElements.get(swcAppFooterTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppFooterTagName, {window: w, extends: 'footer'})\n class SwcAppFooterImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppFooterTagName);\n};\n\n// ============================================\n// SwcAppNav (HTMLElement)\n// ============================================\nexport const swcAppNavTagName = 'swc-app-nav';\n\nexport const SwcAppNav = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppNavTagName, data);\n};\n\nexport const defineSwcAppNav = async (w: Window) => {\n const existing = w.customElements.get(swcAppNavTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppNavTagName, {window: w, extends: 'nav'})\n class SwcAppNavImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppNavTagName);\n};\n\n// ============================================\n// SwcAppAside (HTMLElement)\n// ============================================\nexport const swcAppAsideTagName = 'swc-app-aside';\n\nexport const SwcAppAside = (w: Window, data?: CreateElementConfig) => {\n return createElement<SwcAppInterface & HTMLElement>(w, swcAppAsideTagName, data);\n};\n\nexport const defineSwcAppAside = async (w: Window) => {\n const existing = w.customElements.get(swcAppAsideTagName);\n if (existing) return existing;\n\n @elementDefine(swcAppAsideTagName, {window: w, extends: 'aside'})\n class SwcAppAsideImpl extends SwcAppMixin(w.HTMLElement) implements SwcAppInterface {\n // SwcAppMixin에서 모든 기능을 상속받음\n }\n\n return w.customElements.whenDefined(swcAppAsideTagName);\n};\n\n// ============================================\n// Factory Array\n// ============================================\nexport const swcAppFactories = [\n defineSwcApp,\n defineSwcAppBody,\n defineSwcAppDiv,\n defineSwcAppSection,\n defineSwcAppMain,\n defineSwcAppArticle,\n defineSwcAppHeader,\n defineSwcAppFooter,\n defineSwcAppNav,\n defineSwcAppAside\n];\n\n// ============================================\n// Define All SwcApp Elements\n// ============================================\nexport const defineSwcAppAll = async (w: Window) => {\n await Promise.all(swcAppFactories.map(factory => factory(w)));\n return w.customElements.whenDefined(swcAppTagName);\n};\n\n// Default export for backward compatibility\nexport default defineSwcAppAll;"],
5
+ "mappings": "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",
6
+ "names": []
7
7
  }